qms-angular 1.0.95 → 1.0.96
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 +3 -22
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.js +2 -3
- package/esm2015/lib/components/reports/qms-report-cover-portrait/qms-report-cover-portrait.component.js +3 -20
- package/fesm2015/qms-angular.js +3 -21
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/reports/qms-report-cover-portrait/qms-report-cover-portrait.component.d.ts +0 -2
- package/package.json +1 -1
- package/qms-angular.metadata.json +1 -1
- package/src/assets/qms-ckeditor-plugin/package-lock.json +601 -151
- package/src/lib/components/reports/qms-report-cover-portrait/qms-report-cover-portrait.component.scss +29 -33
|
@@ -25234,31 +25234,14 @@
|
|
|
25234
25234
|
});
|
|
25235
25235
|
};
|
|
25236
25236
|
QmsReportCoverPortraitComponent.prototype.ngAfterViewInit = function () {
|
|
25237
|
-
this.resizeTitle();
|
|
25238
|
-
};
|
|
25239
|
-
QmsReportCoverPortraitComponent.prototype.resizeTitle = function () {
|
|
25240
|
-
var _this = this;
|
|
25241
|
-
var initialFontSize = 15;
|
|
25242
|
-
this.renderer.setStyle(this.contentTitle.nativeElement, 'font-size', initialFontSize + 'px');
|
|
25243
|
-
this.renderer.setStyle(this.contentTitle.nativeElement, 'line-height', initialFontSize + 20 + 'px');
|
|
25244
|
-
var interval = setInterval(function () {
|
|
25245
|
-
if (_this.contentTitle.nativeElement.offsetHeight < 110) {
|
|
25246
|
-
initialFontSize += 1;
|
|
25247
|
-
_this.renderer.setStyle(_this.contentTitle.nativeElement, 'font-size', initialFontSize + 'px');
|
|
25248
|
-
_this.renderer.setStyle(_this.contentTitle.nativeElement, 'line-height', initialFontSize + 20 + 'px');
|
|
25249
|
-
}
|
|
25250
|
-
else {
|
|
25251
|
-
clearInterval(interval);
|
|
25252
|
-
}
|
|
25253
|
-
}, 25);
|
|
25254
25237
|
};
|
|
25255
25238
|
return QmsReportCoverPortraitComponent;
|
|
25256
25239
|
}());
|
|
25257
25240
|
QmsReportCoverPortraitComponent.decorators = [
|
|
25258
25241
|
{ type: i0.Component, args: [{
|
|
25259
25242
|
selector: 'qms-report-cover-portrait',
|
|
25260
|
-
template: "<div class=\"qms-report-cover-portrait-container\">\r\n <div class=\"cover-
|
|
25261
|
-
styles: [".qms-report-cover-portrait-container{background-color:#fff}.qms-report-cover-portrait-container .cover-
|
|
25243
|
+
template: "<div class=\"qms-report-cover-portrait-container\">\r\n <div class=\"cover-content\">\r\n <div class=\"cover-title\">\r\n <div class=\"report-module-name\">\r\n <span class=\"module-name\">{{LANG.REPORT_FOR}} {{moduleName}}</span>\r\n </div>\r\n <div class=\"report-title\">\r\n <span class=\"title\" #contentTitle>{{title}}</span>\r\n </div>\r\n </div>\r\n <div class=\"cover-information\" *ngIf=\"infoReport && infoReport.length\">\r\n <div class=\"content-item\" *ngFor=\"let item of infoReport\" [class.underline]=\"item.underline\">\r\n <span class=\"title\">{{item.title}} </span> <span class=\"content\">{{item.content}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",
|
|
25244
|
+
styles: [".qms-report-cover-portrait-container{background-color:#fff}.qms-report-cover-portrait-container .cover-content{margin-bottom:50px}.qms-report-cover-portrait-container .cover-content .cover-title{display:flex;height:450px;flex-direction:column;justify-content:flex-end}.qms-report-cover-portrait-container .cover-content .cover-title .report-module-name .module-name{max-width:100%;font-family:Open Sans;font-weight:400;font-size:14pt;line-height:20pt;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-title .report-title{margin-bottom:32px}.qms-report-cover-portrait-container .cover-content .cover-title .report-title .title{max-width:100%;font-weight:600;font-size:33pt;line-height:39pt;font-family:Open Sans;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-information{padding:24px;border:1px solid rgba(0,0,0,.24);border-radius:4px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item{font-family:Open Sans;font-size:10pt;line-height:16pt;margin-bottom:16px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .title{font-weight:600}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .content{font-weight:400}.qms-report-cover-portrait-container .cover-content .cover-information .content-item:last-child{margin-bottom:0}.qms-report-cover-portrait-container .cover-content .cover-information .underline{padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.6)}"]
|
|
25262
25245
|
},] }
|
|
25263
25246
|
];
|
|
25264
25247
|
QmsReportCoverPortraitComponent.ctorParameters = function () { return [
|
|
@@ -25267,7 +25250,6 @@
|
|
|
25267
25250
|
]; };
|
|
25268
25251
|
QmsReportCoverPortraitComponent.propDecorators = {
|
|
25269
25252
|
infoReport: [{ type: i0.Input }],
|
|
25270
|
-
logo: [{ type: i0.Input }],
|
|
25271
25253
|
moduleName: [{ type: i0.Input }],
|
|
25272
25254
|
title: [{ type: i0.Input }],
|
|
25273
25255
|
contentTitle: [{ type: i0.ViewChild, args: ['contentTitle',] }]
|
|
@@ -28679,7 +28661,6 @@
|
|
|
28679
28661
|
this.activeNode = node.id;
|
|
28680
28662
|
this.onClickNodeEvent.emit(node.id);
|
|
28681
28663
|
}
|
|
28682
|
-
this.onClickToggleNode(node);
|
|
28683
28664
|
};
|
|
28684
28665
|
QMSNavigationDrawerComponent.prototype.onOver = function (node) {
|
|
28685
28666
|
this.hoverNode = node;
|
|
@@ -28940,7 +28921,7 @@
|
|
|
28940
28921
|
QMSNavigationDrawerComponent.decorators = [
|
|
28941
28922
|
{ type: i0.Component, args: [{
|
|
28942
28923
|
selector: 'app-qms-navigation-drawer',
|
|
28943
|
-
template: "
|
|
28924
|
+
template: "<mat-tree class=\"qms-navigation-drawer-container\" [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" cdkDropList\r\n (cdkDropListDropped)=\"drop($event)\" [cdkDropListDisabled]=\"dragDropListDisabled\">\r\n <!-- This is the tree node template for leaf nodes -->\r\n <mat-tree-node [class.pr-34]=\"showAddIcon\" *matTreeNodeDef=\"let node\" (mouseover)=\"onOver(node)\" matTreeNodePadding\r\n matTreeNodePaddingIndent=\"34\" cdkDrag [cdkDragData]=\"node\" (mouseenter)=\"dragHover(node)\"\r\n (mouseleave)=\"dragHoverEnd()\" (cdkDragStarted)=\"dragStart()\" (cdkDragReleased)=\"dragEnd()\"\r\n [ngClass]=\"{'expand-node' : treeControl.isExpanded(node), 'collapse-node': !treeControl.isExpanded(node), 'active': activeNode == node.id}\">\r\n <div *cdkDragPreview class=\"node-preview-item\">{{ node.name }}</div>\r\n <div *ngIf=\"!node.isReadOnly\" class=\"tree-content\" (click)=\"onClickNode(node, true)\">\r\n <button tabindex=\"-1\" qms-btn-outlined disabled class=\"border-0 bg-transparent\">\r\n <img class=\"img-icon\" [src]=\"faIconPath\" alt=\"\" />\r\n </button>\r\n <div class=\"span-text\">{{ node.name }}</div>\r\n <button tabindex=\"-1\" class=\"button-icon add-icon\"\r\n *ngIf=\"showFavoriteIcon && (node.id === hoverNode.id || node.favorite)\"\r\n (click)=\"addFavoriteNode(node.id, $event)\" (mouseenter)=\"setHoverFavorite(node.id)\"\r\n (mouseleave)=\"setHoverFavorite(null)\" [ngClass]=\"{'btn-favorite': (node.id === hoverNode.id && isHover)}\"\r\n qms-tool-tip=\"{{!node.favorite ? addFavoriteTooltip : deleteFavoriteTooltip}}\" mode=\"dark\" position=\"bottom\"\r\n qms-btn-icon>\r\n <mat-icon class=\"mat-icon-rtl-mirror blur-icon\" [class.favorite]=\"true\"\r\n [class.not-favorite]=\"!node.favorite && node.id === hoverNode.id && isHover\">\r\n {{node.favorite && node.id === hoverNode.id && isHover ? 'star_rate_outline' : ''}}\r\n {{!node.favorite && node.id === hoverNode.id && isHover ? 'star_border' : ''}}\r\n </mat-icon>\r\n </button>\r\n <button tabindex=\"-1\" class=\"button-icon add-icon\" *ngIf=\"node.id === hoverNode.id && showAddIcon && isHover\"\r\n qms-tool-tip=\"{{addNodeTooltip}}\" (click)=\"addNewNode(node.id, $event)\" mode=\"dark\" position=\"bottom\"\r\n qms-btn-icon>\r\n <mat-icon class=\"mat-icon-rtl-mirror\">\r\n add\r\n </mat-icon>\r\n </button>\r\n </div>\r\n </mat-tree-node>\r\n <!-- This is the tree node template for expandable nodes -->\r\n <mat-tree-node [class.pr-34]=\"showAddIcon\" *matTreeNodeDef=\"let node;when: hasChild\" (mouseover)=\"onOver(node)\"\r\n matTreeNodePadding matTreeNodePaddingIndent=\"34\" cdkDrag [cdkDragData]=\"node\" (mouseenter)=\"dragHover(node)\"\r\n (mouseleave)=\"dragHoverEnd()\" (cdkDragStarted)=\"dragStart()\" (cdkDragReleased)=\"dragEnd()\"\r\n [ngClass]=\"\r\n {'expand-node' : treeControl.isExpanded(node), 'collapse-node': !treeControl.isExpanded(node), 'active': activeNode == node.id}\">\r\n <div *cdkDragPreview class=\"node-preview-item\">{{ node.name }}</div>\r\n <div *ngIf=\"!node.isReadOnly\" class=\"tree-content\" (keydown)=\"onKeyDownNode($event, node)\" matTreeNodeToggle\r\n (click)=\"onClickNode(node, true)\">\r\n <button matTreeNodeToggle (click)=\"onClickNode(node, false);onClickToggleNode(node)\" tabindex=\"-1\"\r\n class=\"button-icon collapse-expand-icon\" qms-btn-icon [attr.aria-label]=\"'toggle ' + node.name\">\r\n <mat-icon class=\"mat-icon-rtl-mirror arrow-icon left-icon\">\r\n {{treeControl.isExpanded(node) ? 'expand_less' : 'expand_more'}}\r\n </mat-icon>\r\n </button>\r\n <div class=\"span-text\">{{ node.name }}</div>\r\n <button tabindex=\"-1\" class=\"button-icon add-icon\"\r\n qms-tool-tip=\"{{!node.favorite ? addFavoriteTooltip : deleteFavoriteTooltip}}\"\r\n *ngIf=\"showFavoriteIcon && (node.id === hoverNode.id || node.favorite)\"\r\n (click)=\"addFavoriteNode(node.id, $event)\" [ngClass]=\"{'btn-favorite': (node.id === hoverNode.id && isHover)}\"\r\n (mouseenter)=\"setHoverFavorite(node.id)\" (mouseleave)=\"setHoverFavorite(null)\" mode=\"dark\" position=\"below\"\r\n qms-btn-icon>\r\n <mat-icon class=\"mat-icon-rtl-mirror blur-icon\" [class.favorite]=\"true\"\r\n [class.not-favorite]=\"!node.favorite && node.id === hoverNode.id && isHover\">\r\n {{node.favorite && node.id === hoverNode.id && isHover ? 'star_rate_outline' : ''}}\r\n {{!node.favorite && node.id === hoverNode.id && isHover ? 'star_border' : ''}}\r\n </mat-icon>\r\n </button>\r\n <button tabindex=\"-1\" class=\"button-icon add-icon\" *ngIf=\"node.id === hoverNode.id && showAddIcon && isHover\"\r\n qms-tool-tip=\"{{addNodeTooltip}}\" mode=\"dark\" position=\"bottom\" (click)=\"addNewNode(node.id, $event)\"\r\n qms-btn-icon>\r\n <mat-icon class=\"mat-icon-rtl-mirror\">\r\n add\r\n </mat-icon>\r\n </button>\r\n </div>\r\n </mat-tree-node>\r\n</mat-tree>",
|
|
28944
28925
|
styles: ["::ng-deep mat-tree.qms-navigation-drawer-container{padding:.25rem!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node{min-width:272px!important;height:48px!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node{min-height:34px;cursor:pointer!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.active{background-color:#f2f7fd;color:#1954a9!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.active img{filter:opacity(.5) drop-shadow(0 0 0 #1954A9)}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.active:hover{background-color:#e5eefb!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content{width:100%;position:relative;align-items:center}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .arrow-icon{color:#00324e}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .collapse-expand-icon{color:#3e57b7}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .collapse-expand-icon:hover{background:rgba(0,0,0,.08)}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .add-icon:hover{background:rgba(0,0,0,.08)}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .left-icon{color:#919191}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.expand-node{padding-left:0;position:static;height:32px;left:calc(50% - 216px/2);top:0;font-family:Open Sans;font-style:normal;font-weight:400;font-size:14px;line-height:19px;display:flex;align-items:center;color:#1954a9;flex:none;order:0;align-self:stretch;flex-grow:1}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.expand-node ::ng-deep mat-icon{color:#1954a9}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.expand-node:hover{background-color:#e5eefb!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.collapse-node{position:static;height:32px;left:calc(50% - 176px/2);top:0;font-family:Open Sans;font-style:normal;font-weight:400;font-size:14px;line-height:19px;display:flex;align-items:center;color:#323232;flex:none;order:0;align-self:stretch;flex-grow:1}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content{display:flex}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .button-icon{width:40px;height:40px;line-height:30px!important;border-radius:50%}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .button-icon:hover{border-radius:50%}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .img-icon{max-height:25px;max-width:25px}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .add-icon{position:absolute;right:-34px}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .add-icon mat-icon{top:3px;right:3px;border-radius:50%;color:rgba(0,0,0,.6)}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .favorite{color:#b13514!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .not-favorite{color:rgba(0,0,0,.6)!important}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .btn-favorite{right:6px;color:unset}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .space-icon{position:absolute;top:-5px;left:0}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .span-text{position:relative;overflow:hidden;text-overflow:ellipsis;padding-left:7px;max-width:calc(100% - 56px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node .tree-content .span-text:after{content:\"\";display:block;clear:both}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node:first-child{margin:0}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.collapse-node:hover{background:#00000014}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.collapse-node:active{background:#0000001f}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node.expand-node:active{background:#f2f7fd}::ng-deep mat-tree.qms-navigation-drawer-container .mat-tree-node:hover .span-text{max-width:calc(100% - 96px)}::ng-deep mat-tree.qms-navigation-drawer-container .pr-34{padding-right:34px}.node-preview-item{display:flex;background-color:#0000001f;min-width:272px!important;height:48px!important;margin:0 auto;align-items:center;padding:0 16px}"]
|
|
28945
28926
|
},] }
|
|
28946
28927
|
];
|