plugin.js 6.9 KB

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