lib/editor/tiny/js/tinymce/plugins/insertdatetime/plugin.js

   1 /**
   2  * TinyMCE version 6.6.2 (2023-08-09)
   3  */
   4
   5 (function () {
   6     'use strict';
   7
   8     var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
   9
  10     const option = name => editor => editor.options.get(name);
  11     const register$2 = editor => {
  12       const registerOption = editor.options.register;
  13       registerOption('insertdatetime_dateformat', {
  14         processor: 'string',
  15         default: editor.translate('%Y-%m-%d')
  16       });
  17       registerOption('insertdatetime_timeformat', {
  18         processor: 'string',
  19         default: editor.translate('%H:%M:%S')
  20       });
  21       registerOption('insertdatetime_formats', {
  22         processor: 'string[]',
  23         default: [
  24           '%H:%M:%S',
  25           '%Y-%m-%d',
  26           '%I:%M:%S %p',
  27           '%D'
  28         ]
  29       });
  30       registerOption('insertdatetime_element', {
  31         processor: 'boolean',
  32         default: false
  33       });
  34     };
  35     const getDateFormat = option('insertdatetime_dateformat');
  36     const getTimeFormat = option('insertdatetime_timeformat');
  37     const getFormats = option('insertdatetime_formats');
  38     const shouldInsertTimeElement = option('insertdatetime_element');
  39     const getDefaultDateTime = editor => {
  40       const formats = getFormats(editor);
  41       return formats.length > 0 ? formats[0] : getTimeFormat(editor);
  42     };
  43
  44     const daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
  45     const daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
  46     const monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
  47     const monthsLong = 'January February March April May June July August September October November December'.split(' ');
  48     const addZeros = (value, len) => {
  49       value = '' + value;
  50       if (value.length < len) {
  51         for (let i = 0; i < len - value.length; i++) {
  52           value = '0' + value;
  53         }
  54       }
  55       return value;
  56     };
  57     const getDateTime = (editor, fmt, date = new Date()) => {
  58       fmt = fmt.replace('%D', '%m/%d/%Y');
  59       fmt = fmt.replace('%r', '%I:%M:%S %p');
  60       fmt = fmt.replace('%Y', '' + date.getFullYear());
  61       fmt = fmt.replace('%y', '' + date.getYear());
  62       fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
  63       fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
  64       fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
  65       fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
  66       fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
  67       fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
  68       fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
  69       fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
  70       fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
  71       fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
  72       fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
  73       fmt = fmt.replace('%%', '%');
  74       return fmt;
  75     };
  76     const updateElement = (editor, timeElm, computerTime, userTime) => {
  77       const newTimeElm = editor.dom.create('time', { datetime: computerTime }, userTime);
  78       editor.dom.replace(newTimeElm, timeElm);
  79       editor.selection.select(newTimeElm, true);
  80       editor.selection.collapse(false);
  81     };
  82     const insertDateTime = (editor, format) => {
  83       if (shouldInsertTimeElement(editor)) {
  84         const userTime = getDateTime(editor, format);
  85         let computerTime;
  86         if (/%[HMSIp]/.test(format)) {
  87           computerTime = getDateTime(editor, '%Y-%m-%dT%H:%M');
  88         } else {
  89           computerTime = getDateTime(editor, '%Y-%m-%d');
  90         }
  91         const timeElm = editor.dom.getParent(editor.selection.getStart(), 'time');
  92         if (timeElm) {
  93           updateElement(editor, timeElm, computerTime, userTime);
  94         } else {
  95           editor.insertContent('<time datetime="' + computerTime + '">' + userTime + '</time>');
  96         }
  97       } else {
  98         editor.insertContent(getDateTime(editor, format));
  99       }
 100     };
 101
 102     const register$1 = editor => {
 103       editor.addCommand('mceInsertDate', (_ui, value) => {
 104         insertDateTime(editor, value !== null && value !== void 0 ? value : getDateFormat(editor));
 105       });
 106       editor.addCommand('mceInsertTime', (_ui, value) => {
 107         insertDateTime(editor, value !== null && value !== void 0 ? value : getTimeFormat(editor));
 108       });
 109     };
 110
 111     const Cell = initial => {
 112       let value = initial;
 113       const get = () => {
 114         return value;
 115       };
 116       const set = v => {
 117         value = v;
 118       };
 119       return {
 120         get,
 121         set
 122       };
 123     };
 124
 125     var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
 126
 127     const onSetupEditable = editor => api => {
 128       const nodeChanged = () => {
 129         api.setEnabled(editor.selection.isEditable());
 130       };
 131       editor.on('NodeChange', nodeChanged);
 132       nodeChanged();
 133       return () => {
 134         editor.off('NodeChange', nodeChanged);
 135       };
 136     };
 137     const register = editor => {
 138       const formats = getFormats(editor);
 139       const defaultFormat = Cell(getDefaultDateTime(editor));
 140       const insertDateTime = format => editor.execCommand('mceInsertDate', false, format);
 141       editor.ui.registry.addSplitButton('insertdatetime', {
 142         icon: 'insert-time',
 143         tooltip: 'Insert date/time',
 144         select: value => value === defaultFormat.get(),
 145         fetch: done => {
 146           done(global.map(formats, format => ({
 147             type: 'choiceitem',
 148             text: getDateTime(editor, format),
 149             value: format
 150           })));
 151         },
 152         onAction: _api => {
 153           insertDateTime(defaultFormat.get());
 154         },
 155         onItemAction: (_api, value) => {
 156           defaultFormat.set(value);
 157           insertDateTime(value);
 158         },
 159         onSetup: onSetupEditable(editor)
 160       });
 161       const makeMenuItemHandler = format => () => {
 162         defaultFormat.set(format);
 163         insertDateTime(format);
 164       };
 165       editor.ui.registry.addNestedMenuItem('insertdatetime', {
 166         icon: 'insert-time',
 167         text: 'Date/time',
 168         getSubmenuItems: () => global.map(formats, format => ({
 169           type: 'menuitem',
 170           text: getDateTime(editor, format),
 171           onAction: makeMenuItemHandler(format)
 172         })),
 173         onSetup: onSetupEditable(editor)
 174       });
 175     };
 176
 177     var Plugin = () => {
 178       global$1.add('insertdatetime', editor => {
 179         register$2(editor);
 180         register$1(editor);
 181         register(editor);
 182       });
 183     };
 184
 185     Plugin();
 186
 187 })();