plugin.js 6.1 KB

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