qms-angular 1.0.54 → 1.0.58

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

@@ -1,6 +1,6 @@
 
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
-import tooltipIcon from '../../themes/icons/tooltip.svg';
+import informationIcon from '../../themes/icons/information.svg';
 import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
 import * as QMSCKEditorService from '../common/qmsCKEditorService';
 import ActionsView from './ui/actionsview';
@@ -12,7 +12,7 @@ export default class TooltipUI extends Plugin {
 	static get requires() {
 		return [ContextualBalloon];
 	}
-
+ 
 	static get pluginName() {
 		return 'TooltipUI';
 	}
@@ -24,25 +24,25 @@ export default class TooltipUI extends Plugin {
 	get _isInBalloon() {
 		return this._balloon.hasView(this._actionView);
 	}
-
+ 
     init() {
         const editor = this.editor;
         const t = editor.t;
         const view = editor.editing.view;
-
+ 
         view.addObserver(ClickObserver);
         this._createActionsView();
-
+ 
         editor.ui.componentFactory.add('tooltip', locale => {
             const buttonView = new ButtonView(locale);
 
             buttonView.set({
                 label: t('Tooltip'),
-                icon: tooltipIcon,
-                withText: false,
+                icon: informationIcon,
+                withText: true,
                 tooltip: true
             });
-
+ 
 			// Bind button to the command.
             const insertTooltipCommand = editor.commands.get(INSERT_TOOLTIP_COMMAND);
 			buttonView.bind('isEnabled').to(insertTooltipCommand, 'isEnabled' );
@@ -55,26 +55,26 @@ export default class TooltipUI extends Plugin {
             return buttonView;
         });
     }
-
+ 
 	destroy() {
 		super.destroy();
 		this._actionView.destroy();
 	}
-
+ 
 	_createActionsView() {
 		const editor = this.editor;
 		const view = editor.editing.view;
 		const viewDocument = view.document;
 		this._balloon = this.editor.plugins.get('ContextualBalloon');
-		this._actionView = new ActionsView(editor.locale);
+		this._actionView = new ActionsView(editor.locale); 
 
 		const insertTooltipCommand = editor.commands.get(INSERT_TOOLTIP_COMMAND);
 		const removeTooltipCommand = editor.commands.get(REMOVE_TOOLTIP_COMMAND);
-
+ 
 		this._actionView.bind(TOOLTIP_ATTRIBUTE).to( insertTooltipCommand, 'value');
 		this._actionView.editButtonView.bind('isEnabled').to(insertTooltipCommand);
 		this._actionView.removeButtonView.bind('isEnabled').to(removeTooltipCommand);
-
+	 
 		this.listenTo(this._actionView, 'edit', () => {
             const tooltip = { text: '', content: '' };
             const selectedElement = this._getSelectedTooltipElement();
@@ -93,7 +93,7 @@ export default class TooltipUI extends Plugin {
             editor.execute(REMOVE_TOOLTIP_COMMAND);
 			this._hideActionsView(true);
 		});
-
+ 
 		this._actionView.keystrokes.set('Esc', (data, cancel) => {
 			this._hideActionsView(true);
 			cancel();
@@ -106,7 +106,7 @@ export default class TooltipUI extends Plugin {
 				this._showActionsView();
 			}
 		});
-
+ 
 		// Close on click outside of balloon panel element.
 		clickOutsideHandler({
 			emitter: this._actionView,
@@ -124,18 +124,18 @@ export default class TooltipUI extends Plugin {
 		const viewDocument = editor.editing.view.document;
 		//const command = editor.commands.get('imageTextAlternative');
 		//const labeledInput = this._actionView.labeledInput;
-
+ 
 		if (!this._isInBalloon) {
 			this._balloon.add({
 				view: this._actionView,
 				position: this._getBalloonPositionData()
 			});
 		}
-
+ 
 		// Reposition the balloon or hide the form if an tooltip is no longer selected.
 		const prevSelectedElement = this._getSelectedTooltipElement();
 		const prevSelectionParent = getSelectionParent(viewDocument);
-
+		 
 		this.listenTo(editor.ui, 'update', () => {
 			const selectedElement = this._getSelectedTooltipElement();
 			const selectionParent = getSelectionParent(viewDocument);
@@ -143,9 +143,9 @@ export default class TooltipUI extends Plugin {
 			if ((prevSelectedElement && !selectedElement) || (!prevSelectedElement && selectionParent !== prevSelectionParent)) {
 				this._hideActionsView(true);
 			}
-			else if (this._isVisible)
+			else if (this._isVisible) 
 			{
-				this._balloon.updatePosition(this._getBalloonPositionData());
+				this._balloon.updatePosition(this._getBalloonPositionData());              
 			}
 		});
 	}
@@ -162,7 +162,7 @@ export default class TooltipUI extends Plugin {
 		if (!this._isInBalloon) {
 			return;
 		}
-
+ 
 		if (this._actionView.focusTracker.isFocused) {
 			this._actionView.removeButtonView.focus();
 		}
@@ -179,7 +179,7 @@ export default class TooltipUI extends Plugin {
 		const selection = view.document.selection;
 		if (selection.isCollapsed) {
 			return findTooltipElementAncestor(selection.getFirstPosition());
-		}
+		} 
         else {
 			// The range for fully selected link is usually anchored in adjacent text nodes.
 			// Trim it to get closer to the actual link element.
@@ -193,10 +193,11 @@ export default class TooltipUI extends Plugin {
 			// Check if the link element is fully selected.
 			if (view.createRangeIn(startTooltip).getTrimmed().isEqual(range)) {
 				return startTooltip;
-			}
+			} 
 			else {
 				return null;
 			}
 		}
 	}
 }
+ 

package/src/assets/qms-ckeditor-plugin/src/themes/icons/information.svg

@@ -1 +1,50 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M256,85.333c-23.531,0-42.667,19.135-42.667,42.667s19.135,42.667,42.667,42.667s42.667-19.135,42.667-42.667
+				S279.531,85.333,256,85.333z M256,149.333c-11.76,0-21.333-9.573-21.333-21.333s9.573-21.333,21.333-21.333
+				s21.333,9.573,21.333,21.333S267.76,149.333,256,149.333z"/>
+			<path d="M288,192h-85.333c-5.896,0-10.667,4.771-10.667,10.667v42.667c0,5.896,4.771,10.667,10.667,10.667h10.667v160
+				c0,5.896,4.771,10.667,10.667,10.667h64c5.896,0,10.667-4.771,10.667-10.667V202.667C298.667,196.771,293.896,192,288,192z
+				 M277.333,405.333h-42.667v-160c0-5.896-4.771-10.667-10.667-10.667h-10.667v-21.333h64V405.333z"/>
+			<path d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,490.667
+				C126.604,490.667,21.333,385.396,21.333,256S126.604,21.333,256,21.333S490.667,126.604,490.667,256S385.396,490.667,256,490.667
+				z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/qms-ckeditor-plugin/src/themes/icons/timestamp.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" height="512" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 1005.714286C241.371429 1005.714286 18.285714 782.628571 18.285714 512 18.285714 241.371429 241.371429 18.285714 512 18.285714c270.628571 0 493.714286 223.085714 493.714286 493.714286C1005.714286 782.628571 782.628571 1005.714286 512 1005.714286zM512 76.8C270.628571 76.8 76.8 270.628571 76.8 512S270.628571 947.2 512 947.2c241.371429 0 435.2-193.828571 435.2-435.2S753.371429 76.8 512 76.8zM709.485714 669.257143c-3.657143 0-10.971429 0-14.628571-3.657143l-215.771429-120.685714L479.085714 256c0-14.628571 14.628571-29.257143 29.257143-29.257143s29.257143 14.628571 29.257143 29.257143L537.6 512l182.857143 102.4c14.628571 7.314286 18.285714 25.6 10.971429 40.228571C731.428571 661.942857 720.457143 669.257143 709.485714 669.257143z" /></svg>

package/src/lib/components/qms-app-bar/qms-app-bar.component.scss

@@ -31,6 +31,13 @@
 
     .icon-title {
       color: #666666;
+      padding: 0;
+      min-width: 0;
+      width: 40px;
+      height: 40px;
+      flex-shrink: 0;
+      line-height: 40px;
+      border-radius: 50%;
     }
 
     .content-title {

package/src/lib/components/select-include-children/select-include-children.component.scss

@@ -0,0 +1,309 @@
+@import "../../../themes/color.scss";
+@import "../../../themes/core/scrollbar.scss";
+@import "../../../themes/core/button.scss";
+
+.qmslib__related__popup__container {
+  .input__field {
+    display: flex;
+    align-items: center;
+
+    input {
+      width: 100%;
+      padding: 10px;
+      outline: none;
+      border: none;
+      background: $background-input-text;
+    }
+
+    .mat-icon {
+      margin-left: -30px;
+      cursor: pointer;
+      vertical-align: middle;
+    }
+  }
+
+  .line__divider {
+    border-bottom: 1px solid #ccc;
+    height: 1px;
+    margin-top: 10px;
+    min-width: 300px;
+    max-width: 100%;
+  }
+
+  .button__close {
+    float: right;
+    top: -24px;
+    right: -24px;
+    cursor: pointer;
+  }
+
+  .panel__content {
+    height: 450px;
+    overflow: auto;
+    margin-top: 12px;
+  }
+
+  .panel__content_item {
+    height: 350px;
+    overflow: auto;
+    margin-top: 12px;
+  }
+
+  .panel-tree {
+    .mat-expansion-panel-body {
+      padding: 0 12px 12px;
+    }
+  }
+
+  .mat-expansion-panel-header {
+    height: 30px;
+    font-size: 12px;
+    letter-spacing: 1px;
+    font-family: 'Raleway';
+    font-weight: 600;
+    padding: 0;
+
+    .mat-expansion-panel-header-title {
+      align-items: center;
+      margin-left: 12px;
+    }
+
+    .related_popup_toggle-btn {
+      width: 1.5rem;
+      height: 1.5rem;
+      line-height: 1.5rem;
+    }
+  }
+
+  .mat-expansion-panel:not([class*="mat-elevation-z"]) {
+    box-shadow: none;
+  }
+
+  .panel__item {
+    height: 100px;
+    margin-top: 12px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding-right: 5px;
+    width: 100%;
+    max-width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    align-content: flex-start;
+
+    .related__item__inline {
+      max-width: 100%;
+    }
+
+    .select__toggle-include {
+        width: 100%;
+    }
+
+    .related__item__content {
+      height: 32px;
+      line-height: 32px;
+      background-color: $related-item-background;
+      max-width: 100%;
+      margin-bottom: 5px;
+      margin-left: 2.5px;
+      margin-right: 2.5px;
+
+      .mat-icon {
+        color: $related-mat-icon-color;
+        font-size: 24px;
+      }
+
+      span.related__item__content_name {
+        display: inline-block;
+        min-width: calc(100% - 13px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 320px;
+
+        .select__include-children__count{
+          font-size: 0.75rem;
+          color: black(0.38);
+        }
+      }
+    }
+  }
+
+  .qmslib-related-popup-splitview{
+    background-color: white;
+    border-left: 1px solid #ccc;
+    height: 450px;
+    overflow-y: auto;
+    margin-top: 12px;
+    
+    &.panel__content {
+      height: 450px;
+      overflow: auto;
+      margin-top: 12px;
+    }
+  
+    &.panel__content_item {
+      height: 350px;
+      overflow: auto;
+      margin-top: 12px;
+    }
+
+    .splitview-header{
+      height: 30px;
+      font-size: 12px;
+      letter-spacing: 1px;
+      font-family: "RALEWAY";
+      font-weight: 600;    
+      display: flex;
+      align-items: center;
+    }
+
+    .mat-checkbox.qms-group-options {
+      padding: 0px;
+    }
+
+    .mat-checkbox.qms-group-options .mat-checkbox-inner-container {
+      margin-right: 11px;
+    }
+
+    .mat-checkbox.qms-group-options.mat-checkbox-checked {
+      background: transparent !important;
+    }
+
+    .expand-node {
+      margin-left: 8px;
+      display: flex;
+      align-items: center;
+      min-height: 40px;
+  
+      .mat-icon {
+        color: black(0.6);
+        margin-right: 17px;
+        min-width: fit-content;
+  
+        svg {
+          display: block;
+          min-width: fit-content;
+        }
+      }
+    }
+  }
+}
+
+cdk-virtual-scroll-viewport {
+  overflow-x: hidden;
+  .search__module-result {
+    margin: 1.5rem;
+    padding: 0 0 0.5rem 0px;
+    .search__module-title {
+      font-size: 14px;
+      font-weight: 600;
+    }
+
+    .search__option {
+      height: auto;
+      line-height: normal;
+      padding: 8px 0;
+      border-bottom: 1px solid #e0e0e0;
+
+      .qms-list-item.mat-2-line.image-item {
+        height: auto;
+      }
+      .qms-list-item-content {
+        margin: 0;
+        border-bottom: none;
+        .wrap-image.image-square {
+          width: 2.5rem;
+          height: 100%;
+          background: transparent;
+          align-self: center;
+          margin-right: 0;
+          img {
+            width: 24px;
+            height: 24px;
+          }
+        }
+
+        .material-icons-outlined.leading-icon,
+        mat-icon.leading-icon {
+          padding: 4px 0 4px 4px;
+        }
+
+        .subtitle {
+          font-weight: 400;
+        }
+
+        .caption {
+          overflow: hidden;
+          line-height: normal;
+          white-space: normal;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+          padding: 0;
+          margin: 0;
+
+          span.search__result__parent-name {
+            display: inline-block;
+            width: auto;
+            width: calc(100% - 13px);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+
+        .default-subtitle {
+          color: rgba($color: #000000, $alpha: 0.38);
+        }
+
+        .search__description-icon {
+          margin-right: 0px;
+          width: 12px;
+          height: 12px;
+          font-size: 12px;
+        }
+
+        .qms-list-text {
+          border-bottom: none;
+        }
+
+        .breadcrumb-containe {
+          .qms-breadcrumb-item {
+            .mat-icon {
+              font-size: 16px!important;
+              padding-bottom: 1px;
+          }
+          }
+        }
+      }
+    }
+
+    svg {
+      display: block;
+    }
+  }
+}
+
+#qmslib_related_popup_header_001 {
+  margin-bottom: 20px;
+  padding: 0;
+  font-weight: 600;
+  font-family: "Raleway";
+}
+
+.padding-5 {
+  padding: 5px;
+}
+
+.mat-autocomplete_related-viewport {
+  height: 100%;
+  max-height: 100% !important;
+  .cdk-virtual-scroll-content-wrapper {
+    width: 100%;
+  }
+  .related-viewport {
+    min-height: 10.25rem;
+  }
+}