holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add timestamp button widget, use it in infolog

Browse Source
This commit is contained in:
nathangray 2017-09-21 14:56:40 -06:00
parent cc50ca5ea4
commit 17debc8063
6 changed files with 173 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

168
api/js/etemplate/et2_widget_timestamper.js Normal file
View File

@ -0,0 +1,168 @@
/**
* EGroupware eTemplate2 - JS Timestamp button object
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @subpackage api
* @link http://www.egroupware.org
* @author Nathan Gray
* @copyright Nathan Gray 2017
*/
/*egw:uses
et2_button;
*/
/**
* Class which implements the "button-timestamper" XET-Tag
*
* Clicking the button puts the current time and current user at the end of
* the provided field.
*
* @augments et2_button
*/
var et2_timestamper = (function(){ "use strict"; return et2_button.extend([],
{
attributes: {
target: {
name: "Target field",
type: "string",
default: et2_no_init,
description: "Which field to place the timestamp in"
},
image: {
default: "timestamp"
},
background_image: {
default: true
}
},
/**
* Constructor
*
* @memberOf et2_button
*/
init: function() {
this._super.apply(this, arguments);
},
/**
* Overwritten to maintain an internal clicked attribute
*
* @param _ev
* @returns {Boolean}
*/
click: function(_ev) {
// ignore click on readonly button
if (this.options.readonly) return false;
this._insert_text();
if (!this._super.apply(this, arguments))
{
return false;
}
return true;
},
_insert_text: function() {
var text = "";
var now = new Date();
text += date(egw.preference('dateformat') + ' ' + (egw.preference("timeformat") === "12" ? "h:ia" : "H:i")+' ',now);
// Get properly formatted user name
var user = parseInt(egw.user('account_id'));
var accounts = egw.accounts('accounts');
for(var j = 0; j < accounts.length; j++)
{
if(accounts[j].value === user)
{
text += accounts[j].label;
break;
}
}
text += ': ';
var input = this._get_input(this.target);
var scrollPos = input.scrollTop;
var browser = ((input.selectionStart || input.selectionStart == "0") ?
"standards" : (document.selection ? "ie" : false ) );
var pos = 0;
// Find cursor or selection
if (browser == "ie")
{
input.focus();
var range = document.selection.createRange();
range.moveStart ("character", -input.value.length);
pos = range.text.length;
}
else if (browser == "standards")
{
pos = input.selectionStart;
};
// Insert the text
var front = (input.value).substring(0, pos);
var back = (input.value).substring(pos, input.value.length);
input.value = front+text+back;
// If CKEDitor, update it
if(CKEDITOR && CKEDITOR.instances[input.id])
{
window.setTimeout(function() {
CKEDITOR.instances[input.id].focus();
}, 10);
}
else
{
// Clean up a little
pos = pos + text.length;
if (browser == "ie") {
input.focus();
var range = document.selection.createRange();
range.moveStart ("character", -input.value.length);
range.moveStart ("character", pos);
range.moveEnd ("character", 0);
range.select();
}
else if (browser == "standards") {
input.selectionStart = pos;
input.selectionEnd = pos;
input.focus();
}
input.scrollTop = scrollPos;
}
},
_get_input: function _get_input(target)
{
var input = null;
var widget = null;
if(jQuery('#'+this.target).is('input'))
{
input = this.target;
}
else if (typeof target == 'string')
{
var widget = this.getRoot().getWidgetById(target);
}
else if (target.instanceOf && target.instanceOf(et2_IInput))
{
widget = target;
}
if(widget)
{
input = widget.input ? widget.input : widget.getDOMNode();
}
if(input.context)
{
input = input.get(0);
}
return input;
}
});}).call(this);
et2_register_widget(et2_timestamper, ["button-timestamp", "timestamper"]);

1
api/js/etemplate/etemplate2.js
View File

@ -38,6 +38,7 @@
et2_widget_htmlarea;
et2_widget_tabs;
et2_widget_taglist;
et2_widget_timestamper;
et2_widget_toolbar;
et2_widget_tree;
et2_widget_historylog;

BIN
api/templates/default/images/timestamp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

83
infolog/js/app.js
View File

@ -697,89 +697,6 @@ app.classes.infolog = AppJS.extend(
if (_widget.get_value()) this.et2._inst.submit();
},
/**
* Insert text at the cursor position (or end) of a text field
*
* @param {et2_inputWidget|string} widget Either a widget object or it's ID
* @param {string} text [text=timestamp username] Text to insert
*/
insert_text: function(widget, text)
{
if(typeof widget == 'string')
{
et2 = etemplate2.getById('infolog-edit');
if(et2)
{
widget = et2.widgetContainer.getWidgetById(widget);
}
}
if(!widget || !widget.input)
{
return;
}
if(!text)
{
var now = new Date();
text = date(egw.preference('dateformat') + ' ' + (egw.preference("timeformat") === "12" ? "h:ia" : "H:i")+' ',now);
// Get properly formatted user name
var user = parseInt(egw.user('account_id'));
var accounts = egw.accounts('accounts');
for(var j = 0; j < accounts.length; j++)
{
if(accounts[j].value === user)
{
text += accounts[j].label;
break;
}
}
text += ': ';
}
var input = widget.input[0];
var scrollPos = input.scrollTop;
var browser = ((input.selectionStart || input.selectionStart == "0") ?
"standards" : (document.selection ? "ie" : false ) );
var pos = 0;
// Find cursor or selection
if (browser == "ie")
{
input.focus();
var range = document.selection.createRange();
range.moveStart ("character", -input.value.length);
pos = range.text.length;
}
else if (browser == "standards")
{
pos = input.selectionStart;
};
// Insert the text
var front = (input.value).substring(0, pos);
var back = (input.value).substring(pos, input.value.length);
input.value = front+text+back;
// Clean up a little
pos = pos + text.length;
if (browser == "ie") {
input.focus();
var range = document.selection.createRange();
range.moveStart ("character", -input.value.length);
range.moveStart ("character", pos);
range.moveEnd ("character", 0);
range.select();
}
else if (browser == "standards") {
input.selectionStart = pos;
input.selectionEnd = pos;
input.focus();
}
input.scrollTop = scrollPos;
},
/**
* Toggle encryption
*

2
infolog/templates/default/edit.xet
View File

@ -187,7 +187,7 @@
</row>
<row class="et2_toolbar">
<description id="spacer" span="5"/>
<buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/>
<timestamper statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" target="info_des"/>
<buttononly statustext="Encrypt description" id="encrypt" class="infologExtraButton infologEncrypt" background_image="1" image="lock" onclick="app.infolog.toggleEncrypt"/>
</row>
<row>

BIN
pixelegg/images/timestamp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB