qms-angular 1.1.28 → 1.1.30
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/qms-angular.umd.js +41 -43
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/breadcrumb/breadcrumb-item.directive.js +2 -2
- package/esm2015/lib/directives/chips/chip.directive.js +2 -2
- package/esm2015/lib/directives/dropdown-menu/dropdown-item.directive.js +2 -2
- package/esm2015/lib/directives/file-upload/file-upload-multiple.directive.js +2 -2
- package/esm2015/lib/directives/file-upload/file-upload.directive.js +2 -2
- package/esm2015/lib/directives/search-field.directive.js +2 -2
- package/esm2015/lib/directives/tooltip/tooltip-renderer.directive.js +35 -31
- package/esm2015/lib/qms-ckeditor-components/common/classes/qmsUploadAdapter.js +1 -2
- package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.js +1 -1
- package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +1 -5
- package/fesm2015/qms-angular.js +41 -42
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/directives/file-upload/file-upload-multiple.directive.d.ts +1 -1
- package/lib/directives/search-field.directive.d.ts +1 -1
- package/lib/directives/tooltip/tooltip-renderer.directive.d.ts +4 -5
- package/package.json +1 -1
- package/qms-angular.metadata.json +1 -1
@@ -1305,7 +1305,7 @@
|
|
1305
1305
|
this.ele = ele;
|
1306
1306
|
}
|
1307
1307
|
QMSInputChipDirective.prototype.ngOnChanges = function (changes) {
|
1308
|
-
if (
|
1308
|
+
if (this.selected) {
|
1309
1309
|
this.ele.nativeElement.classList.add('qms-chip-selected');
|
1310
1310
|
}
|
1311
1311
|
else {
|
@@ -1339,7 +1339,7 @@
|
|
1339
1339
|
this.ele = ele;
|
1340
1340
|
}
|
1341
1341
|
QMSDropdownMenuItem.prototype.ngOnChanges = function (changes) {
|
1342
|
-
if (
|
1342
|
+
if (this.selected) {
|
1343
1343
|
this.ele.nativeElement.classList.add('qms-dropdown-menu-item-selected');
|
1344
1344
|
}
|
1345
1345
|
else {
|
@@ -1557,7 +1557,7 @@
|
|
1557
1557
|
this.ele = ele;
|
1558
1558
|
}
|
1559
1559
|
QMSFileUploadMultipleDirective.prototype.ngOnChanges = function (changes) {
|
1560
|
-
if (
|
1560
|
+
if (this.isLoading) {
|
1561
1561
|
this.ele.nativeElement.classList.add('qms-file-upload-loading');
|
1562
1562
|
}
|
1563
1563
|
else {
|
@@ -1734,7 +1734,7 @@
|
|
1734
1734
|
};
|
1735
1735
|
}
|
1736
1736
|
QMSFileUploadDirective.prototype.ngOnChanges = function (changes) {
|
1737
|
-
if (
|
1737
|
+
if (this.isLoading) {
|
1738
1738
|
this.ele.nativeElement.classList.add('qms-file-upload-loading');
|
1739
1739
|
}
|
1740
1740
|
else {
|
@@ -1987,7 +1987,7 @@
|
|
1987
1987
|
this.renderer = renderer;
|
1988
1988
|
}
|
1989
1989
|
QMSSearchFieldDirective.prototype.ngOnChanges = function (changes) {
|
1990
|
-
if (
|
1990
|
+
if (this.isLoading) {
|
1991
1991
|
this.ele.nativeElement.classList.add('qms-search-field-loading');
|
1992
1992
|
}
|
1993
1993
|
else {
|
@@ -2155,11 +2155,40 @@
|
|
2155
2155
|
* This can be used to show the tooltip conditionally
|
2156
2156
|
*/
|
2157
2157
|
this.showToolTip = true;
|
2158
|
+
this._tooltipInstance = null;
|
2158
2159
|
}
|
2159
2160
|
/**
|
2160
|
-
*
|
2161
|
+
* This method will be called whenever mouse enters in the Host element
|
2162
|
+
* i.e. where this directive is applied
|
2163
|
+
* This method will show the tooltip by instantiating the McToolTipComponent and attaching to the overlay
|
2161
2164
|
*/
|
2162
|
-
QMSToolTipRendererDirective.prototype.
|
2165
|
+
QMSToolTipRendererDirective.prototype.show = function () {
|
2166
|
+
if (!this.showToolTip) {
|
2167
|
+
return;
|
2168
|
+
}
|
2169
|
+
if (!this._tooltipInstance) {
|
2170
|
+
this.initTooltipProperties();
|
2171
|
+
}
|
2172
|
+
//attach the component if it has not already attached to the overlay
|
2173
|
+
if ((this.text || this.contentTemplate) && this._overlayRef && !this._overlayRef.hasAttached()) {
|
2174
|
+
this._tooltipInstance = this._overlayRef.attach(new portal.ComponentPortal(QMSToolTipComponent));
|
2175
|
+
if (this.text)
|
2176
|
+
this._tooltipInstance.instance.text = this.text;
|
2177
|
+
if (this.mode) {
|
2178
|
+
this._tooltipInstance.instance.mode = this.mode;
|
2179
|
+
}
|
2180
|
+
this._tooltipInstance.instance.contentTemplate = this.contentTemplate;
|
2181
|
+
}
|
2182
|
+
};
|
2183
|
+
/**
|
2184
|
+
* This method will be called when mouse goes out of the host element
|
2185
|
+
* i.e. where this directive is applied
|
2186
|
+
* This method will close the tooltip by detaching the overlay from the view
|
2187
|
+
*/
|
2188
|
+
QMSToolTipRendererDirective.prototype.hide = function () {
|
2189
|
+
this.closeToolTip();
|
2190
|
+
};
|
2191
|
+
QMSToolTipRendererDirective.prototype.initTooltipProperties = function () {
|
2163
2192
|
var positionStrategy = this._overlayPositionBuilder
|
2164
2193
|
.flexibleConnectedTo(this._elementRef)
|
2165
2194
|
.withPositions([{
|
@@ -2225,34 +2254,6 @@
|
|
2225
2254
|
}
|
2226
2255
|
this._overlayRef = this._overlay.create({ positionStrategy: positionStrategy });
|
2227
2256
|
};
|
2228
|
-
/**
|
2229
|
-
* This method will be called whenever mouse enters in the Host element
|
2230
|
-
* i.e. where this directive is applied
|
2231
|
-
* This method will show the tooltip by instantiating the McToolTipComponent and attaching to the overlay
|
2232
|
-
*/
|
2233
|
-
QMSToolTipRendererDirective.prototype.show = function () {
|
2234
|
-
if (!this.showToolTip) {
|
2235
|
-
return;
|
2236
|
-
}
|
2237
|
-
//attach the component if it has not already attached to the overlay
|
2238
|
-
if ((this.text || this.contentTemplate) && this._overlayRef && !this._overlayRef.hasAttached()) {
|
2239
|
-
var tooltipRef = this._overlayRef.attach(new portal.ComponentPortal(QMSToolTipComponent));
|
2240
|
-
if (this.text)
|
2241
|
-
tooltipRef.instance.text = this.text;
|
2242
|
-
if (this.mode) {
|
2243
|
-
tooltipRef.instance.mode = this.mode;
|
2244
|
-
}
|
2245
|
-
tooltipRef.instance.contentTemplate = this.contentTemplate;
|
2246
|
-
}
|
2247
|
-
};
|
2248
|
-
/**
|
2249
|
-
* This method will be called when mouse goes out of the host element
|
2250
|
-
* i.e. where this directive is applied
|
2251
|
-
* This method will close the tooltip by detaching the overlay from the view
|
2252
|
-
*/
|
2253
|
-
QMSToolTipRendererDirective.prototype.hide = function () {
|
2254
|
-
this.closeToolTip();
|
2255
|
-
};
|
2256
2257
|
/**
|
2257
2258
|
* Destroy lifecycle event handler
|
2258
2259
|
* This method will make sure to close the tooltip
|
@@ -2269,7 +2270,10 @@
|
|
2269
2270
|
QMSToolTipRendererDirective.prototype.closeToolTip = function () {
|
2270
2271
|
if (this._overlayRef) {
|
2271
2272
|
this._overlayRef.detach();
|
2273
|
+
this._overlayRef.detachments();
|
2274
|
+
this._overlayRef.dispose();
|
2272
2275
|
}
|
2276
|
+
this._tooltipInstance = null;
|
2273
2277
|
};
|
2274
2278
|
return QMSToolTipRendererDirective;
|
2275
2279
|
}());
|
@@ -5012,7 +5016,7 @@
|
|
5012
5016
|
}, 1000);
|
5013
5017
|
};
|
5014
5018
|
QMSBreadcrumbItemDirective.prototype.ngOnChanges = function (changes) {
|
5015
|
-
if (
|
5019
|
+
if (this.isLastItem) {
|
5016
5020
|
this.ele.nativeElement.classList.add('qms-breadcrumb-last-item');
|
5017
5021
|
}
|
5018
5022
|
else {
|
@@ -10321,7 +10325,6 @@
|
|
10321
10325
|
xhr.responseType = 'json';
|
10322
10326
|
};
|
10323
10327
|
QmsUploadAdapter.prototype._initListeners = function (resolve, reject, filename) {
|
10324
|
-
var _this = this;
|
10325
10328
|
var xhr = this.xhr;
|
10326
10329
|
var loader = this.loader;
|
10327
10330
|
var genericErrorText = this.config.LANG.QMSCKEDITOR.FAILED_TO_UPLOAD_FILE + ": " + filename + ".";
|
@@ -10332,7 +10335,6 @@
|
|
10332
10335
|
if (!response || response.error) {
|
10333
10336
|
return reject(response && response.error ? response.error.message : genericErrorText);
|
10334
10337
|
}
|
10335
|
-
response = _this.config.apiUrl.substring(0, _this.config.apiUrl.length - 5) + response; // delete after test
|
10336
10338
|
resolve({ default: response });
|
10337
10339
|
});
|
10338
10340
|
if (xhr.upload) {
|
@@ -17960,7 +17962,7 @@
|
|
17960
17962
|
QMSCKEditorImageMapComponent.decorators = [
|
17961
17963
|
{ type: i0.Component, args: [{
|
17962
17964
|
selector: 'app-qmsck-imagemap',
|
17963
|
-
template: "<div id=\"qmsckeditor-imagemap\" class=\"qmsckeditor qmsckeditor__imagemap__container\">\r\n <div id=\"qmsckeditor-imagemap-header\">\r\n <span id=\"qmsckeditor-imagemap-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\">\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor-imagemap-header_002\" mat-dialog-content>\r\n <h2 id=\"qmsckeditor-imagemap_002_001\">\r\n {{ LANG.QMSCKEDITOR.IMAGE_MAP_PROPERTIES }}\r\n </h2>\r\n </div>\r\n </div>\r\n <div id=\"qmsckeditor-imagemap-content\">\r\n <div id=\"qmsckeditor-imagemap-content_001\" class=\"col-12 mt-1 pl-2 pr-2 ps-2 pe-2\">\r\n <mat-expansion-panel id=\"qmsckeditor-imagemap-panel\" [expanded]=\"true\" (opened)=\"(true)\" (closed)=\"(false)\">\r\n <div id=\"qmsckeditor-imagemap-panel_001\">\r\n <div id=\"qmsckeditor-imagemap-panel_001_001\" class=\"qmsckeditor__imagemap__information\">\r\n <form [formGroup]=\"imageMapFormGroup\">\r\n <div class=\"row\">\r\n <div class=\"col-9\">\r\n <mat-button-toggle-group [(ngModel)]=\"selectedMode\" formControlName=\"modeList\"\r\n (change)=\"onModeChange($event)\">\r\n <mat-button-toggle *ngFor=\"let mode of modes\" [value]=\"mode.id\"\r\n [matTooltip]=\"mode.name\">\r\n <mat-icon color=\"red\" [svgIcon]=\"mode.icon\" aria-hidden=\"true\">\r\n </mat-icon>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n <span style=\"margin-left: 15px;\" #myStatus></span>\r\n </div>\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ZOOM }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedZoom\" formControlName=\"zoomList\"\r\n (ngModelChange)=\"onZoomChange()\" disableOptionCentering>\r\n <mat-option *ngFor=\"let zoomType of zoomTypes\" [value]=\"zoomType.id\">\r\n {{ zoomType.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\">\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedLinkType\" formControlName=\"linkTypeList\"\r\n (ngModelChange)=\"onLinkTypeChange()\" disableOptionCentering>\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 <div class=\"col-3\" *ngIf=\"selectedLinkType === 0\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\"\r\n (ngModelChange)=\"onTargetChange()\" disableOptionCentering>\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>\r\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\r\n *ngIf=\"selectedLinkType === 1\">\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorTextList\"\r\n (ngModelChange)=\"onAnchorTextChange()\">\r\n <mat-option *ngFor=\"let editorAnchor of editorAnchors\"\r\n [value]=\"editorAnchor.anchorValue\" disableOptionCentering>\r\n {{ editorAnchor.viewValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\r\n *ngIf=\"selectedLinkType === 0\">\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\"\r\n (ngModelChange)=\"onProtocolChange()\" disableOptionCentering>\r\n <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\r\n {{ protocol.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-5\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\r\n (ngModelChange)=\"onUrlChange()\" (keyup)=\"onUrlKeyup()\" />\r\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('required')\">{{\r\n LANG.QMSCKEDITOR.REQUIRED_URL }}\r\n </mat-error>\r\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('invalidURL')\">{{\r\n LANG.QMSCKEDITOR.INVALID_URL }}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-4\">\r\n <div class=\"row button__groups\">\r\n <div class=\"col-6\">\r\n <button class=\"save\" mat-stroked-button (click)=\"eHandbook(false, false)\">\r\n {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\r\n </button>\r\n </div>\r\n <div class=\"col-6\">\r\n <button class=\"save\" mat-stroked-button (click)=\"attachment()\">\r\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n <div id=\"qmsckeditor-imagemap-panel_001_002\" class=\"qmsckeditor__imagemap__map\">\r\n <img #myImage [src]=\"imageMapData.imageUrl\">\r\n <mat-spinner diameter=\"40\" mode=\"indeterminate\" *ngIf=\"isImageLoading\"></mat-spinner>\r\n </div>\r\n <div id=\"qmsckeditor-imagemap-panel_001_003\"\r\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4 ms-0 me-0\">\r\n <div class=\"col-4 pr-0 pe-0\">\r\n <button class=\"save\" mat-flat-button (click)=\"removeMap()\">\r\n {{ LANG.QMSCKEDITOR.REMOVE_MAP }}\r\n </button>\r\n </div>\r\n <div class=\"col-4 pr-0 pe-0\">\r\n <button class=\"save\" mat-flat-button (click)=\"save()\">\r\n {{ LANG.QMSCKEDITOR.SAVE }}\r\n </button>\r\n </div>\r\n <div class=\"col-4 pl-0 ps-0\">\r\n <button class=\"cancel\" mat-flat-button (click)=\"cancel()\">\r\n {{ LANG.QMSCKEDITOR.CANCEL }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n</div>",
|
17965
|
+
template: "<div id=\"qmsckeditor-imagemap\" class=\"qmsckeditor qmsckeditor__imagemap__container\">\r\n <div id=\"qmsckeditor-imagemap-header\">\r\n <span id=\"qmsckeditor-imagemap-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\r\n (click)=\"onCloseDialog()\">\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmsckeditor-imagemap-header_002\" mat-dialog-content>\r\n <h2 id=\"qmsckeditor-imagemap_002_001\">\r\n {{ LANG.QMSCKEDITOR.IMAGE_MAP_PROPERTIES }}\r\n </h2>\r\n </div>\r\n </div>\r\n <div id=\"qmsckeditor-imagemap-content\">\r\n <div id=\"qmsckeditor-imagemap-content_001\" class=\"col-12 mt-1 pl-2 pr-2 ps-2 pe-2\">\r\n <mat-expansion-panel id=\"qmsckeditor-imagemap-panel\" [expanded]=\"true\" (opened)=\"(true)\" (closed)=\"(false)\">\r\n <div id=\"qmsckeditor-imagemap-panel_001\">\r\n <div id=\"qmsckeditor-imagemap-panel_001_001\" class=\"qmsckeditor__imagemap__information\">\r\n <form [formGroup]=\"imageMapFormGroup\">\r\n <div class=\"row\">\r\n <div class=\"col-9\">\r\n <mat-button-toggle-group [(ngModel)]=\"selectedMode\" formControlName=\"modeList\"\r\n (change)=\"onModeChange($event)\">\r\n <mat-button-toggle *ngFor=\"let mode of modes\" [value]=\"mode.id\"\r\n [matTooltip]=\"mode.name\">\r\n <mat-icon color=\"red\" [svgIcon]=\"mode.icon\" aria-hidden=\"true\">\r\n </mat-icon>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n <span style=\"margin-left: 15px;\" #myStatus></span>\r\n </div>\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ZOOM }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedZoom\" formControlName=\"zoomList\"\r\n (ngModelChange)=\"onZoomChange()\" disableOptionCentering>\r\n <mat-option *ngFor=\"let zoomType of zoomTypes\" [value]=\"zoomType.id\">\r\n {{ zoomType.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\">\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedLinkType\" formControlName=\"linkTypeList\"\r\n (ngModelChange)=\"onLinkTypeChange()\" disableOptionCentering>\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 <div class=\"col-3\" *ngIf=\"selectedLinkType === 0\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\"\r\n (ngModelChange)=\"onTargetChange()\" disableOptionCentering>\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>\r\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\r\n *ngIf=\"selectedLinkType === 1\">\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorTextList\"\r\n (ngModelChange)=\"onAnchorTextChange()\">\r\n <mat-option *ngFor=\"let editorAnchor of editorAnchors\"\r\n [value]=\"editorAnchor.anchorValue\" disableOptionCentering>\r\n {{ editorAnchor.viewValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\r\n *ngIf=\"selectedLinkType === 0\">\r\n <div class=\"col-3\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\r\n <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\"\r\n (ngModelChange)=\"onProtocolChange()\" disableOptionCentering>\r\n <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\r\n {{ protocol.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-4\">\r\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\r\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\r\n (ngModelChange)=\"onUrlChange()\" (keyup)=\"onUrlKeyup()\" />\r\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('required')\">{{\r\n LANG.QMSCKEDITOR.REQUIRED_URL }}\r\n </mat-error>\r\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('invalidURL')\">{{\r\n LANG.QMSCKEDITOR.INVALID_URL }}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-5\">\r\n <div class=\"row button__groups\">\r\n <div class=\"col-6\">\r\n <button class=\"save\" mat-stroked-button (click)=\"eHandbook(false, false)\">\r\n {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\r\n </button>\r\n </div>\r\n <div class=\"col-6\">\r\n <button class=\"save\" mat-stroked-button (click)=\"attachment()\">\r\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n <div id=\"qmsckeditor-imagemap-panel_001_002\" class=\"qmsckeditor__imagemap__map\">\r\n <img #myImage [src]=\"imageMapData.imageUrl\">\r\n <mat-spinner diameter=\"40\" mode=\"indeterminate\" *ngIf=\"isImageLoading\"></mat-spinner>\r\n </div>\r\n <div id=\"qmsckeditor-imagemap-panel_001_003\"\r\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4 ms-0 me-0\">\r\n <div class=\"col-4 pr-0 pe-0\">\r\n <button class=\"save\" mat-flat-button (click)=\"removeMap()\">\r\n {{ LANG.QMSCKEDITOR.REMOVE_MAP }}\r\n </button>\r\n </div>\r\n <div class=\"col-4 pr-0 pe-0\">\r\n <button class=\"save\" mat-flat-button (click)=\"save()\">\r\n {{ LANG.QMSCKEDITOR.SAVE }}\r\n </button>\r\n </div>\r\n <div class=\"col-4 pl-0 ps-0\">\r\n <button class=\"cancel\" mat-flat-button (click)=\"cancel()\">\r\n {{ LANG.QMSCKEDITOR.CANCEL }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n</div>",
|
17964
17966
|
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,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}::ng-deep .qmsckeditor__imagemap__container .mat-form-field{width:100%}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__information{position:relative}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__map{overflow:auto;width:800px;min-height:371px;position:relative;max-height:460px;display:flex;align-items:flex-start}::ng-deep .qmsckeditor__imagemap__container .mat-button-toggle-checked{border:1px solid #000!important}::ng-deep .qmsckeditor__imagemap__container .hidden{visibility:hidden}"]
|
17965
17967
|
},] }
|
17966
17968
|
];
|
@@ -24969,7 +24971,6 @@
|
|
24969
24971
|
.pipe(operators.takeUntil(this.ngUnsubcribe))
|
24970
24972
|
.subscribe(function (result) {
|
24971
24973
|
if (result) {
|
24972
|
-
result.values = _this.qmsckData.apiUrl.substring(0, _this.qmsckData.apiUrl.length - 5) + result.values; // delete after test
|
24973
24974
|
var evt = new CustomEvent(_this.ckEditorEventConst.QMSCK_BPMN_PLUGIN_RESP, {
|
24974
24975
|
detail: result,
|
24975
24976
|
});
|
@@ -25125,9 +25126,6 @@
|
|
25125
25126
|
}, 100);
|
25126
25127
|
dialogRef.afterClosed().subscribe(function (result) {
|
25127
25128
|
if (result) {
|
25128
|
-
if (result.imageRelativeUrl.length) { // delete after test
|
25129
|
-
result.imageRelativeUrl = _this.qmsckData.apiUrl.substring(0, _this.qmsckData.apiUrl.length - 5) + result.imageRelativeUrl; // delete after test
|
25130
|
-
}
|
25131
25129
|
var ids_1 = result.checkedNodeList.reduce(function (result, item) {
|
25132
25130
|
result[item.id.toString()] = item.id;
|
25133
25131
|
return result;
|