qms-angular 1.1.76 → 1.1.77

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

@@ -68,6 +68,7 @@ import ToggleToolbar from './plugins/toggletoolbar/toggletoolbar.js';
 import Tooltip from './plugins/tooltip/tooltip.js';
 //import WProofreader from '@webspellchecker/wproofreader-ckeditor5/src/wproofreader';
 import SourceEditing from './plugins/ckeditor5-source-editing/src/sourceediting';
+import Collapsible from './plugins/collapsible/collapsible.js';
 import SpecialCharactersBlockElements from './plugins/ckeditor5-special-characters/src/specialcharactersblockelements.js';
 import SpecialCharactersBopomofo from './plugins/ckeditor5-special-characters/src/specialcharactersbopomofo.js';
 import SpecialCharactersBoxDrawing from './plugins/ckeditor5-special-characters/src/specialcharactersboxdrawing.js';
@@ -117,6 +118,7 @@ import SpecialCharactersLatinExtendedAdditional from './plugins/ckeditor5-specia
 import SpecialCharactersGreekExtended from './plugins/ckeditor5-special-characters/src/specialcharactersgreekextended.js';
 import SpecialCharactersGeneralPunctuation from './plugins/ckeditor5-special-characters/src/specialcharactersgeneralpunctuation.js';
 import SpecialCharactersSuperscriptsandSubscripts from './plugins/ckeditor5-special-characters/src/specialcharacterssuperscriptsandsubscripts.js';
+import Ingress from './plugins/heading/ingress/ingress.js';
 
 class Editor extends ClassicEditor { }
 
@@ -185,7 +187,8 @@ Editor.builtinPlugins = [
 	ToggleToolbar,
 	TableOfContents,
 	//WProofreader,
-	SourceEditing,
+  	SourceEditing,
+	Collapsible,
 	SoftHyphenPlugin,
 	QMSClipboardPlugin,
 	ShowBlocksnPlugin,
@@ -236,7 +239,8 @@ Editor.builtinPlugins = [
 	SpecialCharactersHiragana,
 	SpecialCharactersKatakana,
 	SpecialCharactersBopomofo,
-	SpecialCharactersSpecials
+	SpecialCharactersSpecials,
+	Ingress
 ];
 
 Editor.defaultConfig = {

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

@@ -0,0 +1,229 @@
+import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
+import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
+import angleUpDownIcon from '../../themes/icons/angles-up-down.svg';
+import CollapsibleCommand from './collapsiblecommand';
+export default class Collapsible extends Plugin {
+    init() {
+        const openAttribute = "open";
+        const editor = this.editor;
+        const t = editor.t;
+        editor.commands.add('collapsible', new CollapsibleCommand(editor));
+
+        // DETAILS TAG
+        editor.model.schema.register('Details', {
+            allowWhere: '$block',
+            allowContentOf: '$root',
+            allowAttributes: [openAttribute],
+        });
+
+        editor.conversion.for('downcast').elementToElement({ model: 'Details', view: 'details' });
+
+        editor.conversion.for('downcast').add(dispatcher => {
+            dispatcher.on('insert:Details', (evt, data, conversionApi) => {
+                const viewWriter = conversionApi.writer;
+
+                const openAttributeValue = data.item._attrs.get('open');
+                if (openAttributeValue !== null && openAttributeValue !== undefined) {
+                    viewWriter.setAttribute(openAttribute, openAttributeValue, conversionApi.mapper.toViewElement(data.item));
+                }
+            }, { priority: 'low' });
+        });
+
+        editor.conversion.for('upcast').elementToElement({
+            view: 'details',
+            model: (viewElement, { writer }) => {
+                const openAttributeValue = viewElement._attrs.get('open');
+                let attributes = {};
+                if (openAttributeValue !== null && openAttributeValue !== undefined) {
+                    attributes = { open: openAttributeValue };
+                }
+                let detailsElement = writer.createElement('Details', attributes);
+                if(!viewElement._children.some(x => x.name.toLowerCase() === "summary"))
+                {
+                    const summaryElement = writer.createElement('Summary');
+                    const titleSummary = writer.createText(t('Details'));
+                    writer.append(titleSummary, summaryElement);
+                    writer.append(summaryElement, detailsElement);
+                }
+                return detailsElement;
+            }
+        });
+
+        // SUMMARY TAG
+        editor.model.schema.register('Summary', {
+            allowWhere: '$block',
+            allowContentOf: '$block'
+        });
+
+        editor.conversion.for('downcast').elementToElement({ model: 'Summary', view: 'summary' });
+
+        editor.conversion.for('downcast').add(dispatcher => {
+            dispatcher.on('insert:Summary', (evt, data, conversionApi) => {
+                const viewWriter = conversionApi.writer;
+
+            }, { priority: 'low' });
+        });
+
+        editor.conversion.for('upcast').elementToElement({
+            view: 'summary',
+            model: (viewElement, { writer }) => {
+                return writer.createElement('Summary');
+            }
+        });
+
+        const viewDocument = this.editor.editing.view.document;
+
+        // Handle click on view document and when user click on details section, we must update open attribute
+        this.listenTo(viewDocument, 'click', (event, data) => {
+            const detailsElement = data.target.findAncestor('details');
+
+            if (detailsElement) {
+                editor.model.change(writer => {
+                    const modelElement = editor.editing.mapper.toModelElement(detailsElement);
+                    if (modelElement.hasAttribute(openAttribute)) {
+                        writer.removeAttribute(openAttribute, modelElement);
+                    }
+                    else {
+                        writer.setAttribute(openAttribute, "", modelElement);
+                    }
+                });
+            }
+        });
+
+        editor.editing.view.document.on('enter', (evt, data) => {
+            // if soft enter (shift + enter), keep it's default behavior
+            if (data.isSoft)
+                return;
+            const selection = editor.model.document.selection;
+            const firstPosition = selection.getFirstPosition();
+            const summaryElement = firstPosition.parent;
+
+            if (summaryElement.is('element', 'Summary')) {
+                evt.stop();
+                const detailsElement = summaryElement.findAncestor('Details');
+                if (detailsElement) {
+                    this.createTempParagraphContent(detailsElement, true);
+                }
+            }
+        });
+
+        this.listenTo(viewDocument, 'arrowKey', (evt, data) => {
+            // Handle arrow down event
+            if (data.keyCode === 40) {
+                const selection = editor.model.document.selection;
+                const firstPosition = selection.getFirstPosition();
+                const element = firstPosition.parent;
+
+                if (element.is('element')) {
+                    const detailsElement = element.findAncestor('Details');
+                    // check reach last element of details tag
+                    if (detailsElement && !element.nextSibling && !detailsElement.nextSibling) {
+                        this.createTempParagraphContent(detailsElement);
+                    }
+                    else if (element.is('element', 'Summary') && detailsElement && !detailsElement.nextSibling && !detailsElement.hasAttribute(openAttribute)) {
+                        this.createTempParagraphContent(detailsElement);
+                    }
+                }
+            }
+        });
+
+        editor.ui.componentFactory.add('collapsible', locale => {
+            const view = new ButtonView(locale);
+
+            view.set({
+                label: t('Collapsible'),
+                icon: angleUpDownIcon,
+                tooltip: true
+            });
+
+            view.bind('isEnabled').to(editor.commands.get('collapsible'));
+            // const selection = editor.model.document.selection;
+
+            editor.model.document.selection.on('change:range', () => {
+                // Disable plugin when selection not a paragraph.
+                const selectedElements = Array.from(editor.model.document.selection.getSelectedBlocks());
+
+                if (editor.isReadOnly || (selectedElements && (selectedElements.length !== 1 || selectedElements[0].name !== "paragraph"))) {
+                    view.isEnabled = false;
+                }
+                else
+                {
+                    view.isEnabled = true;
+                }
+            });
+
+
+            view.on('execute', () => {
+                editor.model.change(writer => {
+                    // Create a <details> element with an editable <summary> element
+                    const detailsElement = writer.createElement('Details');
+                    writer.setAttribute(openAttribute, "", detailsElement);
+
+                    // Create <summary>
+                    const summaryElement = writer.createElement('Summary');
+                    const selectedElements = Array.from(editor.model.document.selection.getSelectedBlocks());
+                    if (selectedElements && selectedElements.length === 1 && selectedElements[0].name === "paragraph") {
+
+                        const selection = editor.model.document.selection;
+                        const range = selection.getFirstRange();
+
+                        let haveInputDataSummary = 0;
+
+                        for (const item of range.getItems()) {
+                            var itemText = writer.createText(item.data, item.textNode.getAttributes());
+                            writer.append(itemText, summaryElement);
+                            haveInputDataSummary = 1;
+                        }
+
+                        if(haveInputDataSummary === 0)
+                        {
+                            const titleSummary = writer.createText(t('Collapsible title'), { bold: true });
+                            writer.append(titleSummary, summaryElement);
+                        }
+                    }
+                    else
+                    {
+                        const titleSummary = writer.createText(t('Collapsible title'), { bold: true });
+                        writer.append(titleSummary, summaryElement);
+                    }
+
+                    // Append summary to the details element
+                    writer.append(summaryElement, detailsElement);
+
+
+                    // Add default endline for collapsible content
+                    const paragraphElement = writer.createElement('paragraph');
+
+                    const defaultContent = writer.createText(t('Collapsible content'));
+                    writer.append(defaultContent, paragraphElement);
+                    writer.append(paragraphElement, detailsElement);
+                    const endLineElement = writer.createElement('paragraph');
+
+                    const endLine = writer.createText('-----------------------------------------------------');
+                    writer.append(endLine, endLineElement);
+                    writer.append(endLineElement, detailsElement);
+
+                    editor.model.insertContent(detailsElement, editor.model.document.selection);
+                });
+            });
+
+            return view;
+        });
+    }
+
+    createTempParagraphContent(detailsElement, addContentBefore) {
+        this.editor.model.change(writer => {
+            let position = writer.createPositionAfter(detailsElement);
+
+            if(addContentBefore)
+            {
+                position = writer.createPositionBefore(detailsElement);
+            }
+            const newParagraph = writer.createElement('paragraph');
+
+            writer.insert(newParagraph, position);
+
+            writer.setSelection(newParagraph, 'in');
+        });
+    }
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/collapsible/collapsiblecommand.js

@@ -0,0 +1,13 @@
+import { Command } from '@ckeditor/ckeditor5-core';
+
+export default class CollapsibleCommand extends Command {
+
+    constructor(editor) {
+        super(editor);
+
+    }
+    // disable button in toolbar
+    execute() {
+
+    }
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/heading/headingediting.js

@@ -1,163 +1,165 @@
-/**
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-
-/**
- * @module heading/headingediting
- */
-
-import { Plugin } from 'ckeditor5/src/core';
-import { Paragraph } from 'ckeditor5/src/paragraph';
-import { priorities } from 'ckeditor5/src/utils';
-
-import HeadingCommand from './headingcommand';
-
-const defaultModelElement = 'paragraph';
-
-/**
- * The headings engine feature. It handles switching between block formats – headings and paragraph.
- * This class represents the engine part of the heading feature. See also {@link module:heading/heading~Heading}.
- * It introduces `heading1`-`headingN` commands which allow to convert paragraphs into headings.
- *
- * @extends module:core/plugin~Plugin
- */
-export default class HeadingEditing extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'HeadingEditing';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	constructor( editor ) {
-		super( editor );
-
-		editor.config.define( 'heading', {
-			options: [
-				{ model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
-				{ model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
-				{ model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' },
-				{ model: 'heading3', view: 'h3', title: 'Heading 3', class: 'ck-heading_heading3' }
-			]
-		} );
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ Paragraph ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const options = editor.config.get( 'heading.options' );
-
-		const modelElements = [];
-
-		for ( const option of options ) {
-			// Skip paragraph - it is defined in required Paragraph feature.
-			if ( option.model !== defaultModelElement ) {
-				// Schema.
-				editor.model.schema.register( option.model, {
-					allowIn: '$root',
-					inheritAllFrom: '$block'
-				} );
-
-				editor.conversion.elementToElement( option );
-
-				modelElements.push( option.model );
-			}
-		}
-
-		this._addClassToAllHeading( editor );
-
-		// Register the heading command for this option.
-		editor.commands.add( 'heading', new HeadingCommand( editor, modelElements ) );
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	afterInit() {
-		// If the enter command is added to the editor, alter its behavior.
-		// Enter at the end of a heading element should create a paragraph.
-		const editor = this.editor;
-		const enterCommand = editor.commands.get( 'enter' );
-		const options = editor.config.get( 'heading.options' );
-
-		if ( enterCommand ) {
-			this.listenTo( enterCommand, 'afterExecute', ( evt, data ) => {
-				const positionParent = editor.model.document.selection.getFirstPosition().parent;
-				const isHeading = options.some( option => positionParent.is( 'element', option.model ) );
-
-				if ( isHeading && !positionParent.is( 'element', defaultModelElement ) && positionParent.childCount === 0 ) {
-					data.writer.rename( positionParent, defaultModelElement );
-				}
-			} );
-		}
-	}
-
-	/**
-	 * Adds default conversion for `h1` -> `heading1` with a low priority.
-	 *
-	 * @private
-	 * @param {module:core/editor/editor~Editor} editor Editor instance on which to add the `h1` conversion.
-	 */
-	_addDefaultH1Conversion( editor ) {
-		editor.conversion.for( 'upcast' ).elementToElement( {
-			model: 'heading1',
-			view: 'h1',
-			// With a `low` priority, `paragraph` plugin autoparagraphing mechanism is executed. Make sure
-			// this listener is called before it. If not, `h1` will be transformed into a paragraph.
-			converterPriority: priorities.get( 'low' ) + 1
-		} )
-	}
-
-	/**
-	 *  This plugin brings customization to the downcast pipeline of the editor.
-	 *
-	 * @private
-	 * @param {module:core/editor/editor~Editor} editor
-	 */
-	_addClassToAllHeading( editor ) {
-		// Both the data and the editing pipelines are affected by this conversion.
-		editor.conversion.for( 'downcast' ).add( dispatcher => {
-			// Headings are represented in the model as a "heading1" element.
-			// Use the "low" listener priority to apply the changes after the headings feature.
-			dispatcher.on( 'insert:heading1', ( evt, data, conversionApi ) => {
-				const viewWriter = conversionApi.writer;
-	
-				viewWriter.addClass( 'radEdH1', conversionApi.mapper.toViewElement( data.item ) );
-			}, { priority: 'low' } );
-		} );
-
-		editor.conversion.for( 'downcast' ).add( dispatcher => {
-			// Headings are represented in the model as a "heading2" element.
-			// Use the "low" listener priority to apply the changes after the headings feature.
-			dispatcher.on( 'insert:heading2', ( evt, data, conversionApi ) => {
-				const viewWriter = conversionApi.writer;
-	
-				viewWriter.addClass( 'radEdH2', conversionApi.mapper.toViewElement( data.item ) );
-			}, { priority: 'low' } );
-		} );
-
-		editor.conversion.for( 'downcast' ).add( dispatcher => {
-			// Headings are represented in the model as a "heading3" element.
-			// Use the "low" listener priority to apply the changes after the headings feature.
-			dispatcher.on( 'insert:heading3', ( evt, data, conversionApi ) => {
-				const viewWriter = conversionApi.writer;
-	
-				viewWriter.addClass( 'radEdH3', conversionApi.mapper.toViewElement( data.item ) );
-			}, { priority: 'low' } );
-		} );
-	}
-	
-}
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module heading/headingediting
+ */
+
+import { Plugin } from 'ckeditor5/src/core';
+import { Paragraph } from 'ckeditor5/src/paragraph';
+import { priorities } from 'ckeditor5/src/utils';
+
+import HeadingCommand from './headingcommand';
+import Ingress from './ingress/ingress';
+
+const defaultModelElement = 'paragraph';
+
+/**
+ * The headings engine feature. It handles switching between block formats – headings and paragraph.
+ * This class represents the engine part of the heading feature. See also {@link module:heading/heading~Heading}.
+ * It introduces `heading1`-`headingN` commands which allow to convert paragraphs into headings.
+ *
+ * @extends module:core/plugin~Plugin
+ */
+export default class HeadingEditing extends Plugin {
+	/**
+	 * @inheritDoc
+	 */
+	static get pluginName() {
+		return 'HeadingEditing';
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	constructor( editor ) {
+		super( editor );
+
+		editor.config.define( 'heading', {
+			options: [
+				{ model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
+				{ model: 'ingress', title: 'Ingress', class: 'ck-heading_ingress' },
+				{ model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
+				{ model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' },
+				{ model: 'heading3', view: 'h3', title: 'Heading 3', class: 'ck-heading_heading3' }
+			]
+		} );
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	static get requires() {
+		return [ Paragraph , Ingress];
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	init() {
+		const editor = this.editor;
+		const options = editor.config.get( 'heading.options' );
+
+		const modelElements = [];
+
+		for ( const option of options ) {
+			// Skip paragraph - it is defined in required Paragraph feature.
+			if ( option.model !== defaultModelElement && option.model !== 'ingress' ) {
+				// Schema.
+				editor.model.schema.register( option.model, {
+					allowIn: '$root',
+					inheritAllFrom: '$block'
+				} );
+
+				editor.conversion.elementToElement( option );
+
+				modelElements.push( option.model );
+			}
+		}
+
+		this._addClassToAllHeading( editor );
+
+		// Register the heading command for this option.
+		editor.commands.add( 'heading', new HeadingCommand( editor, modelElements ) );
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	afterInit() {
+		// If the enter command is added to the editor, alter its behavior.
+		// Enter at the end of a heading element should create a paragraph.
+		const editor = this.editor;
+		const enterCommand = editor.commands.get( 'enter' );
+		const options = editor.config.get( 'heading.options' );
+
+		if ( enterCommand ) {
+			this.listenTo( enterCommand, 'afterExecute', ( evt, data ) => {
+				const positionParent = editor.model.document.selection.getFirstPosition().parent;
+				const isHeading = options.some( option => positionParent.is( 'element', option.model ) );
+
+				if ( isHeading && (!positionParent.is( 'element', defaultModelElement ) && !positionParent.is( 'element', 'ingress' )) && positionParent.childCount === 0 ) {
+					data.writer.rename( positionParent, defaultModelElement );
+				}
+			} );
+		}
+	}
+
+	/**
+	 * Adds default conversion for `h1` -> `heading1` with a low priority.
+	 *
+	 * @private
+	 * @param {module:core/editor/editor~Editor} editor Editor instance on which to add the `h1` conversion.
+	 */
+	_addDefaultH1Conversion( editor ) {
+		editor.conversion.for( 'upcast' ).elementToElement( {
+			model: 'heading1',
+			view: 'h1',
+			// With a `low` priority, `paragraph` plugin autoparagraphing mechanism is executed. Make sure
+			// this listener is called before it. If not, `h1` will be transformed into a paragraph.
+			converterPriority: priorities.get( 'low' ) + 1
+		} )
+	}
+
+	/**
+	 *  This plugin brings customization to the downcast pipeline of the editor.
+	 *
+	 * @private
+	 * @param {module:core/editor/editor~Editor} editor
+	 */
+	_addClassToAllHeading( editor ) {
+		// Both the data and the editing pipelines are affected by this conversion.
+		editor.conversion.for( 'downcast' ).add( dispatcher => {
+			// Headings are represented in the model as a "heading1" element.
+			// Use the "low" listener priority to apply the changes after the headings feature.
+			dispatcher.on( 'insert:heading1', ( evt, data, conversionApi ) => {
+				const viewWriter = conversionApi.writer;
+	
+				viewWriter.addClass( 'radEdH1', conversionApi.mapper.toViewElement( data.item ) );
+			}, { priority: 'low' } );
+		} );
+
+		editor.conversion.for( 'downcast' ).add( dispatcher => {
+			// Headings are represented in the model as a "heading2" element.
+			// Use the "low" listener priority to apply the changes after the headings feature.
+			dispatcher.on( 'insert:heading2', ( evt, data, conversionApi ) => {
+				const viewWriter = conversionApi.writer;
+	
+				viewWriter.addClass( 'radEdH2', conversionApi.mapper.toViewElement( data.item ) );
+			}, { priority: 'low' } );
+		} );
+
+		editor.conversion.for( 'downcast' ).add( dispatcher => {
+			// Headings are represented in the model as a "heading3" element.
+			// Use the "low" listener priority to apply the changes after the headings feature.
+			dispatcher.on( 'insert:heading3', ( evt, data, conversionApi ) => {
+				const viewWriter = conversionApi.writer;
+	
+				viewWriter.addClass( 'radEdH3', conversionApi.mapper.toViewElement( data.item ) );
+			}, { priority: 'low' } );
+		} );
+	}
+	
+}