qms-angular 1.0.18 → 1.0.22
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 +129 -57
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/related/common/tree.function.js +30 -9
- package/esm2015/lib/components/related/list-other-related/list-related.component.js +10 -4
- package/esm2015/lib/components/related/model/danger-assessment.model.js +1 -1
- package/esm2015/lib/components/related/model/danger.model.js +1 -1
- package/esm2015/lib/components/related/model/selected-node.model.js +1 -1
- package/esm2015/lib/components/related/popup/related-popup.component.js +39 -15
- package/esm2015/lib/components/related/risk/list/list.component.js +6 -4
- package/esm2015/lib/components/related/risk/result/result.component.js +1 -1
- package/esm2015/lib/components/related/tree/tree.component.js +16 -8
- package/esm2015/lib/directives/tooltip/tooltip-renderer.directive.js +2 -2
- package/esm2015/lib/model/en.js +3 -2
- package/esm2015/lib/model/no.js +3 -2
- package/esm2015/lib/qms-ckeditor-components/common/functions/common.function.js +9 -5
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.js +8 -2
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.js +3 -3
- package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +2 -2
- package/fesm2015/qms-angular.js +129 -57
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/related/list-other-related/list-related.component.d.ts +2 -0
- package/lib/components/related/model/danger-assessment.model.d.ts +2 -0
- package/lib/components/related/model/danger.model.d.ts +2 -0
- package/lib/components/related/model/selected-node.model.d.ts +1 -0
- package/lib/components/related/popup/related-popup.component.d.ts +1 -0
- package/lib/model/en.d.ts +2 -1
- package/lib/model/no.d.ts +2 -1
- package/lib/qms-ckeditor-components/common/functions/common.function.d.ts +2 -0
- package/package.json +1 -1
- package/qms-angular.metadata.json +1 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js.map +1 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorConstant.js +1 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/link/linkcommand.js +3 -1
- package/src/assets/qms-ckeditor-plugin/src/plugins/link/linkediting.js +47 -6
- package/src/assets/qms-ckeditor-plugin/src/plugins/link/linkui.js +10 -4
- package/src/assets/qms-ckeditor-plugin/src/themes/tyles/linkactions.css +0 -1
- package/src/lib/components/related/list-other-related/list-related.component.scss +1 -0
- package/src/lib/components/related/popup/related-popup.component.scss +22 -12
- package/src/lib/components/related/risk/list/list.component.scss +18 -4
@@ -74,12 +74,13 @@
|
|
74
74
|
"FOLDER": "Folder",
|
75
75
|
"DEVIATION_TYPE": "Deviation type",
|
76
76
|
"CHECKLIST_CATEGORY": "Categories",
|
77
|
-
"
|
77
|
+
"EVENT": "Event",
|
78
78
|
"AREA_OF_IMPACT": "Consequence Area",
|
79
79
|
"RESULT": "Result",
|
80
80
|
"NOT_ACCEPTED": "Not accepted",
|
81
81
|
"MUST_BE_EVALUATED": "Must be evaluated",
|
82
82
|
"ACCEPTED": "Accepted",
|
83
|
+
"ARCHIVED": "Archived",
|
83
84
|
"ERROR": {
|
84
85
|
"SELECT_DANGER": "You must select one or more events"
|
85
86
|
},
|
@@ -181,12 +182,13 @@
|
|
181
182
|
"FOLDER": "Mappe",
|
182
183
|
"DEVIATION_TYPE": "Sakstype",
|
183
184
|
"CHECKLIST_CATEGORY": "Kategorier",
|
184
|
-
"
|
185
|
+
"EVENT": "Hendelse",
|
185
186
|
"AREA_OF_IMPACT": "Konsekvensområde",
|
186
187
|
"RESULT": "Resultat",
|
187
188
|
"NOT_ACCEPTED": "Ikke akseptert",
|
188
189
|
"MUST_BE_EVALUATED": "Må vurderes",
|
189
190
|
"ACCEPTED": "Akseptert",
|
191
|
+
"ARCHIVED": "Arkivert",
|
190
192
|
"ERROR": {
|
191
193
|
"SELECT_DANGER": "Du må velge en eller flere hendelser"
|
192
194
|
},
|
@@ -1742,7 +1744,7 @@
|
|
1742
1744
|
*/
|
1743
1745
|
QMSToolTipRendererDirective.prototype.show = function () {
|
1744
1746
|
//attach the component if it has not already attached to the overlay
|
1745
|
-
if (this._overlayRef && !this._overlayRef.hasAttached()) {
|
1747
|
+
if (this.text && this._overlayRef && !this._overlayRef.hasAttached()) {
|
1746
1748
|
var tooltipRef = this._overlayRef.attach(new portal.ComponentPortal(QMSToolTipComponent));
|
1747
1749
|
tooltipRef.instance.text = this.text;
|
1748
1750
|
if (this.mode) {
|
@@ -3611,15 +3613,16 @@
|
|
3611
3613
|
}());
|
3612
3614
|
|
3613
3615
|
var objData$1 = {};
|
3616
|
+
var json = JSON;
|
3614
3617
|
function buildArrayTree$1(obj, level) {
|
3615
3618
|
var _this = this;
|
3616
3619
|
return Object.keys(obj).reduce(function (accumulator, key) {
|
3617
3620
|
var value = obj[key];
|
3618
3621
|
var node = new TreeNode$1();
|
3619
|
-
var
|
3620
|
-
node.id =
|
3621
|
-
node.name =
|
3622
|
-
node.parentId =
|
3622
|
+
var keyObj = json.parse(key);
|
3623
|
+
node.id = keyObj["id"];
|
3624
|
+
node.name = keyObj["name"];
|
3625
|
+
node.parentId = keyObj["parentId"];
|
3623
3626
|
if (value != null) {
|
3624
3627
|
if (typeof value === 'object') {
|
3625
3628
|
node.children = _this.buildArrayTree(value, level + 1);
|
@@ -3649,7 +3652,12 @@
|
|
3649
3652
|
return x.rootId === id;
|
3650
3653
|
});
|
3651
3654
|
parent.forEach(function (item) {
|
3652
|
-
|
3655
|
+
var parentKey = {
|
3656
|
+
id: item.childId,
|
3657
|
+
name: item.childName,
|
3658
|
+
parentId: item.rootId
|
3659
|
+
};
|
3660
|
+
objParent[json.stringify(parentKey)] = null;
|
3653
3661
|
});
|
3654
3662
|
// find child
|
3655
3663
|
var child = array.filter(function (x) {
|
@@ -3658,8 +3666,13 @@
|
|
3658
3666
|
if (child.length > 0) {
|
3659
3667
|
this.findChild(id, objParent, array);
|
3660
3668
|
}
|
3669
|
+
var key = {
|
3670
|
+
id: parent[0].rootId,
|
3671
|
+
name: parent[0].rootName,
|
3672
|
+
parentId: ""
|
3673
|
+
};
|
3661
3674
|
// add node to tree
|
3662
|
-
objData$1[
|
3675
|
+
objData$1[json.stringify(key)] = objParent;
|
3663
3676
|
return objData$1;
|
3664
3677
|
}
|
3665
3678
|
function findChild$1(id, objParent, array) {
|
@@ -3669,9 +3682,19 @@
|
|
3669
3682
|
});
|
3670
3683
|
subNode.forEach(function (item) {
|
3671
3684
|
var processNode = {};
|
3672
|
-
|
3685
|
+
var nodeKey = {
|
3686
|
+
id: item.childId,
|
3687
|
+
name: item.childName,
|
3688
|
+
parentId: id
|
3689
|
+
};
|
3690
|
+
processNode[json.stringify(nodeKey)] = null;
|
3673
3691
|
_this.findChild(item.rootId, processNode, array);
|
3674
|
-
|
3692
|
+
var key = {
|
3693
|
+
id: item.rootId,
|
3694
|
+
name: item.subName,
|
3695
|
+
parentId: id
|
3696
|
+
};
|
3697
|
+
objParent[json.stringify(key)] = Object.assign(Object.assign({}, objParent[json.stringify(key)]), processNode);
|
3675
3698
|
});
|
3676
3699
|
}
|
3677
3700
|
var TreeFunctions = {
|
@@ -3868,7 +3891,8 @@
|
|
3868
3891
|
if (this.disabledList.length) {
|
3869
3892
|
var _loop_2 = function (i) {
|
3870
3893
|
this_2.disabledList.forEach(function (x) {
|
3871
|
-
if (x.id === _this.treeControl.dataNodes[i].id
|
3894
|
+
if (x.id === _this.treeControl.dataNodes[i].id
|
3895
|
+
&& (!x.parentId || x.parentId === _this.treeControl.dataNodes[i].parentId)) {
|
3872
3896
|
_this.treeControl.dataNodes[i].disabled = true;
|
3873
3897
|
}
|
3874
3898
|
});
|
@@ -3911,7 +3935,7 @@
|
|
3911
3935
|
_this.checklistSelection.deselect(tree);
|
3912
3936
|
for (var j = 0; j < itemSelected.length; j++) {
|
3913
3937
|
var element = itemSelected[j];
|
3914
|
-
if (tree.id === element.id && tree.parentId === element.parentId) {
|
3938
|
+
if (tree.id === element.id && tree.parentId === element.parentId && !tree.disabled) {
|
3915
3939
|
_this.checklistSelection.select(tree);
|
3916
3940
|
}
|
3917
3941
|
}
|
@@ -3923,7 +3947,8 @@
|
|
3923
3947
|
var tree = this.treeControl.dataNodes[i];
|
3924
3948
|
for (var j = 0; j < itemSelected.length; j++) {
|
3925
3949
|
var element = itemSelected[j];
|
3926
|
-
if (element.id && tree.id === element.id
|
3950
|
+
if (element.id && tree.id === element.id
|
3951
|
+
&& tree.parentId === element.parentId && !tree.disabled) {
|
3927
3952
|
flag ? this.checklistSelection.select(tree) : this.checklistSelection.deselect(tree);
|
3928
3953
|
}
|
3929
3954
|
}
|
@@ -3969,7 +3994,9 @@
|
|
3969
3994
|
// tree have duplicate node
|
3970
3995
|
if (this.treeConfig.canHaveDupId) {
|
3971
3996
|
for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
|
3972
|
-
if (this.treeControl.dataNodes[i].id === node.id
|
3997
|
+
if (this.treeControl.dataNodes[i].id === node.id
|
3998
|
+
&& this.treeControl.dataNodes[i].parentId === node.parentId
|
3999
|
+
&& !this.treeControl.dataNodes[i].disabled) {
|
3973
4000
|
this.checklistSelection.toggle(this.treeControl.dataNodes[i]);
|
3974
4001
|
}
|
3975
4002
|
}
|
@@ -3998,7 +4025,9 @@
|
|
3998
4025
|
};
|
3999
4026
|
TreeComponent.prototype.todoChildSelectionToggle = function (node) {
|
4000
4027
|
for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
|
4001
|
-
if (this.treeControl.dataNodes[i].id === node.id
|
4028
|
+
if (this.treeControl.dataNodes[i].id === node.id
|
4029
|
+
&& this.treeControl.dataNodes[i].parentId === node.parentId
|
4030
|
+
&& !this.treeControl.dataNodes[i].disabled) {
|
4002
4031
|
this.checklistSelection.toggle(this.treeControl.dataNodes[i]);
|
4003
4032
|
}
|
4004
4033
|
}
|
@@ -4010,7 +4039,8 @@
|
|
4010
4039
|
var _this = this;
|
4011
4040
|
ids.forEach(function (id) {
|
4012
4041
|
for (var i = 0; i < _this.treeControl.dataNodes.length; i++) {
|
4013
|
-
if (_this.treeControl.dataNodes[i].id === id
|
4042
|
+
if (_this.treeControl.dataNodes[i].id === id
|
4043
|
+
&& !_this.treeControl.dataNodes[i].disabled) {
|
4014
4044
|
if (!_this.checklistSelection.isSelected(_this.treeControl.dataNodes[i]))
|
4015
4045
|
_this.checklistSelection.toggle(_this.treeControl.dataNodes[i]);
|
4016
4046
|
}
|
@@ -4023,7 +4053,8 @@
|
|
4023
4053
|
nodes.forEach(function (node) {
|
4024
4054
|
for (var i = 0; i < _this.treeControl.dataNodes.length; i++) {
|
4025
4055
|
if (_this.treeControl.dataNodes[i].id === node.id &&
|
4026
|
-
_this.treeControl.dataNodes[i].parentId === node.parentId
|
4056
|
+
_this.treeControl.dataNodes[i].parentId === node.parentId &&
|
4057
|
+
!_this.treeControl.dataNodes[i].disabled) {
|
4027
4058
|
if (!_this.checklistSelection.isSelected(_this.treeControl.dataNodes[i]))
|
4028
4059
|
_this.checklistSelection.toggle(_this.treeControl.dataNodes[i]);
|
4029
4060
|
}
|
@@ -4447,7 +4478,7 @@
|
|
4447
4478
|
this.selectedNode = [];
|
4448
4479
|
if (this.treeConfig1.showCheckBox) {
|
4449
4480
|
index = this.checkedNodeList.findIndex(function (x) {
|
4450
|
-
return x.id === item.id;
|
4481
|
+
return x.id === item.id && x.parentId === item.parentId;
|
4451
4482
|
});
|
4452
4483
|
}
|
4453
4484
|
if (index < 0) {
|
@@ -4476,6 +4507,7 @@
|
|
4476
4507
|
id: item.id,
|
4477
4508
|
itemName: item.itemName,
|
4478
4509
|
itemType: typeId,
|
4510
|
+
itemNumberId: item.itemNumberId
|
4479
4511
|
});
|
4480
4512
|
}
|
4481
4513
|
else {
|
@@ -4484,6 +4516,7 @@
|
|
4484
4516
|
id: item.id,
|
4485
4517
|
itemName: item.itemName,
|
4486
4518
|
itemType: typeId,
|
4519
|
+
itemNumberId: item.itemNumberId
|
4487
4520
|
});
|
4488
4521
|
}
|
4489
4522
|
this.dataTrees.toArray()[1].todoItemSelectionById([item.id]);
|
@@ -4511,6 +4544,7 @@
|
|
4511
4544
|
id: node.rootId,
|
4512
4545
|
itemName: node.rootName,
|
4513
4546
|
itemType: typeId,
|
4547
|
+
itemNumberId: item.itemNumberId
|
4514
4548
|
});
|
4515
4549
|
}
|
4516
4550
|
else {
|
@@ -4519,6 +4553,7 @@
|
|
4519
4553
|
id: node.rootId,
|
4520
4554
|
itemName: node.rootName,
|
4521
4555
|
itemType: typeId,
|
4556
|
+
itemNumberId: item.itemNumberId
|
4522
4557
|
});
|
4523
4558
|
}
|
4524
4559
|
}
|
@@ -4581,6 +4616,7 @@
|
|
4581
4616
|
id: x.id,
|
4582
4617
|
itemName: x.name,
|
4583
4618
|
itemType: itemType,
|
4619
|
+
itemNumberId: item.displayId.toString()
|
4584
4620
|
});
|
4585
4621
|
});
|
4586
4622
|
}
|
@@ -4591,6 +4627,7 @@
|
|
4591
4627
|
id: x.id,
|
4592
4628
|
itemName: x.name,
|
4593
4629
|
itemType: itemType,
|
4630
|
+
itemNumberId: item.displayId.toString()
|
4594
4631
|
});
|
4595
4632
|
});
|
4596
4633
|
}
|
@@ -4619,13 +4656,22 @@
|
|
4619
4656
|
_this.commonCheckedList.push(item);
|
4620
4657
|
}
|
4621
4658
|
if (_this.singleSelectedNode) {
|
4622
|
-
var position =
|
4623
|
-
|
4624
|
-
|
4625
|
-
|
4626
|
-
|
4627
|
-
|
4628
|
-
}
|
4659
|
+
var position = void 0;
|
4660
|
+
if (item.expandable) {
|
4661
|
+
position = _this.treeData1.findIndex(function (p) { return p.rootId === item.id; });
|
4662
|
+
}
|
4663
|
+
else {
|
4664
|
+
position = _this.treeData1.findIndex(function (p) { return p.childId === item.id; });
|
4665
|
+
}
|
4666
|
+
if (position > 0) {
|
4667
|
+
_this.singleProcessList.push({
|
4668
|
+
moduleId: _this.moduleId,
|
4669
|
+
id: item.id,
|
4670
|
+
itemName: item.name,
|
4671
|
+
itemType: (_this.itemType === 2) ? _this.setTypeProcess(item.expandable) : _this.itemType,
|
4672
|
+
itemNumberId: _this.treeData1[position].displayId.toString()
|
4673
|
+
});
|
4674
|
+
}
|
4629
4675
|
}
|
4630
4676
|
if (item.id && index < 0 && !item.expandable && !_this.singleSelectedNode) {
|
4631
4677
|
var position = _this.treeData1.findIndex(function (p) { return p.childId === item.id && p.rootId === item.parentId; });
|
@@ -4636,7 +4682,8 @@
|
|
4636
4682
|
itemName: item.name,
|
4637
4683
|
itemType: _this.itemType,
|
4638
4684
|
parentId: item.parentId,
|
4639
|
-
parentName: _this.treeData1[position].rootName
|
4685
|
+
parentName: _this.treeData1[position].rootName,
|
4686
|
+
itemNumberId: _this.treeData1[position].displayId.toString()
|
4640
4687
|
});
|
4641
4688
|
}
|
4642
4689
|
}
|
@@ -4664,7 +4711,8 @@
|
|
4664
4711
|
moduleId: _this.moduleId,
|
4665
4712
|
id: item.id,
|
4666
4713
|
itemName: item.name,
|
4667
|
-
itemType: item.expandable ? _this.dataType.folder : _this.dataType.document
|
4714
|
+
itemType: item.expandable ? _this.dataType.folder : _this.dataType.document,
|
4715
|
+
itemNumberId: _this.treeData2[position].displayId.toString()
|
4668
4716
|
});
|
4669
4717
|
}
|
4670
4718
|
if (index < 0 && !item.expandable && !_this.singleSelectedNode) {
|
@@ -4673,7 +4721,8 @@
|
|
4673
4721
|
moduleId: _this.moduleId,
|
4674
4722
|
id: item.id,
|
4675
4723
|
itemName: item.name,
|
4676
|
-
itemType: _this.dataType.document
|
4724
|
+
itemType: _this.dataType.document,
|
4725
|
+
itemNumberId: _this.treeData2[position].displayId.toString()
|
4677
4726
|
});
|
4678
4727
|
}
|
4679
4728
|
});
|
@@ -4704,16 +4753,22 @@
|
|
4704
4753
|
return (elmHeight + elmMargin);
|
4705
4754
|
};
|
4706
4755
|
RelatedPopupComponent.prototype.getItemChipName = function (item) {
|
4707
|
-
|
4756
|
+
if (item.itemType === DataType.checklist || item.itemType === DataType.deviation) {
|
4757
|
+
return item.parentName ? item.parentName + "/" + item.itemName : item.itemName;
|
4758
|
+
}
|
4759
|
+
return item.itemName;
|
4760
|
+
};
|
4761
|
+
RelatedPopupComponent.prototype.isEllipsisActive = function (e) {
|
4762
|
+
return e ? (e.clientWidth < e.scrollWidth) : false;
|
4708
4763
|
};
|
4709
4764
|
return RelatedPopupComponent;
|
4710
4765
|
}());
|
4711
4766
|
RelatedPopupComponent.decorators = [
|
4712
4767
|
{ type: i0.Component, args: [{
|
4713
4768
|
selector: 'qms-related-popup',
|
4714
|
-
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\">{{ option.parentName }}</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=\"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 <div *ngIf=\"item.itemName\" class=\"related__item__content\">\r\n <span class=\"related__item__content_name\"\r\n >{{ item.itemName }}\r\n <mat-icon (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\r\n </span>\r\n </div>\r\n <!-- <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n title=\"{{ getItemChipName(item) }}\"\r\n >\r\n <span class=\"related__item__content_name\">{{ 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",
|
4769
|
+
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\">{{ option.parentName }}</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\">{{ option.parentName }}</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",
|
4715
4770
|
encapsulation: i0.ViewEncapsulation.None,
|
4716
|
-
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;overflow:auto;
|
4771
|
+
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 .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}"]
|
4717
4772
|
},] }
|
4718
4773
|
];
|
4719
4774
|
RelatedPopupComponent.ctorParameters = function () { return [
|
@@ -4892,7 +4947,7 @@
|
|
4892
4947
|
RiskResultComponent.decorators = [
|
4893
4948
|
{ type: i0.Component, args: [{
|
4894
4949
|
selector: 'qms-risk-result',
|
4895
|
-
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\">{{ LANG.
|
4950
|
+
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\">{{ LANG.EVENT }}</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",
|
4896
4951
|
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}"]
|
4897
4952
|
},] }
|
4898
4953
|
];
|
@@ -5016,7 +5071,9 @@
|
|
5016
5071
|
childNumber: 0,
|
5017
5072
|
show: _this.show,
|
5018
5073
|
remain: 0,
|
5019
|
-
dangers: []
|
5074
|
+
dangers: [],
|
5075
|
+
folderId: d.folderId,
|
5076
|
+
statusId: d.statusId
|
5020
5077
|
});
|
5021
5078
|
dangers.forEach(function (d) {
|
5022
5079
|
var index = _this.analysisDanger[i].dangers.findIndex(function (x) {
|
@@ -5101,8 +5158,8 @@
|
|
5101
5158
|
RiskListComponent.decorators = [
|
5102
5159
|
{ type: i0.Component, args: [{
|
5103
5160
|
selector: 'qms-risk-list',
|
5104
|
-
template: "<div class=\"container list-risk\">\r\n <div class=\"list-risk__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div class=\"list-risk__body\" *ngFor=\"let analysis of analysisDanger\">\r\n <div class=\"list-risk__body-parent\">\r\n <div class=\"block\">\r\n <mat-icon class=\"material-icons-outlined mat-icon\">border_all</mat-icon>\r\n <div class=\"title\">{{ analysis.name }}</div>\r\n </div>\r\n <div class=\"block\" *ngIf=\"!isNotEditedItem\">\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)=\"editDanger(analysis)\"\r\n >\r\n <mat-icon>edit</mat-icon>\r\n </button>\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)=\"removeDanger(analysis.id)\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div\r\n class=\"list-risk__body-child\"\r\n *ngFor=\"let danger of analysis.dangers | slice: 0:analysis.show\"\r\n >\r\n <div class=\"default\">\r\n <div class=\"title\">{{ danger.dangerName }}</div>\r\n <div class=\"group-button\">\r\n <label\r\n class=\"label-red cursor\"\r\n *ngIf=\"danger.red > 0\"\r\n (click)=\"dangerDetail(danger)\"\r\n >{{ danger.red }}</label\r\n >\r\n <label\r\n class=\"label-yellow cursor\"\r\n *ngIf=\"danger.yellow > 0\"\r\n (click)=\"dangerDetail(danger)\"\r\n >{{ danger.yellow }}</label\r\n >\r\n <label\r\n class=\"label-green cursor\"\r\n *ngIf=\"danger.green > 0\"\r\n (click)=\"dangerDetail(danger)\"\r\n >{{ danger.green }}</label\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"remain\" *ngIf=\"analysis.remain > 0\">\r\n <span class=\"title cursor\" (click)=\"increaseShow(analysis.id)\"\r\n >+ {{ analysis.remain }}</span\r\n >\r\n </div>\r\n </div>\r\n</div>\r\n",
|
5105
|
-
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-risk{font-family:Open Sans;font-style:normal;font-weight:400;color:#323232}.list-risk .list-risk__title{font-weight:600;font-size:.875rem;line-height:22px;margin-bottom:1rem}.list-risk .list-risk__body .list-risk__body-parent{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-risk .list-risk__body .list-risk__body-parent .block{font-weight:400;font-size:1rem;line-height:28px;display:flex;align-items:center}.list-risk .list-risk__body .list-risk__body-parent .block .title{margin-left:1.5rem;padding-top:5px;padding-bottom:5px}.list-risk .list-risk__body .list-risk__body-parent .block mat-icon{color:rgba(0,0,0,.6)}.list-risk .list-risk__body .list-risk__body-parent .block button.qms-btn-icon{width:40px;height:40px;line-height:40px}.list-risk .list-risk__body .list-risk__body-child{font-weight:400;font-size:.875rem;line-height:22px}.list-risk .list-risk__body .list-risk__body-child .default{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-risk .list-risk__body .list-risk__body-child .default .title{margin-left:3rem}.list-risk .list-risk__body .list-risk__body-child .default .group-button{margin-right:2rem;display:flex}.list-risk .list-risk__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-risk .list-risk__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}"]
|
5161
|
+
template: "<div class=\"container list-risk\">\r\n <div class=\"list-risk__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div class=\"list-risk__body\" *ngFor=\"let analysis of analysisDanger\">\r\n <div class=\"list-risk__body-parent\">\r\n <div class=\"block\">\r\n <mat-icon class=\"material-icons-outlined mat-icon\">border_all</mat-icon>\r\n <div class=\"title\">{{ analysis.name }}</div>\r\n </div>\r\n <div class=\"block\" *ngIf=\"!isNotEditedItem\">\r\n <span class=\"label-archived\" *ngIf=\"analysis.folderId == -1\">\r\n {{ LANG.ARCHIVED }}</span\r\n >\r\n <button\r\n *ngIf=\"analysis.folderId !== -1\"\r\n qms-btn-icon\r\n color=\"light\"\r\n qms-tool-tip=\"Caption\"\r\n mode=\"dark\"\r\n (click)=\"editDanger(analysis)\"\r\n >\r\n <mat-icon>edit</mat-icon>\r\n </button>\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)=\"removeDanger(analysis.id)\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div\r\n class=\"list-risk__body-child\"\r\n *ngFor=\"let danger of analysis.dangers | slice: 0:analysis.show\"\r\n >\r\n <div class=\"default\">\r\n <div class=\"title\">{{ danger.dangerName }}</div>\r\n <div class=\"group-button\">\r\n <label\r\n class=\"label-red cursor\"\r\n *ngIf=\"danger.red > 0\"\r\n (click)=\"dangerDetail(danger)\"\r\n >{{ danger.red }}</label\r\n >\r\n <label\r\n class=\"label-yellow cursor\"\r\n *ngIf=\"danger.yellow > 0\"\r\n (click)=\"dangerDetail(danger)\"\r\n >{{ danger.yellow }}</label\r\n >\r\n <label\r\n class=\"label-green cursor\"\r\n *ngIf=\"danger.green > 0\"\r\n (click)=\"dangerDetail(danger)\"\r\n >{{ danger.green }}</label\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"remain\" *ngIf=\"analysis.remain > 0\">\r\n <span class=\"title cursor\" (click)=\"increaseShow(analysis.id)\"\r\n >+ {{ analysis.remain }}</span\r\n >\r\n </div>\r\n </div>\r\n</div>\r\n",
|
5162
|
+
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-risk{font-family:Open Sans;font-style:normal;font-weight:400;color:#323232}.list-risk .list-risk__title{font-weight:600;font-size:.875rem;line-height:22px;margin-bottom:1rem}.list-risk .list-risk__body .list-risk__body-parent{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-risk .list-risk__body .list-risk__body-parent .block{font-weight:400;font-size:1rem;line-height:28px;display:flex;align-items:center}.list-risk .list-risk__body .list-risk__body-parent .block .title{margin-left:1.5rem;padding-top:5px;padding-bottom:5px}.list-risk .list-risk__body .list-risk__body-parent .block mat-icon{color:rgba(0,0,0,.6)}.list-risk .list-risk__body .list-risk__body-parent .block button.qms-btn-icon{width:40px;height:40px;line-height:40px}.list-risk .list-risk__body .list-risk__body-parent .block .label-archived{font-weight:600;font-size:.875rem;line-height:1rem;color:#525252;padding:5px;background:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),#fff;border-radius:2px}.list-risk .list-risk__body .list-risk__body-child{font-weight:400;font-size:.875rem;line-height:22px}.list-risk .list-risk__body .list-risk__body-child .default{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-risk .list-risk__body .list-risk__body-child .default .title{margin-left:3rem}.list-risk .list-risk__body .list-risk__body-child .default .group-button{margin-right:2rem;display:flex}.list-risk .list-risk__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-risk .list-risk__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}"]
|
5106
5163
|
},] }
|
5107
5164
|
];
|
5108
5165
|
RiskListComponent.ctorParameters = function () { return [
|
@@ -5124,6 +5181,7 @@
|
|
5124
5181
|
// imageProcess = '../qms-angular/src/assets/images/union.svg';
|
5125
5182
|
this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
|
5126
5183
|
this.updateData = new i0.EventEmitter();
|
5184
|
+
this.onItemSelect = new i0.EventEmitter();
|
5127
5185
|
iconRegistry.addSvgIconLiteral('process_area', domSanitizer.bypassSecurityTrustHtml(PROCESS_AREA_ICON));
|
5128
5186
|
}
|
5129
5187
|
RelatedListComponent.prototype.ngOnChanges = function (changes) {
|
@@ -5155,13 +5213,17 @@
|
|
5155
5213
|
};
|
5156
5214
|
RelatedListComponent.prototype.onCloseClick = function () {
|
5157
5215
|
};
|
5216
|
+
RelatedListComponent.prototype.onItemClick = function (item) {
|
5217
|
+
if (this.onItemSelect)
|
5218
|
+
this.onItemSelect.emit(item);
|
5219
|
+
};
|
5158
5220
|
return RelatedListComponent;
|
5159
5221
|
}());
|
5160
5222
|
RelatedListComponent.decorators = [
|
5161
5223
|
{ type: i0.Component, args: [{
|
5162
5224
|
selector: 'qms-related-list',
|
5163
|
-
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 {{ item.itemName }}\r\n <div class=\"caption\" *ngIf=\"item?.displayId || item?.statusName\">\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }}, {{ item?.statusName }}\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",
|
5164
|
-
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}.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}"]
|
5225
|
+
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\" (click)=\"onItemClick(item)\">\r\n <div class=\"caption\" *ngIf=\"item?.parentName\">{{ item?.parentName }}</div>\r\n {{ item.itemName }}\r\n <div class=\"caption\" *ngIf=\"item?.displayId || item?.statusName\">\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }}, {{ item?.statusName }}\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",
|
5226
|
+
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}"]
|
5165
5227
|
},] }
|
5166
5228
|
];
|
5167
5229
|
RelatedListComponent.ctorParameters = function () { return [
|
@@ -5171,7 +5233,8 @@
|
|
5171
5233
|
]; };
|
5172
5234
|
RelatedListComponent.propDecorators = {
|
5173
5235
|
data: [{ type: i0.Input }],
|
5174
|
-
updateData: [{ type: i0.Output }]
|
5236
|
+
updateData: [{ type: i0.Output }],
|
5237
|
+
onItemSelect: [{ type: i0.Output }]
|
5175
5238
|
};
|
5176
5239
|
|
5177
5240
|
var QMSRelatedModule = /** @class */ (function () {
|
@@ -5710,6 +5773,16 @@
|
|
5710
5773
|
return QMSCKEditorParamter;
|
5711
5774
|
}());
|
5712
5775
|
|
5776
|
+
exports.CKEditorModule = void 0;
|
5777
|
+
(function (CKEditorModule) {
|
5778
|
+
CKEditorModule[CKEditorModule["document"] = 1] = "document";
|
5779
|
+
CKEditorModule[CKEditorModule["process"] = 2] = "process";
|
5780
|
+
CKEditorModule[CKEditorModule["deviation"] = 3] = "deviation";
|
5781
|
+
CKEditorModule[CKEditorModule["risk"] = 4] = "risk";
|
5782
|
+
CKEditorModule[CKEditorModule["checklist"] = 5] = "checklist";
|
5783
|
+
CKEditorModule[CKEditorModule["dashboard"] = 6] = "dashboard";
|
5784
|
+
})(exports.CKEditorModule || (exports.CKEditorModule = {}));
|
5785
|
+
|
5713
5786
|
var LinkAttachmentComponent = /** @class */ (function (_super) {
|
5714
5787
|
__extends(LinkAttachmentComponent, _super);
|
5715
5788
|
function LinkAttachmentComponent(dialog, translate, linkService, dialogRef, data) {
|
@@ -5753,7 +5826,12 @@
|
|
5753
5826
|
LinkAttachmentComponent.prototype.onSelectedAttachment = function (extraId, fileName) {
|
5754
5827
|
this.linkUrl = { url: '', title: '' };
|
5755
5828
|
if (extraId) {
|
5756
|
-
this.
|
5829
|
+
if (this.module === exports.CKEditorModule.document) {
|
5830
|
+
this.linkUrl.url = "/api/File/GetFile?entityId=" + extraId;
|
5831
|
+
}
|
5832
|
+
else if (this.module === exports.CKEditorModule.process) {
|
5833
|
+
this.linkUrl.url = "/api/processes/GetFileContents?fileId=" + extraId;
|
5834
|
+
}
|
5757
5835
|
this.linkUrl.title = fileName;
|
5758
5836
|
}
|
5759
5837
|
this.dialogRef.close(this.linkUrl);
|
@@ -6354,7 +6432,7 @@
|
|
6354
6432
|
var p1 = url.indexOf('mailto:');
|
6355
6433
|
var p2 = url.indexOf('?subject=');
|
6356
6434
|
var p3 = url.indexOf('&body=');
|
6357
|
-
this.emailAddress = url.substr(p1 + 7, p2 -
|
6435
|
+
this.emailAddress = url.substr(p1 + 7, p2 - 7);
|
6358
6436
|
this.emailSubject = url.substr(p2 + 9, p3 - p2 - 9);
|
6359
6437
|
this.emailBody = url.substr(p3 + 6, url.length - p3 - 6);
|
6360
6438
|
}
|
@@ -6563,7 +6641,7 @@
|
|
6563
6641
|
QMSCKEditorLinkComponent.decorators = [
|
6564
6642
|
{ type: i0.Component, args: [{
|
6565
6643
|
selector: 'qms-ckeditor-link',
|
6566
|
-
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 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 >\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 >\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 >\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 >\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-5 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",
|
6644
|
+
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 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 >\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 >\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 >\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 >\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",
|
6567
6645
|
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
6646
|
},] }
|
6569
6647
|
];
|
@@ -7282,7 +7360,8 @@
|
|
7282
7360
|
label: 'New window',
|
7283
7361
|
attributes: {
|
7284
7362
|
target: '_blank',
|
7285
|
-
manualTarget: true
|
7363
|
+
manualTarget: true,
|
7364
|
+
url: 'url'
|
7286
7365
|
}
|
7287
7366
|
},
|
7288
7367
|
{
|
@@ -7290,7 +7369,8 @@
|
|
7290
7369
|
label: 'Topmost window',
|
7291
7370
|
attributes: {
|
7292
7371
|
target: '_top',
|
7293
|
-
manualTarget: true
|
7372
|
+
manualTarget: true,
|
7373
|
+
url: 'url'
|
7294
7374
|
}
|
7295
7375
|
},
|
7296
7376
|
{
|
@@ -7298,7 +7378,8 @@
|
|
7298
7378
|
label: 'Same window',
|
7299
7379
|
attributes: {
|
7300
7380
|
target: '_self',
|
7301
|
-
manualTarget: true
|
7381
|
+
manualTarget: true,
|
7382
|
+
url: 'url'
|
7302
7383
|
}
|
7303
7384
|
},
|
7304
7385
|
{
|
@@ -7306,7 +7387,8 @@
|
|
7306
7387
|
label: 'Parent window',
|
7307
7388
|
attributes: {
|
7308
7389
|
target: '_parent',
|
7309
|
-
manualTarget: true
|
7390
|
+
manualTarget: true,
|
7391
|
+
url: 'url'
|
7310
7392
|
}
|
7311
7393
|
},
|
7312
7394
|
{
|
@@ -7499,7 +7581,7 @@
|
|
7499
7581
|
data.entityId = this.qmsckData.entityId;
|
7500
7582
|
var dialogTemplate = this.dialog.open(QMSCKEditorLinkComponent, {
|
7501
7583
|
width: '650px',
|
7502
|
-
height: '
|
7584
|
+
height: '660px',
|
7503
7585
|
data: data,
|
7504
7586
|
disableClose: true
|
7505
7587
|
});
|
@@ -7609,16 +7691,6 @@
|
|
7609
7691
|
{ type: i0.Injector }
|
7610
7692
|
]; };
|
7611
7693
|
|
7612
|
-
exports.CKEditorModule = void 0;
|
7613
|
-
(function (CKEditorModule) {
|
7614
|
-
CKEditorModule[CKEditorModule["document"] = 1] = "document";
|
7615
|
-
CKEditorModule[CKEditorModule["process"] = 2] = "process";
|
7616
|
-
CKEditorModule[CKEditorModule["deviation"] = 3] = "deviation";
|
7617
|
-
CKEditorModule[CKEditorModule["risk"] = 4] = "risk";
|
7618
|
-
CKEditorModule[CKEditorModule["checklist"] = 5] = "checklist";
|
7619
|
-
CKEditorModule[CKEditorModule["dashboard"] = 6] = "dashboard";
|
7620
|
-
})(exports.CKEditorModule || (exports.CKEditorModule = {}));
|
7621
|
-
|
7622
7694
|
var QMSCKEditorData = /** @class */ (function () {
|
7623
7695
|
function QMSCKEditorData() {
|
7624
7696
|
this.apiUrl = '';
|