174 lines
		
	
	
		
			6.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			174 lines
		
	
	
		
			6.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| (function () {
 | |
| var insertdatetime = (function () {
 | |
|     'use strict';
 | |
| 
 | |
|     var Cell = function (initial) {
 | |
|       var value = initial;
 | |
|       var get = function () {
 | |
|         return value;
 | |
|       };
 | |
|       var set = function (v) {
 | |
|         value = v;
 | |
|       };
 | |
|       var clone = function () {
 | |
|         return Cell(get());
 | |
|       };
 | |
|       return {
 | |
|         get: get,
 | |
|         set: set,
 | |
|         clone: clone
 | |
|       };
 | |
|     };
 | |
| 
 | |
|     var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
 | |
| 
 | |
|     var getDateFormat = function (editor) {
 | |
|       return editor.getParam('insertdatetime_dateformat', editor.translate('%Y-%m-%d'));
 | |
|     };
 | |
|     var getTimeFormat = function (editor) {
 | |
|       return editor.getParam('insertdatetime_timeformat', editor.translate('%H:%M:%S'));
 | |
|     };
 | |
|     var getFormats = function (editor) {
 | |
|       return editor.getParam('insertdatetime_formats', [
 | |
|         '%H:%M:%S',
 | |
|         '%Y-%m-%d',
 | |
|         '%I:%M:%S %p',
 | |
|         '%D'
 | |
|       ]);
 | |
|     };
 | |
|     var getDefaultDateTime = function (editor) {
 | |
|       var formats = getFormats(editor);
 | |
|       return formats.length > 0 ? formats[0] : getTimeFormat(editor);
 | |
|     };
 | |
|     var shouldInsertTimeElement = function (editor) {
 | |
|       return editor.getParam('insertdatetime_element', false);
 | |
|     };
 | |
|     var Settings = {
 | |
|       getDateFormat: getDateFormat,
 | |
|       getTimeFormat: getTimeFormat,
 | |
|       getFormats: getFormats,
 | |
|       getDefaultDateTime: getDefaultDateTime,
 | |
|       shouldInsertTimeElement: shouldInsertTimeElement
 | |
|     };
 | |
| 
 | |
|     var daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
 | |
|     var daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
 | |
|     var monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
 | |
|     var monthsLong = 'January February March April May June July August September October November December'.split(' ');
 | |
|     var addZeros = function (value, len) {
 | |
|       value = '' + value;
 | |
|       if (value.length < len) {
 | |
|         for (var i = 0; i < len - value.length; i++) {
 | |
|           value = '0' + value;
 | |
|         }
 | |
|       }
 | |
|       return value;
 | |
|     };
 | |
|     var getDateTime = function (editor, fmt, date) {
 | |
|       date = date || new Date();
 | |
|       fmt = fmt.replace('%D', '%m/%d/%Y');
 | |
|       fmt = fmt.replace('%r', '%I:%M:%S %p');
 | |
|       fmt = fmt.replace('%Y', '' + date.getFullYear());
 | |
|       fmt = fmt.replace('%y', '' + date.getYear());
 | |
|       fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
 | |
|       fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
 | |
|       fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
 | |
|       fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
 | |
|       fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
 | |
|       fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
 | |
|       fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
 | |
|       fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
 | |
|       fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
 | |
|       fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
 | |
|       fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
 | |
|       fmt = fmt.replace('%%', '%');
 | |
|       return fmt;
 | |
|     };
 | |
|     var updateElement = function (editor, timeElm, computerTime, userTime) {
 | |
|       var newTimeElm = editor.dom.create('time', { datetime: computerTime }, userTime);
 | |
|       timeElm.parentNode.insertBefore(newTimeElm, timeElm);
 | |
|       editor.dom.remove(timeElm);
 | |
|       editor.selection.select(newTimeElm, true);
 | |
|       editor.selection.collapse(false);
 | |
|     };
 | |
|     var insertDateTime = function (editor, format) {
 | |
|       if (Settings.shouldInsertTimeElement(editor)) {
 | |
|         var userTime = getDateTime(editor, format);
 | |
|         var computerTime = void 0;
 | |
|         if (/%[HMSIp]/.test(format)) {
 | |
|           computerTime = getDateTime(editor, '%Y-%m-%dT%H:%M');
 | |
|         } else {
 | |
|           computerTime = getDateTime(editor, '%Y-%m-%d');
 | |
|         }
 | |
|         var timeElm = editor.dom.getParent(editor.selection.getStart(), 'time');
 | |
|         if (timeElm) {
 | |
|           updateElement(editor, timeElm, computerTime, userTime);
 | |
|         } else {
 | |
|           editor.insertContent('<time datetime="' + computerTime + '">' + userTime + '</time>');
 | |
|         }
 | |
|       } else {
 | |
|         editor.insertContent(getDateTime(editor, format));
 | |
|       }
 | |
|     };
 | |
|     var Actions = {
 | |
|       insertDateTime: insertDateTime,
 | |
|       getDateTime: getDateTime
 | |
|     };
 | |
| 
 | |
|     var register = function (editor) {
 | |
|       editor.addCommand('mceInsertDate', function () {
 | |
|         Actions.insertDateTime(editor, Settings.getDateFormat(editor));
 | |
|       });
 | |
|       editor.addCommand('mceInsertTime', function () {
 | |
|         Actions.insertDateTime(editor, Settings.getTimeFormat(editor));
 | |
|       });
 | |
|     };
 | |
|     var Commands = { register: register };
 | |
| 
 | |
|     var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
 | |
| 
 | |
|     var createMenuItems = function (editor, lastFormatState) {
 | |
|       var formats = Settings.getFormats(editor);
 | |
|       return global$1.map(formats, function (fmt) {
 | |
|         return {
 | |
|           text: Actions.getDateTime(editor, fmt),
 | |
|           onclick: function () {
 | |
|             lastFormatState.set(fmt);
 | |
|             Actions.insertDateTime(editor, fmt);
 | |
|           }
 | |
|         };
 | |
|       });
 | |
|     };
 | |
|     var register$1 = function (editor, lastFormatState) {
 | |
|       var menuItems = createMenuItems(editor, lastFormatState);
 | |
|       editor.addButton('insertdatetime', {
 | |
|         type: 'splitbutton',
 | |
|         title: 'Insert date/time',
 | |
|         menu: menuItems,
 | |
|         onclick: function () {
 | |
|           var lastFormat = lastFormatState.get();
 | |
|           Actions.insertDateTime(editor, lastFormat ? lastFormat : Settings.getDefaultDateTime(editor));
 | |
|         }
 | |
|       });
 | |
|       editor.addMenuItem('insertdatetime', {
 | |
|         icon: 'date',
 | |
|         text: 'Date/time',
 | |
|         menu: menuItems,
 | |
|         context: 'insert'
 | |
|       });
 | |
|     };
 | |
|     var Buttons = { register: register$1 };
 | |
| 
 | |
|     global.add('insertdatetime', function (editor) {
 | |
|       var lastFormatState = Cell(null);
 | |
|       Commands.register(editor);
 | |
|       Buttons.register(editor, lastFormatState);
 | |
|     });
 | |
|     function Plugin () {
 | |
|     }
 | |
| 
 | |
|     return Plugin;
 | |
| 
 | |
| }());
 | |
| })();
 | 
