qms-angular 1.0.69 → 1.0.73

package/src/assets/qms-ckeditor-plugin/build/translations/zh.js

@@ -1 +1 @@
-!function(e){const i=e.zh=e.zh||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"%0/%1","Align center":"置中對齊","Align left":"靠左對齊","Align right":"靠右對齊",Aquamarine:"淺綠色",Big:"大",Black:"黑色","Block quote":"段落引用",Blue:"藍色",Bold:"粗體","Bulleted List":"符號清單",Cancel:"取消","Cannot upload file:":"無法上傳檔案：","Centered image":"置中圖片","Change image text alternative":"修改圖片的替代文字","Characters: %0":"字元數: %0","Choose heading":"選取標題",Column:"欄","Could not insert image at the current position.":"無法在這位置插入圖片","Could not obtain resized image URL.":"無法取得重設大小的圖片URL","Decrease indent":"減少縮排",Default:"預設","Delete column":"刪除欄","Delete row":"刪除列","Dim grey":"淡灰色","Document colors":"文件顏色","Dropdown toolbar":"下拉選單","Edit block":"編輯區塊","Editor toolbar":"編輯器工具","Enter image caption":"輸入圖片說明","Font Background Color":"前景顏色","Font Color":"字體顏色","Font Family":"字型","Font Size":"字體大小","Full size image":"完整尺寸圖片",Green:"綠色",Grey:"灰色","Header column":"標題欄","Header row":"標題列",Heading:"標題","Heading 1":"標題 1","Heading 2":"標題 2","Heading 3":"標題 3","Heading 4":"標題 4","Heading 5":"標題 5","Heading 6":"標題 6",Huge:"特大","Image resize list":"圖片縮放清單","Image toolbar":"圖片工具","image widget":"圖片小工具","Increase indent":"增加縮排","Insert column left":"插入左方欄","Insert column right":"插入右方欄","Insert image":"插入圖片","Insert image or file":"插入圖片或檔案","Insert paragraph after block":"在這個區塊後面插入一個段落","Insert paragraph before block":"在這個區塊前面插入一個段落","Insert row above":"插入上方列","Insert row below":"插入下方列","Insert table":"插入表格","Inserting image failed":"插入圖片失敗",Italic:"斜體",Justify:"左右對齊","Left aligned image":"向左對齊圖片","Light blue":"亮藍色","Light green":"亮綠色","Light grey":"亮灰色","Merge cell down":"合併下方儲存格","Merge cell left":"合併左方儲存格","Merge cell right":"合併右方儲存格","Merge cell up":"合併上方儲存格","Merge cells":"合併儲存格",Next:"下一","Numbered List":"有序清單",Orange:"橘色",Original:"原始圖片","Page break":"換頁",Paragraph:"段落",Previous:"上一",Purple:"紫色",Red:"紅色",Redo:"重做","Remove color":"移除顏色","Remove Format":"移除格式","Resize image":"縮放圖片","Resize image to %0":"縮放圖片到 %0","Resize image to the original size":"縮放圖片到原始尺寸","Rich Text Editor":"豐富文字編輯器","Rich Text Editor, %0":"豐富文字編輯器，%0","Right aligned image":"向右對齊圖片",Row:"列",Save:"儲存","Select all":"選取全部","Select column":"選擇欄","Select row":"選擇列","Selecting resized image failed":"選擇重設大小的圖片失敗","Show more items":"顯示更多","Side image":"側邊圖片",Small:"小","Split cell horizontally":"水平分割儲存格","Split cell vertically":"垂直分割儲存格",Strikethrough:"刪除線",Subscript:"下標",Superscript:"上標","Table toolbar":"表格工具","Text alignment":"文字對齊","Text alignment toolbar":"文字對齊","Text alternative":"替代文字",Tiny:"特小",Turquoise:"藍綠色",Underline:"底線",Undo:"取消","Upload failed":"上傳失敗","Upload in progress":"正在上傳",White:"白色","Widget toolbar":"小工具","Words: %0":"字數: %0",Yellow:"黃色"}),i.getPluralForm=function(e){return 0}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const t=e.zh=e.zh||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"%0/%1","Align cell text to the bottom":"向下對齊","Align cell text to the center":"置中對齊","Align cell text to the left":"靠左對齊","Align cell text to the middle":"置中對齊","Align cell text to the right":"靠右對齊","Align cell text to the top":"向上對齊","Align center":"置中對齊","Align left":"靠左對齊","Align right":"靠右對齊","Align table to the left":"靠左對齊","Align table to the right":"靠右對齊",Alignment:"對齊",Aquamarine:"淺綠色",Background:"背景顏色",Big:"大",Black:"黑色","Block quote":"段落引用",Blue:"藍色",Bold:"粗體",Border:"邊框","Bulleted List":"符號清單",Cancel:"取消","Cannot upload file:":"無法上傳檔案：","Cell properties":"儲存格屬性","Center table":"置中對齊","Centered image":"置中圖片","Change image text alternative":"修改圖片的替代文字","Characters: %0":"字元數: %0","Choose heading":"選取標題",Color:"文字顏色","Color picker":"顏色選擇",Column:"欄","Could not insert image at the current position.":"無法在這位置插入圖片","Could not obtain resized image URL.":"無法取得重設大小的圖片URL",Dashed:"虛線","Decrease indent":"減少縮排",Default:"預設","Delete column":"刪除欄","Delete row":"刪除列","Dim grey":"淡灰色",Dimensions:"尺寸","Document colors":"文件顏色",Dotted:"點線",Double:"雙線","Dropdown toolbar":"下拉選單","Edit block":"編輯區塊","Editor toolbar":"編輯器工具","Enter image caption":"輸入圖片說明","Font Background Color":"前景顏色","Font Color":"字體顏色","Font Family":"字型","Font Size":"字體大小","Full size image":"完整尺寸圖片",Green:"綠色",Grey:"灰色",Groove:"內凹線","Header column":"標題欄","Header row":"標題列",Heading:"標題","Heading 1":"標題 1","Heading 2":"標題 2","Heading 3":"標題 3","Heading 4":"標題 4","Heading 5":"標題 5","Heading 6":"標題 6",Height:"高度","Horizontal line":"水平線","Horizontal text alignment toolbar":"水平對齊",Huge:"特大","Image resize list":"圖片縮放清單","Image toolbar":"圖片工具","image widget":"圖片小工具","Increase indent":"增加縮排","Insert column left":"插入左方欄","Insert column right":"插入右方欄","Insert image":"插入圖片","Insert image or file":"插入圖片或檔案","Insert paragraph after block":"在這個區塊後面插入一個段落","Insert paragraph before block":"在這個區塊前面插入一個段落","Insert row above":"插入上方列","Insert row below":"插入下方列","Insert table":"插入表格","Inserting image failed":"插入圖片失敗",Inset:"內邊線",Italic:"斜體",Justify:"左右對齊","Justify cell text":"分散對齊","Left aligned image":"向左對齊圖片","Light blue":"亮藍色","Light green":"亮綠色","Light grey":"亮灰色","Merge cell down":"合併下方儲存格","Merge cell left":"合併左方儲存格","Merge cell right":"合併右方儲存格","Merge cell up":"合併上方儲存格","Merge cells":"合併儲存格",Next:"下一",None:"無","Numbered List":"有序清單",Orange:"橘色",Original:"原始圖片",Outset:"外框線",Padding:"儲存格留白","Page break":"換頁",Paragraph:"段落",Previous:"上一",Purple:"紫色",Red:"紅色",Redo:"重做","Remove color":"移除顏色","Remove Format":"移除格式","Resize image":"縮放圖片","Resize image to %0":"縮放圖片到 %0","Resize image to the original size":"縮放圖片到原始尺寸","Rich Text Editor":"豐富文字編輯器","Rich Text Editor, %0":"豐富文字編輯器，%0",Ridge:"凸起線","Right aligned image":"向右對齊圖片",Row:"列",Save:"儲存","Select all":"選取全部","Select column":"選擇欄","Select row":"選擇列","Selecting resized image failed":"選擇重設大小的圖片失敗","Show more items":"顯示更多","Side image":"側邊圖片",Small:"小",Solid:"實線","Split cell horizontally":"水平分割儲存格","Split cell vertically":"垂直分割儲存格",Strikethrough:"刪除線",Style:"樣式",Subscript:"下標",Superscript:"上標","Table alignment toolbar":"表格對齊","Table cell text alignment":"儲存格文字對齊","Table properties":"表格屬性","Table toolbar":"表格工具","Text alignment":"文字對齊","Text alignment toolbar":"文字對齊","Text alternative":"替代文字",'The color is invalid. Try "#FF0000" or "rgb(255,0,0)" or "red".':'顏色代碼錯誤。試試看 "#FF0000" 或 "rgb(255, 0, 0)" 或 "red"。','The value is invalid. Try "10px" or "2em" or simply "2".':'尺寸代碼錯誤。試試看 "10px" 或 "2em" 或簡單寫 "2"。',Tiny:"特小",Turquoise:"藍綠色",Underline:"底線",Undo:"取消","Upload failed":"上傳失敗","Upload in progress":"正在上傳","Vertical text alignment toolbar":"垂直對齊",White:"白色","Widget toolbar":"小工具",Width:"寬度","Words: %0":"字數: %0",Yellow:"黃色"}),t.getPluralForm=function(e){return 0}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/src/assets/qms-ckeditor-plugin/package-lock.json

@@ -599,6 +599,14 @@
         "ckeditor5": "^27.1.0"
       }
     },
+    "@ckeditor/ckeditor5-horizontal-line": {
+      "version": "27.1.0",
+      "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-horizontal-line/-/ckeditor5-horizontal-line-27.1.0.tgz",
+      "integrity": "sha512-BF0Ck98eG0ut81NP+dj4493EVlf/fp9C2SN4a4L7gXOxAJlJNs953g+B6AqVsMHhpwS5ujnsEExm1ukGkaYpmA==",
+      "requires": {
+        "ckeditor5": "^27.1.0"
+      }
+    },
     "@ckeditor/ckeditor5-html-embed": {
       "version": "27.1.0",
       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-html-embed/-/ckeditor5-html-embed-27.1.0.tgz",
@@ -1270,6 +1278,21 @@
       "integrity": "sha512-4vSVUiOPJLmr45S8rMGy7WDvpWxfFxfP/Qx/cxZFCfvoypTYpPPL1X8VIZMe0WTA+Jr7blUxwUSEZNkjoMTgSw==",
       "dev": true
     },
+    "@webspellchecker/wproofreader-ckeditor5": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@webspellchecker/wproofreader-ckeditor5/-/wproofreader-ckeditor5-2.0.6.tgz",
+      "integrity": "sha512-CD7KfoiiGknIgyLfek+0j2C7KuNEJ5mmfDy/wkaTN2yyfU7Slni/w6ZRdtPk2NX8EqxpTqXTYeguNcI+x+Itgw==",
+      "requires": {
+        "@ckeditor/ckeditor5-basic-styles": ">=16.0.0",
+        "@ckeditor/ckeditor5-dev-utils": ">=13.0.0",
+        "@ckeditor/ckeditor5-editor-classic": ">=16.0.0",
+        "@ckeditor/ckeditor5-essentials": ">=16.0.0",
+        "@ckeditor/ckeditor5-heading": ">=16.0.0",
+        "@ckeditor/ckeditor5-list": ">=16.0.0",
+        "@ckeditor/ckeditor5-paragraph": ">=16.0.0",
+        "@ckeditor/ckeditor5-theme-lark": ">=16.0.0"
+      }
+    },
     "@wiris/mathtype-ckeditor5": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@wiris/mathtype-ckeditor5/-/mathtype-ckeditor5-7.27.1.tgz",
@@ -1553,6 +1576,16 @@
       "dev": true,
       "optional": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -3329,6 +3362,13 @@
       "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
       "dev": true
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -4508,6 +4548,13 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
     },
+    "nan": {
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
+      "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==",
+      "dev": true,
+      "optional": true
+    },
     "nanoid": {
       "version": "3.1.22",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
@@ -9453,7 +9500,11 @@
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
         },
         "glob-parent": {
           "version": "3.1.0",

package/src/assets/qms-ckeditor-plugin/package.json

@@ -54,6 +54,8 @@
     "@ckeditor/ckeditor5-clipboard": "27.1.0",
     "@wiris/mathtype-ckeditor5": "^7.27.0",
     "@ckeditor/ckeditor5-page-break": "^27.1.0",
+    "@ckeditor/ckeditor5-horizontal-line": "^27.1.0",
+    "@webspellchecker/wproofreader-ckeditor5": "^2.0.6",
     "qms-angular": "^1.0.2"
   }
 }

package/src/assets/qms-ckeditor-plugin/src/ckeditor.js

@@ -25,6 +25,9 @@ import List from '@ckeditor/ckeditor5-list/src/list.js';
 import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph.js';
 import PasteFromOffice from '@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';
 import Table from '@ckeditor/ckeditor5-table/src/table.js';
+import TableProperties from '@ckeditor/ckeditor5-table/src/tableproperties';
+import TableCellProperties from '@ckeditor/ckeditor5-table/src/tablecellproperties.js';
+import TableSelection from '@ckeditor/ckeditor5-table/src/tableselection.js';
 import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar.js';
 import TextTransformation from '@ckeditor/ckeditor5-typing/src/texttransformation.js';
 import WordCount from '@ckeditor/ckeditor5-word-count/src/wordcount';
@@ -46,6 +49,7 @@ import VideoUpload from './plugins/video/videoupload.js';
 import RemoveFormat from '@ckeditor/ckeditor5-remove-format/src/removeformat.js';
 import Superscript from '@ckeditor/ckeditor5-basic-styles/src/superscript.js';
 import Subscript from '@ckeditor/ckeditor5-basic-styles/src/subscript.js';
+//import MathType from '@wiris/mathtype-ckeditor5';
 import Timestamp from './plugins/timestamp/timestamp.js';
 import SpecialCharacters from './plugins/ckeditor5-special-characters/src/specialcharacters.js';
 import SpecialCharactersArrows from './plugins/ckeditor5-special-characters/src/specialcharactersarrows.js';
@@ -56,12 +60,17 @@ import SpecialCharactersMathematical from './plugins/ckeditor5-special-character
 import Clipboard from '@ckeditor/ckeditor5-clipboard/src/clipboard';
 import FindAndReplace from './plugins/ckeditor5-find-and-replace/src/findandreplace.js';
 import Tooltip from './plugins/tooltip/tooltip.js';
-import QMSCKEditorBpmnPlugin from './plugins/bpmn/qmsCKEditorBpmnPlugin.js';
 import PageBreak from '@ckeditor/ckeditor5-page-break/src/pagebreak';
 import ImageMap from './plugins/imagemap/imagemap.js';
 import Indent from '@ckeditor/ckeditor5-indent/src/indent';
 import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
+import HorizontalLine from '@ckeditor/ckeditor5-horizontal-line/src/horizontalline';
 import ToggleToolbar from './plugins/toggletoolbar/toggletoolbar.js';
+import QMSCKEditorBpmnPlugin from './plugins/bpmn/qmsCKEditorBpmnPlugin.js';
+//import QMSCKEditorFlowchartPlugin from './plugins/flowchart/qmsCKEditorFlowchartPlugin.js';
+import TableOfContents from './plugins/tableofcontents/tableofcontents';
+import AboutCKEditor from './plugins/aboutckeditor/aboutckeditor.js';
+//import WProofreader from '@webspellchecker/wproofreader-ckeditor5/src/wproofreader';
 
 class Editor extends ClassicEditor {}
 
@@ -95,6 +104,9 @@ Editor.builtinPlugins = [
 	Paragraph,
 	Table,
 	TableToolbar,
+	TableProperties,
+	TableCellProperties,
+	TableSelection,
 	TextTransformation,
 	QMSCKEditorFullscreenPlugin,
 	QMSCKEditorTemplatePlugin,
@@ -109,6 +121,7 @@ Editor.builtinPlugins = [
   	RemoveFormat,
 	Superscript,
 	Subscript,
+	//MathType,
 	Timestamp,
 	SpecialCharacters,
 	SpecialCharactersArrows,
@@ -118,15 +131,20 @@ Editor.builtinPlugins = [
 	SpecialCharactersMathematical,
 	Clipboard,
 	PasteFromOffice,
-  	Tooltip,
+	Tooltip,
 	FindAndReplace,
 	PageBreak,
 	ImageMap,
-  	QMSCKEditorBpmnPlugin,
 	PageBreak,
 	Indent,
 	IndentBlock,
-	ToggleToolbar
+	HorizontalLine,
+	QMSCKEditorBpmnPlugin,
+	AboutCKEditor,
+	//QMSCKEditorFlowchartPlugin,
+	ToggleToolbar,
+	TableOfContents,
+	//WProofreader
 ];
 
 export default Editor;

package/src/assets/qms-ckeditor-plugin/src/plugins/aboutckeditor/aboutckeditor.js

@@ -0,0 +1,28 @@
+import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
+import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
+import informationIcon from '../../themes/icons/information.svg';
+import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import { version } from '@ckeditor/ckeditor5-utils';
+
+export default class AboutCKEditor extends Plugin {
+    init() {
+        const editor = this.editor;
+        const t = editor.t;
+        editor.ui.componentFactory.add('aboutCKEditor', locale => {
+            const buttonView = new ButtonView( locale );
+
+            buttonView.set( {
+                label: t('About CKEditor'),
+                icon: informationIcon,
+                withText: false,
+                tooltip: true
+            } );
+
+            buttonView.on('execute', () => {
+                QMSCKEditorService.aboutCKEditorNotify(version);
+            });
+
+            return buttonView;
+        } );
+    }
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/bpmn/bpmndialogcommand.js

@@ -0,0 +1,74 @@
+import { Command } from '@ckeditor/ckeditor5-core';
+import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
+import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import { IMAGEMAP_COMMANDS, createInsertedEvent } from '../imagemap/utils';
+import { debounced } from '../common/qmsCKEditorUtil';
+
+export default class BpmnDialogCommand extends Command {
+	execute() {
+    const editor = this.editor;
+    const isBpmn = this.isBpmnImage(editor.editing.view.document.selection.getSelectedElement(), editor.plugins.get('Image'))
+    if (isBpmn) {
+      const parentElement = editor.editing.view.document.selection.getSelectedElement();
+      const altAtr = parentElement.getChild(0).getAttribute('alt');
+      const arrAtr = altAtr.split("#");
+      const id = arrAtr[1];
+      QMSCKEditorService.bpmnNotify(id);
+    }
+    else {
+      QMSCKEditorService.bpmnNotify('');
+    }
+    window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING] = false;
+    window.addEventListener(QMSCKEditorConstant.QMSCK_BPMN_PLUGIN_RESP, function (evt) {
+      if (window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING]) {
+          return;
+      }
+      window[QMSCKEditorConstant.QMSCK_BPMN_IS_PROCESSING] = true;
+      editor.model.change( writer => {
+        const options = evt.detail.imagemap || {};
+          const imageElement = writer.createElement( 'image', {
+              src: evt.detail.values,
+              alt: evt.detail.key
+          });
+          // Insert the image in the current selection location.
+          editor.model.insertContent( imageElement, editor.model.document.selection );
+          if(!!options.areas && options.areas.length > 0){
+              editor.model.createSelection(imageElement, "in");//Set the current selection in the inserted image
+              const imageMapCommand = editor.commands.get(IMAGEMAP_COMMANDS.IMAGEMAP);
+              if(!!imageMapCommand){
+                imageMapCommand.set('isEnabled', true);//force to run the command
+                options.oldName = options.name;//Delete old image map if any
+                imageMapCommand.execute(options);
+                //resize image map when image width is greater than the widget width (600px)
+                if(options.imageWidth > 600){
+                  const resizeImageMapCommand = editor.commands.get(IMAGEMAP_COMMANDS.RESIZE_IMAGEMAP);
+                  if(!!resizeImageMapCommand){
+                    imageMapCommand.once(createInsertedEvent(options.name), debounced(() => {
+                        resizeImageMapCommand.set('isEnabled', true);//force to run the command
+                        resizeImageMapCommand.execute();
+                    }, 500));
+                  }
+                }
+              }
+          }
+      });
+    }, { once: true });
+	}
+
+  isBpmnImage( element, image ) {
+    const isImage = element && image.isImageWidget( element );
+
+    if ( !isImage ) {
+      return false;
+    }
+
+    const altAtr = element.getChild(0).getAttribute('alt')
+    if (altAtr && altAtr.includes(QMSCKEditorConstant.QMSCK_BPMN)) {
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+}
+

package/src/assets/qms-ckeditor-plugin/src/plugins/bpmn/qmsCKEditorBpmnPlugin.js

@@ -1,64 +1,26 @@
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
 import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 import BpmnIcon from '../../themes/icons/bpmn.svg';
-import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
-import * as QMSCKEditorService from '../common/qmsCKEditorService';
-
+import BpmnDialogCommand from './bpmndialogcommand';
 export default class QMSCKEditorBpmnPlugin extends Plugin {
     init() {
         const editor = this.editor;
         const t = editor.t;
         editor.ui.componentFactory.add('qmsBpmn', locale => {
             const view = new ButtonView(locale);
-
+            const command = editor.commands.get('bpmnDialog');
             view.set({
                 label: t('Business Process Model and Notation'),
                 icon: BpmnIcon,
                 tooltip: true
             });
-
+            view.bind('isEnabled').to(command);
             view.on('execute', () => {
-              const isBpmn = this.isBpmnImage(editor.editing.view.document.selection.getSelectedElement(), editor.plugins.get('Image'))
-              if (isBpmn) {
-                const parentElement = editor.editing.view.document.selection.getSelectedElement();
-                const altAtr = parentElement.getChild(0).getAttribute('alt');
-                const arrAtr = altAtr.split("#");
-                const id = arrAtr[1];
-                QMSCKEditorService.bpmnNotify(id);
-              }
-              else {
-                QMSCKEditorService.bpmnNotify('');
-              }
-              window.addEventListener(QMSCKEditorConstant.QMSCK_BPMN_PLUGIN_RESP, function (evt) {
-                editor.model.change( writer => {
-                    const imageElement = writer.createElement( 'image', {
-                        src: evt.detail.values,
-                        alt: evt.detail.key
-                    } );
-                    // Insert the image in the current selection location.
-                    editor.model.insertContent( imageElement, editor.model.document.selection );
-                } );
-              },
-              { once: true });
+              command.execute();
             });
-
             return view;
-        })
-    }
-
-    isBpmnImage( element, image ) {
-      const isImage = element && image.isImageWidget( element );
-
-      if ( !isImage ) {
-        return false;
-      }
+        });
 
-      const altAtr = element.getChild(0).getAttribute('alt')
-      if (altAtr && altAtr.includes(QMSCKEditorConstant.QMSCK_BPMN)) {
-        return true;
-      }
-      else {
-        return false;
-      }
+        editor.commands.add('bpmnDialog', new BpmnDialogCommand(editor));
     }
 }

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorConstant.js

@@ -21,6 +21,16 @@ export const QMSCK_IMAGEMAP_IS_PROCESSING = 'QMSCK_IMAGEMAP_IS_PROCESSING';
 export const QMSCK_BPMN_PLUGIN_MSG = 'QMSCK_BPMN_PLUGIN_MSG';
 export const QMSCK_BPMN_PLUGIN_RESP = 'QMSCK_BPMN_PLUGIN_RESP';
 export const QMSCK_BPMN = 'bpmn';
+/* About CKEditor */
+export const QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG = 'QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG';
+export const QMSCK_BPMN_IS_PROCESSING = 'QMSCK_BPMN_IS_PROCESSING';
+/* Flowchart */
+export const QMSCK_FLOWCHART_PLUGIN_MSG = 'QMSCK_FLOWCHART_PLUGIN_MSG';
+export const QMSCK_FLOWCHART_PLUGIN_RESP = 'QMSCK_FLOWCHART_PLUGIN_RESP';
+export const QMSCK_FLOWCHART = 'flowchart';
 /* Toolbar Toggle */
 export const QMSCK_TOGGLE_TOOLBAR_MSG = 'QMSCK_TOGGLE_TOOLBAR_MSG';
- 
+/* Browse Video */
+export const QMSCK_BROWSE_VIDEO_MSG = 'QMSCK_BROWSE_VIDEO_MSG';
+export const QMSCK_BROWSE_VIDEO_RESP = 'QMSCK_BROWSE_VIDEO_RESP';
+export const QMSCK_BROWSE_VIDEO_IS_PROCESSING = 'QMSCK_BROWSE_VIDEO_IS_PROCESSING';

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorService.js

@@ -79,3 +79,24 @@ export function bpmnNotify(value) {
       '*'
   );
 }
+
+
+export function uploadVideoNotify(value) {
+    window.postMessage(
+        {
+            eventName: constant.QMSCK_BROWSE_VIDEO_MSG,
+            value
+        },
+        '*'
+    );
+}
+
+export function aboutCKEditorNotify(value) {
+  window.postMessage(
+      {
+          eventName: constant.QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG,
+          value
+      },
+      '*'
+  );
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorUtil.js

@@ -37,19 +37,19 @@ function twoDigitPad(num) {
  * The default DateTime pattern is dd/MM/yyyy hh:mm:ss aaa
  *
  * DateTime Patterns:
- * 
+ *
  * yy = 2-digit year; yyyy = full year
- * 
+ *
  * M = digit month; MM = 2-digit month
- * 
+ *
  * d = digit day; dd = 2-digit day
- * 
+ *
  * h = hours am/pm; hh = 2-digit hours am/pm; H = hours; HH = 2-digit hours
- * 
+ *
  * m = minutes; mm = 2-digit minutes; aaa = AM/PM
- * 
+ *
  * s = seconds; ss = 2-digit seconds
- * 
+ *
  * S = miliseconds
  */
 export function formatDate(date, datetimeFormat){
@@ -89,3 +89,25 @@ export function formatDate(date, datetimeFormat){
       .replace('M', M)
       .replace('aaa', aaa);
 }
+
+export function trimStart(text, charToRemove){
+	if(text && text.length > 0){
+		if(text.charAt(0) == charToRemove){
+			return text.substring(1);
+		}
+	}
+	return text;
+}
+
+export function debounced(fn, delay) {
+	let timerId;
+	return function (...args) {
+	  if (timerId) {
+		clearTimeout(timerId);
+	  }
+	  timerId = setTimeout(() => {
+		fn(...args);
+		timerId = null;
+	  }, delay);
+	}
+  }

package/src/assets/qms-ckeditor-plugin/src/plugins/fullscreen/qmsCKEditorFullscreenPlugin.js

@@ -1,7 +1,9 @@
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
 import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 import fullscreenIcon from '../../themes/icons/fullscreen.svg';
+import fullscreenExitIcon from '../../themes/icons/fullscreen_exit.svg'
 import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import * as constant from '../common/qmsCKEditorConstant';
 
 export default class QMSCKEditorFullscreenPlugin extends Plugin {
     init() {
@@ -14,25 +16,34 @@ export default class QMSCKEditorFullscreenPlugin extends Plugin {
             const view = new ButtonView(locale);
 
             view.set({
-                label: 'Maximine/Minimine',
+                label: 'Maximine',
                 icon: fullscreenIcon,
                 tooltip: true
             });
-
+            const fullscreenClass = this.editor.config.get('fullScreenConfig.class') || 'qmsckeditor__fullscreen';
+             
             view.on('execute', () => {
-                const fullscreen = window.parent.document.getElementsByClassName('qmsckeditor__fullscreen');
-                if (fullscreen && fullscreen.length > 0) {
-                    editor.editing.view.change( writer => {
-                        writer.setStyle( 'height', 'calc(100vh - 180px)', editor.editing.view.document.getRoot() );
-                    } );
+                const ck = window.document.getElementById('qmsckeditor');
+                const isFullscreen = ck && ck.classList.contains(fullscreenClass);
+                if (!isFullscreen) {
+                    view.set({
+                        label: 'Minimine',
+                        icon: fullscreenExitIcon,
+                        tooltip: true
+                    });
+                    ck.classList.add(fullscreenClass);
                 }
                 else {
-                    editor.editing.view.change( writer => {
-                        writer.setStyle( 'height', 'calc(100vh - 150px)', editor.editing.view.document.getRoot() );
-                    } );
+                    view.set({
+                        label: 'Maximine',
+                        icon: fullscreenIcon,
+                        tooltip: true
+                    });
+                    if (ck.classList.contains(fullscreenClass)) {
+                        ck.classList.remove(fullscreenClass);
+                    }
                 }
-
-                QMSCKEditorService.fullscreenNotify(null);
+                QMSCKEditorService.fullscreenNotify(isFullscreen);
             })
 
             return view;