qms-angular 1.0.30 → 1.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/qms-angular.umd.js +902 -496
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/breadcrumb/breadcrumb.js +39 -41
- package/esm2015/lib/components/breadcrumb/enum/dropdown-node-width.enum.js +6 -0
- package/esm2015/lib/components/button/button-toggle.js +1 -1
- package/esm2015/lib/components/dialog/constant.js +4 -2
- package/esm2015/lib/components/dialog/dialog.js +4 -4
- package/esm2015/lib/components/related/common/data-type.enum.js +2 -2
- package/esm2015/lib/components/related/common/qms-icon.const.js +21 -1
- package/esm2015/lib/components/related/common/tree.function.js +10 -5
- package/esm2015/lib/components/related/list-other-related/list-related.component.js +6 -2
- package/esm2015/lib/components/related/model/popup-data.model.js +2 -1
- package/esm2015/lib/components/related/model/related-data.model.js +1 -1
- package/esm2015/lib/components/related/model/tree-config.model.js +1 -1
- package/esm2015/lib/components/related/model/tree-node.model.js +1 -1
- package/esm2015/lib/components/related/popup/related-popup.component.js +179 -12
- package/esm2015/lib/components/related/related.module.js +7 -5
- package/esm2015/lib/components/related/risk/analysis/analysis.component.js +1 -1
- package/esm2015/lib/components/related/service/related-global.service.js +5 -1
- package/esm2015/lib/components/related/tree/tree.component.js +30 -7
- package/esm2015/lib/components/table/table-action.js +2 -2
- package/esm2015/lib/directives/scrollbar/scrollbar.directive.js +8 -2
- package/esm2015/lib/model/en.js +7 -2
- package/esm2015/lib/model/no.js +7 -2
- package/esm2015/lib/qms-ckeditor-components/common/constants/ckeditorEvent.constant.js +3 -1
- package/esm2015/lib/qms-ckeditor-components/common/models/qms-ckeditor-data.model.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/common/models/qms-ckeditor-input.model.js +2 -1
- package/esm2015/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.js +76 -0
- package/esm2015/lib/qms-ckeditor-components/models/qms-ckeditor-tooltip.model.js +7 -0
- package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +51 -2
- package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.module.js +4 -2
- package/esm2015/qms-angular.js +3 -1
- package/fesm2015/qms-angular.js +864 -476
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/breadcrumb/breadcrumb.d.ts +1 -0
- package/lib/components/breadcrumb/enum/dropdown-node-width.enum.d.ts +4 -0
- package/lib/components/related/common/data-type.enum.d.ts +1 -1
- package/lib/components/related/common/qms-icon.const.d.ts +4 -0
- package/lib/components/related/list-other-related/list-related.component.d.ts +1 -0
- package/lib/components/related/model/popup-data.model.d.ts +1 -0
- package/lib/components/related/model/related-data.model.d.ts +4 -0
- package/lib/components/related/model/tree-config.model.d.ts +1 -0
- package/lib/components/related/model/tree-node.model.d.ts +1 -0
- package/lib/components/related/popup/related-popup.component.d.ts +18 -0
- package/lib/components/related/service/related-global.service.d.ts +2 -0
- package/lib/components/related/tree/tree.component.d.ts +7 -1
- package/lib/directives/scrollbar/scrollbar.directive.d.ts +1 -0
- package/lib/model/en.d.ts +6 -1
- package/lib/model/no.d.ts +6 -1
- package/lib/qms-ckeditor-components/common/constants/ckeditorEvent.constant.d.ts +2 -0
- package/lib/qms-ckeditor-components/common/models/qms-ckeditor-data.model.d.ts +1 -0
- package/lib/qms-ckeditor-components/common/models/qms-ckeditor-input.model.d.ts +1 -0
- package/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.d.ts +36 -0
- package/lib/qms-ckeditor-components/models/qms-ckeditor-tooltip.model.d.ts +6 -0
- package/lib/qms-ckeditor-components/qms-ckeditor.component.d.ts +6 -0
- package/package.json +1 -1
- package/qms-angular.d.ts +2 -0
- package/qms-angular.metadata.json +1 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +2 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js.map +1 -1
- package/src/assets/qms-ckeditor-plugin/package-lock.json +852 -2063
- package/src/assets/qms-ckeditor-plugin/package.json +25 -19
- package/src/assets/qms-ckeditor-plugin/src/ckeditor.js +10 -2
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findandreplace.js +132 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findandreplaceediting.js +315 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findandreplaceui.js +223 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findcommand.js +90 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findnextcommand.js +62 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findpreviouscommand.js +28 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/index.js +10 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/replaceallcommand.js +54 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/replacecommand.js +66 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/ui/checkboxview.js +212 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/ui/findandreplaceformview.js +546 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/utils.js +158 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/theme/findandreplace.css +13 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/theme/findandreplaceform.css +226 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/theme/icons/find-replace.svg +1 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacters.js +4 -4
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharactersarrows.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacterscurrency.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharactersessentials.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacterslatin.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharactersmathematical.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacterstext.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/ui/charactergridview.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/ui/characterinfoview.js +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/ui/specialcharactersnavigationview.js +2 -2
- package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorConstant.js +4 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorService.js +10 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/inserttooltipcommand.js +98 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/removetooltipcommand.js +41 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/tooltip.js +14 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/tooltipediting.js +280 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/tooltipui.js +203 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/ui/actionsview.js +95 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/utils.js +70 -0
- package/src/assets/qms-ckeditor-plugin/src/themes/icons/information.svg +50 -0
- package/src/assets/qms-ckeditor-plugin/src/themes/tyles/tooltip.css +74 -0
- package/src/lib/components/breadcrumb/breadcrumb.scss +9 -0
- package/src/lib/components/button/button-toggle.scss +25 -1
- package/src/lib/components/dialog/dialog.scss +9 -0
- package/src/lib/components/related/popup/related-popup.component.scss +46 -0
- package/src/lib/components/table/table.scss +5 -27
- package/src/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.scss +11 -0
- package/src/lib/qms-ckeditor-components/qms-ckeditor.component.scss +29 -1
- package/src/lib/qms-ckeditor-components/styles/_modules.scss +6 -0
- package/src/themes/core/_form.scss +4 -0
- package/src/themes/core/_input.scss +8 -0
- package/src/themes/core/_scrollbar.scss +9 -2
- package/src/themes/core/_styles.scss +5 -0
- package/src/themes/core/_tab.scss +272 -6
package/fesm2015/qms-angular.js
CHANGED
@@ -26,8 +26,9 @@ import { ScrollingModule } from '@angular/cdk/scrolling';
|
|
26
26
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
27
27
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
28
28
|
import { MatTreeFlattener, MatTreeFlatDataSource, MatTreeModule } from '@angular/material/tree';
|
29
|
-
import {
|
29
|
+
import { MatMenuModule } from '@angular/material/menu';
|
30
30
|
import { DomSanitizer } from '@angular/platform-browser';
|
31
|
+
import { takeUntil, debounceTime } from 'rxjs/operators';
|
31
32
|
import { FlatTreeControl } from '@angular/cdk/tree';
|
32
33
|
import * as i1 from '@angular/common/http';
|
33
34
|
import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
|
@@ -37,7 +38,6 @@ import { CKEditorModule as CKEditorModule$1 } from '@ckeditor/ckeditor5-angular'
|
|
37
38
|
import { MatBadgeModule } from '@angular/material/badge';
|
38
39
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
39
40
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
40
|
-
import { MatMenuModule } from '@angular/material/menu';
|
41
41
|
import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
|
42
42
|
import { MatStepperModule } from '@angular/material/stepper';
|
43
43
|
|
@@ -96,8 +96,13 @@ const en = {
|
|
96
96
|
"ERROR": {
|
97
97
|
"SELECT_DANGER": "You must select one or more events"
|
98
98
|
},
|
99
|
-
"MESSAGE": {
|
99
|
+
"MESSAGE": {
|
100
|
+
"PROCESSES_IN": "Processes in",
|
101
|
+
"DOCUMENTS_IN": "Documents in"
|
102
|
+
},
|
100
103
|
"QMSCKEDITOR": {
|
104
|
+
"INSERT_TOOLTIP": "Insert a tooltip",
|
105
|
+
"CONTENT": "Content",
|
101
106
|
"TEMPLATE": "Template",
|
102
107
|
"CONTENT_TEMPLATE": "Content Template",
|
103
108
|
"CREATE_NEW_TEMPLATE": "Create new tempplate",
|
@@ -205,8 +210,13 @@ const no = {
|
|
205
210
|
"ERROR": {
|
206
211
|
"SELECT_DANGER": "Du må velge en eller flere hendelser"
|
207
212
|
},
|
208
|
-
"MESSAGE": {
|
213
|
+
"MESSAGE": {
|
214
|
+
"PROCESSES_IN": "Prosesser i",
|
215
|
+
"DOCUMENTS_IN": "Dokumenter i"
|
216
|
+
},
|
209
217
|
"QMSCKEDITOR": {
|
218
|
+
"INSERT_TOOLTIP": "Sett inn et verktøytips",
|
219
|
+
"CONTENT": "Innhold",
|
210
220
|
"TEMPLATE": "Mal",
|
211
221
|
"CONTENT_TEMPLATE": "Innholdsmal",
|
212
222
|
"CREATE_NEW_TEMPLATE": "Lag ny mal",
|
@@ -408,8 +418,8 @@ class QMSConfirmDialog {
|
|
408
418
|
QMSConfirmDialog.decorators = [
|
409
419
|
{ type: Component, args: [{
|
410
420
|
selector: 'qms-dialog-confirm',
|
411
|
-
template: "<div class=\"dialog-container\">\r\n <div mat-dialog-title class=\"dialog-title\">\r\n <h3 class=\"title\" *ngIf=\"info.title\">{{info.title}}</h3>\r\n <h3 class=\"title text-normal\" *ngIf=\"info.normalTitle\">\r\n {{info.normalTitle}}\r\n </h3>\r\n <button\r\n *ngIf=\"info.closeButton\"\r\n qms-btn-
|
412
|
-
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}::ng-deep .qms-dialog.dark-mode .mat-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container h3.title{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-dialog-content{color:hsla(0,0%,100%,.6)}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:rgba(0,0,0,.6);height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:focus,::ng-deep .qms-dialog .dialog-container .close-btn:hover{color:rgba(0,0,0,.6)}::ng-deep .qms-dialog .dialog-container .mat-dialog-content{font-size:14px}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}"]
|
421
|
+
template: "<div class=\"dialog-container\">\r\n <div mat-dialog-title class=\"dialog-title\">\r\n <h3 class=\"title\" *ngIf=\"info.title\">{{info.title}}</h3>\r\n <h3 class=\"title text-normal\" *ngIf=\"info.normalTitle\">\r\n {{info.normalTitle}}\r\n </h3>\r\n <button\r\n *ngIf=\"info.closeButton\"\r\n qms-btn-icon\r\n color=\"light\"\r\n (click)=\"close()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <mat-dialog-content [innerHTML]=\"info.body\"></mat-dialog-content>\r\n\r\n <mat-dialog-actions align=\"end\" #actionGroup>\r\n <button qms-btn-text class=\"cancel-btn\" (click)=\"close()\">\r\n {{info.cancelText}}\r\n </button>\r\n <button\r\n *ngIf=\"info.buttonType == 'normal'\"\r\n qms-btn\r\n id=\"action-btn\"\r\n class=\"action-btn\"\r\n (click)=\"save()\"\r\n >\r\n {{info.actionText}}\r\n </button>\r\n <button\r\n *ngIf=\"info.buttonType == 'outline'\"\r\n qms-btn-text\r\n id=\"action-btn\"\r\n class=\"action-btn\"\r\n (click)=\"save()\"\r\n >\r\n {{info.actionText}}\r\n </button>\r\n </mat-dialog-actions>\r\n</div>\r\n",
|
422
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}::ng-deep .qms-dialog.dark-mode .mat-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container h3.title{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-dialog-content{color:hsla(0,0%,100%,.6)}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light{color:#fff}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light:hover{color:#fff}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:rgba(0,0,0,.6);height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:focus,::ng-deep .qms-dialog .dialog-container .close-btn:hover{color:rgba(0,0,0,.6)}::ng-deep .qms-dialog .dialog-container .mat-dialog-content{font-size:14px;font-family:Open Sans}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}"]
|
413
423
|
},] }
|
414
424
|
];
|
415
425
|
QMSConfirmDialog.ctorParameters = () => [
|
@@ -430,7 +440,7 @@ QMSFormDialog.decorators = [
|
|
430
440
|
{ type: Component, args: [{
|
431
441
|
selector: 'qms-dialog-form',
|
432
442
|
template: "<div class=\"dialog-container\">\r\n <ng-content></ng-content>\r\n</div>\r\n",
|
433
|
-
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}::ng-deep .qms-dialog.dark-mode .mat-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container h3.title{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-dialog-content{color:hsla(0,0%,100%,.6)}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:rgba(0,0,0,.6);height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:focus,::ng-deep .qms-dialog .dialog-container .close-btn:hover{color:rgba(0,0,0,.6)}::ng-deep .qms-dialog .dialog-container .mat-dialog-content{font-size:14px}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}"]
|
443
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}::ng-deep .qms-dialog.dark-mode .mat-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container h3.title{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-dialog-content{color:hsla(0,0%,100%,.6)}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light{color:#fff}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light:hover{color:#fff}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:rgba(0,0,0,.6);height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:focus,::ng-deep .qms-dialog .dialog-container .close-btn:hover{color:rgba(0,0,0,.6)}::ng-deep .qms-dialog .dialog-container .mat-dialog-content{font-size:14px;font-family:Open Sans}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}"]
|
434
444
|
},] }
|
435
445
|
];
|
436
446
|
|
@@ -1277,6 +1287,9 @@ class QMSScrollbarDirective {
|
|
1277
1287
|
ngOnInit() {
|
1278
1288
|
if (this.ele) {
|
1279
1289
|
this.ele.nativeElement.classList.add('qms-scrollbar');
|
1290
|
+
if (this.isNoneBackground) {
|
1291
|
+
this.ele.nativeElement.classList.add('none-scroll-bg');
|
1292
|
+
}
|
1280
1293
|
}
|
1281
1294
|
}
|
1282
1295
|
}
|
@@ -1287,7 +1300,10 @@ QMSScrollbarDirective.decorators = [
|
|
1287
1300
|
];
|
1288
1301
|
QMSScrollbarDirective.ctorParameters = () => [
|
1289
1302
|
{ type: ElementRef }
|
1290
|
-
];
|
1303
|
+
];
|
1304
|
+
QMSScrollbarDirective.propDecorators = {
|
1305
|
+
isNoneBackground: [{ type: Input }]
|
1306
|
+
};
|
1291
1307
|
|
1292
1308
|
class QMSInputClearDirective {
|
1293
1309
|
constructor(el) {
|
@@ -2037,7 +2053,7 @@ QMSButtonToggle.decorators = [
|
|
2037
2053
|
'(focus)': 'focus()',
|
2038
2054
|
'role': 'presentation',
|
2039
2055
|
},
|
2040
|
-
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qms-button-toggle-group{position:relative;display:inline-flex;flex-direction:row;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent;border-radius:4px;border:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle{font-family:Open Sans;white-space:nowrap;position:relative;font-size:14px;font-weight:600;line-height:16px}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard{background-color:#fff;color:#323232;position:relative}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard .mat-icon{color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.qms-button-toggle-checked{background-color:#e5eefb;color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard+.qms-button-toggle{border-left:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.cdk-keyboard-focused:after{content:\"\";display:block;position:absolute;top:0;right:0;width:3px;height:100%;background:#2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.cdk-keyboard-focused:before{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active{background-color:#e5eefb;color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.qms-button-toggle-checked{background-color:#1954a9;color:#fff}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active+.qms-button-toggle{border-left:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.cdk-keyboard-focused:after{content:\"\";display:block;position:absolute;top:0;right:0;width:3px;height:100%;background:#2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.cdk-keyboard-focused:before{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark{background-color:#323232;color:hsla(0,0%,100%,.6)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark .mat-icon{color:#94baef}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.qms-button-toggle-checked{background-color:#b7daf8;color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.qms-button-toggle-checked .mat-icon{color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark+.qms-button-toggle{border-left:1px solid #474747}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused:after{content:\"\";display:block;position:absolute;top:0;right:0;width:3px;height:100%;background:#2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused:before{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #2873df}.qms-button-toggle{border:0;background:none;color:inherit;padding:0;margin:0;font:inherit;outline:none;width:100%;cursor:pointer}.qms-button-toggle-label-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;line-height:36px;padding:0 16px;position:relative}.qms-button-toggle .qms-button-toggle-label-content>*{vertical-align:middle}"]
|
2056
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qms-button-toggle-group{position:relative;display:inline-flex;flex-direction:row;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent;border-radius:4px;border:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle{font-family:Open Sans;white-space:nowrap;position:relative;font-size:14px;font-weight:600;line-height:16px}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard{background-color:#fff;color:#323232;position:relative}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard .mat-icon{color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard:hover{background-color:#e5eefb}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.qms-button-toggle-checked{background-color:#e5eefb;color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard+.qms-button-toggle{border-left:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.cdk-keyboard-focused:after{content:\"\";display:block;position:absolute;top:0;right:0;width:3px;height:100%;background:#2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.cdk-keyboard-focused:before{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active{background-color:#e5eefb;color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.qms-button-toggle-checked,.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active:hover{background-color:#1954a9;color:#fff}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active+.qms-button-toggle{border-left:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.cdk-keyboard-focused:after{content:\"\";display:block;position:absolute;top:0;right:0;width:3px;height:100%;background:#2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.cdk-keyboard-focused:before{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark{background-color:#323232;color:hsla(0,0%,100%,.6)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark .mat-icon{color:#94baef}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.qms-button-toggle-checked,.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark:hover{background-color:#b7daf8;color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.qms-button-toggle-checked .mat-icon{color:#1954a9}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark+.qms-button-toggle{border-left:1px solid #474747}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused:after{content:\"\";display:block;position:absolute;top:0;right:0;width:3px;height:100%;background:#2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused:before{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #2873df}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-disabled{cursor:default!important;background:#e4e4e4!important;color:rgba(0,0,0,.38)!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-disabled .mat-icon{color:rgba(0,0,0,.38)!important}.qms-button-toggle{border:0;background:none;color:inherit;padding:0;margin:0;font:inherit;outline:none;width:100%;cursor:pointer}.qms-button-toggle-label-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;line-height:36px;padding:0 16px;position:relative}.qms-button-toggle .qms-button-toggle-label-content>*{vertical-align:middle}"]
|
2041
2057
|
},] }
|
2042
2058
|
];
|
2043
2059
|
QMSButtonToggle.ctorParameters = () => [
|
@@ -2974,10 +2990,239 @@ QMSUploadFileErrorDialogModule.decorators = [
|
|
2974
2990
|
},] }
|
2975
2991
|
];
|
2976
2992
|
|
2993
|
+
const BREADCRUMB_DROPDOWN_ICON = `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2994
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3552 5.35508C11.9118 4.91175 11.3168 4.66675 10.6985 4.66675H4.66683C3.3835 4.66675 2.34516 5.71675 2.34516 7.00008L2.3335 21.0001C2.3335 22.2834 3.3835 23.3334 4.66683 23.3334H23.3335C24.6168 23.3334 25.6668 22.2834 25.6668 21.0001V9.33341C25.6668 8.05008 24.6168 7.00008 23.3335 7.00008H14.0002L12.3552 5.35508Z" fill="#00324E"/>
|
2995
|
+
<path d="M10.25 13.125L14 16.875L17.75 13.125H10.25Z" fill="white" fill-opacity="0.6"/>
|
2996
|
+
</svg>
|
2997
|
+
`;
|
2998
|
+
|
2999
|
+
var ItemIconType;
|
3000
|
+
(function (ItemIconType) {
|
3001
|
+
ItemIconType[ItemIconType["none"] = 0] = "none";
|
3002
|
+
ItemIconType[ItemIconType["name"] = 1] = "name";
|
3003
|
+
ItemIconType[ItemIconType["path"] = 2] = "path";
|
3004
|
+
ItemIconType[ItemIconType["base64"] = 3] = "base64";
|
3005
|
+
ItemIconType[ItemIconType["svg"] = 4] = "svg";
|
3006
|
+
})(ItemIconType || (ItemIconType = {}));
|
3007
|
+
|
3008
|
+
class QMSBreadcrumbItemDirective {
|
3009
|
+
constructor(ele, renderer) {
|
3010
|
+
this.ele = ele;
|
3011
|
+
this.renderer = renderer;
|
3012
|
+
this.showTooltipChange = new EventEmitter();
|
3013
|
+
}
|
3014
|
+
ngAfterViewInit() {
|
3015
|
+
if (this.breadcrumbItemText) {
|
3016
|
+
this.breadcrumbItemText.nativeElement.classList.add('qms-breadcrumb-item-text');
|
3017
|
+
if (this.breadcrumbItemText.nativeElement.innerText.length > 30) {
|
3018
|
+
this.showTooltipChange.emit(true);
|
3019
|
+
}
|
3020
|
+
}
|
3021
|
+
}
|
3022
|
+
ngOnInit() {
|
3023
|
+
if (this.ele) {
|
3024
|
+
this.ele.nativeElement.classList.add('qms-breadcrumb-item');
|
3025
|
+
if (this.isLastItem) {
|
3026
|
+
this.ele.nativeElement.classList.add('qms-breadcrumb-last-item');
|
3027
|
+
}
|
3028
|
+
}
|
3029
|
+
}
|
3030
|
+
}
|
3031
|
+
QMSBreadcrumbItemDirective.decorators = [
|
3032
|
+
{ type: Directive, args: [{
|
3033
|
+
selector: '[qms-breadcrumb-item]',
|
3034
|
+
},] }
|
3035
|
+
];
|
3036
|
+
QMSBreadcrumbItemDirective.ctorParameters = () => [
|
3037
|
+
{ type: ElementRef },
|
3038
|
+
{ type: Renderer2 }
|
3039
|
+
];
|
3040
|
+
QMSBreadcrumbItemDirective.propDecorators = {
|
3041
|
+
isLastItem: [{ type: Input }],
|
3042
|
+
showTooltip: [{ type: Input }],
|
3043
|
+
showTooltipChange: [{ type: Output }],
|
3044
|
+
breadcrumbItemText: [{ type: ContentChild, args: ["breadcrumbItemText", { static: false },] }]
|
3045
|
+
};
|
3046
|
+
|
3047
|
+
var DropdownBreadCrumbNodeWidth;
|
3048
|
+
(function (DropdownBreadCrumbNodeWidth) {
|
3049
|
+
DropdownBreadCrumbNodeWidth[DropdownBreadCrumbNodeWidth["NORMAL"] = 66] = "NORMAL";
|
3050
|
+
DropdownBreadCrumbNodeWidth[DropdownBreadCrumbNodeWidth["TABLE"] = 44] = "TABLE";
|
3051
|
+
})(DropdownBreadCrumbNodeWidth || (DropdownBreadCrumbNodeWidth = {}));
|
3052
|
+
|
3053
|
+
class QMSBreadcrumb {
|
3054
|
+
constructor(ele, iconRegistry, sanitizer) {
|
3055
|
+
this.ele = ele;
|
3056
|
+
this.iconRegistry = iconRegistry;
|
3057
|
+
this.sanitizer = sanitizer;
|
3058
|
+
this.onItemClick = new EventEmitter();
|
3059
|
+
this.dropdownNodes = [];
|
3060
|
+
this.isOverflow = false;
|
3061
|
+
this.itemSpace = DropdownBreadCrumbNodeWidth.NORMAL; // width of dropdown node in normal view
|
3062
|
+
this.isMobileType = false;
|
3063
|
+
iconRegistry.addSvgIconLiteral('breadcrumb_dropdown', sanitizer.bypassSecurityTrustHtml(BREADCRUMB_DROPDOWN_ICON));
|
3064
|
+
}
|
3065
|
+
ngAfterViewInit() {
|
3066
|
+
if (!this.isMobileType) {
|
3067
|
+
if (!this.maxLine || this.maxLine < 2) {
|
3068
|
+
this.checkOverflow(this.ele.nativeElement.offsetWidth);
|
3069
|
+
}
|
3070
|
+
else {
|
3071
|
+
this.checkOverflow(this.ele.nativeElement.offsetWidth * 1.7);
|
3072
|
+
}
|
3073
|
+
}
|
3074
|
+
}
|
3075
|
+
checkOverflow(width) {
|
3076
|
+
const nodeWidths = this.breadCrumbNodes.map(x => x.ele.nativeElement.offsetWidth);
|
3077
|
+
let currentWidth = 0;
|
3078
|
+
nodeWidths.forEach(width => {
|
3079
|
+
currentWidth += width;
|
3080
|
+
});
|
3081
|
+
this.isOverflow = width < currentWidth;
|
3082
|
+
if (this.isOverflow) {
|
3083
|
+
let screenWidth = width;
|
3084
|
+
if (this.type !== 'table') {
|
3085
|
+
this.dropdownNodes.push(this.homeNode);
|
3086
|
+
currentWidth -= nodeWidths[0];
|
3087
|
+
currentWidth += this.itemSpace;
|
3088
|
+
screenWidth -= this.itemSpace;
|
3089
|
+
}
|
3090
|
+
else {
|
3091
|
+
currentWidth += this.itemSpace;
|
3092
|
+
screenWidth -= nodeWidths[0];
|
3093
|
+
screenWidth -= this.itemSpace;
|
3094
|
+
}
|
3095
|
+
nodeWidths.shift();
|
3096
|
+
nodeWidths.forEach((eleWidth, index) => {
|
3097
|
+
if (currentWidth > screenWidth) {
|
3098
|
+
this.itemNodes[index].isShow = false;
|
3099
|
+
this.dropdownNodes.push(this.itemNodes[index]);
|
3100
|
+
currentWidth -= (eleWidth);
|
3101
|
+
}
|
3102
|
+
});
|
3103
|
+
this.dropdownNodes = this.dropdownNodes.reverse();
|
3104
|
+
}
|
3105
|
+
}
|
3106
|
+
ngOnInit() {
|
3107
|
+
this.itemIconType = ItemIconType;
|
3108
|
+
if (this.nodes && this.nodes.length > 0) {
|
3109
|
+
this.nodes.forEach(ele => {
|
3110
|
+
ele.isOverflow = ele.isOverflow ? ele.isOverflow : false;
|
3111
|
+
ele.isShow = true;
|
3112
|
+
ele.displayType = this.getItemIconType(ele);
|
3113
|
+
});
|
3114
|
+
if (this.type !== 'mobile') {
|
3115
|
+
this.homeNode = this.nodes[0];
|
3116
|
+
this.itemNodes = this.nodes.slice(1);
|
3117
|
+
}
|
3118
|
+
else {
|
3119
|
+
this.isMobileType = true;
|
3120
|
+
this.previousNode = this.nodes[this.nodes.length >= 2 ? this.nodes.length - 2 : 0];
|
3121
|
+
}
|
3122
|
+
}
|
3123
|
+
if (this.type === 'table') {
|
3124
|
+
this.ele.nativeElement.classList.add('qms-breadcrumb-table');
|
3125
|
+
this.itemSpace = DropdownBreadCrumbNodeWidth.TABLE; // width of dropdown node in table view
|
3126
|
+
}
|
3127
|
+
if (this.maxLine && this.maxLine > 1) {
|
3128
|
+
this.ele.nativeElement.classList.add('qms-breadcrumb__multi-line');
|
3129
|
+
}
|
3130
|
+
}
|
3131
|
+
getItemIconType(treeConfig) {
|
3132
|
+
if (treeConfig.itemIcon)
|
3133
|
+
return ItemIconType.name;
|
3134
|
+
if (treeConfig.itemIconPath)
|
3135
|
+
return ItemIconType.path;
|
3136
|
+
if (treeConfig.itemIconBase64)
|
3137
|
+
return ItemIconType.base64;
|
3138
|
+
if (treeConfig.itemIconSvg)
|
3139
|
+
return ItemIconType.svg;
|
3140
|
+
return ItemIconType.none;
|
3141
|
+
}
|
3142
|
+
getImagePath(node) {
|
3143
|
+
return this.sanitizer.bypassSecurityTrustResourceUrl(node.itemIconBase64);
|
3144
|
+
}
|
3145
|
+
onKeyPressed(event) {
|
3146
|
+
[...event.target.children].forEach(x => x.click());
|
3147
|
+
}
|
3148
|
+
onItemSelect(item) {
|
3149
|
+
if (this.onItemClick) {
|
3150
|
+
this.onItemClick.emit(item);
|
3151
|
+
}
|
3152
|
+
}
|
3153
|
+
}
|
3154
|
+
QMSBreadcrumb.decorators = [
|
3155
|
+
{ type: Component, args: [{
|
3156
|
+
selector: 'qms-breadcrumb',
|
3157
|
+
template: "<div>\r\n <div class=\"breadcrumb-container\" *ngIf=\"!isMobileType\">\r\n <!-- Home -->\r\n <span\r\n qms-breadcrumb-item\r\n *ngIf=\"!isOverflow || type=='table'\"\r\n [(showTooltip)]=\"homeNode.isOverflow\"\r\n >\r\n <mat-icon\r\n *ngIf=\"homeNode.displayType === itemIconType.name\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n >\r\n {{ homeNode.itemIcon }}\r\n </mat-icon>\r\n <mat-icon\r\n *ngIf=\"homeNode.displayType === itemIconType.svg\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n [svgIcon]=\"homeNode.itemIconSvg\"\r\n >\r\n </mat-icon>\r\n <img\r\n *ngIf=\"homeNode.displayType === itemIconType.path\"\r\n class=\"mat-icon item-icon\"\r\n [src]=\"homeNode.itemIconPath\"\r\n />\r\n <img\r\n *ngIf=\"homeNode.displayType === itemIconType.base64\"\r\n class=\"mat-icon image-base64 item-icon\"\r\n [src]=\"getImagePath(homeNode)\"\r\n />\r\n <div\r\n [qms-tool-tip]=\"homeNode.name\"\r\n [showToolTip]=\"homeNode.isOverflow\"\r\n #breadcrumbItemText\r\n mode=\"dark\"\r\n (click)=\"onItemSelect(homeNode)\"\r\n >\r\n {{homeNode.name}}\r\n </div>\r\n\r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n\r\n <!-- Dropdown not table -->\r\n <span qms-breadcrumb-item *ngIf=\"isOverflow && type!='table'\">\r\n <button\r\n qms-btn-icon\r\n color=\"light\"\r\n class=\"breadcrumb__dropdown-btn\"\r\n [matMenuTriggerFor]=\"bodyMediumMenu\"\r\n >\r\n <mat-icon svgIcon=\"breadcrumb_dropdown\"></mat-icon>\r\n </button>\r\n <mat-menu\r\n #bodyMediumMenu=\"matMenu\"\r\n yPosition=\"below\"\r\n class=\"qms-breadcrumb-menu\"\r\n >\r\n <div (click)=\"$event.stopPropagation()\">\r\n <div\r\n qms-menu-item\r\n mat-menu-item\r\n disableRipple\r\n *ngFor=\"let item of dropdownNodes\"\r\n (keydown.enter)=\"onKeyPressed($event)\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n <div #menuItemContent qms-expansion-header>\r\n <div qms-list-header>\r\n <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-menu>\r\n\r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n\r\n <!-- Dropdown table -->\r\n <span qms-breadcrumb-item *ngIf=\"isOverflow && type=='table'\">\r\n <button qms-btn-icon color=\"light\" [matMenuTriggerFor]=\"bodyMediumMenu\">\r\n <mat-icon>more_horiz</mat-icon>\r\n </button>\r\n <mat-menu\r\n #bodyMediumMenu=\"matMenu\"\r\n yPosition=\"below\"\r\n class=\"qms-breadcrumb-menu\"\r\n >\r\n <div (click)=\"$event.stopPropagation()\">\r\n <div\r\n qms-menu-item\r\n mat-menu-item\r\n disableRipple\r\n *ngFor=\"let item of dropdownNodes\"\r\n (keydown.enter)=\"onKeyPressed($event)\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n <div #menuItemContent qms-expansion-header>\r\n <div qms-list-header>\r\n <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-menu>\r\n\r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n <!-- Item list -->\r\n <span\r\n qms-breadcrumb-item\r\n *ngFor=\"let item of itemNodes;let i=index\"\r\n [isLastItem]=\"i === itemNodes.length - 1\"\r\n [(showTooltip)]=\"item.isOverflow\"\r\n >\r\n <mat-icon\r\n *ngIf=\"item.displayType === itemIconType.name && item.isShow\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n >\r\n {{ item.itemIcon }}\r\n </mat-icon>\r\n <mat-icon\r\n *ngIf=\"item.displayType === itemIconType.svg && item.isShow\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n [svgIcon]=\"item.itemIconSvg\"\r\n >\r\n </mat-icon>\r\n <img\r\n *ngIf=\"item.displayType === itemIconType.path && item.isShow\"\r\n class=\"mat-icon item-icon\"\r\n [src]=\"item.itemIconPath\"\r\n />\r\n <img\r\n *ngIf=\"item.displayType === itemIconType.base64 && item.isShow\"\r\n class=\"mat-icon image-base64 item-icon\"\r\n [src]=\"getImagePath(item)\"\r\n />\r\n <div\r\n [qms-tool-tip]=\"item.name\"\r\n [showToolTip]=\"item.isOverflow\"\r\n #breadcrumbItemText\r\n mode=\"dark\"\r\n *ngIf=\"item.isShow\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n {{item.name}}\r\n </div>\r\n <span\r\n qms-breadcrumb-direction-icon\r\n *ngIf=\"item.isShow && i !== itemNodes.length - 1\"\r\n >\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"breadcrumb-container\" *ngIf=\"isMobileType\">\r\n <!-- Home -->\r\n <span qms-breadcrumb-item [(showTooltip)]=\"previousNode.isOverflow\">\r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_backspace</mat-icon>\r\n </span>\r\n <mat-icon\r\n *ngIf=\"previousNode.displayType === itemIconType.name\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n >\r\n {{ previousNode.itemIcon }}\r\n </mat-icon>\r\n <mat-icon\r\n *ngIf=\"previousNode.displayType === itemIconType.svg\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n [svgIcon]=\"previousNode.itemIconSvg\"\r\n >\r\n </mat-icon>\r\n <img\r\n *ngIf=\"previousNode.displayType === itemIconType.path\"\r\n class=\"mat-icon item-icon\"\r\n [src]=\"previousNode.itemIconPath\"\r\n />\r\n <img\r\n *ngIf=\"previousNode.displayType === itemIconType.base64\"\r\n class=\"mat-icon image-base64 item-icon\"\r\n [src]=\"getImagePath(previousNode)\"\r\n />\r\n <div\r\n [qms-tool-tip]=\"previousNode.name\"\r\n [showToolTip]=\"previousNode.isOverflow\"\r\n #breadcrumbItemText\r\n mode=\"dark\"\r\n (click)=\"onItemSelect(previousNode)\"\r\n >\r\n {{previousNode.name}}\r\n </div>\r\n </span>\r\n </div>\r\n</div>\r\n",
|
3158
|
+
encapsulation: ViewEncapsulation.None,
|
3159
|
+
styles: [".breadcrumb-container{display:flex;font-family:Open Sans;font-size:14px;font-weight:600;color:#323232}.breadcrumb-container .qms-breadcrumb-direction-icon,.breadcrumb-container .qms-breadcrumb-item{display:flex;align-items:center;padding:3px 0 2px}.breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:18px;height:18px;font-size:18px;margin-left:.5rem;margin-right:.5rem}.breadcrumb-container .item-icon{margin-right:2px}.breadcrumb-container .qms-breadcrumb-item{cursor:pointer}.breadcrumb-container .qms-breadcrumb-item .qms-btn-icon{width:1.5rem;height:1.5rem;line-height:1.5rem}.breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-text{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn{width:2rem;height:2rem}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn svg{display:block}.breadcrumb-container .qms-breadcrumb-last-item{color:rgba(0,0,0,.6);font-weight:400;cursor:not-allowed}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:12px;height:12px;font-size:12px;margin-left:.25rem;margin-right:.25rem;color:rgba(0,0,0,.6)}.qms-breadcrumb-table .breadcrumb-container .item-icon{margin-right:1px}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-text{max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:400;color:rgba(0,0,0,.6)}.qms-breadcrumb__multi-line .breadcrumb-container{flex-wrap:wrap}.qms-breadcrumb-menu .qms-dropdown-menu-item{border:none}"]
|
3160
|
+
},] }
|
3161
|
+
];
|
3162
|
+
QMSBreadcrumb.ctorParameters = () => [
|
3163
|
+
{ type: ElementRef },
|
3164
|
+
{ type: MatIconRegistry },
|
3165
|
+
{ type: DomSanitizer }
|
3166
|
+
];
|
3167
|
+
QMSBreadcrumb.propDecorators = {
|
3168
|
+
nodes: [{ type: Input }],
|
3169
|
+
type: [{ type: Input }],
|
3170
|
+
maxLine: [{ type: Input }],
|
3171
|
+
onItemClick: [{ type: Output }],
|
3172
|
+
breadCrumbNodes: [{ type: ViewChildren, args: [QMSBreadcrumbItemDirective, {},] }]
|
3173
|
+
};
|
3174
|
+
|
3175
|
+
class QMSBreadcrumbDirectionIconDirective {
|
3176
|
+
constructor(ele) {
|
3177
|
+
this.ele = ele;
|
3178
|
+
}
|
3179
|
+
ngOnInit() {
|
3180
|
+
if (this.ele) {
|
3181
|
+
this.ele.nativeElement.classList.add('qms-breadcrumb-direction-icon');
|
3182
|
+
}
|
3183
|
+
}
|
3184
|
+
}
|
3185
|
+
QMSBreadcrumbDirectionIconDirective.decorators = [
|
3186
|
+
{ type: Directive, args: [{
|
3187
|
+
selector: '[qms-breadcrumb-direction-icon]',
|
3188
|
+
},] }
|
3189
|
+
];
|
3190
|
+
QMSBreadcrumbDirectionIconDirective.ctorParameters = () => [
|
3191
|
+
{ type: ElementRef }
|
3192
|
+
];
|
3193
|
+
|
3194
|
+
class QMSBreadcrumbModule {
|
3195
|
+
}
|
3196
|
+
QMSBreadcrumbModule.decorators = [
|
3197
|
+
{ type: NgModule, args: [{
|
3198
|
+
imports: [
|
3199
|
+
CommonModule,
|
3200
|
+
MatCommonModule,
|
3201
|
+
MatIconModule,
|
3202
|
+
QmsAngularModule,
|
3203
|
+
QMSButtonModule,
|
3204
|
+
MatMenuModule
|
3205
|
+
],
|
3206
|
+
exports: [
|
3207
|
+
MatCommonModule,
|
3208
|
+
MatIconModule,
|
3209
|
+
QMSBreadcrumb,
|
3210
|
+
QMSBreadcrumbItemDirective,
|
3211
|
+
QMSBreadcrumbDirectionIconDirective,
|
3212
|
+
],
|
3213
|
+
declarations: [
|
3214
|
+
QMSBreadcrumb,
|
3215
|
+
QMSBreadcrumbItemDirective,
|
3216
|
+
QMSBreadcrumbDirectionIconDirective,
|
3217
|
+
],
|
3218
|
+
providers: []
|
3219
|
+
},] }
|
3220
|
+
];
|
3221
|
+
|
2977
3222
|
var DataType;
|
2978
3223
|
(function (DataType) {
|
2979
|
-
DataType[DataType["document"] = 1] = "document";
|
2980
3224
|
DataType[DataType["process"] = 2] = "process";
|
3225
|
+
DataType[DataType["document"] = 1] = "document";
|
2981
3226
|
DataType[DataType["area"] = 3] = "area";
|
2982
3227
|
DataType[DataType["folder"] = 4] = "folder";
|
2983
3228
|
DataType[DataType["deviation"] = 5] = "deviation";
|
@@ -3018,46 +3263,6 @@ RelatedContentComponent.propDecorators = {
|
|
3018
3263
|
contents: [{ type: Input }]
|
3019
3264
|
};
|
3020
3265
|
|
3021
|
-
var ModuleType;
|
3022
|
-
(function (ModuleType) {
|
3023
|
-
ModuleType[ModuleType["documentProcess"] = 1] = "documentProcess";
|
3024
|
-
ModuleType[ModuleType["deviation"] = 2] = "deviation";
|
3025
|
-
ModuleType[ModuleType["checklist"] = 3] = "checklist";
|
3026
|
-
ModuleType[ModuleType["risk"] = 4] = "risk";
|
3027
|
-
})(ModuleType || (ModuleType = {}));
|
3028
|
-
|
3029
|
-
class RelatedConst {
|
3030
|
-
}
|
3031
|
-
RelatedConst.IS_DISPLAY_SEARCH_RESULT = 'IS_DISPLAY_SEARCH_RESULT';
|
3032
|
-
RelatedConst.HIDE_SEARCH_RESULT = 'HIDE_SEARCH_RESULT';
|
3033
|
-
RelatedConst.SHOW_SEARCH_RESULT = 'SHOW_SEARCH_RESULT';
|
3034
|
-
|
3035
|
-
class PopupData {
|
3036
|
-
constructor() {
|
3037
|
-
this.moduleId = 0;
|
3038
|
-
this.moduleName = '';
|
3039
|
-
this.treeData1 = [];
|
3040
|
-
this.treeData2 = [];
|
3041
|
-
this.selectedNode = [];
|
3042
|
-
this.disabledList = [];
|
3043
|
-
this.disabledList2 = [];
|
3044
|
-
}
|
3045
|
-
}
|
3046
|
-
|
3047
|
-
class QMSRelatedGlobalService {
|
3048
|
-
constructor() {
|
3049
|
-
this.searchRelated = new BehaviorSubject([]);
|
3050
|
-
}
|
3051
|
-
setSearchRelated(result) {
|
3052
|
-
this.searchRelated.next(result);
|
3053
|
-
}
|
3054
|
-
}
|
3055
|
-
QMSRelatedGlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSRelatedGlobalService_Factory() { return new QMSRelatedGlobalService(); }, token: QMSRelatedGlobalService, providedIn: "root" });
|
3056
|
-
QMSRelatedGlobalService.decorators = [
|
3057
|
-
{ type: Injectable, args: [{ providedIn: 'root' },] }
|
3058
|
-
];
|
3059
|
-
QMSRelatedGlobalService.ctorParameters = () => [];
|
3060
|
-
|
3061
3266
|
const PROCESS_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
3062
3267
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3V9H5V19H15V21H21V15H15V17H7V9H9V7H15V9H21V3H15V5H9V3H3ZM7 5V7H5V5H7ZM19 5V7H17V5H19ZM19 19V17H17V19H19Z" fill="black" fill-opacity="0.6"/>
|
3063
3268
|
</svg>
|
@@ -3143,29 +3348,176 @@ const DEPARTMENT_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24"
|
|
3143
3348
|
const KEYBOARD_UP_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>
|
3144
3349
|
`;
|
3145
3350
|
const KEYBOARD_DOWN_ICON = `<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="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
|
3146
|
-
`;
|
3147
|
-
|
3148
|
-
|
3149
|
-
|
3150
|
-
|
3151
|
-
|
3152
|
-
|
3153
|
-
|
3154
|
-
|
3155
|
-
|
3351
|
+
`;
|
3352
|
+
const DOCUMENT_LOCAL_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
3353
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z" fill="black" fill-opacity="0.6"/>
|
3354
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21.5001V19.0001H19V21.5001C19 21.7751 19.225 22.0001 19.5 22.0001H21C21.275 22.0001 21.5 21.7751 21.5 21.5001V18.0001H22.35C22.58 18.0001 22.69 17.7151 22.515 17.5651L18.335 13.8001C18.145 13.6301 17.855 13.6301 17.665 13.8001L13.485 17.5651C13.315 17.7151 13.42 18.0001 13.65 18.0001H14.5V21.5001C14.5 21.7751 14.725 22.0001 15 22.0001H16.5C16.775 22.0001 17 21.7751 17 21.5001Z" fill="#1954A9"/>
|
3355
|
+
</svg>
|
3356
|
+
`;
|
3357
|
+
const DOCUMENT_DEPARTMENT_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
3358
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z" fill="black" fill-opacity="0.6"/>
|
3359
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 15.25H22C22.555 15.25 23 15.695 23 16.25V21.75C23 22.305 22.555 22.75 22 22.75H14C13.445 22.75 13 22.305 13 21.75L13.005 16.25C13.005 15.695 13.445 15.25 14 15.25H16V14.25C16 13.695 16.445 13.25 17 13.25H19C19.555 13.25 20 13.695 20 14.25V15.25ZM17 15.25H19V14.25H17V15.25Z" fill="#00804C"/>
|
3360
|
+
</svg>
|
3361
|
+
`;
|
3362
|
+
const DOCUMENT_REGIONAL_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
3363
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z" fill="black" fill-opacity="0.6"/>
|
3364
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 13C16.065 13 14.5 14.565 14.5 16.5C14.5 18.585 16.71 21.46 17.62 22.555C17.82 22.795 18.185 22.795 18.385 22.555C19.29 21.46 21.5 18.585 21.5 16.5C21.5 14.565 19.935 13 18 13ZM18 17.75C17.31 17.75 16.75 17.19 16.75 16.5C16.75 15.81 17.31 15.25 18 15.25C18.69 15.25 19.25 15.81 19.25 16.5C19.25 17.19 18.69 17.75 18 17.75Z" fill="#662E0D"/>
|
3365
|
+
</svg>
|
3366
|
+
`;
|
3367
|
+
const DOCUMENT_ENTERPRISE_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
3368
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z" fill="black" fill-opacity="0.6"/>
|
3369
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 17.5V13.5H15.5V15.5H13.5V22.5H17.5V20.5H18.5V22.5H22.5V17.5H20.5ZM15.5 21.5H14.5V20.5H15.5V21.5ZM15.5 19.5H14.5V18.5H15.5V19.5ZM15.5 17.5H14.5V16.5H15.5V17.5ZM17.5 19.5H16.5V18.5H17.5V19.5ZM17.5 17.5H16.5V16.5H17.5V17.5ZM17.5 15.5H16.5V14.5H17.5V15.5ZM19.5 19.5H18.5V18.5H19.5V19.5ZM19.5 17.5H18.5V16.5H19.5V17.5ZM19.5 15.5H18.5V14.5H19.5V15.5ZM21.5 21.5H20.5V20.5H21.5V21.5ZM21.5 19.5H20.5V18.5H21.5V19.5Z" fill="#CF4714"/>
|
3370
|
+
</svg>
|
3371
|
+
`;
|
3372
|
+
|
3373
|
+
class RelatedListComponent {
|
3374
|
+
constructor(domSanitizer, translate, iconRegistry) {
|
3375
|
+
this.domSanitizer = domSanitizer;
|
3376
|
+
this.translate = translate;
|
3377
|
+
this.iconRegistry = iconRegistry;
|
3378
|
+
this.relatedData = [];
|
3379
|
+
this.dataType = DataType;
|
3380
|
+
// imageProcess = '../qms-angular/src/assets/images/union.svg';
|
3381
|
+
this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
|
3382
|
+
this.updateData = new EventEmitter();
|
3383
|
+
this.onItemSelect = new EventEmitter();
|
3384
|
+
iconRegistry.addSvgIconLiteral('process_area', domSanitizer.bypassSecurityTrustHtml(PROCESS_AREA_ICON));
|
3385
|
+
}
|
3386
|
+
ngOnChanges(changes) {
|
3387
|
+
var _a;
|
3388
|
+
if (changes.data && JSON.stringify(changes.data.currentValue) !== JSON.stringify(changes.data.previousValue)) {
|
3389
|
+
this.relatedData = [];
|
3390
|
+
this.title = changes.data.currentValue.title;
|
3391
|
+
this.isNotEditedItem = (_a = changes.data.currentValue['isNotEditedItem']) !== null && _a !== void 0 ? _a : false;
|
3392
|
+
this.relatedData = [...changes.data.currentValue.data];
|
3393
|
+
}
|
3394
|
+
}
|
3395
|
+
ngOnInit() {
|
3396
|
+
var _a;
|
3397
|
+
this.title = this.data.title;
|
3398
|
+
this.isNotEditedItem = (_a = this.data['isNotEditedItem']) !== null && _a !== void 0 ? _a : false;
|
3399
|
+
this.relatedData = this.data.data;
|
3400
|
+
this.translate.getLanguageSubject$.pipe().subscribe((res) => {
|
3401
|
+
if (res) {
|
3402
|
+
this.LANG = this.translate.getObjectLang(res);
|
3403
|
+
}
|
3404
|
+
});
|
3405
|
+
}
|
3406
|
+
getImagePath() {
|
3407
|
+
return this.domSanitizer.bypassSecurityTrustResourceUrl(this.imageProcess);
|
3408
|
+
}
|
3409
|
+
removeItem(index) {
|
3410
|
+
this.updateData.emit(index);
|
3411
|
+
}
|
3412
|
+
onCloseClick() {
|
3413
|
+
}
|
3414
|
+
onItemClick(item) {
|
3415
|
+
if (this.onItemSelect)
|
3416
|
+
this.onItemSelect.emit(item);
|
3417
|
+
}
|
3418
|
+
onItemBreadcrumbClick(event) {
|
3419
|
+
if (this.onItemSelect)
|
3420
|
+
this.onItemSelect.emit(event);
|
3421
|
+
}
|
3422
|
+
getItemStatus(item) {
|
3423
|
+
return (this.showStatus && (item === null || item === void 0 ? void 0 : item.statusName)) ? `, ${item === null || item === void 0 ? void 0 : item.statusName}` : '';
|
3424
|
+
}
|
3425
|
+
}
|
3426
|
+
RelatedListComponent.decorators = [
|
3427
|
+
{ type: Component, args: [{
|
3428
|
+
selector: 'qms-related-list',
|
3429
|
+
template: "<div class=\"container list-related\">\r\n <div class=\"list-related__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div\r\n class=\"list-related__body\"\r\n *ngFor=\"let item of relatedData; let i = index\"\r\n >\r\n <div class=\"list-related__body-parent\">\r\n <div class=\"block\">\r\n <ng-container [ngSwitch]=\"item.itemType\">\r\n <ng-container *ngSwitchCase=\"dataType.document\">\r\n <mat-icon class=\"material-icons-outlined\"\r\n >insert_drive_file</mat-icon\r\n >\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"dataType.folder\">\r\n <mat-icon class=\"material-icons-outlined\" leading-icon\r\n >folder</mat-icon\r\n >\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"dataType.process\">\r\n <img class=\"mat-icon\" [src]=\"getImagePath()\" />\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"dataType.area\">\r\n <mat-icon svgIcon=\"process_area\"></mat-icon>\r\n </ng-container>\r\n\r\n <mat-icon\r\n *ngSwitchCase=\"dataType.deviation\"\r\n class=\"material-icons-outlined\"\r\n >report_problem</mat-icon\r\n >\r\n <mat-icon *ngSwitchCase=\"dataType.checklist\"\r\n >format_list_bulleted</mat-icon\r\n >\r\n </ng-container>\r\n <div class=\"title\">\r\n <span class=\"cursor\" (click)=\"onItemClick(item)\">{{\r\n item.itemName\r\n }}</span>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"item.breadcumbs && item.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n [nodes]=\"item.breadcumbs\"\r\n (onItemClick)=\"onItemBreadcrumbClick($event)\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n <div class=\"caption\" *ngIf=\"item?.displayId\">\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }} {{ getItemStatus(item) }}\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"block\" *ngIf=\"!isNotEditedItem\">\r\n <button qms-btn-icon color=\"light\" mode=\"dark\" (click)=\"removeItem(i)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
3430
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.list-related{font-family:Open Sans;font-style:normal;font-weight:400;color:#323232}.list-related .list-related__title{font-weight:600;font-size:.875rem;line-height:22px;margin-bottom:1rem}.list-related .list-related__body .list-related__body-parent{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-parent .block{font-weight:400;font-size:1rem;line-height:28px;display:flex;align-items:center}.list-related .list-related__body .list-related__body-parent .block .title{margin-left:1.5rem;padding-top:5px;padding-bottom:5px}.list-related .list-related__body .list-related__body-parent .block .title .caption{color:rgba(0,0,0,.6);font-size:.75rem;line-height:22px}.list-related .list-related__body .list-related__body-parent .block mat-icon{color:rgba(0,0,0,.6);padding:0}.list-related .list-related__body .list-related__body-parent .block button.qms-btn-icon{width:40px;height:40px;line-height:40px}.list-related .list-related__body .list-related__body-child{font-weight:400;font-size:.875rem;line-height:22px}.list-related .list-related__body .list-related__body-child .default{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-child .default .title{margin-left:3rem}.list-related .list-related__body .list-related__body-child .default .group-button{margin-right:2rem;display:flex}.list-related .list-related__body .remain{font-weight:600;font-size:.875rem;line-height:22px;display:flex;align-items:center;justify-content:space-between;background-color:#fafafa;color:#1954a9;min-height:48px;border-bottom:1px solid #ddd}.list-related .list-related__body .remain .title{margin-left:3rem}.label-green,.label-red,.label-yellow{font-family:Open Sans;font-style:normal;font-weight:600;display:inline-block;text-align:center;margin-left:1rem;width:24px;height:24px;font-size:.75rem;border-radius:1px}.label-red{background-color:#9e360f;color:#fff}.label-yellow{background-color:#e4cf53;color:rgba(0,0,0,.87)}.label-green{background-color:#00804c;color:#fff}.cursor{cursor:pointer}"]
|
3431
|
+
},] }
|
3432
|
+
];
|
3433
|
+
RelatedListComponent.ctorParameters = () => [
|
3434
|
+
{ type: DomSanitizer },
|
3435
|
+
{ type: TranslateLibraryService },
|
3436
|
+
{ type: MatIconRegistry }
|
3437
|
+
];
|
3438
|
+
RelatedListComponent.propDecorators = {
|
3439
|
+
data: [{ type: Input }],
|
3440
|
+
showStatus: [{ type: Input }],
|
3441
|
+
updateData: [{ type: Output }],
|
3442
|
+
onItemSelect: [{ type: Output }]
|
3443
|
+
};
|
3444
|
+
|
3445
|
+
var ModuleType;
|
3446
|
+
(function (ModuleType) {
|
3447
|
+
ModuleType[ModuleType["documentProcess"] = 1] = "documentProcess";
|
3448
|
+
ModuleType[ModuleType["deviation"] = 2] = "deviation";
|
3449
|
+
ModuleType[ModuleType["checklist"] = 3] = "checklist";
|
3450
|
+
ModuleType[ModuleType["risk"] = 4] = "risk";
|
3451
|
+
})(ModuleType || (ModuleType = {}));
|
3452
|
+
|
3453
|
+
class RelatedConst {
|
3454
|
+
}
|
3455
|
+
RelatedConst.IS_DISPLAY_SEARCH_RESULT = 'IS_DISPLAY_SEARCH_RESULT';
|
3456
|
+
RelatedConst.HIDE_SEARCH_RESULT = 'HIDE_SEARCH_RESULT';
|
3457
|
+
RelatedConst.SHOW_SEARCH_RESULT = 'SHOW_SEARCH_RESULT';
|
3458
|
+
|
3459
|
+
class PopupData {
|
3460
|
+
constructor() {
|
3461
|
+
this.moduleId = 0;
|
3462
|
+
this.moduleName = '';
|
3463
|
+
this.treeData1 = [];
|
3464
|
+
this.treeData2 = [];
|
3465
|
+
this.selectedNode = [];
|
3466
|
+
this.disabledList = [];
|
3467
|
+
this.disabledList2 = [];
|
3468
|
+
this.splitView = false;
|
3469
|
+
}
|
3470
|
+
}
|
3471
|
+
|
3472
|
+
class RelatedItem {
|
3473
|
+
}
|
3474
|
+
class IRelated {
|
3475
|
+
}
|
3476
|
+
class RelatedData {
|
3477
|
+
constructor() {
|
3478
|
+
this.title = '';
|
3479
|
+
this.data = [];
|
3480
|
+
}
|
3481
|
+
}
|
3482
|
+
class SearchRelatedItemsToProcessAndDocument {
|
3483
|
+
}
|
3484
|
+
class SearchRelatedItemsToDeviation {
|
3485
|
+
}
|
3486
|
+
class SearchRelatedItemsToChecklist {
|
3487
|
+
}
|
3488
|
+
class SearchRelatedItemsToRisk {
|
3489
|
+
}
|
3490
|
+
|
3491
|
+
class QMSRelatedGlobalService {
|
3492
|
+
constructor() {
|
3493
|
+
this.searchRelated = new BehaviorSubject([]);
|
3494
|
+
this.splitViewValue = new BehaviorSubject([]);
|
3495
|
+
}
|
3496
|
+
setSearchRelated(result) {
|
3497
|
+
this.searchRelated.next(result);
|
3498
|
+
}
|
3499
|
+
setSplitviewValue(result) {
|
3500
|
+
this.splitViewValue.next(result);
|
3501
|
+
}
|
3502
|
+
}
|
3503
|
+
QMSRelatedGlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSRelatedGlobalService_Factory() { return new QMSRelatedGlobalService(); }, token: QMSRelatedGlobalService, providedIn: "root" });
|
3504
|
+
QMSRelatedGlobalService.decorators = [
|
3505
|
+
{ type: Injectable, args: [{ providedIn: 'root' },] }
|
3506
|
+
];
|
3507
|
+
QMSRelatedGlobalService.ctorParameters = () => [];
|
3508
|
+
|
3509
|
+
var DocumentNodeType;
|
3510
|
+
(function (DocumentNodeType) {
|
3511
|
+
DocumentNodeType[DocumentNodeType["Document"] = 1] = "Document";
|
3512
|
+
DocumentNodeType[DocumentNodeType["LinkDocument"] = 2] = "LinkDocument";
|
3513
|
+
DocumentNodeType[DocumentNodeType["FileDocument"] = 3] = "FileDocument";
|
3514
|
+
DocumentNodeType[DocumentNodeType["ShortcutDocument"] = 4] = "ShortcutDocument";
|
3515
|
+
DocumentNodeType[DocumentNodeType["Folder"] = 5] = "Folder";
|
3516
|
+
DocumentNodeType[DocumentNodeType["TopFolder"] = 6] = "TopFolder";
|
3156
3517
|
DocumentNodeType[DocumentNodeType["DepartmentFolder"] = 7] = "DepartmentFolder";
|
3157
3518
|
DocumentNodeType[DocumentNodeType["RegionalFolder"] = 8] = "RegionalFolder";
|
3158
3519
|
})(DocumentNodeType || (DocumentNodeType = {}));
|
3159
3520
|
|
3160
|
-
var ItemIconType;
|
3161
|
-
(function (ItemIconType) {
|
3162
|
-
ItemIconType[ItemIconType["none"] = 0] = "none";
|
3163
|
-
ItemIconType[ItemIconType["name"] = 1] = "name";
|
3164
|
-
ItemIconType[ItemIconType["path"] = 2] = "path";
|
3165
|
-
ItemIconType[ItemIconType["base64"] = 3] = "base64";
|
3166
|
-
ItemIconType[ItemIconType["svg"] = 4] = "svg";
|
3167
|
-
})(ItemIconType || (ItemIconType = {}));
|
3168
|
-
|
3169
3521
|
class TreeNode$1 {
|
3170
3522
|
}
|
3171
3523
|
|
@@ -3179,6 +3531,7 @@ function buildArrayTree$1(obj, level) {
|
|
3179
3531
|
node.id = keyObj["id"];
|
3180
3532
|
node.name = keyObj["name"];
|
3181
3533
|
node.parentId = keyObj["parentId"];
|
3534
|
+
node.levelType = keyObj["levelType"];
|
3182
3535
|
if (value != null) {
|
3183
3536
|
if (typeof value === 'object') {
|
3184
3537
|
node.children = this.buildArrayTree(value, level + 1);
|
@@ -3210,7 +3563,8 @@ function findParent$1(id, array) {
|
|
3210
3563
|
let parentKey = {
|
3211
3564
|
id: item.childId,
|
3212
3565
|
name: item.childName,
|
3213
|
-
parentId: item.rootId
|
3566
|
+
parentId: item.rootId,
|
3567
|
+
levelType: item.levelType
|
3214
3568
|
};
|
3215
3569
|
objParent[json.stringify(parentKey)] = null;
|
3216
3570
|
});
|
@@ -3224,7 +3578,8 @@ function findParent$1(id, array) {
|
|
3224
3578
|
let key = {
|
3225
3579
|
id: parent[0].rootId,
|
3226
3580
|
name: parent[0].rootName,
|
3227
|
-
parentId: ''
|
3581
|
+
parentId: '',
|
3582
|
+
levelType: parent[0].levelType
|
3228
3583
|
};
|
3229
3584
|
// add node to tree
|
3230
3585
|
objData$1[json.stringify(key)] = objParent;
|
@@ -3239,14 +3594,16 @@ function findChild$1(id, objParent, array) {
|
|
3239
3594
|
let nodeKey = {
|
3240
3595
|
id: item.childId,
|
3241
3596
|
name: item.childName,
|
3242
|
-
parentId: item.rootId
|
3597
|
+
parentId: item.rootId,
|
3598
|
+
levelType: item.levelType
|
3243
3599
|
};
|
3244
3600
|
processNode[json.stringify(nodeKey)] = null;
|
3245
3601
|
this.findChild(item.rootId, processNode, array);
|
3246
3602
|
let key = {
|
3247
3603
|
id: item.rootId,
|
3248
3604
|
name: item.subName,
|
3249
|
-
parentId: id
|
3605
|
+
parentId: id,
|
3606
|
+
levelType: item.levelType
|
3250
3607
|
};
|
3251
3608
|
objParent[json.stringify(key)] = Object.assign(Object.assign({}, objParent[json.stringify(key)]), processNode);
|
3252
3609
|
});
|
@@ -3271,6 +3628,7 @@ class TreeComponent {
|
|
3271
3628
|
this.selectFolderEvent = new EventEmitter();
|
3272
3629
|
this.checkBoxEvent = new EventEmitter();
|
3273
3630
|
this.childCheckedEvent = new EventEmitter();
|
3631
|
+
this.nodeExpandEvent = new EventEmitter();
|
3274
3632
|
this.listParentObj = {};
|
3275
3633
|
this.filterData = [];
|
3276
3634
|
this.arrIndex = [];
|
@@ -3282,6 +3640,7 @@ class TreeComponent {
|
|
3282
3640
|
this.allowMultipleCheck = true;
|
3283
3641
|
this.singleSelectedNode = false;
|
3284
3642
|
this.onlyCheckBoxForChild = false;
|
3643
|
+
this.onlyFolder = false;
|
3285
3644
|
this.itemIconType = ItemIconType;
|
3286
3645
|
this.displayType = 1;
|
3287
3646
|
this.openIcon = '';
|
@@ -3324,7 +3683,8 @@ class TreeComponent {
|
|
3324
3683
|
id: node.id,
|
3325
3684
|
hasChild: checkHasChild,
|
3326
3685
|
parentId: node.parentId,
|
3327
|
-
disabled: false
|
3686
|
+
disabled: false,
|
3687
|
+
levelType: node.levelType
|
3328
3688
|
};
|
3329
3689
|
};
|
3330
3690
|
this.treeFlattener = new MatTreeFlattener(this.transformer, (node) => {
|
@@ -3357,6 +3717,10 @@ class TreeComponent {
|
|
3357
3717
|
iconRegistry.addSvgIconLiteral('department_folder_outlined', domSanitizer.bypassSecurityTrustHtml(DEPARTMENT_FOLDER_OUTLINED_ICON));
|
3358
3718
|
iconRegistry.addSvgIconLiteral('keyboard_up', domSanitizer.bypassSecurityTrustHtml(KEYBOARD_UP_ICON));
|
3359
3719
|
iconRegistry.addSvgIconLiteral('keyboard_down', domSanitizer.bypassSecurityTrustHtml(KEYBOARD_DOWN_ICON));
|
3720
|
+
iconRegistry.addSvgIconLiteral('document_local', domSanitizer.bypassSecurityTrustHtml(DOCUMENT_LOCAL_ICON));
|
3721
|
+
iconRegistry.addSvgIconLiteral('document_enterprise', domSanitizer.bypassSecurityTrustHtml(DOCUMENT_ENTERPRISE_ICON));
|
3722
|
+
iconRegistry.addSvgIconLiteral('document_department', domSanitizer.bypassSecurityTrustHtml(DOCUMENT_DEPARTMENT_ICON));
|
3723
|
+
iconRegistry.addSvgIconLiteral('document_regional', domSanitizer.bypassSecurityTrustHtml(DOCUMENT_REGIONAL_ICON));
|
3360
3724
|
}
|
3361
3725
|
ngOnChanges(changes) {
|
3362
3726
|
if (changes.treeData && JSON.stringify(changes.treeData.currentValue) !== JSON.stringify(changes.treeData.previousValue)) {
|
@@ -3418,6 +3782,7 @@ class TreeComponent {
|
|
3418
3782
|
this.itemIconBase64 = this.domSanitizer.bypassSecurityTrustResourceUrl(this.treeConfig.itemIconBase64);
|
3419
3783
|
this.allowMultipleCheck = this.treeConfig.allowMultipleCheck;
|
3420
3784
|
this.singleSelectedNode = this.treeConfig.singleSelectedNode;
|
3785
|
+
this.onlyFolder = this.treeConfig.onlyFolder;
|
3421
3786
|
this.checklistSelection = new SelectionModel(this.allowMultipleCheck); /* true: multiple */
|
3422
3787
|
this.displayType = this.getItemIconType(this.treeConfig);
|
3423
3788
|
// Expand child node tree
|
@@ -3627,6 +3992,9 @@ class TreeComponent {
|
|
3627
3992
|
this.arrIndex.splice(i, 1);
|
3628
3993
|
}
|
3629
3994
|
}
|
3995
|
+
if (isExpandNode) {
|
3996
|
+
this.nodeExpandEvent.emit(node);
|
3997
|
+
}
|
3630
3998
|
return;
|
3631
3999
|
}
|
3632
4000
|
// get array index to expand node after refresh datasource
|
@@ -3774,10 +4142,21 @@ class TreeComponent {
|
|
3774
4142
|
return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
|
3775
4143
|
}
|
3776
4144
|
}
|
3777
|
-
getItemIcon() {
|
4145
|
+
getItemIcon(node) {
|
3778
4146
|
switch (this.moduleId) {
|
3779
4147
|
case DataType.document:
|
3780
|
-
|
4148
|
+
switch (node.levelType) {
|
4149
|
+
case DocumentNodeType.DepartmentFolder:
|
4150
|
+
return 'document_department';
|
4151
|
+
case DocumentNodeType.RegionalFolder:
|
4152
|
+
return 'document_regional';
|
4153
|
+
case DocumentNodeType.TopFolder:
|
4154
|
+
return 'document_enterprise';
|
4155
|
+
case DocumentNodeType.Folder:
|
4156
|
+
return 'document_local';
|
4157
|
+
default:
|
4158
|
+
return 'document';
|
4159
|
+
}
|
3781
4160
|
case DataType.process:
|
3782
4161
|
return 'process';
|
3783
4162
|
case DataType.checklist:
|
@@ -3794,7 +4173,7 @@ class TreeComponent {
|
|
3794
4173
|
TreeComponent.decorators = [
|
3795
4174
|
{ type: Component, args: [{
|
3796
4175
|
selector: 'qms-tree',
|
3797
|
-
template: "<mat-tree\r\n [dataSource]=\"dataSource\"\r\n [treeControl]=\"treeControl\"\r\n class=\"tree__container\"\r\n>\r\n <mat-tree-node\r\n class=\"tree-branch\"\r\n *matTreeNodeDef=\"let node\"\r\n matTreeNodeToggle\r\n matTreeNodePadding\r\n >\r\n <!-- form thu 1 - child -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n class=\"checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n >\r\n </mat-checkbox>\r\n\r\n <!-- form thu 2 -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild\"\r\n class=\"ml-10 checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <div class=\"expand-node\" *ngIf=\"node.name\" (click)=\"selectNode(node)\">\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.name && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ itemIcon }}\r\n </mat-icon>\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.svg && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"itemIconSvg\"\r\n >\r\n </mat-icon>\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.path && !onlyCheckBoxForChild\"\r\n class=\"mat-icon\"\r\n [src]=\"itemIconPath\"\r\n />\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.base64 && !onlyCheckBoxForChild\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath()\"\r\n />\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.none && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getItemIcon()\"\r\n ></mat-icon>\r\n <span class=\"text-node\">{{ node.name }}</span>\r\n </div>\r\n </mat-tree-node>\r\n\r\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n <!-- form thu 1 - parent -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"showCheckBox && !onlyCheckBoxForChild\"\r\n [checked]=\"descendantsAllSelected(node)\"\r\n [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <button\r\n class=\"button-boder\"\r\n mat-icon-button\r\n matTreeNodeToggle\r\n [disableRipple]=\"!node.hasChild\"\r\n [attr.aria-label]=\"'toggle ' + node.filename\"\r\n (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n >\r\n <mat-icon\r\n *ngIf=\"openIcon && closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n }\"\r\n >{{ getNodeIcon(node) }}</mat-icon\r\n >\r\n <mat-icon\r\n *ngIf=\"!openIcon || !closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n >\r\n </mat-icon>\r\n </button>\r\n <span\r\n *ngIf=\"!allowSelectFolder\"\r\n matTreeNodeToggle\r\n class=\"text-node-parent\"\r\n (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n style=\"cursor: pointer\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n }\"\r\n >\r\n {{ node.name }}\r\n </span>\r\n <button\r\n *ngIf=\"allowSelectFolder\"\r\n mat-icon-button\r\n class=\"button-folder-boder folder-icon\"\r\n (click)=\"selectFolder(node)\"\r\n [disableRipple]=\"true\"\r\n >\r\n {{ node.name }}\r\n </button>\r\n </mat-tree-node>\r\n</mat-tree>\r\n",
|
4176
|
+
template: "<mat-tree\r\n [dataSource]=\"dataSource\"\r\n [treeControl]=\"treeControl\"\r\n class=\"tree__container\"\r\n>\r\n <mat-tree-node\r\n class=\"tree-branch\"\r\n *matTreeNodeDef=\"let node\"\r\n matTreeNodeToggle\r\n matTreeNodePadding\r\n >\r\n <!-- form thu 1 - child -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n >\r\n </mat-checkbox>\r\n\r\n <!-- form thu 2 -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"ml-10 checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <div class=\"expand-node\" *ngIf=\"node.name && !onlyFolder\" (click)=\"selectNode(node)\">\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.name && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ itemIcon }}\r\n </mat-icon>\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.svg && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"itemIconSvg\"\r\n >\r\n </mat-icon>\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.path && !onlyCheckBoxForChild\"\r\n class=\"mat-icon\"\r\n [src]=\"itemIconPath\"\r\n />\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.base64 && !onlyCheckBoxForChild\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath()\"\r\n />\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.none && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getItemIcon(node)\"\r\n ></mat-icon>\r\n <span class=\"text-node\">{{ node.name }}</span>\r\n </div>\r\n </mat-tree-node>\r\n\r\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n <!-- form thu 1 - parent -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"showCheckBox && !onlyCheckBoxForChild\"\r\n [checked]=\"descendantsAllSelected(node)\"\r\n [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <button\r\n class=\"button-boder\"\r\n mat-icon-button\r\n matTreeNodeToggle\r\n [disableRipple]=\"!node.hasChild\"\r\n [attr.aria-label]=\"'toggle ' + node.filename\"\r\n (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n >\r\n <mat-icon\r\n *ngIf=\"openIcon && closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n }\"\r\n >{{ getNodeIcon(node) }}</mat-icon\r\n >\r\n <mat-icon\r\n *ngIf=\"!openIcon || !closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n >\r\n </mat-icon>\r\n </button>\r\n <span\r\n *ngIf=\"!allowSelectFolder\"\r\n matTreeNodeToggle\r\n class=\"text-node-parent\"\r\n (click)=\"onExpandNode(node, treeControl.isExpanded(node))\"\r\n style=\"cursor: pointer\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n }\"\r\n >\r\n {{ node.name }}\r\n </span>\r\n <button\r\n *ngIf=\"allowSelectFolder\"\r\n mat-icon-button\r\n class=\"button-folder-boder folder-icon\"\r\n (click)=\"selectFolder(node)\"\r\n [disableRipple]=\"true\"\r\n >\r\n {{ node.name }}\r\n </button>\r\n </mat-tree-node>\r\n</mat-tree>\r\n",
|
3798
4177
|
encapsulation: ViewEncapsulation.None,
|
3799
4178
|
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.tree__container{font-family:Open Sans;font-style:normal;font-weight:400;font-size:.875rem;line-height:19px;color:#323232}.tree__container .mat-tree-node{color:#000;min-height:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options{padding:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.tree__container .button{margin-left:6px}.tree__container .button:focus,.tree__container .button:hover{background-color:#009ef2;border-radius:2px;width:auto}.tree__container .button-boder:focus,.tree__container .button:focus{outline:0}.tree__container .button-folder-boder:focus{outline:0}.tree__container .button-folder-boder:focus,.tree__container .button-folder-boder:hover{background-color:#009ef2;border-radius:2px;width:auto}.tree__container .expand-node{margin-left:8px;display:flex;align-items:center;min-height:32px}.tree__container .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container span.text-node-parent{margin-left:10px}.tree__container .mr-11{margin-right:11px}.tree__container .ml-10{margin-left:10px}.tree__container .tree-branch:hover{background-color:#efefef}.tree__container .image-base64{width:20px;height:20px}.tree__container .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}::ng-deep .mat-tree .mat-checkbox.qms-group-options{padding:0}::ng-deep .mat-tree .mat-checkbox.qms-group-options.mat-checkbox-checked{background-color:transparent}::ng-deep .mat-tree .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:0}"]
|
3800
4179
|
},] }
|
@@ -3813,7 +4192,8 @@ TreeComponent.propDecorators = {
|
|
3813
4192
|
selectNodeEvent: [{ type: Output }],
|
3814
4193
|
selectFolderEvent: [{ type: Output }],
|
3815
4194
|
checkBoxEvent: [{ type: Output }],
|
3816
|
-
childCheckedEvent: [{ type: Output }]
|
4195
|
+
childCheckedEvent: [{ type: Output }],
|
4196
|
+
nodeExpandEvent: [{ type: Output }]
|
3817
4197
|
};
|
3818
4198
|
|
3819
4199
|
class RelatedPopupComponent {
|
@@ -3847,10 +4227,15 @@ class RelatedPopupComponent {
|
|
3847
4227
|
this.isDocumentExpanded = true;
|
3848
4228
|
this.isCommonExpanded = true;
|
3849
4229
|
this.singleSelectedNode = false;
|
4230
|
+
this.searchOrder = [];
|
3850
4231
|
this.myControl = new FormControl();
|
3851
4232
|
this.filteredOptions = [];
|
3852
4233
|
this.isInputValue = false;
|
4234
|
+
this.itemInSplitview = [];
|
4235
|
+
this.selectedFolder = null;
|
4236
|
+
this.splitViewTitle = null;
|
3853
4237
|
this.onSearch = new EventEmitter();
|
4238
|
+
this.onExpandFolder = new EventEmitter();
|
3854
4239
|
this.moduleId = data.moduleId;
|
3855
4240
|
this.moduleName = data.moduleName;
|
3856
4241
|
this.treeData1 = data.treeData1;
|
@@ -3861,6 +4246,7 @@ class RelatedPopupComponent {
|
|
3861
4246
|
this.singleSelectedNode = data.treeConfig1.singleSelectedNode;
|
3862
4247
|
this.disabledList = data.disabledList || [];
|
3863
4248
|
this.disabledList2 = data.disabledList2 || [];
|
4249
|
+
this.splitView = data.splitView;
|
3864
4250
|
iconRegistry.addSvgIconLiteral('process', sanitizer.bypassSecurityTrustHtml(PROCESS_ICON));
|
3865
4251
|
iconRegistry.addSvgIconLiteral('process_area', sanitizer.bypassSecurityTrustHtml(PROCESS_AREA_ICON));
|
3866
4252
|
iconRegistry.addSvgIconLiteral('process_area_outlined', sanitizer.bypassSecurityTrustHtml(PROCESS_AREA_OUTLINED_ICON));
|
@@ -3868,11 +4254,17 @@ class RelatedPopupComponent {
|
|
3868
4254
|
iconRegistry.addSvgIconLiteral('checklist', sanitizer.bypassSecurityTrustHtml(CHECKLIST_ICON));
|
3869
4255
|
iconRegistry.addSvgIconLiteral('deviation', sanitizer.bypassSecurityTrustHtml(DEVIATION_ICON));
|
3870
4256
|
iconRegistry.addSvgIconLiteral('risk', sanitizer.bypassSecurityTrustHtml(RISK_ICON));
|
4257
|
+
iconRegistry.addSvgIconLiteral('document_local', sanitizer.bypassSecurityTrustHtml(DOCUMENT_LOCAL_ICON));
|
4258
|
+
iconRegistry.addSvgIconLiteral('document_enterprise', sanitizer.bypassSecurityTrustHtml(DOCUMENT_ENTERPRISE_ICON));
|
4259
|
+
iconRegistry.addSvgIconLiteral('document_department', sanitizer.bypassSecurityTrustHtml(DOCUMENT_DEPARTMENT_ICON));
|
4260
|
+
iconRegistry.addSvgIconLiteral('document_regional', sanitizer.bypassSecurityTrustHtml(DOCUMENT_REGIONAL_ICON));
|
3871
4261
|
}
|
3872
4262
|
ngOnDestroy() {
|
3873
4263
|
this.ngUnsubscribe.next();
|
3874
4264
|
this.ngUnsubscribe.complete();
|
3875
4265
|
this.globalService.setSearchRelated([]);
|
4266
|
+
this.selectedFolder = null;
|
4267
|
+
this.globalService.setSplitviewValue([]);
|
3876
4268
|
}
|
3877
4269
|
onMessage(event) {
|
3878
4270
|
if (event.data === RelatedConst.HIDE_SEARCH_RESULT) {
|
@@ -3890,11 +4282,17 @@ class RelatedPopupComponent {
|
|
3890
4282
|
this.filteredOptions = res;
|
3891
4283
|
}
|
3892
4284
|
});
|
4285
|
+
this.globalService.splitViewValue.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
|
4286
|
+
if (res) {
|
4287
|
+
this.itemInSplitview = res;
|
4288
|
+
}
|
4289
|
+
});
|
3893
4290
|
this.myControl.valueChanges.pipe(debounceTime(1000)).subscribe((val) => {
|
3894
4291
|
this.isInputValue = true;
|
3895
4292
|
this.onSearchRelated(val);
|
3896
4293
|
});
|
3897
4294
|
this.itemType = this.getDataTypeId(this.moduleId);
|
4295
|
+
this.searchOrder = this.getSearchOrder();
|
3898
4296
|
}
|
3899
4297
|
ngAfterViewChecked() {
|
3900
4298
|
this.cdRef.detectChanges();
|
@@ -3930,21 +4328,21 @@ class RelatedPopupComponent {
|
|
3930
4328
|
removeCheckedNodeList(item) {
|
3931
4329
|
this.selectedData = [];
|
3932
4330
|
this.selectedData2 = [];
|
3933
|
-
this.checkedNodeList = this.checkedNodeList.filter(x => (x.id !== item.id || x.parentId !== item.parentId));
|
4331
|
+
this.checkedNodeList = this.checkedNodeList.filter(x => (x.id.toLowerCase() !== item.id.toLowerCase() || x.parentId.toLowerCase() !== item.parentId.toLowerCase()));
|
3934
4332
|
const tempArr = [];
|
3935
4333
|
const tempArrDocument = [];
|
3936
4334
|
const newSelectProcessList = [];
|
3937
4335
|
const newSelectDocumentList = [];
|
3938
4336
|
this.commonCheckedList.forEach(element => {
|
3939
4337
|
this.checkedNodeList.forEach(x => {
|
3940
|
-
if (element.id === x.id && element.parentId === x.parentId) {
|
4338
|
+
if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
|
3941
4339
|
tempArr.push(element);
|
3942
4340
|
}
|
3943
4341
|
});
|
3944
4342
|
});
|
3945
4343
|
this.singleProcessList.forEach(element => {
|
3946
4344
|
this.checkedNodeList.forEach(x => {
|
3947
|
-
if (element.id === x.id && element.parentId === x.parentId) {
|
4345
|
+
if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
|
3948
4346
|
newSelectProcessList.push(element);
|
3949
4347
|
}
|
3950
4348
|
});
|
@@ -3953,14 +4351,14 @@ class RelatedPopupComponent {
|
|
3953
4351
|
this.selectedData = [...tempArr];
|
3954
4352
|
this.documentCheckedList.forEach(element => {
|
3955
4353
|
this.checkedNodeList.forEach(x => {
|
3956
|
-
if (element.id === x.id && element.parentId === x.parentId) {
|
4354
|
+
if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
|
3957
4355
|
tempArrDocument.push(element);
|
3958
4356
|
}
|
3959
4357
|
});
|
3960
4358
|
});
|
3961
4359
|
this.singleDocumentList.forEach(element => {
|
3962
4360
|
this.checkedNodeList.forEach(x => {
|
3963
|
-
if (element.id === x.id && element.parentId === x.parentId) {
|
4361
|
+
if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
|
3964
4362
|
newSelectDocumentList.push(element);
|
3965
4363
|
}
|
3966
4364
|
});
|
@@ -4114,13 +4512,15 @@ class RelatedPopupComponent {
|
|
4114
4512
|
this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
|
4115
4513
|
}
|
4116
4514
|
else {
|
4117
|
-
// process,
|
4515
|
+
// process, risk,...
|
4118
4516
|
position = this.treeData1.findIndex(x => {
|
4119
|
-
return x.childId === item.id;
|
4517
|
+
return x.childId.toLowerCase() === item.id.toLowerCase();
|
4120
4518
|
});
|
4121
4519
|
node = this.treeData1[position];
|
4122
4520
|
typeId = this.itemType;
|
4123
|
-
|
4521
|
+
if (node) {
|
4522
|
+
this.dataTrees.toArray()[0].todoItemSelectionById([node.childId]);
|
4523
|
+
}
|
4124
4524
|
}
|
4125
4525
|
}
|
4126
4526
|
}
|
@@ -4284,11 +4684,15 @@ class RelatedPopupComponent {
|
|
4284
4684
|
}
|
4285
4685
|
}
|
4286
4686
|
onCloseClick() {
|
4687
|
+
this.selectedFolder = null;
|
4688
|
+
this.itemInSplitview = [];
|
4287
4689
|
this.dialogRef.close();
|
4288
4690
|
}
|
4289
4691
|
;
|
4290
4692
|
onAddClick() {
|
4291
4693
|
// if (this.treeConfig1.showCheckBox) {
|
4694
|
+
this.selectedFolder = null;
|
4695
|
+
this.itemInSplitview = [];
|
4292
4696
|
this.dialogRef.close(this.checkedNodeList);
|
4293
4697
|
// }
|
4294
4698
|
// else {
|
@@ -4313,13 +4717,154 @@ class RelatedPopupComponent {
|
|
4313
4717
|
isEllipsisActive(e) {
|
4314
4718
|
return e ? (e.clientWidth < e.scrollWidth) : false;
|
4315
4719
|
}
|
4720
|
+
getNodeIcon(item) {
|
4721
|
+
switch (item.itemType) {
|
4722
|
+
case DataType.folder: {
|
4723
|
+
switch (item.levelType) {
|
4724
|
+
case DocumentNodeType.DepartmentFolder:
|
4725
|
+
return 'department_folder_outlined';
|
4726
|
+
case DocumentNodeType.RegionalFolder:
|
4727
|
+
return 'regional_folder_outlined';
|
4728
|
+
case DocumentNodeType.TopFolder:
|
4729
|
+
return 'enterprise_folder_outlined';
|
4730
|
+
case DocumentNodeType.Folder:
|
4731
|
+
return 'local_folder_outlined';
|
4732
|
+
default:
|
4733
|
+
return 'folder_outlined';
|
4734
|
+
}
|
4735
|
+
}
|
4736
|
+
case DataType.document: {
|
4737
|
+
switch (item.levelType) {
|
4738
|
+
case DocumentNodeType.DepartmentFolder:
|
4739
|
+
return 'document_department';
|
4740
|
+
case DocumentNodeType.RegionalFolder:
|
4741
|
+
return 'document_regional';
|
4742
|
+
case DocumentNodeType.TopFolder:
|
4743
|
+
return 'document_enterprise';
|
4744
|
+
case DocumentNodeType.Folder:
|
4745
|
+
return 'document_local';
|
4746
|
+
default:
|
4747
|
+
return 'document';
|
4748
|
+
}
|
4749
|
+
}
|
4750
|
+
case DataType.area:
|
4751
|
+
return 'process_area_outlined';
|
4752
|
+
case DataType.process:
|
4753
|
+
return 'process';
|
4754
|
+
case DataType.deviation:
|
4755
|
+
return 'deviation';
|
4756
|
+
case DataType.checklist:
|
4757
|
+
return 'checklist';
|
4758
|
+
case DataType.risk:
|
4759
|
+
return 'risk';
|
4760
|
+
default:
|
4761
|
+
return 'folder_outlined';
|
4762
|
+
}
|
4763
|
+
}
|
4764
|
+
getSearchOrder() {
|
4765
|
+
let searchTypes = Object.keys(this.dataType)
|
4766
|
+
.map(key => ({ value: this.dataType[key], key: key }));
|
4767
|
+
searchTypes = searchTypes.slice(searchTypes.length / 2);
|
4768
|
+
return searchTypes;
|
4769
|
+
}
|
4770
|
+
getTitle(type) {
|
4771
|
+
switch (type) {
|
4772
|
+
case DataType.process:
|
4773
|
+
return this.LANG.PROCESSES;
|
4774
|
+
case DataType.area:
|
4775
|
+
return this.LANG.PROCESS_AREA;
|
4776
|
+
case DataType.document:
|
4777
|
+
return this.LANG.DOCUMENTS;
|
4778
|
+
case DataType.folder:
|
4779
|
+
return this.LANG.FOLDER;
|
4780
|
+
case DataType.deviation:
|
4781
|
+
return this.LANG.DEVIATION;
|
4782
|
+
case DataType.deviationType:
|
4783
|
+
return this.LANG.DEVIATION_TYPE;
|
4784
|
+
case DataType.checklist:
|
4785
|
+
return this.LANG.CHECKLIST;
|
4786
|
+
case DataType.checklistCategory:
|
4787
|
+
return this.LANG.CHECKLIST_CATEGORY;
|
4788
|
+
case DataType.risk:
|
4789
|
+
return this.LANG.ASSESSMENT;
|
4790
|
+
case DataType.riskFolder:
|
4791
|
+
return this.LANG.FOLDER;
|
4792
|
+
}
|
4793
|
+
}
|
4794
|
+
getParentName(item) {
|
4795
|
+
if (item.itemType === this.dataType.checklist || item.itemType === this.dataType.deviation) {
|
4796
|
+
return item.parentName;
|
4797
|
+
}
|
4798
|
+
return null;
|
4799
|
+
}
|
4800
|
+
getItemId(item) {
|
4801
|
+
if (item.itemType === this.dataType.process) {
|
4802
|
+
return `${this.LANG.PROCESS_ID}: ${item.itemNumberId}; ${item.statusName}`;
|
4803
|
+
}
|
4804
|
+
else if (item.itemType === this.dataType.document) {
|
4805
|
+
return `${this.LANG.DOCUMENT_ID}: ${item.itemNumberId}; ${item.statusName}`;
|
4806
|
+
}
|
4807
|
+
return null;
|
4808
|
+
}
|
4809
|
+
toggleSelectItem(node) {
|
4810
|
+
const selectedNode = this.checkedNodeList.find(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase()));
|
4811
|
+
if (selectedNode) {
|
4812
|
+
this.removeCheckedNodeList({
|
4813
|
+
id: selectedNode.id,
|
4814
|
+
name: node.itemName,
|
4815
|
+
parentId: selectedNode.parentId,
|
4816
|
+
hasChild: false,
|
4817
|
+
expandable: false,
|
4818
|
+
level: 0,
|
4819
|
+
disabled: false,
|
4820
|
+
});
|
4821
|
+
}
|
4822
|
+
else {
|
4823
|
+
this.selectRelated(node);
|
4824
|
+
}
|
4825
|
+
}
|
4826
|
+
isNodeSelected(node) {
|
4827
|
+
return this.checkedNodeList.filter(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase())).length > 0;
|
4828
|
+
}
|
4829
|
+
getChildrenOfFolder(node, type) {
|
4830
|
+
if (this.splitView) {
|
4831
|
+
let item = new IRelated();
|
4832
|
+
item.id = node.id;
|
4833
|
+
item.itemType = type;
|
4834
|
+
item.itemName = node.name;
|
4835
|
+
this.selectedFolder = node;
|
4836
|
+
if (type === this.dataType.folder) {
|
4837
|
+
this.splitViewTitle = `${this.LANG.MESSAGE.DOCUMENTS_IN.toUpperCase()} "${node.name}"`;
|
4838
|
+
}
|
4839
|
+
else if (type === this.dataType.area) {
|
4840
|
+
this.splitViewTitle = `${this.LANG.MESSAGE.PROCESSES_IN.toUpperCase()} "${node.name}"`;
|
4841
|
+
}
|
4842
|
+
this.onExpandFolder.emit(item);
|
4843
|
+
}
|
4844
|
+
}
|
4845
|
+
getItemIcon(item) {
|
4846
|
+
switch (item.itemType) {
|
4847
|
+
case DataType.document:
|
4848
|
+
return 'document';
|
4849
|
+
case DataType.process:
|
4850
|
+
return 'process';
|
4851
|
+
case DataType.checklist:
|
4852
|
+
return 'checklist';
|
4853
|
+
case DataType.deviation:
|
4854
|
+
return 'deviation';
|
4855
|
+
case DataType.risk:
|
4856
|
+
return 'risk';
|
4857
|
+
default:
|
4858
|
+
return 'document';
|
4859
|
+
}
|
4860
|
+
}
|
4316
4861
|
}
|
4317
4862
|
RelatedPopupComponent.decorators = [
|
4318
4863
|
{ type: Component, args: [{
|
4319
4864
|
selector: 'qms-related-popup',
|
4320
|
-
template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n >\r\n <!-- Process -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.process).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.PROCESSES }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.process)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n svgIcon=\"process\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ LANG.PROCESS_ID }}: {{ option.itemNumberId }};\r\n {{ option.statusName }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Document -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.document).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.DOCUMENTS }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.document)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n svgIcon=\"document\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ LANG.DOCUMENT_ID }}: {{ option.itemNumberId }};\r\n {{ option.statusName }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Process Area -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.area).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.PROCESS_AREA }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.area)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n svgIcon=\"process_area_outlined\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Document Folder -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.folder).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.FOLDER }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.folder)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon leading-icon>folder_open</mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Categories -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.deviation).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.DEVIATION }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.deviation)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n svgIcon=\"deviation\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"caption\" \r\n qms-tool-tip=\"{{ isEllipsisActive(searchItemResult) ? option.parentName : '' }}\"\r\n mode=\"dark\"\r\n ><span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span></div>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n\r\n <!-- Deviation types -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.deviationType).length > 0\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.DEVIATION_TYPE }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"\r\n let option of getModuleFilteredOptions(dataType.deviationType)\r\n \"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon leading-icon>folder_open</mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Checklist -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.checklist).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.CHECKLIST }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.checklist)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n svgIcon=\"checklist\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"caption\" \r\n qms-tool-tip=\"{{ isEllipsisActive(searchItemResult) ? option.parentName : '' }}\"\r\n mode=\"dark\"\r\n ><span #searchItemResult class=\"search__result__parent-name\">{{ option.parentName }}</span>\r\n </div>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Checklist category -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.checklistCategory).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.CHECKLIST_CATEGORY }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"\r\n let option of getModuleFilteredOptions(dataType.checklistCategory)\r\n \"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon leading-icon type=\"image-square\">folder_open</mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Risk -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.risk).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.ASSESSMENT }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.risk)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n svgIcon=\"risk\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n <!-- Risk folder -->\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(dataType.riskFolder).length\"\r\n >\r\n <span class=\"search__module-title\">{{ LANG.FOLDER }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(dataType.riskFolder)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item>\r\n <mat-icon leading-icon type=\"image-square\">folder_open</mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\">{{ option.itemName }}</div>\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div\r\n class=\"qms-scrollbar qmslib_related_popup_content\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n {{ LANG.DEVIATION | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n {{ LANG.CHECKLIST | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n {{ LANG.ASSESSMENT | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{ isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData1\"\r\n [treeConfig]=\"treeConfig1\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n\r\n <div\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n class=\"line__divider\"\r\n ></div>\r\n\r\n <mat-expansion-panel\r\n hideToggle\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\"\r\n [expanded]=\"isDocumentExpanded\"\r\n (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree\r\n [treeData]=\"treeData2\"\r\n [treeConfig]=\"treeConfig2\"\r\n [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\"\r\n (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{ isEllipsisActive(itemName) ? getItemChipName(item) : '' }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)}}</span>\r\n <mat-icon (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
4865
|
+
template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n >\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"getModuleFilteredOptions(type.value).length\"\r\n >\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar qmslib_related_popup_content\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\">\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n {{ LANG.DEVIATION | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n {{ LANG.CHECKLIST | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n {{ LANG.ASSESSMENT | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{ isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData1\"\r\n [treeConfig]=\"treeConfig1\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n\r\n <div\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n class=\"line__divider\"\r\n ></div>\r\n\r\n <mat-expansion-panel\r\n hideToggle\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\"\r\n [expanded]=\"isDocumentExpanded\"\r\n (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree\r\n [treeData]=\"treeData2\"\r\n [treeConfig]=\"treeConfig2\"\r\n [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\"\r\n (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n <div \r\n *ngIf=\"splitView\"\r\n class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\">\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">{{ splitViewTitle }}</div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\"\r\n ></mat-checkbox>\r\n <mat-icon\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getItemIcon(node)\"\r\n ></mat-icon>\r\n <span class=\"text-node\">{{ node.itemName }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
4321
4866
|
encapsulation: ViewEncapsulation.None,
|
4322
|
-
styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .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}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .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}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result 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}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
|
4867
|
+
styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .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}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .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}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result 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}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
|
4323
4868
|
},] }
|
4324
4869
|
];
|
4325
4870
|
RelatedPopupComponent.ctorParameters = () => [
|
@@ -4438,7 +4983,7 @@ RiskAnalysisComponent.decorators = [
|
|
4438
4983
|
{ type: Component, args: [{
|
4439
4984
|
selector: 'qms-risk-analysis',
|
4440
4985
|
template: "<div\r\n id=\"qmslib_risk_analysis\"\r\n class=\"qmslib__risk__analysis__container qms__popup\"\r\n>\r\n <div id=\"qmslib_risk_analysis_title\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_risk_analysis_title_001\" mat-dialog-content class=\"title\">\r\n <span>{{ title }}</span>\r\n </div>\r\n </div>\r\n <div id=\"qmslib_risk_analysis_header_001\" class=\"regular\">\r\n <span>{{ LANG.REGULAR_TITLE }}</span>\r\n </div>\r\n <div id=\"qmslib_risk_analysis_header_002\" class=\"caption__regular\">\r\n <span>{{ LANG.CAPTION_TITLE }}</span>\r\n </div>\r\n <div class=\"line__divider\"></div>\r\n <div id=\"qmslib_risk_analysis_header_003\" class=\"overline\">\r\n <span>{{ LANG.CAUSAL_ANALYZES | uppercase }}</span>\r\n </div>\r\n <div\r\n id=\"qmslib_risk_analysis_content\"\r\n class=\"panel__content qms-scrollbar\"\r\n [ngClass]=\"\r\n !analysisDanger.length ? 'panel__content__error' : 'panel__content'\r\n \"\r\n >\r\n <qms-tree\r\n [treeData]=\"dangers\"\r\n [treeConfig]=\"dangerConfig\"\r\n [selectedData]=\"selectedData\"\r\n [disabledList]=\"disabledList\"\r\n (checkBoxEvent)=\"toggleChileNode($event)\"\r\n ></qms-tree>\r\n </div>\r\n\r\n <div *ngIf=\"!analysisDanger.length\" class=\"line__divider\"></div>\r\n\r\n <div *ngIf=\"!analysisDanger.length\" class=\"panel__error\">\r\n <span class=\"material-icons-outlined\">info</span>\r\n <span class=\"message\"> {{ LANG.ERROR.SELECT_DANGER }}</span>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n qms-btn\r\n [disabled]=\"!analysisDanger.length\"\r\n (click)=\"onFinishClick()\"\r\n >\r\n {{ LANG.FINISHED }}\r\n </button>\r\n <button qms-btn-text (click)=\"onCancelClick()\">\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
4441
|
-
styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__risk__analysis__container .title{font:Raleway;font-weight:600;font-style:normal;font-size:16px;line-height:22px;color:#323232}.qmslib__risk__analysis__container .line__divider{border-bottom:1px solid #ccc;height:1px;min-width:300px;max-width:100%}.qmslib__risk__analysis__container .regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:16px;line-height:28px;margin-top:10px}.qmslib__risk__analysis__container .caption__regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:12px;line-height:16px;margin-top:10px}.qmslib__risk__analysis__container .overline{font-family:Raleway;font-weight:600;font-style:normal;font-size:12px;letter-spacing:1px;line-height:16px;margin-top:15px}.qmslib__risk__analysis__container .panel__content{height:394px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__content__error{height:354px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__error{height:40px;color:#b00020;display:flex;flex-wrap:wrap;align-content:center;margin-left:15px}.qmslib__risk__analysis__container .panel__error .message{font-family:Open Sans;font-weight:400;font-style:normal;font-size:14px;line-height:22px;margin-left:10px}.qmslib__risk__analysis__container .mat-dialog-content.title{padding:0}"]
|
4986
|
+
styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__risk__analysis__container .title{font:Raleway;font-weight:600;font-style:normal;font-size:16px;line-height:22px;color:#323232}.qmslib__risk__analysis__container .line__divider{border-bottom:1px solid #ccc;height:1px;min-width:300px;max-width:100%}.qmslib__risk__analysis__container .regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:16px;line-height:28px;margin-top:10px}.qmslib__risk__analysis__container .caption__regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:12px;line-height:16px;margin-top:10px}.qmslib__risk__analysis__container .overline{font-family:Raleway;font-weight:600;font-style:normal;font-size:12px;letter-spacing:1px;line-height:16px;margin-top:15px}.qmslib__risk__analysis__container .panel__content{height:394px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__content__error{height:354px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__error{height:40px;color:#b00020;display:flex;flex-wrap:wrap;align-content:center;margin-left:15px}.qmslib__risk__analysis__container .panel__error .message{font-family:Open Sans;font-weight:400;font-style:normal;font-size:14px;line-height:22px;margin-left:10px}.qmslib__risk__analysis__container .mat-dialog-content.title{padding:0}"]
|
4442
4987
|
},] }
|
4443
4988
|
];
|
4444
4989
|
RiskAnalysisComponent.ctorParameters = () => [
|
@@ -4448,117 +4993,15 @@ RiskAnalysisComponent.ctorParameters = () => [
|
|
4448
4993
|
{ type: RiskAnalysis, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
4449
4994
|
];
|
4450
4995
|
|
4451
|
-
var
|
4452
|
-
(function (
|
4453
|
-
|
4454
|
-
|
4455
|
-
|
4456
|
-
})(
|
4457
|
-
|
4458
|
-
class RiskResult {
|
4459
|
-
constructor() {
|
4460
|
-
this.title = '';
|
4461
|
-
this.results = [];
|
4462
|
-
this.isSimple = 0;
|
4463
|
-
}
|
4464
|
-
}
|
4465
|
-
class Result {
|
4466
|
-
}
|
4996
|
+
var ActionType;
|
4997
|
+
(function (ActionType) {
|
4998
|
+
ActionType[ActionType["edit"] = 1] = "edit";
|
4999
|
+
ActionType[ActionType["detail"] = 2] = "detail";
|
5000
|
+
ActionType[ActionType["delete"] = 3] = "delete";
|
5001
|
+
})(ActionType || (ActionType = {}));
|
4467
5002
|
|
4468
|
-
class
|
4469
|
-
constructor(translate,
|
4470
|
-
this.translate = translate;
|
4471
|
-
this.dialogRef = dialogRef;
|
4472
|
-
this.data = data;
|
4473
|
-
this.results = [];
|
4474
|
-
this.color = Color;
|
4475
|
-
this.isSimple = 0;
|
4476
|
-
this.title = data.title;
|
4477
|
-
this.results = data.results;
|
4478
|
-
this.isSimple = data.isSimple || 0;
|
4479
|
-
}
|
4480
|
-
ngOnInit() {
|
4481
|
-
this.translate.getLanguageSubject$.pipe().subscribe((res) => {
|
4482
|
-
if (res) {
|
4483
|
-
this.LANG = this.translate.getObjectLang(res);
|
4484
|
-
}
|
4485
|
-
});
|
4486
|
-
}
|
4487
|
-
onCloseClick() {
|
4488
|
-
this.dialogRef.close();
|
4489
|
-
}
|
4490
|
-
}
|
4491
|
-
RiskResultComponent.decorators = [
|
4492
|
-
{ type: Component, args: [{
|
4493
|
-
selector: 'qms-risk-result',
|
4494
|
-
template: "<div class=\"dialog-container\">\r\n <div mat-dialog-title class=\"dialog-title\">\r\n <h3 class=\"title\">{{ title }}</h3>\r\n <button\r\n qms-btn-icon\r\n color=\"light\"\r\n qms-tool-tip=\"Caption\"\r\n mode=\"dark\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <mat-dialog-content>\r\n <div class=\"flex-container-header\">\r\n <div class=\"first\">{{ isSimple ? LANG.EVENT : LANG.CAUSE }}</div>\r\n <div class=\"second\">{{ LANG.AREA_OF_IMPACT }}</div>\r\n <div class=\"third\">{{ LANG.RESULT }}</div>\r\n </div>\r\n <div class=\"flex-container\" *ngFor=\"let item of results\">\r\n <!-- g y r 1 2 3 done -->\r\n <div class=\"first\" [ngSwitch]=\"item.color\">\r\n <label *ngSwitchCase=\"3\" class=\"label-red\"></label>\r\n <label *ngSwitchCase=\"1\" class=\"label-green\"></label>\r\n <label *ngSwitchCase=\"2\" class=\"label-yellow\"></label>\r\n {{ item.cause }}\r\n </div>\r\n <div class=\"second\">{{ item.consequenceArea }}</div>\r\n <ng-container [ngSwitch]=\"item.color\">\r\n <div class=\"third text-red\" *ngSwitchCase=\"3\">\r\n <span class=\"material-icons-outlined\">report_problem</span>\r\n {{ LANG.NOT_ACCEPTED }}\r\n </div>\r\n <div class=\"third text-yellow\" *ngSwitchCase=\"2\">\r\n <mat-icon>error_outline</mat-icon>\r\n {{ LANG.MUST_BE_EVALUATED }}\r\n </div>\r\n <div class=\"third text-green\" *ngSwitchCase=\"1\">\r\n <mat-icon>done</mat-icon>\r\n {{ LANG.ACCEPTED }}\r\n </div>\r\n </ng-container>\r\n </div>\r\n </mat-dialog-content>\r\n</div>\r\n",
|
4495
|
-
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.dialog-title{display:flex;justify-content:space-between}.dialog-title h3.title{font-family:Raleway;font-style:normal;font-weight:500;font-size:22px;line-height:26px}.flex-container-header{display:flex;align-items:center;font-size:.75rem;border-radius:4px;line-height:16px}.flex-container-header>div{font-family:Open Sans;font-style:normal;font-weight:600;text-align:left;padding:10px 25px;color:rgba(0,0,0,.6)}.flex-container-header .first{flex:0 1 40%}.flex-container-header .second,.flex-container-header .third{flex:0 1 30%}.flex-container{display:flex;align-items:center;font-size:.875rem;line-height:22px;border-radius:4px;border:1px solid #ddd;min-height:48px;margin-bottom:10px}.flex-container>div{font-family:Open Sans;font-style:normal;text-align:left;padding:10px 25px;color:#323232}.flex-container .first{display:flex;flex:0 1 40%;align-items:center;font-weight:600}.flex-container .second{flex:0 1 30%;font-weight:400}.flex-container .third{display:flex;flex:0 1 30%;align-items:center;font-weight:600;font-size:.75rem}.flex-container .third.text-green,.flex-container .third.text-red,.flex-container .third.text-yellow{font-size:.75rem}.flex-container .third.text-green .mat-icon,.flex-container .third.text-green .material-icons-outlined,.flex-container .third.text-red .mat-icon,.flex-container .third.text-red .material-icons-outlined,.flex-container .third.text-yellow .mat-icon,.flex-container .third.text-yellow .material-icons-outlined{margin-right:1rem}.flex-container .third.text-red{color:#b00020}.flex-container .third.text-yellow{color:#726729}.flex-container .third.text-green{color:#005935}.label-green,.label-red,.label-yellow{font-family:Open Sans;font-style:normal;font-weight:600;display:flex;text-align:center;margin-right:1rem;width:24px;height:24px;flex:0 0 24px;border-radius:1px}.label-red{background-color:#9e360f;color:#fff}.label-yellow{background-color:#e4cf53;color:rgba(0,0,0,.87)}.label-green{background-color:#00804c;color:#fff}"]
|
4496
|
-
},] }
|
4497
|
-
];
|
4498
|
-
RiskResultComponent.ctorParameters = () => [
|
4499
|
-
{ type: TranslateLibraryService },
|
4500
|
-
{ type: MatDialogRef },
|
4501
|
-
{ type: RiskResult, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
4502
|
-
];
|
4503
|
-
|
4504
|
-
class SideNav {
|
4505
|
-
constructor() {
|
4506
|
-
this.menu = '';
|
4507
|
-
this.icon = '';
|
4508
|
-
this.items = [];
|
4509
|
-
}
|
4510
|
-
}
|
4511
|
-
class SideNavItem {
|
4512
|
-
}
|
4513
|
-
|
4514
|
-
class SidenavComponent {
|
4515
|
-
constructor() {
|
4516
|
-
this.data = new SideNav();
|
4517
|
-
this.menu = '';
|
4518
|
-
this.icon = '';
|
4519
|
-
this.items = [];
|
4520
|
-
this.isExpanded = true;
|
4521
|
-
this.showSubmenu = false;
|
4522
|
-
this.isShowing = false;
|
4523
|
-
this.showSubSubMenu = false;
|
4524
|
-
}
|
4525
|
-
ngOnInit() {
|
4526
|
-
this.menu = this.data.menu;
|
4527
|
-
this.icon = this.data.icon;
|
4528
|
-
this.items = this.data.items;
|
4529
|
-
}
|
4530
|
-
mouseenter() {
|
4531
|
-
if (!this.isExpanded) {
|
4532
|
-
this.isShowing = true;
|
4533
|
-
}
|
4534
|
-
}
|
4535
|
-
mouseleave() {
|
4536
|
-
if (!this.isExpanded) {
|
4537
|
-
this.isShowing = false;
|
4538
|
-
}
|
4539
|
-
}
|
4540
|
-
}
|
4541
|
-
SidenavComponent.decorators = [
|
4542
|
-
{ type: Component, args: [{
|
4543
|
-
selector: 'qms-sidenav',
|
4544
|
-
template: "<mat-sidenav\r\n #sidenav\r\n class=\"sidenav__container\"\r\n mode=\"side\"\r\n opened=\"true\"\r\n (mouseenter)=\"mouseenter()\"\r\n (mouseleave)=\"mouseleave()\"\r\n>\r\n <mat-nav-list>\r\n <mat-list-item (click)=\"showSubmenu = !showSubmenu\">\r\n <span class=\"sidenav-width\" *ngIf=\"isExpanded || isShowing\">{{\r\n menu\r\n }}</span>\r\n <mat-icon mat-list-icon>{{ icon }}</mat-icon>\r\n <mat-icon\r\n class=\"menu-button\"\r\n [ngClass]=\"{ rotated: showSubmenu }\"\r\n *ngIf=\"isExpanded || isShowing\"\r\n >expand_more</mat-icon\r\n >\r\n </mat-list-item>\r\n <div\r\n class=\"submenu\"\r\n [ngClass]=\"{ expanded: showSubmenu }\"\r\n *ngIf=\"isShowing || isExpanded\"\r\n >\r\n <div *ngFor=\"let item of items\">\r\n <a mat-list-item href=\"{{ item.url }}\">{{ item.name }}</a>\r\n </div>\r\n </div>\r\n </mat-nav-list>\r\n <mat-nav-list> </mat-nav-list>\r\n</mat-sidenav>\r\n",
|
4545
|
-
styles: [".sidenav__container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidenav-width{width:100%}.menu-button{transition:.3s ease-in-out;transform:rotate(0deg)}.menu-button.rotated{transform:rotate(180deg)}.submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:30px}.submenu.expanded{transform:scaleY(1)}"]
|
4546
|
-
},] }
|
4547
|
-
];
|
4548
|
-
SidenavComponent.propDecorators = {
|
4549
|
-
data: [{ type: Input }],
|
4550
|
-
sidenav: [{ type: ViewChild, args: ['sidenav',] }]
|
4551
|
-
};
|
4552
|
-
|
4553
|
-
var ActionType;
|
4554
|
-
(function (ActionType) {
|
4555
|
-
ActionType[ActionType["edit"] = 1] = "edit";
|
4556
|
-
ActionType[ActionType["detail"] = 2] = "detail";
|
4557
|
-
ActionType[ActionType["delete"] = 3] = "delete";
|
4558
|
-
})(ActionType || (ActionType = {}));
|
4559
|
-
|
4560
|
-
class RiskListComponent {
|
4561
|
-
constructor(translate, dialog) {
|
5003
|
+
class RiskListComponent {
|
5004
|
+
constructor(translate, dialog) {
|
4562
5005
|
this.translate = translate;
|
4563
5006
|
this.dialog = dialog;
|
4564
5007
|
this.dangers = [];
|
@@ -4708,72 +5151,106 @@ RiskListComponent.propDecorators = {
|
|
4708
5151
|
updateData: [{ type: Output }]
|
4709
5152
|
};
|
4710
5153
|
|
4711
|
-
|
4712
|
-
|
4713
|
-
|
4714
|
-
|
4715
|
-
|
4716
|
-
|
4717
|
-
|
4718
|
-
|
4719
|
-
|
4720
|
-
this.
|
4721
|
-
this.
|
4722
|
-
|
5154
|
+
var Color;
|
5155
|
+
(function (Color) {
|
5156
|
+
Color[Color["green"] = 1] = "green";
|
5157
|
+
Color[Color["yellow"] = 2] = "yellow";
|
5158
|
+
Color[Color["red"] = 3] = "red";
|
5159
|
+
})(Color || (Color = {}));
|
5160
|
+
|
5161
|
+
class RiskResult {
|
5162
|
+
constructor() {
|
5163
|
+
this.title = '';
|
5164
|
+
this.results = [];
|
5165
|
+
this.isSimple = 0;
|
4723
5166
|
}
|
4724
|
-
|
4725
|
-
|
4726
|
-
|
4727
|
-
|
4728
|
-
|
4729
|
-
|
4730
|
-
|
4731
|
-
|
5167
|
+
}
|
5168
|
+
class Result {
|
5169
|
+
}
|
5170
|
+
|
5171
|
+
class RiskResultComponent {
|
5172
|
+
constructor(translate, dialogRef, data) {
|
5173
|
+
this.translate = translate;
|
5174
|
+
this.dialogRef = dialogRef;
|
5175
|
+
this.data = data;
|
5176
|
+
this.results = [];
|
5177
|
+
this.color = Color;
|
5178
|
+
this.isSimple = 0;
|
5179
|
+
this.title = data.title;
|
5180
|
+
this.results = data.results;
|
5181
|
+
this.isSimple = data.isSimple || 0;
|
4732
5182
|
}
|
4733
5183
|
ngOnInit() {
|
4734
|
-
var _a;
|
4735
|
-
this.title = this.data.title;
|
4736
|
-
this.isNotEditedItem = (_a = this.data['isNotEditedItem']) !== null && _a !== void 0 ? _a : false;
|
4737
|
-
this.relatedData = this.data.data;
|
4738
5184
|
this.translate.getLanguageSubject$.pipe().subscribe((res) => {
|
4739
5185
|
if (res) {
|
4740
5186
|
this.LANG = this.translate.getObjectLang(res);
|
4741
5187
|
}
|
4742
5188
|
});
|
4743
5189
|
}
|
4744
|
-
|
4745
|
-
|
5190
|
+
onCloseClick() {
|
5191
|
+
this.dialogRef.close();
|
4746
5192
|
}
|
4747
|
-
|
4748
|
-
|
5193
|
+
}
|
5194
|
+
RiskResultComponent.decorators = [
|
5195
|
+
{ type: Component, args: [{
|
5196
|
+
selector: 'qms-risk-result',
|
5197
|
+
template: "<div class=\"dialog-container\">\r\n <div mat-dialog-title class=\"dialog-title\">\r\n <h3 class=\"title\">{{ title }}</h3>\r\n <button\r\n qms-btn-icon\r\n color=\"light\"\r\n qms-tool-tip=\"Caption\"\r\n mode=\"dark\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <mat-dialog-content>\r\n <div class=\"flex-container-header\">\r\n <div class=\"first\">{{ isSimple ? LANG.EVENT : LANG.CAUSE }}</div>\r\n <div class=\"second\">{{ LANG.AREA_OF_IMPACT }}</div>\r\n <div class=\"third\">{{ LANG.RESULT }}</div>\r\n </div>\r\n <div class=\"flex-container\" *ngFor=\"let item of results\">\r\n <!-- g y r 1 2 3 done -->\r\n <div class=\"first\" [ngSwitch]=\"item.color\">\r\n <label *ngSwitchCase=\"3\" class=\"label-red\"></label>\r\n <label *ngSwitchCase=\"1\" class=\"label-green\"></label>\r\n <label *ngSwitchCase=\"2\" class=\"label-yellow\"></label>\r\n {{ item.cause }}\r\n </div>\r\n <div class=\"second\">{{ item.consequenceArea }}</div>\r\n <ng-container [ngSwitch]=\"item.color\">\r\n <div class=\"third text-red\" *ngSwitchCase=\"3\">\r\n <span class=\"material-icons-outlined\">report_problem</span>\r\n {{ LANG.NOT_ACCEPTED }}\r\n </div>\r\n <div class=\"third text-yellow\" *ngSwitchCase=\"2\">\r\n <mat-icon>error_outline</mat-icon>\r\n {{ LANG.MUST_BE_EVALUATED }}\r\n </div>\r\n <div class=\"third text-green\" *ngSwitchCase=\"1\">\r\n <mat-icon>done</mat-icon>\r\n {{ LANG.ACCEPTED }}\r\n </div>\r\n </ng-container>\r\n </div>\r\n </mat-dialog-content>\r\n</div>\r\n",
|
5198
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.dialog-title{display:flex;justify-content:space-between}.dialog-title h3.title{font-family:Raleway;font-style:normal;font-weight:500;font-size:22px;line-height:26px}.flex-container-header{display:flex;align-items:center;font-size:.75rem;border-radius:4px;line-height:16px}.flex-container-header>div{font-family:Open Sans;font-style:normal;font-weight:600;text-align:left;padding:10px 25px;color:rgba(0,0,0,.6)}.flex-container-header .first{flex:0 1 40%}.flex-container-header .second,.flex-container-header .third{flex:0 1 30%}.flex-container{display:flex;align-items:center;font-size:.875rem;line-height:22px;border-radius:4px;border:1px solid #ddd;min-height:48px;margin-bottom:10px}.flex-container>div{font-family:Open Sans;font-style:normal;text-align:left;padding:10px 25px;color:#323232}.flex-container .first{display:flex;flex:0 1 40%;align-items:center;font-weight:600}.flex-container .second{flex:0 1 30%;font-weight:400}.flex-container .third{display:flex;flex:0 1 30%;align-items:center;font-weight:600;font-size:.75rem}.flex-container .third.text-green,.flex-container .third.text-red,.flex-container .third.text-yellow{font-size:.75rem}.flex-container .third.text-green .mat-icon,.flex-container .third.text-green .material-icons-outlined,.flex-container .third.text-red .mat-icon,.flex-container .third.text-red .material-icons-outlined,.flex-container .third.text-yellow .mat-icon,.flex-container .third.text-yellow .material-icons-outlined{margin-right:1rem}.flex-container .third.text-red{color:#b00020}.flex-container .third.text-yellow{color:#726729}.flex-container .third.text-green{color:#005935}.label-green,.label-red,.label-yellow{font-family:Open Sans;font-style:normal;font-weight:600;display:flex;text-align:center;margin-right:1rem;width:24px;height:24px;flex:0 0 24px;border-radius:1px}.label-red{background-color:#9e360f;color:#fff}.label-yellow{background-color:#e4cf53;color:rgba(0,0,0,.87)}.label-green{background-color:#00804c;color:#fff}"]
|
5199
|
+
},] }
|
5200
|
+
];
|
5201
|
+
RiskResultComponent.ctorParameters = () => [
|
5202
|
+
{ type: TranslateLibraryService },
|
5203
|
+
{ type: MatDialogRef },
|
5204
|
+
{ type: RiskResult, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
5205
|
+
];
|
5206
|
+
|
5207
|
+
class SideNav {
|
5208
|
+
constructor() {
|
5209
|
+
this.menu = '';
|
5210
|
+
this.icon = '';
|
5211
|
+
this.items = [];
|
4749
5212
|
}
|
4750
|
-
|
5213
|
+
}
|
5214
|
+
class SideNavItem {
|
5215
|
+
}
|
5216
|
+
|
5217
|
+
class SidenavComponent {
|
5218
|
+
constructor() {
|
5219
|
+
this.data = new SideNav();
|
5220
|
+
this.menu = '';
|
5221
|
+
this.icon = '';
|
5222
|
+
this.items = [];
|
5223
|
+
this.isExpanded = true;
|
5224
|
+
this.showSubmenu = false;
|
5225
|
+
this.isShowing = false;
|
5226
|
+
this.showSubSubMenu = false;
|
4751
5227
|
}
|
4752
|
-
|
4753
|
-
|
4754
|
-
|
5228
|
+
ngOnInit() {
|
5229
|
+
this.menu = this.data.menu;
|
5230
|
+
this.icon = this.data.icon;
|
5231
|
+
this.items = this.data.items;
|
4755
5232
|
}
|
4756
|
-
|
4757
|
-
|
5233
|
+
mouseenter() {
|
5234
|
+
if (!this.isExpanded) {
|
5235
|
+
this.isShowing = true;
|
5236
|
+
}
|
5237
|
+
}
|
5238
|
+
mouseleave() {
|
5239
|
+
if (!this.isExpanded) {
|
5240
|
+
this.isShowing = false;
|
5241
|
+
}
|
4758
5242
|
}
|
4759
5243
|
}
|
4760
|
-
|
5244
|
+
SidenavComponent.decorators = [
|
4761
5245
|
{ type: Component, args: [{
|
4762
|
-
selector: 'qms-
|
4763
|
-
template: "<
|
4764
|
-
styles: ["
|
5246
|
+
selector: 'qms-sidenav',
|
5247
|
+
template: "<mat-sidenav\r\n #sidenav\r\n class=\"sidenav__container\"\r\n mode=\"side\"\r\n opened=\"true\"\r\n (mouseenter)=\"mouseenter()\"\r\n (mouseleave)=\"mouseleave()\"\r\n>\r\n <mat-nav-list>\r\n <mat-list-item (click)=\"showSubmenu = !showSubmenu\">\r\n <span class=\"sidenav-width\" *ngIf=\"isExpanded || isShowing\">{{\r\n menu\r\n }}</span>\r\n <mat-icon mat-list-icon>{{ icon }}</mat-icon>\r\n <mat-icon\r\n class=\"menu-button\"\r\n [ngClass]=\"{ rotated: showSubmenu }\"\r\n *ngIf=\"isExpanded || isShowing\"\r\n >expand_more</mat-icon\r\n >\r\n </mat-list-item>\r\n <div\r\n class=\"submenu\"\r\n [ngClass]=\"{ expanded: showSubmenu }\"\r\n *ngIf=\"isShowing || isExpanded\"\r\n >\r\n <div *ngFor=\"let item of items\">\r\n <a mat-list-item href=\"{{ item.url }}\">{{ item.name }}</a>\r\n </div>\r\n </div>\r\n </mat-nav-list>\r\n <mat-nav-list> </mat-nav-list>\r\n</mat-sidenav>\r\n",
|
5248
|
+
styles: [".sidenav__container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidenav-width{width:100%}.menu-button{transition:.3s ease-in-out;transform:rotate(0deg)}.menu-button.rotated{transform:rotate(180deg)}.submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:30px}.submenu.expanded{transform:scaleY(1)}"]
|
4765
5249
|
},] }
|
4766
5250
|
];
|
4767
|
-
|
4768
|
-
{ type: DomSanitizer },
|
4769
|
-
{ type: TranslateLibraryService },
|
4770
|
-
{ type: MatIconRegistry }
|
4771
|
-
];
|
4772
|
-
RelatedListComponent.propDecorators = {
|
5251
|
+
SidenavComponent.propDecorators = {
|
4773
5252
|
data: [{ type: Input }],
|
4774
|
-
|
4775
|
-
updateData: [{ type: Output }],
|
4776
|
-
onItemSelect: [{ type: Output }]
|
5253
|
+
sidenav: [{ type: ViewChild, args: ['sidenav',] }]
|
4777
5254
|
};
|
4778
5255
|
|
4779
5256
|
class QMSRelatedModule {
|
@@ -4806,6 +5283,7 @@ QMSRelatedModule.decorators = [
|
|
4806
5283
|
SharedMaterialModule,
|
4807
5284
|
QMSListModule,
|
4808
5285
|
QmsAngularModule,
|
5286
|
+
QMSBreadcrumbModule
|
4809
5287
|
],
|
4810
5288
|
exports: [
|
4811
5289
|
TreeComponent,
|
@@ -4882,7 +5360,7 @@ QMSCKEditorConfirmComponent.decorators = [
|
|
4882
5360
|
{ type: Component, args: [{
|
4883
5361
|
selector: 'app-confirm-popup',
|
4884
5362
|
template: "<div\r\n id=\"qmsckeditor-confirm\"\r\n class=\"qmsckeditor qmsckeditor__confirm__container\"\r\n>\r\n <h2>{{ data.title }}</h2>\r\n <div class=\"row ml2 mr-0\" [innerHTML]=\"data.content\"></div>\r\n <div *ngIf=\"!data.isMessage\" class=\"row ml-0 mr-0 mt20\">\r\n <div *ngIf=\"data.isAdvance\" class=\"mt-4\">\r\n <mat-checkbox [(ngModel)]=\"isNotShowAgain\">{{\r\n data.checkText\r\n }}</mat-checkbox>\r\n </div>\r\n <div class=\"qmsckeditor confirm__button__groups ml-auto mt-auto\">\r\n <button mat-button class=\"cancel\" (click)=\"onCancelClick()\">\r\n {{ LANG.QMSCKEDITOR.CANCEL }}\r\n </button>\r\n <button\r\n *ngIf=\"!data.isAdvance\"\r\n mat-button\r\n class=\"confirm ml3\"\r\n (click)=\"onConfirmClick()\"\r\n >\r\n {{ LANG.QMSCKEDITOR.CONFIRM }}\r\n </button>\r\n <button\r\n *ngIf=\"data.isAdvance\"\r\n mat-button\r\n class=\"confirm ml3\"\r\n (click)=\"onAdvanceConfirmClick()\"\r\n >\r\n {{ LANG.QMSCKEDITOR.CONFIRM }}\r\n </button>\r\n </div>\r\n </div>\r\n <div *ngIf=\"data.isMessage\" class=\"row ml-0 mr-0 mt20\">\r\n <div class=\"ml-auto mt-auto\">\r\n <button mat-button class=\"save ml-3\" (click)=\"onConfirmClick()\">\r\n {{ LANG.COMMON.OK }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
4885
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}"]
|
5363
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}"]
|
4886
5364
|
},] }
|
4887
5365
|
];
|
4888
5366
|
QMSCKEditorConfirmComponent.ctorParameters = () => [
|
@@ -5318,7 +5796,7 @@ LinkAttachmentComponent.decorators = [
|
|
5318
5796
|
{ type: Component, args: [{
|
5319
5797
|
selector: 'link-attachment',
|
5320
5798
|
template: "<div\r\n id=\"qmsckeditor_link_attachment\"\r\n class=\"qmsckeditor qmsckeditor__link__attachment__container\"\r\n>\r\n <div id=\"qmsckeditor_link_attachment_header\">\r\n <span\r\n id=\"qmsckeditor_link_attachment_header_001\"\r\n mat-icon-button\r\n class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor_link_attachment_header_002\" mat-dialog-content>\r\n <h2 id=\"qmsckeditor_link_attachment_header_002_001\">\r\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n </h2>\r\n </div>\r\n </div>\r\n <div\r\n id=\"qmsckeditor_link_attachment_content\"\r\n class=\"qmsckeditor template-content height\"\r\n >\r\n <div id=\"qmsckeditor_link_attachment_content_001\" class=\"mt-1 pl-2 pr-2\">\r\n <mat-card\r\n class=\"qmsckeditor card col-12\"\r\n *ngFor=\"let attachment of attachments\"\r\n >\r\n <div\r\n class=\"row\"\r\n (click)=\"\r\n onSelectedAttachment(attachment.extraId, attachment.fileName)\r\n \"\r\n >\r\n <div class=\"qmsckeditor__cursor col-12\">\r\n <div class=\"col-12 pl-0 title\">\r\n <span>{{ attachment.fileName }}</span>\r\n </div>\r\n <div class=\"col-12 pl-0 content\">\r\n <span>{{ attachment.extraId }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-card>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
5321
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}"]
|
5799
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}"]
|
5322
5800
|
},] }
|
5323
5801
|
];
|
5324
5802
|
LinkAttachmentComponent.ctorParameters = () => [
|
@@ -5756,7 +6234,7 @@ QMSCKEditorRelatedComponent.decorators = [
|
|
5756
6234
|
{ type: Component, args: [{
|
5757
6235
|
selector: 'app-dialog',
|
5758
6236
|
template: "<div id=\"qmsckeditor_tree\" class=\"qmsckeditor qmsckeditor__tree__containter\">\r\n <span\r\n mat-icon-button\r\n class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor_tree_001\" mat-dialog-content>\r\n <h2 *ngIf=\"!isOnlyDocument\">\r\n {{ LANG.QMSCKEDITOR.ADD_DOCUMENT_PROCESS }}\r\n </h2>\r\n <h2 *ngIf=\"isOnlyDocument\">{{ LANG.QMSCKEDITOR.ADD_DOCUMENT }}</h2>\r\n </div>\r\n <div\r\n id=\"qmsckeditor_tree_002\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.QMSCKEDITOR.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n style=\"height: 50vh\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n style=\"height: 50vh\"\r\n >\r\n <mat-option\r\n *cdkVirtualFor=\"let option of filteredOptions\"\r\n [value]=\"option\"\r\n >\r\n <div\r\n *ngIf=\"option.type == 1\"\r\n class=\"col-12\"\r\n (click)=\"selectRelated(option.id, option.type)\"\r\n >\r\n <span\r\n ><img\r\n class=\"mat-icon\"\r\n src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAiElEQVR4AezOAQaAABQE0dDBuk2AjvCPGDrQb0GQ2NCqzDAAvOFP0ahLb7pvvjwBmn1ABrXqfhOqj/3KR+VBPioMOqPyIB+VB/moPMhH5UGdAk26rs6B/AABAgQIECBAgL4E2vcZpJFG+DA5DppPQweFk+MgHiAuB+L7VHTIeyDuBg9kDBcwCgBx1CcsdvijVwAAAABJRU5ErkJggg==\"\r\n /></span>\r\n <span>{{ option.name }}</span>\r\n </div>\r\n <div\r\n *ngIf=\"option.type == 2\"\r\n class=\"col-12\"\r\n (click)=\"selectRelated(option.id, option.type)\"\r\n >\r\n <span\r\n ><img\r\n class=\"mat-icon\"\r\n src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAbHV9mFYLuQAAAAJ0Uk5TAP9bkSK1AAAAKUlEQVR4nGNgQALyjT/AWPL/DDCG8dmAclgx4w8wZgeqBWEGIBuMEQAAaJkRERdvY48AAAAASUVORK5CYII=\"\r\n /></span>\r\n <span>{{ option.name }}</span>\r\n </div>\r\n </mat-option>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n <div id=\"qmsckeditor_tree_003\" class=\"row ml-0 mr-0 mt20\">\r\n <div id=\"qmsckeditor_tree_003_001\" class=\"content-box\">\r\n <strong *ngIf=\"!isOnlyDocument\">{{ LANG.QMSCKEDITOR.PROCESSES }}</strong>\r\n <qms-ckeditor-tree\r\n *ngIf=\"!isOnlyDocument\"\r\n [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\r\n [listParentObj]=\"listParentProcessId\"\r\n [treeData]=\"treeProcessData\"\r\n [rawData]=\"processData\"\r\n [docType]=\"2\"\r\n [useExpandFeature]=\"true\"\r\n [allowSelectFolder]=\"isEnableFolder\"\r\n (selectNodeEvent)=\"selectProcessNode($event)\"\r\n (selectFolderEvent)=\"selectAreaNode($event)\"\r\n ></qms-ckeditor-tree>\r\n <div *ngIf=\"!isOnlyDocument\" class=\"line-divider\"></div>\r\n <strong>{{ LANG.QMSCKEDITOR.DOCUMENTS }}</strong>\r\n <qms-ckeditor-tree\r\n [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\r\n [listParentObj]=\"listParentDocumentId\"\r\n [treeData]=\"treeDocumentData\"\r\n [rawData]=\"documentData\"\r\n [useExpandFeature]=\"true\"\r\n [docType]=\"1\"\r\n [allowSelectFolder]=\"isEnableFolder\"\r\n (selectNodeEvent)=\"selectDocumentNode($event)\"\r\n (selectFolderEvent)=\"selectHandbookNode($event)\"\r\n ></qms-ckeditor-tree>\r\n </div>\r\n </div>\r\n <div\r\n id=\"qmsckeditor_tree_004\"\r\n class=\"qmsckeditor button__groups mt20 row ml-0 mr-0\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"save col-12\"\r\n mat-flat-button\r\n (click)=\"onAddDocumentProcess()\"\r\n >\r\n {{ LANG.QMSCKEDITOR.ADD }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
5759
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}::ng-deep .qmsckeditor__tree__containter .input__field input{width:97%;padding:10px;outline:none;border:none;background:#eee}::ng-deep .qmsckeditor__tree__containter .input__field .mat-icon{margin-left:-35px;cursor:pointer;vertical-align:middle}::ng-deep .qmsckeditor__tree__containter .mat-tree{background:#00283a}::ng-deep .qmsckeditor__tree__containter .mat-tree-node{color:#fff;min-height:40px}::ng-deep .qmsckeditor__tree__containter .folder-icon{color:#a4b0de}::ng-deep .qmsckeditor__tree__containter .mat-icon{margin-bottom:5px}::ng-deep .qmsckeditor__tree__containter .content-box{min-width:375px;width:100%;height:435px;overflow-y:auto;background:#00283a;color:#fff}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item{width:100%;height:56px;border:1px solid #d4d5d6;padding:15px}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:hover{background:#d8ddf0;cursor:pointer}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-text{float:left;width:90%;height:26px;overflow:hidden}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-icon{float:right}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:not(:last-child){border-bottom:none}::ng-deep .qmsckeditor__tree__containter .content-box strong{text-transform:uppercase;margin:10px 0 0 2px}::ng-deep .qmsckeditor__tree__containter .line-divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px}::ng-deep .qmsckeditor__tree__containter .loading ::ng-deep .mat-progress-spinner{width:21px;height:21px;margin:0 auto;top:32px}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{overflow:hidden;max-height:none}::ng-deep .mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden;display:none}"]
|
6237
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}::ng-deep .qmsckeditor__tree__containter .input__field input{width:97%;padding:10px;outline:none;border:none;background:#eee}::ng-deep .qmsckeditor__tree__containter .input__field .mat-icon{margin-left:-35px;cursor:pointer;vertical-align:middle}::ng-deep .qmsckeditor__tree__containter .mat-tree{background:#00283a}::ng-deep .qmsckeditor__tree__containter .mat-tree-node{color:#fff;min-height:40px}::ng-deep .qmsckeditor__tree__containter .folder-icon{color:#a4b0de}::ng-deep .qmsckeditor__tree__containter .mat-icon{margin-bottom:5px}::ng-deep .qmsckeditor__tree__containter .content-box{min-width:375px;width:100%;height:435px;overflow-y:auto;background:#00283a;color:#fff}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item{width:100%;height:56px;border:1px solid #d4d5d6;padding:15px}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:hover{background:#d8ddf0;cursor:pointer}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-text{float:left;width:90%;height:26px;overflow:hidden}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-icon{float:right}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:not(:last-child){border-bottom:none}::ng-deep .qmsckeditor__tree__containter .content-box strong{text-transform:uppercase;margin:10px 0 0 2px}::ng-deep .qmsckeditor__tree__containter .line-divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px}::ng-deep .qmsckeditor__tree__containter .loading ::ng-deep .mat-progress-spinner{width:21px;height:21px;margin:0 auto;top:32px}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{overflow:hidden;max-height:none}::ng-deep .mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden;display:none}"]
|
5760
6238
|
},] }
|
5761
6239
|
];
|
5762
6240
|
QMSCKEditorRelatedComponent.ctorParameters = () => [
|
@@ -6087,7 +6565,7 @@ QMSCKEditorLinkComponent.decorators = [
|
|
6087
6565
|
{ type: Component, args: [{
|
6088
6566
|
selector: 'qms-ckeditor-link',
|
6089
6567
|
template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\r\n <div id=\"qmsckeditor_link_header\">\r\n <span\r\n id=\"qmsckeditor_link_header_001\"\r\n mat-icon-button\r\n class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\r\n <h2 id=\"qmsckeditor_link_header_001\">\r\n {{ LANG.QMSCKEDITOR.LINK }}\r\n </h2>\r\n </div>\r\n </div>\r\n <div id=\"qmsckeditor_link_type\" class=\"row\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\r\n <mat-select\r\n disableOptionCentering\r\n name=\"linkTypeList\"\r\n [(ngModel)]=\"selectedLink\"\r\n (ngModelChange)=\"onSelectedLinkType()\"\r\n >\r\n <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\r\n {{ link.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div id=\"qmsckeditor_link_content\">\r\n <form\r\n [formGroup]=\"linkFormGroup\"\r\n class=\"qmsckeditor link__content height row\"\r\n *ngIf=\"selectedLink === 0\"\r\n >\r\n <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3\">\r\n <mat-expansion-panel\r\n id=\"qmsckeditor_link_url_panel\"\r\n [expanded]=\"isExpanded\"\r\n (opened)=\"isExpanded = true\"\r\n (closed)=\"isExpanded = false\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ LANG.QMSCKEDITOR.URL_HEADER }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\r\n <mat-select\r\n [(ngModel)]=\"selectedTarget\"\r\n formControlName=\"targetList\"\r\n disableOptionCentering\r\n >\r\n <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\r\n {{ target.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor_link_url_002\" class=\"row\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\r\n <mat-select\r\n [(ngModel)]=\"selectedProtocol\"\r\n formControlName=\"protocolList\"\r\n disableOptionCentering\r\n >\r\n <mat-option\r\n *ngFor=\"let protocol of protocols\"\r\n [value]=\"protocol.id\"\r\n >\r\n {{ protocol.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor_link_url_003\" class=\"row\">\r\n <mat-form-field class=\"col-12 pl-3 pr-3\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n <input matInput [(ngModel)]=\"url\" formControlName=\"url\" />\r\n <mat-error\r\n *ngIf=\"linkFormGroup.get('url').hasError('required')\"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor_link_url_004\" class=\"row\">\r\n <mat-form-field class=\"col-12 pl-3 pr-3\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ADVISORY_TITLE }}</mat-label>\r\n <input\r\n matInput\r\n [(ngModel)]=\"advisoryTitle\"\r\n formControlName=\"advisoryTitle\"\r\n />\r\n <mat-error\r\n *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div\r\n id=\"qmsckeditor_link_url_005\"\r\n class=\"qmsckeditor button__groups row\"\r\n >\r\n <div class=\"col-6 pl-3\">\r\n <button\r\n class=\"save\"\r\n mat-flat-button\r\n (click)=\"eHandbook(false, false)\"\r\n >\r\n {{ LANG.QMSCKEDITOR.HANDBOOK }}\r\n </button>\r\n </div>\r\n <div class=\"col-6 pr-3\">\r\n <button class=\"save\" mat-flat-button (click)=\"attachment()\">\r\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n </button>\r\n </div>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </form>\r\n\r\n <form\r\n [formGroup]=\"anchorTextFormGroup\"\r\n class=\"qmsckeditor link__content height row\"\r\n *ngIf=\"selectedLink === 1\"\r\n >\r\n <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3\">\r\n <mat-expansion-panel\r\n id=\"qmsckeditor_link_anchor_text_panel\"\r\n [expanded]=\"isExpanded\"\r\n (opened)=\"isExpanded = true\"\r\n (closed)=\"isExpanded = false\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\r\n <mat-option\r\n *ngFor=\"let editorAnchor of editorAnchors\"\r\n [value]=\"editorAnchor.anchorValue\"\r\n disableOptionCentering\r\n >\r\n {{ editorAnchor.viewValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error\r\n *ngIf=\"\r\n anchorTextFormGroup.get('anchorText').hasError('required')\r\n \"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </form>\r\n\r\n <form\r\n [formGroup]=\"emailFormGroup\"\r\n class=\"qmsckeditor link__content height row\"\r\n *ngIf=\"selectedLink === 2\"\r\n >\r\n <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3\">\r\n <mat-expansion-panel\r\n id=\"qmsckeditor_link_email_panel\"\r\n [expanded]=\"isExpanded\"\r\n (opened)=\"isExpanded = true\"\r\n (closed)=\"isExpanded = false\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmsckeditor_link_email_001\" class=\"row\">\r\n <mat-form-field class=\"col-12 pl-3 pr-3\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\r\n <input\r\n matInput\r\n [(ngModel)]=\"emailAddress\"\r\n formControlName=\"emailAddress\"\r\n />\r\n <mat-error\r\n *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor_link_email_002\" class=\"row\">\r\n <mat-form-field class=\"col-12 pl-3 pr-3\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\r\n <input\r\n matInput\r\n [(ngModel)]=\"emailSubject\"\r\n formControlName=\"emailSubject\"\r\n />\r\n <mat-error\r\n *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor_link_email_003\" class=\"row\">\r\n <mat-form-field class=\"col-12 pl-3 pr-3\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\r\n <textarea\r\n matInput\r\n [(ngModel)]=\"emailBody\"\r\n formControlName=\"emailBody\"\r\n ></textarea>\r\n <mat-error\r\n *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </form>\r\n\r\n <form\r\n [formGroup]=\"anchorDocFormGroup\"\r\n class=\"qmsckeditor link__content height row\"\r\n *ngIf=\"selectedLink === 3\"\r\n >\r\n <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3\">\r\n <mat-expansion-panel\r\n id=\"qmsckeditor_link_email_panel\"\r\n [expanded]=\"isExpanded\"\r\n (opened)=\"isExpanded = true\"\r\n (closed)=\"isExpanded = false\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <div\r\n id=\"qmsckeditor_link_anchor_doc_001\"\r\n class=\"qmsckeditor button__groups row\"\r\n >\r\n <div class=\"col-6 pl-3\">\r\n <button\r\n class=\"cancel\"\r\n mat-flat-button\r\n (click)=\"eHandbook(true, true)\"\r\n >\r\n {{ LANG.QMSCKEDITOR.HANDBOOK }}\r\n </button>\r\n </div>\r\n </div>\r\n <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\r\n <mat-form-field class=\"col-12 pl-3 pr-3\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\r\n <input\r\n matInput\r\n [(ngModel)]=\"anchorTitle\"\r\n formControlName=\"anchorTitle\"\r\n />\r\n <mat-error\r\n *ngIf=\"\r\n anchorDocFormGroup.get('anchorTitle').hasError('required')\r\n \"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n <mat-select\r\n [(ngModel)]=\"anchorByName\"\r\n formControlName=\"anchorByName\"\r\n disableOptionCentering\r\n >\r\n <mat-option\r\n *ngFor=\"let docAnchor of documentAnchors\"\r\n [value]=\"docAnchor.anchorValue\"\r\n >\r\n {{ docAnchor.viewValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error\r\n *ngIf=\"\r\n anchorDocFormGroup.get('anchorByName').hasError('required')\r\n \"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </form>\r\n </div>\r\n\r\n <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\r\n <div class=\"col-12 mt-3 pl-3 pr-3\">\r\n <button\r\n class=\"save\"\r\n mat-flat-button\r\n (click)=\"setLink()\"\r\n [disabled]=\"disableOkButton()\"\r\n >\r\n {{ LANG.QMSCKEDITOR.OK }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
6090
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor__link__container textarea.mat-input-element{min-height:130px}"]
|
6568
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}.qmsckeditor__link__container textarea.mat-input-element{min-height:130px}"]
|
6091
6569
|
},] }
|
6092
6570
|
];
|
6093
6571
|
QMSCKEditorLinkComponent.ctorParameters = () => [
|
@@ -6384,7 +6862,7 @@ QMSCKEditorTemplateComponent.decorators = [
|
|
6384
6862
|
{ type: Component, args: [{
|
6385
6863
|
selector: 'app-qmsck-template',
|
6386
6864
|
template: "<div\r\n id=\"qmsckeditor-template\"\r\n class=\"qmsckeditor qmsckeditor__template__container\"\r\n>\r\n <div id=\"qmsckeditor-template-header\">\r\n <span\r\n id=\"qmsckeditor-template-header_001\"\r\n mat-icon-button\r\n class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div\r\n id=\"qmsckeditor-template-header_002\"\r\n mat-dialog-content\r\n *ngIf=\"!isEdit\"\r\n >\r\n <h2 id=\"qmsckeditor-template_002_001\">\r\n {{ LANG.QMSCKEDITOR.CREATE_NEW_TEMPLATE }}\r\n </h2>\r\n </div>\r\n <div id=\"qmsckeditor-template-header_002\" mat-dialog-content *ngIf=\"isEdit\">\r\n <h2 id=\"qmsckeditor-template_002_001\">\r\n {{ LANG.QMSCKEDITOR.UPDATE_TEMPLATE }}\r\n </h2>\r\n </div>\r\n </div>\r\n\r\n <form [formGroup]=\"templateFormGroup\">\r\n <div\r\n id=\"qmsckeditor-template-content\"\r\n class=\"qmsckeditor template-content height\"\r\n >\r\n <div id=\"qmsckeditor-template-content_001\" class=\"col-12 mt-1 pl-2 pr-2\">\r\n <mat-expansion-panel\r\n id=\"qmsckeditor-template-panel\"\r\n [expanded]=\"isExpanded\"\r\n (opened)=\"isExpanded = true\"\r\n (closed)=\"isExpanded = false\"\r\n >\r\n <div id=\"qmsckeditor-template-panel_001\">\r\n <div id=\"qmsckeditor-template-panel_001_000\" class=\"mt-2\">\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.TEMPLATE }}</mat-label>\r\n <mat-select\r\n formControlName=\"templateList\"\r\n [(ngModel)]=\"selectedId\"\r\n (ngModelChange)=\"onSelectChange()\"\r\n [disabled]=\"isEdit\"\r\n >\r\n <mat-option\r\n *ngFor=\"let template of templates\"\r\n [value]=\"template.id\"\r\n >\r\n {{ template.title }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor-template-panel_001_001\">\r\n <mat-form-field class=\"col-12 pl-0 pr-0\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\r\n <input\r\n matInput\r\n [(ngModel)]=\"template.title\"\r\n formControlName=\"title\"\r\n />\r\n <mat-error\r\n *ngIf=\"templateFormGroup.get('title').hasError('required')\"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor-template-panel_001_002\">\r\n <mat-form-field class=\"col-12 pl-0 pr-0\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.DESCRIPTION }}</mat-label>\r\n <textarea\r\n matInput\r\n [(ngModel)]=\"template.description\"\r\n formControlName=\"description\"\r\n ></textarea>\r\n <mat-error\r\n *ngIf=\"\r\n templateFormGroup.get('description').hasError('required')\r\n \"\r\n class=\"mt5\"\r\n >\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div\r\n id=\"qmsckeditor-template-panel_001_003\"\r\n class=\"qmsckeditor button__groups row mr-0 ml-0\"\r\n >\r\n <div class=\"col-6 pl-0\" *ngIf=\"!isEdit\">\r\n <button\r\n class=\"delete\"\r\n mat-flat-button\r\n (click)=\"deleteTemplate()\"\r\n [disabled]=\"selectedId === 0\"\r\n >\r\n {{ LANG.QMSCKEDITOR.DELETE }}\r\n </button>\r\n </div>\r\n <div class=\"col-6 pr-0\" *ngIf=\"!isEdit && selectedId === 0\">\r\n <button\r\n class=\"save\"\r\n mat-flat-button\r\n (click)=\"saveTemplate()\"\r\n [disabled]=\"templateFormGroup.invalid\"\r\n >\r\n {{ LANG.QMSCKEDITOR.SAVE }}\r\n </button>\r\n </div>\r\n <div class=\"col-6 pl-0\" *ngIf=\"isEdit\">\r\n <button\r\n class=\"cancel\"\r\n mat-flat-button\r\n (click)=\"cancelTemplate()\"\r\n [disabled]=\"selectedId === 0\"\r\n >\r\n {{ LANG.QMSCKEDITOR.CANCEL }}\r\n </button>\r\n </div>\r\n <div class=\"col-6 pr-0\" *ngIf=\"isEdit || selectedId !== 0\">\r\n <button\r\n class=\"save\"\r\n mat-flat-button\r\n (click)=\"updateTemplate()\"\r\n [disabled]=\"templateFormGroup.invalid\"\r\n >\r\n {{ LANG.QMSCKEDITOR.UPDATE }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n </form>\r\n</div>\r\n",
|
6387
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor__template__container .mat-form-field{width:100%}.qmsckeditor__template__container textarea.mat-input-element{min-height:150px}.qmsckeditor__template__container .template-checkbox{padding-top:20px}"]
|
6865
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}.qmsckeditor__template__container .mat-form-field{width:100%}.qmsckeditor__template__container textarea.mat-input-element{min-height:150px}.qmsckeditor__template__container .template-checkbox{padding-top:20px}"]
|
6388
6866
|
},] }
|
6389
6867
|
];
|
6390
6868
|
QMSCKEditorTemplateComponent.ctorParameters = () => [
|
@@ -6512,7 +6990,7 @@ QMSCKEditorLoadTemplateComponent.decorators = [
|
|
6512
6990
|
{ type: Component, args: [{
|
6513
6991
|
selector: 'app-qmsck-load-template',
|
6514
6992
|
template: "<div\r\n id=\"qmsckeditor-load-template\"\r\n class=\"qmsckeditor qmsckeditor__loadtemplate__container\"\r\n>\r\n <div id=\"qmsckeditor-load-template-header\">\r\n <span\r\n id=\"qmsckeditor-load-template-header_001\"\r\n mat-icon-button\r\n class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor-load-template-header_002\" mat-dialog-content>\r\n <h2 id=\"qmsckeditor-template_002_001\">\r\n {{ LANG.QMSCKEDITOR.CONTENT_TEMPLATE }}\r\n </h2>\r\n </div>\r\n </div>\r\n <div id=\"load-template_002\">\r\n <div id=\"load-template_002_001\" class=\"title col-12 mt-3\">\r\n <h2 id=\"load-template_002_001_001\">\r\n {{ LANG.QMSCKEDITOR.CHOOSE_TEMPLATE }}\r\n </h2>\r\n </div>\r\n </div>\r\n <div\r\n id=\"qmsckeditor-load-template-content\"\r\n class=\"qmsckeditor template-content height\"\r\n >\r\n <div id=\"qmsckeditor-load-template-content_003\" class=\"mt-1 pl-2 pr-2\">\r\n <mat-card\r\n class=\"qmsckeditor card col-12\"\r\n *ngFor=\"let template of templates\"\r\n >\r\n <div class=\"row\">\r\n <div\r\n class=\"qmsckeditor__cursor col-10\"\r\n (click)=\"onSelectTemplate(template.id)\"\r\n >\r\n <div class=\"col-12 pl-0 title\">\r\n <span>{{ template.title }}</span>\r\n </div>\r\n <div class=\"col-12 pl-0 content\">\r\n <span>{{ template.description }}</span>\r\n </div>\r\n </div>\r\n <div class=\"qmsckeditor__cursor col-1\">\r\n <mat-icon (click)=\"onEditTemplate(template.id)\">edit</mat-icon>\r\n </div>\r\n <div class=\"qmsckeditor__cursor col-1\">\r\n <mat-icon (click)=\"onDeleteTemplate(template.id)\">delete</mat-icon>\r\n </div>\r\n </div>\r\n </mat-card>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
6515
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor__loadtemplate__container .template-checkbox{padding-top:20px}"]
|
6993
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}.qmsckeditor__loadtemplate__container .template-checkbox{padding-top:20px}"]
|
6516
6994
|
},] }
|
6517
6995
|
];
|
6518
6996
|
QMSCKEditorLoadTemplateComponent.ctorParameters = () => [
|
@@ -6556,7 +7034,9 @@ CKEditorEventConst.QMSCK_TEMPLATE_PLUGIN_MSG = 'QMSCK_TEMPLATE_PLUGIN_MSG';
|
|
6556
7034
|
CKEditorEventConst.QMSCK_LOAD_TEMPLATE_PLUGIN_MSG = 'QMSCK_LOAD_TEMPLATE_PLUGIN_MSG';
|
6557
7035
|
CKEditorEventConst.QMSCK_LOAD_TEMPLATE_PLUGIN_RESP = 'QMSCK_LOAD_TEMPLATE_PLUGIN_RESP';
|
6558
7036
|
CKEditorEventConst.QMSCK_LINK_PLUGIN_MSG = 'QMSCK_LINK_PLUGIN_MSG';
|
6559
|
-
CKEditorEventConst.QMSCK_LINK_PLUGIN_RESP = 'QMSCK_LINK_PLUGIN_RESP';
|
7037
|
+
CKEditorEventConst.QMSCK_LINK_PLUGIN_RESP = 'QMSCK_LINK_PLUGIN_RESP';
|
7038
|
+
CKEditorEventConst.QMSCK_TOOLTIP_PLUGIN_MSG = 'QMSCK_TOOLTIP_PLUGIN_MSG';
|
7039
|
+
CKEditorEventConst.QMSCK_TOOLTIP_PLUGIN_RESP = 'QMSCK_TOOLTIP_PLUGIN_RESP';
|
6560
7040
|
|
6561
7041
|
var IFRAME_SRC = '//cdn.iframe.ly/api/iframe';
|
6562
7042
|
var API_KEY = 'b499e92e857f435c39c14d';
|
@@ -6826,6 +7306,80 @@ const CKEditorCommonFunctions = {
|
|
6826
7306
|
getCKEditorConfiguration
|
6827
7307
|
};
|
6828
7308
|
|
7309
|
+
class QMSCKEditorTooltip {
|
7310
|
+
constructor() {
|
7311
|
+
this.text = '';
|
7312
|
+
this.content = '';
|
7313
|
+
}
|
7314
|
+
}
|
7315
|
+
|
7316
|
+
class QMSCKEditorTooltipComponent extends QMSCKEditorBaseComponent {
|
7317
|
+
constructor(cdr, translate, dialogRef, data) {
|
7318
|
+
super();
|
7319
|
+
this.cdr = cdr;
|
7320
|
+
this.translate = translate;
|
7321
|
+
this.dialogRef = dialogRef;
|
7322
|
+
this.data = data;
|
7323
|
+
this.tooltipFormGroup = new FormGroup({
|
7324
|
+
title: new FormControl('', [Validators.required]),
|
7325
|
+
content: new FormControl('', [Validators.required])
|
7326
|
+
});
|
7327
|
+
this.tooltip = { text: data.text, content: data.content };
|
7328
|
+
this.editor = data.ckEditor;
|
7329
|
+
}
|
7330
|
+
ngOnInit() {
|
7331
|
+
this.translate.getLanguageSubject$.pipe(takeUntil(this.ngUnsubcribe)).subscribe((res) => {
|
7332
|
+
if (res) {
|
7333
|
+
this.LANG = this.translate.getObjectLang(res);
|
7334
|
+
}
|
7335
|
+
});
|
7336
|
+
this.editorConfig = CKEditorCommonFunctions.getCKEditorConfiguration(',heading,|,fontsize,fontfamily,fontColor,fontBackgroundColor,|,bold,italic,underline,strikethrough,|,alignment,|,bulletedList,numberedList,|,outdent,indent,|,subscript,superscript,|,undo,redo,|,specialCharacters,blockQuote,insertTable,|,link,anchor,|,timestamp,|,removeformat');
|
7337
|
+
}
|
7338
|
+
ngAfterViewChecked() {
|
7339
|
+
this.cdr.detectChanges();
|
7340
|
+
}
|
7341
|
+
onCloseDialog() {
|
7342
|
+
this.dialogRef.close();
|
7343
|
+
}
|
7344
|
+
getOutputContent(content) {
|
7345
|
+
this.tooltip.content = content;
|
7346
|
+
}
|
7347
|
+
onChanged({ editor }) {
|
7348
|
+
this.tooltip.content = editor.getData();
|
7349
|
+
}
|
7350
|
+
onBlur({ editor }) {
|
7351
|
+
this.tooltip.content = editor.getData();
|
7352
|
+
}
|
7353
|
+
onReady(editor) {
|
7354
|
+
if (this.tooltip.text) {
|
7355
|
+
editor.setData(this.tooltip.text);
|
7356
|
+
}
|
7357
|
+
editor.ui.getEditableElement().parentElement.insertBefore(editor.ui.view.toolbar.element, editor.ui.getEditableElement());
|
7358
|
+
}
|
7359
|
+
saveTooltip() {
|
7360
|
+
const tooltip = new QMSCKEditorTooltip();
|
7361
|
+
tooltip.content = this.tooltip.content;
|
7362
|
+
tooltip.text = this.tooltip.text;
|
7363
|
+
this.dialogRef.close(tooltip);
|
7364
|
+
}
|
7365
|
+
cancelTooltip() {
|
7366
|
+
this.dialogRef.close();
|
7367
|
+
}
|
7368
|
+
}
|
7369
|
+
QMSCKEditorTooltipComponent.decorators = [
|
7370
|
+
{ type: Component, args: [{
|
7371
|
+
selector: 'app-qmsck-tooltip',
|
7372
|
+
template: "<div\r\n id=\"qmsckeditor-tooltip\"\r\n class=\"qmsckeditor qmsckeditor__tooltip__container\"\r\n>\r\n <div id=\"qmsckeditor-tooltip-header\">\r\n <span\r\n id=\"qmsckeditor-tooltip-header_001\"\r\n mat-icon-button\r\n class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor-tooltip-header_002\" mat-dialog-content>\r\n <h2 id=\"qmsckeditor-tooltip_002_001\">\r\n {{ LANG.QMSCKEDITOR.INSERT_TOOLTIP }}\r\n </h2>\r\n </div>\r\n </div>\r\n <form [formGroup]=\"tooltipFormGroup\">\r\n <div\r\n id=\"qmsckeditor-tooltip-content\"\r\n class=\"qmsckeditor tooltip-content height\"\r\n >\r\n <div id=\"qmsckeditor-tooltip-content_001\" class=\"col-12 mt-1 pl-2 pr-2\">\r\n <mat-expansion-panel\r\n id=\"qmsckeditor-tooltip-panel\"\r\n [expanded]=\"true\"\r\n (opened)=\"(true)\"\r\n (closed)=\"(false)\"\r\n >\r\n <div id=\"qmsckeditor-tooltip-panel_001\">\r\n <div id=\"qmsckeditor-tooltip-panel_001_001\">\r\n <mat-form-field class=\"col-12 pl-0 pr-0\" appearance=\"fill\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\r\n <input\r\n matInput\r\n [(ngModel)]=\"tooltip.text\"\r\n formControlName=\"title\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n <div id=\"qmsckeditor-tooltip-panel_001_002\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.CONTENT }}</mat-label>\r\n <div class=\"qmsckeditor_container col-12 pl-0 pr-0\">\r\n <ckeditor\r\n class=\"qms-ckeditor\"\r\n [(editor)]=\"editor\"\r\n [config]=\"editorConfig\"\r\n (ready)=\"onReady($event)\"\r\n [(ngModel)]=\"tooltip.content\"\r\n (change)=\"onChanged($event)\"\r\n (blur)=\"onBlur($event)\"\r\n formControlName=\"content\"\r\n >\r\n </ckeditor>\r\n </div>\r\n </div>\r\n <div\r\n id=\"qmsckeditor-tooltip-panel_001_003\"\r\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4\"\r\n >\r\n <div class=\"col-6 pr-0\">\r\n <button\r\n class=\"save\"\r\n mat-flat-button\r\n (click)=\"saveTooltip()\"\r\n [disabled]=\"tooltipFormGroup.invalid\"\r\n >\r\n {{ LANG.QMSCKEDITOR.SAVE }}\r\n </button>\r\n </div>\r\n <div class=\"col-6 pl-0\">\r\n <button\r\n class=\"cancel\"\r\n mat-flat-button\r\n (click)=\"cancelTooltip()\"\r\n >\r\n {{ LANG.QMSCKEDITOR.CANCEL }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n </form>\r\n</div>\r\n",
|
7373
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}.qmsckeditor__tooltip__container .mat-form-field{width:100%}.qmsckeditor__tooltip__container textarea.mat-input-element{min-height:150px}"]
|
7374
|
+
},] }
|
7375
|
+
];
|
7376
|
+
QMSCKEditorTooltipComponent.ctorParameters = () => [
|
7377
|
+
{ type: ChangeDetectorRef },
|
7378
|
+
{ type: TranslateLibraryService },
|
7379
|
+
{ type: MatDialogRef },
|
7380
|
+
{ type: QMSCKEditorTooltip, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
7381
|
+
];
|
7382
|
+
|
6829
7383
|
class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
|
6830
7384
|
/**
|
6831
7385
|
* Constructor
|
@@ -6855,6 +7409,9 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
|
|
6855
7409
|
case this.ckEditorEventConst.QMSCK_LINK_PLUGIN_MSG:
|
6856
7410
|
this.linkEventHandling(event.data.value);
|
6857
7411
|
break;
|
7412
|
+
case this.ckEditorEventConst.QMSCK_TOOLTIP_PLUGIN_MSG:
|
7413
|
+
this.tooltipEventHandling(event.data.value);
|
7414
|
+
break;
|
6858
7415
|
default:
|
6859
7416
|
break;
|
6860
7417
|
}
|
@@ -6864,6 +7421,9 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
|
|
6864
7421
|
this.ckEditor = this.qmsckPlugin.pluginObject;
|
6865
7422
|
this.ckeditorConfig = CKEditorCommonFunctions.getCKEditorConfiguration(this.qmsckPlugin.itemToolbar);
|
6866
7423
|
this.globalService.setApiUrl(this.qmsckData.apiUrl);
|
7424
|
+
if (this.isEnabledCustomizingMathtypeService()) {
|
7425
|
+
this.customizeMathTypeService();
|
7426
|
+
}
|
6867
7427
|
}
|
6868
7428
|
registerOnChange(fn) {
|
6869
7429
|
this.onChange = fn;
|
@@ -6876,6 +7436,21 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
|
|
6876
7436
|
this.renderer.addClass(this.elRef.nativeElement, 'ck-disabled');
|
6877
7437
|
}
|
6878
7438
|
}
|
7439
|
+
isEnabledCustomizingMathtypeService() {
|
7440
|
+
const pattern = /(MathType)|(ChemType)/gmi;
|
7441
|
+
return !!this.qmsckData.mathtypeServiceUrl && !!this.qmsckPlugin.itemToolbar && this.qmsckPlugin.itemToolbar.search(pattern) > -1;
|
7442
|
+
}
|
7443
|
+
customizeMathTypeService() {
|
7444
|
+
const mathTypeConfig = {
|
7445
|
+
mathTypeParameters: {
|
7446
|
+
serviceProviderProperties: {
|
7447
|
+
URI: this.qmsckData.mathtypeServiceUrl,
|
7448
|
+
server: 'aspx'
|
7449
|
+
}
|
7450
|
+
}
|
7451
|
+
};
|
7452
|
+
this.ckEditor.defaultConfig = Object.assign(this.ckEditor.defaultConfig || {}, mathTypeConfig);
|
7453
|
+
}
|
6879
7454
|
onChanged({ editor }) {
|
6880
7455
|
this.qmsckContentOutput.emit(this.qmsckContentInput);
|
6881
7456
|
}
|
@@ -7003,6 +7578,32 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
|
|
7003
7578
|
}
|
7004
7579
|
});
|
7005
7580
|
}
|
7581
|
+
/**
|
7582
|
+
* Tooltip mapping
|
7583
|
+
*/
|
7584
|
+
tooltipEventHandling(value) {
|
7585
|
+
let data = new QMSCKEditorTooltip();
|
7586
|
+
data.text = value.text;
|
7587
|
+
data.content = value.content;
|
7588
|
+
data.ckEditor = this.qmsckPlugin.pluginObject;
|
7589
|
+
const dialogTemplate = this.dialog.open(QMSCKEditorTooltipComponent, {
|
7590
|
+
width: '650px',
|
7591
|
+
height: '530px',
|
7592
|
+
data,
|
7593
|
+
disableClose: true
|
7594
|
+
});
|
7595
|
+
dialogTemplate
|
7596
|
+
.afterClosed()
|
7597
|
+
.pipe(takeUntil(this.ngUnsubcribe))
|
7598
|
+
.subscribe((result) => {
|
7599
|
+
if (result) {
|
7600
|
+
const evt = new CustomEvent(this.ckEditorEventConst.QMSCK_TOOLTIP_PLUGIN_RESP, {
|
7601
|
+
detail: result
|
7602
|
+
});
|
7603
|
+
window.dispatchEvent(evt);
|
7604
|
+
}
|
7605
|
+
});
|
7606
|
+
}
|
7006
7607
|
}
|
7007
7608
|
QMSCKEditorComponent.decorators = [
|
7008
7609
|
{ type: Component, args: [{
|
@@ -7023,7 +7624,7 @@ QMSCKEditorComponent.decorators = [
|
|
7023
7624
|
],
|
7024
7625
|
encapsulation: ViewEncapsulation.None,
|
7025
7626
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
7026
|
-
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qmsckeditor_container .qmsckeditor__minwidth{width:100%}.qmsckeditor_container .ck-editor__editable{overflow-y:auto}.qms-ckeditor .ck.ck-editor__editable{min-height:
|
7627
|
+
styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:450px;overflow:auto}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qmsckeditor_container .qmsckeditor__minwidth{width:100%}.qmsckeditor_container .ck-editor__editable{overflow-y:auto}.qms-ckeditor .ck.ck-editor__editable{max-height:172px;min-height:172px;background-color:rgba(0,0,0,.04);font-family:Open Sans}.qms-ckeditor .ck.ck-editor__editable:not(.ck-focused,.ck-read-only):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar{width:12px}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-ckeditor .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-ckeditor .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-ckeditor .ck-disabled .ck.ck-toolbar{background-color:#e4e4e4;pointer-events:none}.qms-ckeditor .ck-disabled .ck-button{pointer-events:none}.qms-ckeditor .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-ckeditor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid #1954a9;border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-ckeditor .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}.qms-ckeditor .ck.ck-sticky-panel .ck-sticky-panel__content_sticky{box-shadow:none;border-width:0}.sub-container{display:flex;justify-content:space-between;padding:0 10px;font-family:Open Sans;font-size:.75rem;font-weight:400;line-height:16px;color:rgba(0,0,0,.6)}"]
|
7027
7628
|
},] }
|
7028
7629
|
];
|
7029
7630
|
QMSCKEditorComponent.ctorParameters = () => [
|
@@ -7060,7 +7661,8 @@ QMSCKEditorModule.decorators = [
|
|
7060
7661
|
QMSCKEditorLinkComponent,
|
7061
7662
|
QMSCKEditorTreeComponent,
|
7062
7663
|
QMSCKEditorRelatedComponent,
|
7063
|
-
LinkAttachmentComponent
|
7664
|
+
LinkAttachmentComponent,
|
7665
|
+
QMSCKEditorTooltipComponent
|
7064
7666
|
],
|
7065
7667
|
imports: [
|
7066
7668
|
CKEditorModule$1,
|
@@ -7110,6 +7712,7 @@ class QMSCKEdtiorInputData {
|
|
7110
7712
|
this.module = 0;
|
7111
7713
|
this.entityId = '';
|
7112
7714
|
this.documentId = 0;
|
7715
|
+
this.mathtypeServiceUrl = '';
|
7113
7716
|
}
|
7114
7717
|
}
|
7115
7718
|
|
@@ -7244,9 +7847,11 @@ class QMSDialogConfig extends MatDialogConfig {
|
|
7244
7847
|
super();
|
7245
7848
|
this.data = data;
|
7246
7849
|
this.width = width;
|
7247
|
-
this.disableClose =
|
7850
|
+
this.disableClose = false;
|
7248
7851
|
this.panelClass = ['qms-dialog'];
|
7249
7852
|
this.panelClass.push(panelClass);
|
7853
|
+
this.autoFocus = false;
|
7854
|
+
this.restoreFocus = false;
|
7250
7855
|
}
|
7251
7856
|
}
|
7252
7857
|
|
@@ -7435,7 +8040,7 @@ QMSTableAction.decorators = [
|
|
7435
8040
|
host: { 'class': 'qms-table-action' },
|
7436
8041
|
encapsulation: ViewEncapsulation.None,
|
7437
8042
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
7438
|
-
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qms-table-action{border:1px solid #e4e4e4;box-sizing:border-box;border-radius:4px;display:flex;justify-content:space-between;align-items:center;height:46px;width:100%}.qms-table-action .qms-table-action-block{height:inherit;display:inline-flex}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:first-child,.qms-table-action .qms-table-action-block:first-child button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:not(:first-child),.qms-table-action .qms-table-action-block:first-child button:not(:first-child){border-left:none}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:last-child,.qms-table-action .qms-table-action-block:last-child button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:not(:last-child),.qms-table-action .qms-table-action-block:last-child button:not(:last-child){border-right:none}.qms-table-action [class*=qms-btn],.qms-table-action [class*=qms-button]{height:100%;border-radius:0}.qms-table-action .qms-button-toggle-label-content{line-height:44px;padding:0 9px}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-suffix .mat-icon-button{margin-bottom:0;width:1.5rem;height:1.5rem}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-flex{align-items:center!important;border-radius:0!important;height:46px;border-bottom:none}.btn-more{display:none
|
8043
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qms-table-action{border:1px solid #e4e4e4;box-sizing:border-box;border-radius:4px;display:flex;justify-content:space-between;align-items:center;height:46px;width:100%}.qms-table-action .qms-table-action-block{height:inherit;display:inline-flex}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:first-child,.qms-table-action .qms-table-action-block:first-child button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:not(:first-child),.qms-table-action .qms-table-action-block:first-child button:not(:first-child){border-left:none}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:last-child,.qms-table-action .qms-table-action-block:last-child button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:not(:last-child),.qms-table-action .qms-table-action-block:last-child button:not(:last-child){border-right:none}.qms-table-action [class*=qms-btn],.qms-table-action [class*=qms-button]{height:100%;border-radius:0}.qms-table-action .qms-button-toggle-label-content{line-height:44px;padding:0 9px}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-suffix .mat-icon-button{margin-bottom:0;width:1.5rem;height:1.5rem}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-flex{align-items:center!important;border-radius:0!important;height:46px;border-bottom:none}button.btn-more{display:none}button.btn-more mat-icon{color:#1954a9;vertical-align:middle}#block1,#block2,#block3,#block4{display:none}#block1:checked+.block1,#block2:checked+.block2,#block3:checked+.block3,#block4:checked+.block4,.block1,.block2,.block3,.block4{display:inline-flex}@media (max-width:1199.98px){button.btn-block1{display:inline-block}.block1{display:none}}@media (max-width:991.98px){button.btn-block2{display:inline-block}.block2{display:none}}@media (max-width:767.98px){button.btn-block3{display:inline-block}.block3{display:none}}@media (max-width:575.98px){button.btn-block4{display:inline-block}.block4{display:none}}"]
|
7439
8044
|
},] }
|
7440
8045
|
];
|
7441
8046
|
QMSTableAction.ctorParameters = () => [
|
@@ -7458,7 +8063,7 @@ QMSTableActionBlock.decorators = [
|
|
7458
8063
|
},
|
7459
8064
|
encapsulation: ViewEncapsulation.None,
|
7460
8065
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
7461
|
-
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qms-table-action{border:1px solid #e4e4e4;box-sizing:border-box;border-radius:4px;display:flex;justify-content:space-between;align-items:center;height:46px;width:100%}.qms-table-action .qms-table-action-block{height:inherit;display:inline-flex}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:first-child,.qms-table-action .qms-table-action-block:first-child button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:not(:first-child),.qms-table-action .qms-table-action-block:first-child button:not(:first-child){border-left:none}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:last-child,.qms-table-action .qms-table-action-block:last-child button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:not(:last-child),.qms-table-action .qms-table-action-block:last-child button:not(:last-child){border-right:none}.qms-table-action [class*=qms-btn],.qms-table-action [class*=qms-button]{height:100%;border-radius:0}.qms-table-action .qms-button-toggle-label-content{line-height:44px;padding:0 9px}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-suffix .mat-icon-button{margin-bottom:0;width:1.5rem;height:1.5rem}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-flex{align-items:center!important;border-radius:0!important;height:46px;border-bottom:none}.btn-more{display:none
|
8066
|
+
styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.qms-table-action{border:1px solid #e4e4e4;box-sizing:border-box;border-radius:4px;display:flex;justify-content:space-between;align-items:center;height:46px;width:100%}.qms-table-action .qms-table-action-block{height:inherit;display:inline-flex}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:first-child,.qms-table-action .qms-table-action-block:first-child button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.qms-table-action .qms-table-action-block:first-child .qms-button-toggle-group:not(:first-child),.qms-table-action .qms-table-action-block:first-child button:not(:first-child){border-left:none}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:last-child,.qms-table-action .qms-table-action-block:last-child button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.qms-table-action .qms-table-action-block:last-child .qms-button-toggle-group:not(:last-child),.qms-table-action .qms-table-action-block:last-child button:not(:last-child){border-right:none}.qms-table-action [class*=qms-btn],.qms-table-action [class*=qms-button]{height:100%;border-radius:0}.qms-table-action .qms-button-toggle-label-content{line-height:44px;padding:0 9px}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-suffix .mat-icon-button{margin-bottom:0;width:1.5rem;height:1.5rem}.qms-table-action .mat-form-field.qms-search-field .mat-form-field-flex{align-items:center!important;border-radius:0!important;height:46px;border-bottom:none}button.btn-more{display:none}button.btn-more mat-icon{color:#1954a9;vertical-align:middle}#block1,#block2,#block3,#block4{display:none}#block1:checked+.block1,#block2:checked+.block2,#block3:checked+.block3,#block4:checked+.block4,.block1,.block2,.block3,.block4{display:inline-flex}@media (max-width:1199.98px){button.btn-block1{display:inline-block}.block1{display:none}}@media (max-width:991.98px){button.btn-block2{display:inline-block}.block2{display:none}}@media (max-width:767.98px){button.btn-block3{display:inline-block}.block3{display:none}}@media (max-width:575.98px){button.btn-block4{display:inline-block}.block4{display:none}}"]
|
7462
8067
|
},] }
|
7463
8068
|
];
|
7464
8069
|
QMSTableActionBlock.ctorParameters = () => [
|
@@ -7489,223 +8094,6 @@ QMSTableModule.decorators = [
|
|
7489
8094
|
},] }
|
7490
8095
|
];
|
7491
8096
|
|
7492
|
-
const BREADCRUMB_DROPDOWN_ICON = `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
7493
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3552 5.35508C11.9118 4.91175 11.3168 4.66675 10.6985 4.66675H4.66683C3.3835 4.66675 2.34516 5.71675 2.34516 7.00008L2.3335 21.0001C2.3335 22.2834 3.3835 23.3334 4.66683 23.3334H23.3335C24.6168 23.3334 25.6668 22.2834 25.6668 21.0001V9.33341C25.6668 8.05008 24.6168 7.00008 23.3335 7.00008H14.0002L12.3552 5.35508Z" fill="#00324E"/>
|
7494
|
-
<path d="M10.25 13.125L14 16.875L17.75 13.125H10.25Z" fill="white" fill-opacity="0.6"/>
|
7495
|
-
</svg>
|
7496
|
-
`;
|
7497
|
-
|
7498
|
-
class QMSBreadcrumbItemDirective {
|
7499
|
-
constructor(ele, renderer) {
|
7500
|
-
this.ele = ele;
|
7501
|
-
this.renderer = renderer;
|
7502
|
-
this.showTooltipChange = new EventEmitter();
|
7503
|
-
}
|
7504
|
-
ngAfterViewInit() {
|
7505
|
-
if (this.breadcrumbItemText) {
|
7506
|
-
this.breadcrumbItemText.nativeElement.classList.add('qms-breadcrumb-item-text');
|
7507
|
-
if (this.breadcrumbItemText.nativeElement.innerText.length > 30) {
|
7508
|
-
this.showTooltipChange.emit(true);
|
7509
|
-
}
|
7510
|
-
}
|
7511
|
-
}
|
7512
|
-
ngOnInit() {
|
7513
|
-
if (this.ele) {
|
7514
|
-
this.ele.nativeElement.classList.add('qms-breadcrumb-item');
|
7515
|
-
if (this.isLastItem) {
|
7516
|
-
this.ele.nativeElement.classList.add('qms-breadcrumb-last-item');
|
7517
|
-
}
|
7518
|
-
}
|
7519
|
-
}
|
7520
|
-
}
|
7521
|
-
QMSBreadcrumbItemDirective.decorators = [
|
7522
|
-
{ type: Directive, args: [{
|
7523
|
-
selector: '[qms-breadcrumb-item]',
|
7524
|
-
},] }
|
7525
|
-
];
|
7526
|
-
QMSBreadcrumbItemDirective.ctorParameters = () => [
|
7527
|
-
{ type: ElementRef },
|
7528
|
-
{ type: Renderer2 }
|
7529
|
-
];
|
7530
|
-
QMSBreadcrumbItemDirective.propDecorators = {
|
7531
|
-
isLastItem: [{ type: Input }],
|
7532
|
-
showTooltip: [{ type: Input }],
|
7533
|
-
showTooltipChange: [{ type: Output }],
|
7534
|
-
breadcrumbItemText: [{ type: ContentChild, args: ["breadcrumbItemText", { static: false },] }]
|
7535
|
-
};
|
7536
|
-
|
7537
|
-
class QMSBreadcrumb {
|
7538
|
-
constructor(ele, iconRegistry, sanitizer) {
|
7539
|
-
this.ele = ele;
|
7540
|
-
this.iconRegistry = iconRegistry;
|
7541
|
-
this.sanitizer = sanitizer;
|
7542
|
-
this.onItemClick = new EventEmitter();
|
7543
|
-
this.dropdownNodes = [];
|
7544
|
-
this.isOverflow = false;
|
7545
|
-
this.itemSpace = 12;
|
7546
|
-
this.isMobileType = false;
|
7547
|
-
iconRegistry.addSvgIconLiteral('breadcrumb_dropdown', sanitizer.bypassSecurityTrustHtml(BREADCRUMB_DROPDOWN_ICON));
|
7548
|
-
}
|
7549
|
-
ngAfterViewInit() {
|
7550
|
-
if (!this.isMobileType) {
|
7551
|
-
if (!this.maxLine || this.maxLine < 2) {
|
7552
|
-
const nodeWidths = this.breadCrumbNodes.filter((x, index) => index != 0).map(x => x.ele.nativeElement.offsetWidth);
|
7553
|
-
let currentWidth = 0;
|
7554
|
-
nodeWidths.forEach(width => {
|
7555
|
-
currentWidth += width + this.itemSpace * 2;
|
7556
|
-
});
|
7557
|
-
this.isOverflow = this.ele.nativeElement.offsetWidth < currentWidth;
|
7558
|
-
if (this.isOverflow) {
|
7559
|
-
if (this.type !== 'table') {
|
7560
|
-
this.dropdownNodes.push(this.homeNode);
|
7561
|
-
}
|
7562
|
-
nodeWidths.forEach((eleWidth, index) => {
|
7563
|
-
if (currentWidth - eleWidth + this.itemSpace > this.ele.nativeElement.offsetWidth) {
|
7564
|
-
this.itemNodes[index].isShow = false;
|
7565
|
-
this.dropdownNodes.push(this.itemNodes[index]);
|
7566
|
-
currentWidth -= eleWidth + this.itemSpace;
|
7567
|
-
}
|
7568
|
-
});
|
7569
|
-
}
|
7570
|
-
}
|
7571
|
-
else {
|
7572
|
-
const nodeWidths = this.breadCrumbNodes.filter((x, index) => index != 0).map(x => x.ele.nativeElement.offsetWidth);
|
7573
|
-
let currentWidth = 0;
|
7574
|
-
nodeWidths.forEach(width => {
|
7575
|
-
currentWidth += width + this.itemSpace * 2;
|
7576
|
-
});
|
7577
|
-
this.isOverflow = this.ele.nativeElement.offsetWidth * 2 < currentWidth;
|
7578
|
-
if (this.isOverflow) {
|
7579
|
-
if (this.type !== 'table') {
|
7580
|
-
this.dropdownNodes.push(this.homeNode);
|
7581
|
-
}
|
7582
|
-
nodeWidths.forEach((eleWidth, index) => {
|
7583
|
-
if (currentWidth - eleWidth + this.itemSpace > this.ele.nativeElement.offsetWidth * 2) {
|
7584
|
-
this.itemNodes[index].isShow = false;
|
7585
|
-
this.dropdownNodes.push(this.itemNodes[index]);
|
7586
|
-
currentWidth -= eleWidth + this.itemSpace;
|
7587
|
-
}
|
7588
|
-
});
|
7589
|
-
}
|
7590
|
-
}
|
7591
|
-
}
|
7592
|
-
}
|
7593
|
-
ngOnInit() {
|
7594
|
-
this.itemIconType = ItemIconType;
|
7595
|
-
if (this.nodes && this.nodes.length > 0) {
|
7596
|
-
this.nodes.forEach(ele => {
|
7597
|
-
ele.isOverflow = ele.isOverflow ? ele.isOverflow : false;
|
7598
|
-
ele.isShow = true;
|
7599
|
-
ele.displayType = this.getItemIconType(ele);
|
7600
|
-
});
|
7601
|
-
if (this.type !== 'mobile') {
|
7602
|
-
this.homeNode = this.nodes[0];
|
7603
|
-
this.itemNodes = this.nodes.slice(1);
|
7604
|
-
}
|
7605
|
-
else {
|
7606
|
-
this.isMobileType = true;
|
7607
|
-
this.previousNode = this.nodes[this.nodes.length >= 2 ? this.nodes.length - 2 : 0];
|
7608
|
-
}
|
7609
|
-
}
|
7610
|
-
if (this.type === 'table') {
|
7611
|
-
this.ele.nativeElement.classList.add('qms-breadcrumb-table');
|
7612
|
-
this.itemSpace = 12;
|
7613
|
-
}
|
7614
|
-
if (this.maxLine && this.maxLine > 1) {
|
7615
|
-
this.ele.nativeElement.classList.add('qms-breadcrumb__multi-line');
|
7616
|
-
}
|
7617
|
-
}
|
7618
|
-
getItemIconType(treeConfig) {
|
7619
|
-
if (treeConfig.itemIcon)
|
7620
|
-
return ItemIconType.name;
|
7621
|
-
if (treeConfig.itemIconPath)
|
7622
|
-
return ItemIconType.path;
|
7623
|
-
if (treeConfig.itemIconBase64)
|
7624
|
-
return ItemIconType.base64;
|
7625
|
-
if (treeConfig.itemIconSvg)
|
7626
|
-
return ItemIconType.svg;
|
7627
|
-
return ItemIconType.none;
|
7628
|
-
}
|
7629
|
-
getImagePath(node) {
|
7630
|
-
return this.sanitizer.bypassSecurityTrustResourceUrl(node.itemIconBase64);
|
7631
|
-
}
|
7632
|
-
onKeyPressed(event) {
|
7633
|
-
[...event.target.children].forEach(x => x.click());
|
7634
|
-
}
|
7635
|
-
onItemSelect(item) {
|
7636
|
-
if (this.onItemClick) {
|
7637
|
-
this.onItemClick.emit(item);
|
7638
|
-
}
|
7639
|
-
}
|
7640
|
-
}
|
7641
|
-
QMSBreadcrumb.decorators = [
|
7642
|
-
{ type: Component, args: [{
|
7643
|
-
selector: 'qms-breadcrumb',
|
7644
|
-
template: "<div>\r\n <div class=\"breadcrumb-container\" *ngIf=\"!isMobileType\">\r\n <!-- Home -->\r\n <span qms-breadcrumb-item *ngIf=\"!isOverflow || type=='table'\"\r\n [(showTooltip)]=\"homeNode.isOverflow\">\r\n <mat-icon\r\n *ngIf=\"homeNode.displayType === itemIconType.name\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ homeNode.itemIcon }}\r\n </mat-icon>\r\n <mat-icon\r\n *ngIf=\"homeNode.displayType === itemIconType.svg\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"homeNode.itemIconSvg\"\r\n >\r\n </mat-icon>\r\n <img\r\n *ngIf=\"homeNode.displayType === itemIconType.path\"\r\n class=\"mat-icon\"\r\n [src]=\"homeNode.itemIconPath\"\r\n />\r\n <img\r\n *ngIf=\"homeNode.displayType === itemIconType.base64\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath(homeNode)\"\r\n />\r\n <div [qms-tool-tip]=\"homeNode.name\" \r\n [showToolTip]=\"homeNode.isOverflow\" \r\n #breadcrumbItemText\r\n mode=\"dark\" \r\n (click)=\"onItemSelect(homeNode)\">\r\n {{homeNode.name}}\r\n </div>\r\n \r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n\r\n <!-- Dropdown not table -->\r\n <span qms-breadcrumb-item *ngIf=\"isOverflow && type!='table'\">\r\n <button qms-btn-icon color=\"light\" class=\"breadcrumb__dropdown-btn\" [matMenuTriggerFor]=\"bodyMediumMenu\">\r\n <mat-icon svgIcon=\"breadcrumb_dropdown\"></mat-icon>\r\n </button>\r\n <mat-menu #bodyMediumMenu=\"matMenu\" yPosition=\"below\" class='qms-breadcrumb-menu'>\r\n <div (click)=\"$event.stopPropagation()\">\r\n <div qms-menu-item mat-menu-item disableRipple \r\n *ngFor=\"let item of dropdownNodes.reverse()\" \r\n (keydown.enter)=\"onKeyPressed($event)\"\r\n (click)=\"onItemSelect(item)\">\r\n <div #menuItemContent qms-expansion-header >\r\n <div qms-list-header>\r\n <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-menu>\r\n \r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n\r\n <!-- Dropdown table -->\r\n <span qms-breadcrumb-item *ngIf=\"isOverflow && type=='table'\">\r\n <button qms-btn-icon color=\"light\" [matMenuTriggerFor]=\"bodyMediumMenu\">\r\n <mat-icon>more_horiz</mat-icon>\r\n </button>\r\n <mat-menu #bodyMediumMenu=\"matMenu\" yPosition=\"below\" class='qms-breadcrumb-menu'>\r\n <div (click)=\"$event.stopPropagation()\">\r\n <div qms-menu-item mat-menu-item disableRipple \r\n *ngFor=\"let item of dropdownNodes.reverse()\" \r\n (keydown.enter)=\"onKeyPressed($event)\"\r\n (click)=\"onItemSelect(item)\">\r\n <div #menuItemContent qms-expansion-header >\r\n <div qms-list-header>\r\n <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-menu>\r\n \r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n <!-- Item list -->\r\n <span qms-breadcrumb-item \r\n *ngFor=\"let item of itemNodes;let i=index\" \r\n [isLastItem]=\"i === itemNodes.length - 1\"\r\n [(showTooltip)]=\"item.isOverflow\"> \r\n <mat-icon\r\n *ngIf=\"item.displayType === itemIconType.name && item.isShow\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ item.itemIcon }}\r\n </mat-icon>\r\n <mat-icon\r\n *ngIf=\"item.displayType === itemIconType.svg && item.isShow\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"item.itemIconSvg\"\r\n >\r\n </mat-icon>\r\n <img\r\n *ngIf=\"item.displayType === itemIconType.path && item.isShow\"\r\n class=\"mat-icon\"\r\n [src]=\"item.itemIconPath\"\r\n />\r\n <img\r\n *ngIf=\"item.displayType === itemIconType.base64 && item.isShow\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath(item)\"\r\n />\r\n <div [qms-tool-tip]=\"item.name\" \r\n [showToolTip]=\"item.isOverflow\" \r\n #breadcrumbItemText\r\n mode=\"dark\" *ngIf=\"item.isShow\" \r\n (click)=\"onItemSelect(item)\">\r\n {{item.name}}\r\n </div>\r\n <span qms-breadcrumb-direction-icon \r\n *ngIf=\"item.isShow && i !== itemNodes.length - 1\">\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </span>\r\n </span>\r\n </div>\r\n \r\n\r\n <div class=\"breadcrumb-container\" *ngIf=\"isMobileType\">\r\n <!-- Home -->\r\n <span qms-breadcrumb-item [(showTooltip)]=\"previousNode.isOverflow\">\r\n <span qms-breadcrumb-direction-icon>\r\n <mat-icon>keyboard_backspace</mat-icon>\r\n </span>\r\n <mat-icon\r\n *ngIf=\"previousNode.displayType === itemIconType.name\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ previousNode.itemIcon }}\r\n </mat-icon>\r\n <mat-icon\r\n *ngIf=\"previousNode.displayType === itemIconType.svg\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"previousNode.itemIconSvg\"\r\n >\r\n </mat-icon>\r\n <img\r\n *ngIf=\"previousNode.displayType === itemIconType.path\"\r\n class=\"mat-icon\"\r\n [src]=\"previousNode.itemIconPath\"\r\n />\r\n <img\r\n *ngIf=\"previousNode.displayType === itemIconType.base64\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath(previousNode)\"\r\n />\r\n <div [qms-tool-tip]=\"previousNode.name\" \r\n [showToolTip]=\"previousNode.isOverflow\" \r\n #breadcrumbItemText\r\n mode=\"dark\" \r\n (click)=\"onItemSelect(previousNode)\">\r\n {{previousNode.name}}\r\n </div>\r\n </span>\r\n </div>\r\n</div>\r\n",
|
7645
|
-
encapsulation: ViewEncapsulation.None,
|
7646
|
-
styles: [".breadcrumb-container{display:flex;font-family:Open Sans;font-size:14px;font-weight:600;color:#323232}.breadcrumb-container .qms-breadcrumb-direction-icon,.breadcrumb-container .qms-breadcrumb-item{display:flex;align-items:center;padding:3px 0 2px}.breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:18px;height:18px;font-size:18px;margin-left:.5rem;margin-right:.5rem}.breadcrumb-container .qms-breadcrumb-item{cursor:pointer}.breadcrumb-container .qms-breadcrumb-item .qms-btn-icon{width:1.5rem;height:1.5rem;line-height:1.5rem}.breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-text{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn{width:2rem;height:2rem}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn svg{display:block}.breadcrumb-container .qms-breadcrumb-last-item{color:rgba(0,0,0,.6);font-weight:400;cursor:not-allowed}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:12px;height:12px;font-size:12px;margin-left:.25rem;margin-right:.25rem;color:rgba(0,0,0,.6)}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-text{max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:400;color:rgba(0,0,0,.6)}.qms-breadcrumb__multi-line .breadcrumb-container{flex-wrap:wrap}.qms-breadcrumb-menu .qms-dropdown-menu-item{border:none}"]
|
7647
|
-
},] }
|
7648
|
-
];
|
7649
|
-
QMSBreadcrumb.ctorParameters = () => [
|
7650
|
-
{ type: ElementRef },
|
7651
|
-
{ type: MatIconRegistry },
|
7652
|
-
{ type: DomSanitizer }
|
7653
|
-
];
|
7654
|
-
QMSBreadcrumb.propDecorators = {
|
7655
|
-
nodes: [{ type: Input }],
|
7656
|
-
type: [{ type: Input }],
|
7657
|
-
maxLine: [{ type: Input }],
|
7658
|
-
onItemClick: [{ type: Output }],
|
7659
|
-
breadCrumbNodes: [{ type: ViewChildren, args: [QMSBreadcrumbItemDirective, {},] }]
|
7660
|
-
};
|
7661
|
-
|
7662
|
-
class QMSBreadcrumbDirectionIconDirective {
|
7663
|
-
constructor(ele) {
|
7664
|
-
this.ele = ele;
|
7665
|
-
}
|
7666
|
-
ngOnInit() {
|
7667
|
-
if (this.ele) {
|
7668
|
-
this.ele.nativeElement.classList.add('qms-breadcrumb-direction-icon');
|
7669
|
-
}
|
7670
|
-
}
|
7671
|
-
}
|
7672
|
-
QMSBreadcrumbDirectionIconDirective.decorators = [
|
7673
|
-
{ type: Directive, args: [{
|
7674
|
-
selector: '[qms-breadcrumb-direction-icon]',
|
7675
|
-
},] }
|
7676
|
-
];
|
7677
|
-
QMSBreadcrumbDirectionIconDirective.ctorParameters = () => [
|
7678
|
-
{ type: ElementRef }
|
7679
|
-
];
|
7680
|
-
|
7681
|
-
class QMSBreadcrumbModule {
|
7682
|
-
}
|
7683
|
-
QMSBreadcrumbModule.decorators = [
|
7684
|
-
{ type: NgModule, args: [{
|
7685
|
-
imports: [
|
7686
|
-
CommonModule,
|
7687
|
-
MatCommonModule,
|
7688
|
-
MatIconModule,
|
7689
|
-
QmsAngularModule,
|
7690
|
-
QMSButtonModule,
|
7691
|
-
MatMenuModule
|
7692
|
-
],
|
7693
|
-
exports: [
|
7694
|
-
MatCommonModule,
|
7695
|
-
MatIconModule,
|
7696
|
-
QMSBreadcrumb,
|
7697
|
-
QMSBreadcrumbItemDirective,
|
7698
|
-
QMSBreadcrumbDirectionIconDirective,
|
7699
|
-
],
|
7700
|
-
declarations: [
|
7701
|
-
QMSBreadcrumb,
|
7702
|
-
QMSBreadcrumbItemDirective,
|
7703
|
-
QMSBreadcrumbDirectionIconDirective,
|
7704
|
-
],
|
7705
|
-
providers: []
|
7706
|
-
},] }
|
7707
|
-
];
|
7708
|
-
|
7709
8097
|
class BreadcrumbNode {
|
7710
8098
|
}
|
7711
8099
|
|
@@ -7799,5 +8187,5 @@ class QMSSnackbarConfig extends MatSnackBarConfig {
|
|
7799
8187
|
* Generated bundle index. Do not edit.
|
7800
8188
|
*/
|
7801
8189
|
|
7802
|
-
export { AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BreadcrumbNode, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_ICON, DateFormatPipe, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, FileErrorType, IconModel, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PopupData, ProtocolType, QMSAnchor, QMSAttachmentListDirective, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorDocumentType, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropWDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSComment, QMSConfirmDialog, QMSDialogConfig, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTableAction, QMSTableActionBlock, QMSTableModule, QMSTextBlockDirective, QMSTextBlockLine, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedContentComponent, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, ScrollToSelectedDirective, SharedModule, SideNav, SideNavItem, SidenavComponent, StepModel, TargetType, TestOnlyComponent, TranslateLibraryService, TreeComponent, TreeConfig, TreeModel, TreeNode$1 as TreeNode, UploadErrorData, en, mixinColor, no, notExceedSize, requiredFileType, ɵ1, SharedMaterialModule as ɵa, QMSCKEditorTemplateComponent as ɵb, QMSCKEditorTreeService as ɵc, LinkAttachmentComponent as ɵd };
|
8190
|
+
export { AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BreadcrumbNode, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DateFormatPipe, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, FileErrorType, IconModel, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PopupData, ProtocolType, QMSAnchor, QMSAttachmentListDirective, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorDocumentType, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropWDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSComment, QMSConfirmDialog, QMSDialogConfig, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTableAction, QMSTableActionBlock, QMSTableModule, QMSTextBlockDirective, QMSTextBlockLine, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedContentComponent, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, ScrollToSelectedDirective, SharedModule, SideNav, SideNavItem, SidenavComponent, StepModel, TargetType, TestOnlyComponent, TranslateLibraryService, TreeComponent, TreeConfig, TreeModel, TreeNode$1 as TreeNode, UploadErrorData, en, mixinColor, no, notExceedSize, requiredFileType, ɵ1, SharedMaterialModule as ɵa, QMSCKEditorTemplateComponent as ɵb, QMSCKEditorTreeService as ɵc, LinkAttachmentComponent as ɵd, QMSCKEditorTooltipComponent as ɵe, QMSCKEditorTooltip as ɵf };
|
7803
8191
|
//# sourceMappingURL=qms-angular.js.map
|