qms-angular 1.0.72 → 1.0.76

package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/removetooltipcommand.js

@@ -1,31 +1,47 @@
-import { Command } from 'ckeditor5/src/core';
-import { findAttributeRange } from 'ckeditor5/src/typing';
-import { TOOLTIP_ATTRIBUTE } from './utils';
+ 
 
-export default class RemoveTooltipCommand extends Command {
-    refresh() {
-        const model = this.editor.model;
-        this.isEnabled = model.schema.checkAttributeInSelection(model.document.selection, TOOLTIP_ATTRIBUTE);
-    }
+import { Command } from '@ckeditor/ckeditor5-core';
+import { findAttributeRange } from '@ckeditor/ckeditor5-typing';
+import { first } from '@ckeditor/ckeditor5-utils';
+import { isImageAllowed } from './utils';
+import { TOOLTIP_COMMANDS, HTML_ATTRIBUTE, HTML_CLASS, TOOLTIP_ATTRIBUTE, TOOLTIP_CUSTOM_PROPERTY } from './utils';
 
-    execute() {
-        const editor = this.editor;
-        const model = editor.model;
-        const selection = model.document.selection;
+export default class RemoveTooltipCommand extends Command {
+ 
+	refresh() {
+		const model = this.editor.model;
+		const doc = model.document;
+		const selectedElement = first(doc.selection.getSelectedBlocks());
 
-        model.change(writer => {
-            const selectedRanges = selection.isCollapsed ?
-                [findAttributeRange(
-                    selection.getFirstPosition(),
-                    TOOLTIP_ATTRIBUTE,
-                    selection.getAttribute(TOOLTIP_ATTRIBUTE),
-                    model
-                )] :
-                model.schema.getValidRanges(selection.getRanges(), TOOLTIP_ATTRIBUTE);
+		// A check for the `LinkImage` plugin. If the selection contains an image element, get values from the element.
+		// Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+		if (isImageAllowed(selectedElement, model.schema)) {
+			this.isEnabled = model.schema.checkAttribute(selectedElement, TOOLTIP_ATTRIBUTE);
+		} else {
+			this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, TOOLTIP_ATTRIBUTE);
+		}
+	}
+ 
+	execute() {
+		const editor = this.editor;
+		const model = editor.model;
+		const selection = model.document.selection;
+ 
+		model.change(writer => {
+			// Get ranges to unlink.
+			const rangesToUnlink = selection.isCollapsed ?
+				[findAttributeRange(
+					selection.getFirstPosition(),
+					TOOLTIP_ATTRIBUTE,
+					selection.getAttribute(TOOLTIP_ATTRIBUTE),
+					model
+				)] :
+				model.schema.getValidRanges(selection.getRanges(), TOOLTIP_ATTRIBUTE);
 
-            for (const range of selectedRanges) {
-                writer.removeAttribute(TOOLTIP_ATTRIBUTE, range);
-            }
-        });
-    }
+			// Remove `qmsTooltip` attribute from specified ranges.
+			for (const range of rangesToUnlink) {
+				writer.removeAttribute(TOOLTIP_ATTRIBUTE, range);
+			}
+		});
+	}
 }

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

@@ -1,14 +1,14 @@
-
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import TooltipEditing from './tooltipediting';
 import TooltipUI from './tooltipui';
  
 export default class Tooltip extends Plugin {
+ 
 	static get requires() {
-		return [TooltipEditing, TooltipUI];
+		return [ TooltipEditing, TooltipUI ];
 	}
  
 	static get pluginName() {
 		return 'Tooltip';
 	}
-}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/tooltipcommand.js

@@ -0,0 +1,75 @@
+import { Command } from '@ckeditor/ckeditor5-core';
+import { findAttributeRange } from '@ckeditor/ckeditor5-typing';
+import { toMap, first } from '@ckeditor/ckeditor5-utils';
+import { isImageAllowed, TOOLTIP_ATTRIBUTE } from './utils';
+
+export default class TooltipCommand extends Command {
+  
+	refresh() {
+		const model = this.editor.model;
+		const doc = model.document;
+		const selectedElement = first(doc.selection.getSelectedBlocks());
+ 
+		// A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.
+		// Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+		if (isImageAllowed(selectedElement, model.schema)) {
+			this.isEnabled = model.schema.checkAttribute(selectedElement, TOOLTIP_ATTRIBUTE);
+		} else {
+			this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, TOOLTIP_ATTRIBUTE);
+		}
+	}
+ 
+	execute(options) {
+		const model = this.editor.model;
+		const selection = model.document.selection;
+        model.change(writer => {
+			// If selection is collapsed then update selected link or insert new one at the place of caret.
+			if (selection.isCollapsed) {
+				const position = selection.getFirstPosition();
+
+				// When selection is inside text with `qmsTooltip` attribute.
+				if (selection.hasAttribute(TOOLTIP_ATTRIBUTE)) {
+					// Then update `qmsTooltip` value.
+					const linkRange = findAttributeRange(position, TOOLTIP_ATTRIBUTE, selection.getAttribute(TOOLTIP_ATTRIBUTE), model);
+ 
+					const attributes = toMap(selection.getAttributes());
+
+					attributes.set(TOOLTIP_ATTRIBUTE, options.content);
+
+					const { end: positionAfter } = model.insertContent(writer.createText(options.text, attributes), linkRange);
+
+					// Put the selection at the end of the inserted link.
+					// Using end of range returned from insertContent in case nodes with the same attributes got merged.
+					writer.setSelection(positionAfter);
+				}
+				else if (options.text !== '') {
+					const attributes = toMap(selection.getAttributes());
+
+					attributes.set(TOOLTIP_ATTRIBUTE, options.content);
+
+					const { end: positionAfter } = model.insertContent(writer.createText(options.text, attributes), position);
+
+					// Put the selection at the end of the inserted link.
+					// Using end of range returned from insertContent in case nodes with the same attributes got merged.
+					writer.setSelection(positionAfter);
+				}
+			} else {
+				const attributes = toMap(selection.getAttributes());
+
+				attributes.set(TOOLTIP_ATTRIBUTE, options.content);
+
+				const { end: positionAfter } = model.insertContent(writer.createText(options.text, attributes), selection);
+
+				writer.setSelection(positionAfter);
+			}
+			// Remove the `qmsTooltip` attribute and all link decorators from the selection.
+			// It stops adding a new content into the link element.
+			[TOOLTIP_ATTRIBUTE].forEach(item => {
+				writer.removeSelectionAttribute(item);
+			});
+			console.log('this.editor.getData()' + new Date().toISOString());
+			console.log(this.editor.getData());
+		});
+	}
+}
+

package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/tooltipdialogcommand.js

@@ -0,0 +1,68 @@
+import { Command } from '@ckeditor/ckeditor5-core';
+import { findAttributeRange } from '@ckeditor/ckeditor5-typing';
+import { first } from '@ckeditor/ckeditor5-utils';
+import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
+import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import { isImageAllowed, TOOLTIP_COMMANDS, TOOLTIP_ATTRIBUTE } from './utils';
+
+export default class TooltipDialogCommand extends Command {
+  
+	refresh() {
+		const model = this.editor.model;
+		const doc = model.document;
+		const selectedElement = first(doc.selection.getSelectedBlocks());
+		// A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.
+		// Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+		if (isImageAllowed(selectedElement, model.schema)) {
+            this.value = selectedElement.getAttribute(TOOLTIP_ATTRIBUTE);
+			this.isEnabled = model.schema.checkAttribute(selectedElement, TOOLTIP_ATTRIBUTE);
+		} else {
+            this.value = doc.selection.getAttribute(TOOLTIP_ATTRIBUTE);
+			this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, TOOLTIP_ATTRIBUTE);
+		}
+	}
+ 
+	execute() {
+        const editor = this.editor;
+		const model = editor.model;
+		const selection = model.document.selection;
+        const tooltip = { text: '', content: '' };
+        if(selection.isCollapsed){
+            if(selection.hasAttribute(TOOLTIP_ATTRIBUTE)){
+				const linkRange = findAttributeRange(selection.getFirstPosition(), TOOLTIP_ATTRIBUTE, selection.getAttribute(TOOLTIP_ATTRIBUTE), model);
+				for (const node of linkRange.getItems()) {
+					if ((node.is('text') || node.is('textProxy')) && node.hasAttribute(TOOLTIP_ATTRIBUTE)) {
+						tooltip.text = node.data;
+                    	tooltip.content = node.getAttribute(TOOLTIP_ATTRIBUTE);
+						break;
+					}
+				}
+			}
+        }
+        else
+        {
+            const ranges = selection.getFirstRange();
+            if(ranges)
+            {
+                for (const item of ranges.getItems()) {
+                    if (item.data) {
+                        tooltip.text = tooltip.text + item.data;
+                    }
+                }
+            }
+        }
+
+        QMSCKEditorService.tooltipNotify(tooltip);
+        window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING] = false;
+ 
+		window.addEventListener(QMSCKEditorConstant.QMSCK_TOOLTIP_PLUGIN_RESP, function (evt) {
+            if (window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING]) { 
+                return; 
+            }
+            const options = evt.detail;
+            editor.commands.get(TOOLTIP_COMMANDS.TOOLTIP).execute(options);
+            window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING] = true;            
+		}, { once: true }); 
+	}
+}
+