new-front-common-library 0.0.21 → 0.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/assets/img/flag/de-flag.png +0 -0
- package/assets/img/flag/en-flag.png +0 -0
- package/assets/img/flag/fr-flag.png +0 -0
- package/bundles/new-front-common-library.umd.js +50 -25
- package/bundles/new-front-common-library.umd.js.map +1 -1
- package/esm2015/lib/util/component/header/header.component.js +15 -8
- package/esm2015/lib/util/i18n/de.js +8 -2
- package/esm2015/lib/util/i18n/en.js +8 -2
- package/esm2015/lib/util/i18n/fr.js +8 -2
- package/fesm2015/new-front-common-library.js +36 -11
- package/fesm2015/new-front-common-library.js.map +1 -1
- package/lib/util/component/header/header.component.d.ts +2 -0
- package/lib/util/i18n/de.d.ts +5 -0
- package/lib/util/i18n/en.d.ts +5 -0
- package/lib/util/i18n/fr.d.ts +5 -0
- package/package.json +1 -1
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/common/http'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('ngx-cookie-service'), require('@angular/platform-browser'), require('@angular/material/card'), require('ngx-permissions'), require('@angular/material/progress-spinner'), require('@angular/router'), require('@angular/flex-layout/flex'), require('codelyzer/util/isNotNullOrUndefined'), require('@angular/cdk/overlay'), require('@angular/material/toolbar'), require('@angular/material/menu'), require('@angular/material/button'), require('@angular/flex-layout/extended'), require('@angular/forms'), require('@angular/material/dialog'), require('crypto-js'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('new-front-common-library', ['exports', '@angular/core', '@ngx-translate/core', '@angular/common/http', '@angular/common', 'rxjs', 'rxjs/operators', 'ngx-cookie-service', '@angular/platform-browser', '@angular/material/card', 'ngx-permissions', '@angular/material/progress-spinner', '@angular/router', '@angular/flex-layout/flex', 'codelyzer/util/isNotNullOrUndefined', '@angular/cdk/overlay', '@angular/material/toolbar', '@angular/material/menu', '@angular/material/button', '@angular/flex-layout/extended', '@angular/forms', '@angular/material/dialog', 'crypto-js', '@angular/material/form-field', '@angular/material/input', '@angular/material/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['new-front-common-library'] = {}, global.ng.core, global.i2$1, global.ng.common.http, global.ng.common, global.rxjs, global.rxjs.operators, global.i1, global.ng.platformBrowser, global.ng.material.card, global.i1$2, global.ng.material.progressSpinner, global.ng.router, global.ng.flexLayout.flex, global.isNotNullOrUndefined, global.ng.cdk.overlay, global.ng.material.toolbar, global.ng.material.menu, global.ng.material.button, global.ng.flexLayout.extended, global.ng.forms, global.ng.material.dialog, global.CryptoJS, global.ng.material.formField, global.ng.material.input, global.ng.material.
|
|
5
|
-
}(this, (function (exports, i0, i2$1, i2,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/common/http'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('ngx-cookie-service'), require('@angular/platform-browser'), require('@angular/material/card'), require('ngx-permissions'), require('@angular/material/progress-spinner'), require('@angular/router'), require('@angular/flex-layout/flex'), require('codelyzer/util/isNotNullOrUndefined'), require('@angular/cdk/overlay'), require('@angular/material/toolbar'), require('@angular/material/menu'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/flex-layout/extended'), require('@angular/forms'), require('@angular/material/dialog'), require('crypto-js'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/divider'), require('@angular/material/tooltip'), require('@angular/material/table'), require('@angular/material/select'), require('@angular/flex-layout'), require('@angular/material/core')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('new-front-common-library', ['exports', '@angular/core', '@ngx-translate/core', '@angular/common/http', '@angular/common', 'rxjs', 'rxjs/operators', 'ngx-cookie-service', '@angular/platform-browser', '@angular/material/card', 'ngx-permissions', '@angular/material/progress-spinner', '@angular/router', '@angular/flex-layout/flex', 'codelyzer/util/isNotNullOrUndefined', '@angular/cdk/overlay', '@angular/material/toolbar', '@angular/material/menu', '@angular/material/button', '@angular/material/icon', '@angular/flex-layout/extended', '@angular/forms', '@angular/material/dialog', 'crypto-js', '@angular/material/form-field', '@angular/material/input', '@angular/material/divider', '@angular/material/tooltip', '@angular/material/table', '@angular/material/select', '@angular/flex-layout', '@angular/material/core'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['new-front-common-library'] = {}, global.ng.core, global.i2$1, global.ng.common.http, global.ng.common, global.rxjs, global.rxjs.operators, global.i1, global.ng.platformBrowser, global.ng.material.card, global.i1$2, global.ng.material.progressSpinner, global.ng.router, global.ng.flexLayout.flex, global.isNotNullOrUndefined, global.ng.cdk.overlay, global.ng.material.toolbar, global.ng.material.menu, global.ng.material.button, global.ng.material.icon, global.ng.flexLayout.extended, global.ng.forms, global.ng.material.dialog, global.CryptoJS, global.ng.material.formField, global.ng.material.input, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.table, global.ng.material.select, global.ng.flexLayout, global.ng.material.core));
|
|
5
|
+
}(this, (function (exports, i0, i2$1, i2, i16, rxjs, operators, i1, i1$1, i4, i1$2, i5, i1$3, i15, isNotNullOrUndefined, i9, i11, i12, i13, i14, i17, i10, i1$4, CryptoJS, i7, i12$1, divider, tooltip, table, select, flexLayout, core) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -27,19 +27,20 @@
|
|
|
27
27
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
28
28
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
29
29
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
30
|
-
var
|
|
30
|
+
var i16__namespace = /*#__PURE__*/_interopNamespace(i16);
|
|
31
31
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
32
32
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
33
33
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
34
34
|
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
35
35
|
var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
|
|
36
36
|
var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
|
|
37
|
-
var
|
|
37
|
+
var i15__namespace = /*#__PURE__*/_interopNamespace(i15);
|
|
38
38
|
var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
|
|
39
39
|
var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
|
|
40
40
|
var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
|
|
41
41
|
var i13__namespace = /*#__PURE__*/_interopNamespace(i13);
|
|
42
|
-
var
|
|
42
|
+
var i14__namespace = /*#__PURE__*/_interopNamespace(i14);
|
|
43
|
+
var i17__namespace = /*#__PURE__*/_interopNamespace(i17);
|
|
43
44
|
var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
|
|
44
45
|
var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
|
|
45
46
|
var CryptoJS__namespace = /*#__PURE__*/_interopNamespace(CryptoJS);
|
|
@@ -779,7 +780,7 @@
|
|
|
779
780
|
if (value === '-' || value === this.perpetuityLabel) {
|
|
780
781
|
return this.perpetuityLabel;
|
|
781
782
|
}
|
|
782
|
-
return new
|
|
783
|
+
return new i16.DatePipe(currentLanguage).transform(value, format);
|
|
783
784
|
};
|
|
784
785
|
return LocalDatePipe;
|
|
785
786
|
}());
|
|
@@ -1017,7 +1018,7 @@
|
|
|
1017
1018
|
return OverlayComponent;
|
|
1018
1019
|
}());
|
|
1019
1020
|
OverlayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayComponent, deps: [{ token: i1__namespace$3.Router }, { token: i2__namespace$1.TranslateService }, { token: OverlayService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1020
|
-
OverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: OverlayComponent, selector: "sc-overlay", ngImport: i0__namespace, template: "<div class=\"blackshield\" *ngIf=\"show\"></div>\r\n\r\n<div fxLayoutAlign=\"center center\" *ngIf=\"show\">\r\n <mat-card class=\"overshield\" fxLayoutAlign=\"center center\">\r\n <mat-card-content fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"width: 100%\">\r\n <span>{{ message || 'CORE.OVERLAY.LOADING' | translate}}</span>\r\n <mat-spinner diameter=\"40\"></mat-spinner>\r\n </mat-card-content>\r\n </mat-card>\r\n</div>\r\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:black;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"], components: [{ type: i4__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type:
|
|
1021
|
+
OverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: OverlayComponent, selector: "sc-overlay", ngImport: i0__namespace, template: "<div class=\"blackshield\" *ngIf=\"show\"></div>\r\n\r\n<div fxLayoutAlign=\"center center\" *ngIf=\"show\">\r\n <mat-card class=\"overshield\" fxLayoutAlign=\"center center\">\r\n <mat-card-content fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"width: 100%\">\r\n <span>{{ message || 'CORE.OVERLAY.LOADING' | translate}}</span>\r\n <mat-spinner diameter=\"40\"></mat-spinner>\r\n </mat-card-content>\r\n </mat-card>\r\n</div>\r\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:black;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"], components: [{ type: i4__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i16__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i15__namespace.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4__namespace.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i15__namespace.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], pipes: { "translate": i2__namespace$1.TranslatePipe } });
|
|
1021
1022
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayComponent, decorators: [{
|
|
1022
1023
|
type: i0.Component,
|
|
1023
1024
|
args: [{
|
|
@@ -1119,7 +1120,13 @@
|
|
|
1119
1120
|
'COMMON.HEADER.CREATION.CREATION_CESS': 'create a cession contract',
|
|
1120
1121
|
// HEADER CONNECTED AS
|
|
1121
1122
|
'COMMON.HEADER.CONNECTED_AS': 'Connected as',
|
|
1122
|
-
'COMMON.HEADER.STOP': 'Stop'
|
|
1123
|
+
'COMMON.HEADER.STOP': 'Stop',
|
|
1124
|
+
// HEADER PARAMETERS
|
|
1125
|
+
'COMMON.HEADER.PARAMETERS.THEME': 'switch theme',
|
|
1126
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES': 'change language',
|
|
1127
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH': 'fr',
|
|
1128
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH': 'en',
|
|
1129
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH': 'de'
|
|
1123
1130
|
};
|
|
1124
1131
|
|
|
1125
1132
|
var fr = {
|
|
@@ -1161,7 +1168,13 @@
|
|
|
1161
1168
|
'COMMON.HEADER.CREATION.CREATION_CESS': 'créer un contrat de cession',
|
|
1162
1169
|
// HEADER CONNECTED AS
|
|
1163
1170
|
'COMMON.HEADER.CONNECTED_AS': 'Connectée en tant que',
|
|
1164
|
-
'COMMON.HEADER.STOP': 'Arrêter'
|
|
1171
|
+
'COMMON.HEADER.STOP': 'Arrêter',
|
|
1172
|
+
// HEADER PARAMETERS
|
|
1173
|
+
'COMMON.HEADER.PARAMETERS.THEME': 'changer le theme',
|
|
1174
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES': 'changer de langue',
|
|
1175
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH': 'fr',
|
|
1176
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH': 'en',
|
|
1177
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH': 'de'
|
|
1165
1178
|
};
|
|
1166
1179
|
|
|
1167
1180
|
var de = {
|
|
@@ -1203,7 +1216,13 @@
|
|
|
1203
1216
|
'COMMON.HEADER.CREATION.CREATION_CESS': 'create a cession contract',
|
|
1204
1217
|
// HEADER CONNECTED AS
|
|
1205
1218
|
'COMMON.HEADER.CONNECTED_AS': 'Connected as',
|
|
1206
|
-
'COMMON.HEADER.STOP': 'Stop'
|
|
1219
|
+
'COMMON.HEADER.STOP': 'Stop',
|
|
1220
|
+
// HEADER PARAMETERS
|
|
1221
|
+
'COMMON.HEADER.PARAMETERS.THEME': 'switch theme',
|
|
1222
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES': 'change language',
|
|
1223
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH': 'fr',
|
|
1224
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH': 'en',
|
|
1225
|
+
'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH': 'de'
|
|
1207
1226
|
};
|
|
1208
1227
|
|
|
1209
1228
|
var CommonTranslatePipe = /** @class */ (function () {
|
|
@@ -1253,6 +1272,7 @@
|
|
|
1253
1272
|
this.cookieService = cookieService;
|
|
1254
1273
|
this.config = config;
|
|
1255
1274
|
this.toogleMenuEvent = new i0.EventEmitter();
|
|
1275
|
+
this.switchLangEmitter = new i0.EventEmitter();
|
|
1256
1276
|
this.isHide = false;
|
|
1257
1277
|
this.currentScroll = 0;
|
|
1258
1278
|
this.inputText = '';
|
|
@@ -1358,10 +1378,15 @@
|
|
|
1358
1378
|
this.historyList.push({ type: 'NO_HISTORY_AVAILABLE', id: null, ref: null });
|
|
1359
1379
|
}
|
|
1360
1380
|
};
|
|
1381
|
+
HeaderComponent.prototype.switchLang = function (lang) {
|
|
1382
|
+
this.localStorage.post('lang', lang);
|
|
1383
|
+
this.translate.use(lang);
|
|
1384
|
+
this.switchLangEmitter.emit();
|
|
1385
|
+
};
|
|
1361
1386
|
return HeaderComponent;
|
|
1362
1387
|
}());
|
|
1363
1388
|
HeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HeaderComponent, deps: [{ token: i1__namespace$3.Router }, { token: LocalStorageEventsService }, { token: LocalStorageService }, { token: ToasterEventsService }, { token: i2__namespace$1.TranslateService }, { token: CommonApiService }, { token: SessionStorageService }, { token: PermissionsService }, { token: i9__namespace.OverlayContainer }, { token: i1__namespace.CookieService }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1364
|
-
HeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<mat-toolbar fxFlex=\"row\" fxLayoutAlign=\"space-between center\" class=\"sc-header\" [ngClass]=\"{ 'light-header': theme !== 'dark' }\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{env}}</span>\r\n </span>\r\n <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n <span fxFlex=\"5\" class=\"material-icons header-icon\" (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\">history</span>\r\n <mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n <ng-container *ngFor=\"let history of historyList\" [ngSwitch]=\"history.type\">\r\n <button mat-menu-item *ngSwitchCase=\"'PRODUCT'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang }}{{history.type}} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >receipt_long</span>\r\n {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'DEAL'\" (click)=\"navigate('commercial', '/deal/consult/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >local_offer</span>\r\n {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'WORK'\" (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\">\r\n <span class=\"material-icons-outlined\" >theaters</span>\r\n {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'CONTRACT_ACQ'\" (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >assignment</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT-ACQ' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'CONTRACT_CESS'\" (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >article</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT-CESS' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'BUDGET'\" (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >payments</span>\r\n {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\">\r\n <span class=\"material-icons-outlined\" >not_interested</span>\r\n {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang }}\r\n </button>\r\n </ng-container>\r\n </mat-menu>\r\n <span fxFlex=\"5\" [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\">grid_view</span>\r\n <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n <!--DASHBOARD-->\r\n <button mat-menu-item (click)=\"navigate(null, '/dashboard')\">\r\n <span class=\"material-icons-outlined\">apps</span>\r\n <span>{{ 'COMMON.HEADER.MENU.DASHBOARD' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--COMMERCIAL-->\r\n <span *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n <button mat-menu-item (click)=\"navigate('commercial', '/deal/search')\">\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.DEAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/work-record/search')\">\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.WORK_RECORD' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/work-record/vod-search')\">\r\n <span class=\"material-icons-outlined\">manage_search</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.VOD_SEARCH' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n (click)=\"navigate('commercial', '/accounting-closing/consult')\">\r\n <span class=\"material-icons-outlined\">account_balance_wallet</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/invoice/search')\">\r\n <span class=\"material-icons-outlined\">receipt</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.INVOICE' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n (click)=\"navigate('commercial', '/turnover/search')\">\r\n <span class=\"material-icons-outlined\">request_quote</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.TURNOVER' | commonTranslate: lang }}</span>\r\n </button>\r\n </span>\r\n <!--USER-->\r\n <button mat-menu-item *ngIf=\"user && user.admin\" (click)=\"navigate('user', '/account/authorization/search')\">\r\n <span class=\"material-icons-outlined\">manage_accounts</span>\r\n <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--REFERENTIAL-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\">\r\n <span class=\"material-icons-outlined\">support</span>\r\n <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--BATCH-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\">\r\n <span class=\"material-icons-outlined\">autorenew</span>\r\n <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.BATCH' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--TV DATA-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\">\r\n <span class=\"material-icons-outlined\">source</span>\r\n <span>{{ 'COMMON.HEADER.MENU.TV-DATA' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--EXPENDITURE COMMITMENT-->\r\n <button mat-menu-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\">\r\n <span class=\"material-icons-outlined\">receipt_long</span>\r\n <span>{{ 'COMMON.HEADER.MENU.EXPENDITURE_COMMITMENT' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--BI-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\">\r\n <span class=\"material-icons-outlined\">travel_explore</span>\r\n <span>{{ 'COMMON.HEADER.MENU.BI.SEARCH' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--LEGAL-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\">\r\n <span class=\"material-icons-outlined\">gavel</span>\r\n <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n </button>\r\n </mat-menu>\r\n\r\n <div fxFlex=\"60\" class=\"global-search\">\r\n <i class=\"material-icons global-search-icon header-icon\" (click)=\"search()\">search</i>\r\n <span class=\"global-search-separator\"></span>\r\n\r\n <input fxFlex=\"80\" class=\"global-search-input\" (keyup.enter)=\"search()\" placeholder=\"{{ 'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER' | commonTranslate: lang }}\"\r\n [(ngModel)]=\"inputText\"/>\r\n <button mat-raised-button class=\"btn advanced-button\" (click)=\"search()\">\r\n <span class=\"material-icons icon\" >flash_on</span>\r\n {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n </button>\r\n </div>\r\n\r\n <span fxFlex=\"10\"></span>\r\n <span fxFlex=\"5\" class=\"material-icons-outlined header-icon\" [matMenuTriggerFor]=\"menu\">add_box</span>\r\n <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n <button mat-menu-item (click)=\"navigate('video', '/product/form')\">\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\">\r\n <span class=\"material-icons-outlined\">receipt_long</span>\r\n {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/deal/form')\">\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\">\r\n <span class=\"material-icons-outlined\">assignment</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\">\r\n <span class=\"material-icons-outlined\">article</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n </button>\r\n </mat-menu>\r\n\r\n <div *ngIf=\"user && user.secondary\" class=\"connected-as\"\r\n fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"10px\">\r\n <span>\r\n {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }} {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n </span>\r\n\r\n <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n {{ 'CORE.STOP' | commonTranslate: lang }}\r\n </button>\r\n </div>\r\n <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n <span fxFlex=\"5\" (click)=\"navigate('user', '/account/settings')\" class=\"material-icons-outlined header-icon\">settings</span>\r\n </mat-toolbar>\r\n\r\n", styles: [".sc-header{height:64px;position:fixed;z-index:999}.logo-unity{height:48px;width:48px}.header-icon{width:22px;height:20px}.global-search{height:40px;background:#EFF3F6;padding:0;margin-left:30px;border-radius:8px}.global-search-icon{width:18px;height:18px;margin:10px 12px 10px 10px}.global-search-input{background:#EFF3F6;border:none;margin-left:10px;font-size:14px!important}.global-search-input:focus{outline:none}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC;margin-top:6px}.advanced-button{width:90px!important;min-width:90px!important;height:24px;background:#7C87FF;border:none;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;border-radius:4px;line-height:12px;color:#fff;margin:auto 5px auto auto;cursor:pointer;padding:0!important}.advanced-button .icon{font-size:12px;vertical-align:middle}.sc-header .header-icon{color:#809ec1;cursor:pointer;text-align:center}.header-separator{display:inline-block;height:25%;margin-top:6px}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-uat{background-color:#809ec1;color:#fff}#env-dev{background-color:#809ec1;color:#fff}#env-sbx{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.center{text-align:center}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-2{margin-bottom:2px}\n"], components: [{ type: i11__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i12__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i13__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i14__namespace.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i14__namespace.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i15__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i16__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i14__namespace.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i15__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i15__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i15__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i15__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i14__namespace.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "commonTranslate": CommonTranslatePipe } });
|
|
1389
|
+
HeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<mat-toolbar fxFlex=\"row\" fxLayoutAlign=\"space-between center\" class=\"sc-header\" [ngClass]=\"{ 'light-header': theme !== 'dark' }\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{env}}</span>\r\n </span>\r\n <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n <span fxFlex=\"5\" class=\"material-icons header-icon\" (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\">history</span>\r\n <mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n <ng-container *ngFor=\"let history of historyList\" [ngSwitch]=\"history.type\">\r\n <button mat-menu-item *ngSwitchCase=\"'PRODUCT'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang }}{{history.type}} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >receipt_long</span>\r\n {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'DEAL'\" (click)=\"navigate('commercial', '/deal/consult/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >local_offer</span>\r\n {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'WORK'\" (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\">\r\n <span class=\"material-icons-outlined\" >theaters</span>\r\n {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'CONTRACT_ACQ'\" (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >assignment</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT-ACQ' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'CONTRACT_CESS'\" (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >article</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT-CESS' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'BUDGET'\" (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\">\r\n <span class=\"material-icons-outlined\" >payments</span>\r\n {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button mat-menu-item *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\">\r\n <span class=\"material-icons-outlined\" >not_interested</span>\r\n {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang }}\r\n </button>\r\n </ng-container>\r\n </mat-menu>\r\n <span fxFlex=\"5\" [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\">grid_view</span>\r\n <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n <!--DASHBOARD-->\r\n <button mat-menu-item (click)=\"navigate(null, '/dashboard')\">\r\n <span class=\"material-icons-outlined\">apps</span>\r\n <span>{{ 'COMMON.HEADER.MENU.DASHBOARD' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--COMMERCIAL-->\r\n <span *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n <button mat-menu-item (click)=\"navigate('commercial', '/deal/search')\">\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.DEAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/work-record/search')\">\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.WORK_RECORD' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/work-record/vod-search')\">\r\n <span class=\"material-icons-outlined\">manage_search</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.VOD_SEARCH' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n (click)=\"navigate('commercial', '/accounting-closing/consult')\">\r\n <span class=\"material-icons-outlined\">account_balance_wallet</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/invoice/search')\">\r\n <span class=\"material-icons-outlined\">receipt</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.INVOICE' | commonTranslate: lang }}</span>\r\n </button>\r\n <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n (click)=\"navigate('commercial', '/turnover/search')\">\r\n <span class=\"material-icons-outlined\">request_quote</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.TURNOVER' | commonTranslate: lang }}</span>\r\n </button>\r\n </span>\r\n <!--USER-->\r\n <button mat-menu-item *ngIf=\"user && user.admin\" (click)=\"navigate('user', '/account/authorization/search')\">\r\n <span class=\"material-icons-outlined\">manage_accounts</span>\r\n <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--REFERENTIAL-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\">\r\n <span class=\"material-icons-outlined\">support</span>\r\n <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--BATCH-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\">\r\n <span class=\"material-icons-outlined\">autorenew</span>\r\n <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.BATCH' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--TV DATA-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\">\r\n <span class=\"material-icons-outlined\">source</span>\r\n <span>{{ 'COMMON.HEADER.MENU.TV-DATA' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--EXPENDITURE COMMITMENT-->\r\n <button mat-menu-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\">\r\n <span class=\"material-icons-outlined\">receipt_long</span>\r\n <span>{{ 'COMMON.HEADER.MENU.EXPENDITURE_COMMITMENT' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--BI-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\">\r\n <span class=\"material-icons-outlined\">travel_explore</span>\r\n <span>{{ 'COMMON.HEADER.MENU.BI.SEARCH' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--LEGAL-->\r\n <button mat-menu-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\">\r\n <span class=\"material-icons-outlined\">gavel</span>\r\n <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n </button>\r\n </mat-menu>\r\n\r\n <div fxFlex=\"60\" class=\"global-search\">\r\n <i class=\"material-icons global-search-icon header-icon\" (click)=\"search()\">search</i>\r\n <span class=\"global-search-separator\"></span>\r\n\r\n <input fxFlex=\"80\" class=\"global-search-input\" (keyup.enter)=\"search()\" placeholder=\"{{ 'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER' | commonTranslate: lang }}\"\r\n [(ngModel)]=\"inputText\"/>\r\n <button mat-raised-button class=\"btn advanced-button\" (click)=\"search()\">\r\n <span class=\"material-icons icon\" >flash_on</span>\r\n {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n </button>\r\n </div>\r\n\r\n <span fxFlex=\"10\"></span>\r\n <span fxFlex=\"5\" class=\"material-icons-outlined header-icon\" [matMenuTriggerFor]=\"menu\">add_box</span>\r\n <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n <button mat-menu-item (click)=\"navigate('video', '/product/form')\">\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\">\r\n <span class=\"material-icons-outlined\">receipt_long</span>\r\n {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('commercial', '/deal/form')\">\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\">\r\n <span class=\"material-icons-outlined\">assignment</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n </button>\r\n <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\">\r\n <span class=\"material-icons-outlined\">article</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n </button>\r\n </mat-menu>\r\n\r\n <div *ngIf=\"user && user.secondary\" class=\"connected-as\"\r\n fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"10px\">\r\n <span>\r\n {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }} {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n </span>\r\n\r\n <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n {{ 'CORE.STOP' | commonTranslate: lang }}\r\n </button>\r\n </div>\r\n <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n\r\n <span [matMenuTriggerFor]='settings' class='material-icons-outlined header-icon' fxFlex='5'>settings</span>\r\n\r\n <!-- #enddocregion mat-menu-trigger-for -->\r\n <mat-menu #settings='matMenu' class='action-menu'>\r\n <button (click)='switchTheme()' mat-menu-item>\r\n <mat-icon class='menu-icon mat-icon'>toggle_on</mat-icon>\r\n <span>{{'COMMON.HEADER.PARAMETERS.THEME' | commonTranslate: lang}}</span>\r\n </button>\r\n <button (click)='switchLang(\"en\")' *ngIf='lang !== \"en\"' mat-menu-item>\r\n <img src='assets/img/flag/en-flag.png'>\r\n {{ 'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH' | commonTranslate: lang }}\r\n </button>\r\n <button (click)='switchLang(\"fr\")' *ngIf='lang !== \"fr\"' mat-menu-item>\r\n <img src='assets/img/flag/fr-flag.png'>\r\n {{ 'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH' | commonTranslate: lang }}\r\n </button>\r\n <button (click)='switchLang(\"de\")' *ngIf='lang !== \"de\" ' mat-menu-item>\r\n <img src='assets/img/flag/de-flag.png'>\r\n {{ 'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH' | commonTranslate: lang }}\r\n </button>\r\n </mat-menu>\r\n </mat-toolbar>\r\n\r\n", styles: [".sc-header{height:64px;position:fixed;z-index:999}.logo-unity{height:48px;width:48px}.header-icon{width:22px;height:20px}.global-search{height:40px;background:#EFF3F6;padding:0;margin-left:30px;border-radius:8px}.global-search-icon{width:18px;height:18px;margin:10px 12px 10px 10px}.global-search-input{background:#EFF3F6;border:none;margin-left:10px;font-size:14px!important}.global-search-input:focus{outline:none}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC;margin-top:6px}.advanced-button{width:90px!important;min-width:90px!important;height:24px;background:#7C87FF;border:none;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;border-radius:4px;line-height:12px;color:#fff;margin:auto 5px auto auto;cursor:pointer;padding:0!important}.advanced-button .icon{font-size:12px;vertical-align:middle}.sc-header .header-icon{color:#809ec1;cursor:pointer;text-align:center}.header-separator{display:inline-block;height:25%;margin-top:6px}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-uat{background-color:#809ec1;color:#fff}#env-dev{background-color:#809ec1;color:#fff}#env-sbx{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.center{text-align:center}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-2{margin-bottom:2px}.mat-menu-item img{height:12px!important;margin-right:13px;margin-bottom:-2px;margin-left:3px}\n"], components: [{ type: i11__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i12__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i13__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i14__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i15__namespace.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i15__namespace.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i16__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i15__namespace.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i16__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i16__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i16__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i16__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i15__namespace.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "commonTranslate": CommonTranslatePipe } });
|
|
1365
1390
|
__decorate([
|
|
1366
1391
|
Theme()
|
|
1367
1392
|
], HeaderComponent.prototype, "theme", void 0);
|
|
@@ -1407,8 +1432,8 @@
|
|
|
1407
1432
|
};
|
|
1408
1433
|
return SubHeaderComponent;
|
|
1409
1434
|
}());
|
|
1410
|
-
SubHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SubHeaderComponent, deps: [{ token:
|
|
1411
|
-
SubHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<div id=\"template-header-container\">\r\n <div id=\"template-header\" [ngClass]=\"{'header-hide':isHide}\">\r\n\r\n <!-- What you want -->\r\n <div id=\"left-part\">\r\n <ng-content select=[left]></ng-content>\r\n </div>\r\n\r\n <!-- What you want -->\r\n <div id=\"middle-part\">\r\n <ng-content select=[middle]></ng-content>\r\n </div>\r\n\r\n <!-- What you want -->\r\n <div id=\"right-part\">\r\n <ng-content select=[right]></ng-content>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n", styles: ["#template-header-container{position:relative;background:#3F3F3F}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3F3F3F;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:bold!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:bold;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"], directives: [{ type:
|
|
1435
|
+
SubHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SubHeaderComponent, deps: [{ token: i16.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1436
|
+
SubHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<div id=\"template-header-container\">\r\n <div id=\"template-header\" [ngClass]=\"{'header-hide':isHide}\">\r\n\r\n <!-- What you want -->\r\n <div id=\"left-part\">\r\n <ng-content select=[left]></ng-content>\r\n </div>\r\n\r\n <!-- What you want -->\r\n <div id=\"middle-part\">\r\n <ng-content select=[middle]></ng-content>\r\n </div>\r\n\r\n <!-- What you want -->\r\n <div id=\"right-part\">\r\n <ng-content select=[right]></ng-content>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n", styles: ["#template-header-container{position:relative;background:#3F3F3F}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3F3F3F;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:bold!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:bold;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"], directives: [{ type: i16__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
|
|
1412
1437
|
__decorate([
|
|
1413
1438
|
Theme()
|
|
1414
1439
|
], SubHeaderComponent.prototype, "theme", void 0);
|
|
@@ -1422,7 +1447,7 @@
|
|
|
1422
1447
|
}], ctorParameters: function () {
|
|
1423
1448
|
return [{ type: undefined, decorators: [{
|
|
1424
1449
|
type: i0.Inject,
|
|
1425
|
-
args: [
|
|
1450
|
+
args: [i16.DOCUMENT]
|
|
1426
1451
|
}] }];
|
|
1427
1452
|
}, propDecorators: { theme: [], onWindowScroll: [{
|
|
1428
1453
|
type: i0.HostListener,
|
|
@@ -1518,7 +1543,7 @@
|
|
|
1518
1543
|
return MyDialogPopupLoginComponent;
|
|
1519
1544
|
}());
|
|
1520
1545
|
MyDialogPopupLoginComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyDialogPopupLoginComponent, deps: [{ token: i1__namespace$4.MatDialogRef }, { token: AesService }, { token: WEB_CONFIG }, { token: i2__namespace.HttpClient }, { token: i2__namespace$1.TranslateService }, { token: i1__namespace.CookieService }, { token: i1$4.MAT_DIALOG_DATA }, { token: CommonApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1521
|
-
MyDialogPopupLoginComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0__namespace, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n <form [formGroup]=\"userForm\" fxLayout=\"column\" (keyup.enter)=\"onLogin()\">\r\n <div class=\"form-group\">\r\n <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\">\r\n <input matInput [(ngModel)]=\"username\" formControlName=\"username\"/>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"form-group\">\r\n <mat-label>{{'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\">\r\n <input matInput [(ngModel)]=\"password\" formControlName=\"password\" type=\"password\"/>\r\n </mat-form-field>\r\n </div>\r\n </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <button class=\"primary w-100\" mat-raised-button type=\"submit\" (click)=\"onLogin()\" [disabled]=\"loading\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n <mat-spinner *ngIf=\"loading\" class=\"not-so-close-from-button login-spinner\" [diameter]=\"30\"></mat-spinner>\r\n <div *ngIf=\"(errorMessage !== null || errorMessage !== '')\" class=\"errorMessage not-so-close-from-button\">\r\n {{errorMessage}} </div>\r\n</mat-dialog-actions>\r\n\r\n", styles: [".w-100{width:100%}\n"], components: [{ type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i13__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i1__namespace$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type:
|
|
1546
|
+
MyDialogPopupLoginComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0__namespace, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n <form [formGroup]=\"userForm\" fxLayout=\"column\" (keyup.enter)=\"onLogin()\">\r\n <div class=\"form-group\">\r\n <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\">\r\n <input matInput [(ngModel)]=\"username\" formControlName=\"username\"/>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"form-group\">\r\n <mat-label>{{'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\">\r\n <input matInput [(ngModel)]=\"password\" formControlName=\"password\" type=\"password\"/>\r\n </mat-form-field>\r\n </div>\r\n </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <button class=\"primary w-100\" mat-raised-button type=\"submit\" (click)=\"onLogin()\" [disabled]=\"loading\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n <mat-spinner *ngIf=\"loading\" class=\"not-so-close-from-button login-spinner\" [diameter]=\"30\"></mat-spinner>\r\n <div *ngIf=\"(errorMessage !== null || errorMessage !== '')\" class=\"errorMessage not-so-close-from-button\">\r\n {{errorMessage}} </div>\r\n</mat-dialog-actions>\r\n\r\n", styles: [".w-100{width:100%}\n"], components: [{ type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i13__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i1__namespace$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i15__namespace.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.MatLabel, selector: "mat-label" }, { type: i12__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1__namespace$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i15__namespace.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i16__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2__namespace$1.TranslatePipe } });
|
|
1522
1547
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyDialogPopupLoginComponent, decorators: [{
|
|
1523
1548
|
type: i0.Component,
|
|
1524
1549
|
args: [{
|
|
@@ -1647,7 +1672,7 @@
|
|
|
1647
1672
|
i13.MatButtonModule,
|
|
1648
1673
|
i11.MatToolbarModule,
|
|
1649
1674
|
i7.MatFormFieldModule,
|
|
1650
|
-
|
|
1675
|
+
i16.CommonModule,
|
|
1651
1676
|
i2$1.TranslateModule,
|
|
1652
1677
|
i4.MatCardModule,
|
|
1653
1678
|
i1$4.MatDialogModule,
|
|
@@ -1657,7 +1682,7 @@
|
|
|
1657
1682
|
i10.ReactiveFormsModule,
|
|
1658
1683
|
i13.MatButtonModule,
|
|
1659
1684
|
i10.FormsModule,
|
|
1660
|
-
|
|
1685
|
+
i14.MatIconModule,
|
|
1661
1686
|
i12.MatMenuModule,
|
|
1662
1687
|
i11.MatToolbarModule,
|
|
1663
1688
|
divider.MatDividerModule,
|
|
@@ -1686,7 +1711,7 @@
|
|
|
1686
1711
|
PermissionsService,
|
|
1687
1712
|
ArrayService,
|
|
1688
1713
|
CommonApiService,
|
|
1689
|
-
|
|
1714
|
+
i16.DatePipe,
|
|
1690
1715
|
LocalDatePipe,
|
|
1691
1716
|
MyNumberPipe,
|
|
1692
1717
|
AesService,
|
|
@@ -1702,7 +1727,7 @@
|
|
|
1702
1727
|
i13.MatButtonModule,
|
|
1703
1728
|
i11.MatToolbarModule,
|
|
1704
1729
|
i7.MatFormFieldModule,
|
|
1705
|
-
|
|
1730
|
+
i16.CommonModule,
|
|
1706
1731
|
i2$1.TranslateModule,
|
|
1707
1732
|
i4.MatCardModule,
|
|
1708
1733
|
i1$4.MatDialogModule,
|
|
@@ -1712,7 +1737,7 @@
|
|
|
1712
1737
|
i10.ReactiveFormsModule,
|
|
1713
1738
|
i13.MatButtonModule,
|
|
1714
1739
|
i10.FormsModule,
|
|
1715
|
-
|
|
1740
|
+
i14.MatIconModule,
|
|
1716
1741
|
i12.MatMenuModule,
|
|
1717
1742
|
i11.MatToolbarModule,
|
|
1718
1743
|
divider.MatDividerModule,
|
|
@@ -1729,7 +1754,7 @@
|
|
|
1729
1754
|
i13.MatButtonModule,
|
|
1730
1755
|
i11.MatToolbarModule,
|
|
1731
1756
|
i7.MatFormFieldModule,
|
|
1732
|
-
|
|
1757
|
+
i16.CommonModule,
|
|
1733
1758
|
i2$1.TranslateModule,
|
|
1734
1759
|
i4.MatCardModule,
|
|
1735
1760
|
i1$4.MatDialogModule,
|
|
@@ -1739,7 +1764,7 @@
|
|
|
1739
1764
|
i10.ReactiveFormsModule,
|
|
1740
1765
|
i13.MatButtonModule,
|
|
1741
1766
|
i10.FormsModule,
|
|
1742
|
-
|
|
1767
|
+
i14.MatIconModule,
|
|
1743
1768
|
i12.MatMenuModule,
|
|
1744
1769
|
i11.MatToolbarModule,
|
|
1745
1770
|
divider.MatDividerModule,
|
|
@@ -1774,7 +1799,7 @@
|
|
|
1774
1799
|
PermissionsService,
|
|
1775
1800
|
ArrayService,
|
|
1776
1801
|
CommonApiService,
|
|
1777
|
-
|
|
1802
|
+
i16.DatePipe,
|
|
1778
1803
|
LocalDatePipe,
|
|
1779
1804
|
MyNumberPipe,
|
|
1780
1805
|
AesService,
|