Add timestamp button widget, use it in infolog

api/js/etemplate/et2_widget_timestamper.js

@@ -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"]);

api/js/etemplate/etemplate2.js

@@ -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;

infolog/js/app.js

@@ -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
 	 *

infolog/templates/default/edit.xet

@@ -197,7 +197,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>