new-front-common-library 0.0.92 → 0.0.93-REF-1
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/css/_global.scss +0 -12
- package/bundles/new-front-common-library.umd.js +6 -6
- package/bundles/new-front-common-library.umd.js.map +1 -1
- package/esm2015/lib/util/component/header/header.component.js +3 -3
- package/esm2015/lib/util/i18n/de.js +2 -2
- package/esm2015/lib/util/i18n/en.js +2 -2
- package/esm2015/lib/util/i18n/fr.js +2 -2
- package/esm2015/lib/util/models/legal/contract-rapid-search-model.js +1 -1
- package/esm2015/lib/util/services/elasticsearch/elasticsearch.service.js +2 -2
- package/fesm2015/new-front-common-library.js +6 -6
- package/fesm2015/new-front-common-library.js.map +1 -1
- package/lib/util/component/header/header.component.d.ts +1 -1
- package/lib/util/models/legal/contract-rapid-search-model.d.ts +1 -0
- package/package.json +1 -1
package/assets/css/_global.scss
CHANGED
|
@@ -64,7 +64,6 @@ body, html {
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
.custom-switch {
|
|
67
|
-
font-family: 'Poppins' !important;
|
|
68
67
|
|
|
69
68
|
.switch-small:focus {
|
|
70
69
|
outline: none;
|
|
@@ -204,7 +203,6 @@ textarea {
|
|
|
204
203
|
.consult-info-label {
|
|
205
204
|
height: 8px;
|
|
206
205
|
|
|
207
|
-
font-family: Roboto;
|
|
208
206
|
font-style: normal;
|
|
209
207
|
font-weight: 600;
|
|
210
208
|
font-size: 8px;
|
|
@@ -219,7 +217,6 @@ textarea {
|
|
|
219
217
|
.consult-info-data {
|
|
220
218
|
height: 18px;
|
|
221
219
|
|
|
222
|
-
font-family: Source Sans Pro;
|
|
223
220
|
font-style: normal;
|
|
224
221
|
font-weight: normal;
|
|
225
222
|
font-size: 14px;
|
|
@@ -232,7 +229,6 @@ textarea {
|
|
|
232
229
|
.label-consult label {
|
|
233
230
|
height: 8px;
|
|
234
231
|
|
|
235
|
-
font-family: Roboto;
|
|
236
232
|
font-style: normal;
|
|
237
233
|
font-weight: 600;
|
|
238
234
|
font-size: 9px;
|
|
@@ -248,7 +244,6 @@ textarea {
|
|
|
248
244
|
.span-consult span {
|
|
249
245
|
height: 18px;
|
|
250
246
|
|
|
251
|
-
font-family: Source Sans Pro;
|
|
252
247
|
font-style: normal;
|
|
253
248
|
font-weight: normal;
|
|
254
249
|
font-size: 14px;
|
|
@@ -270,7 +265,6 @@ textarea {
|
|
|
270
265
|
.sub-toolbar .title {
|
|
271
266
|
height: 52px !important;
|
|
272
267
|
|
|
273
|
-
//font-family: Source Sans Pro;
|
|
274
268
|
font-style: normal;
|
|
275
269
|
font-weight: 900;
|
|
276
270
|
font-size: 24px;
|
|
@@ -300,7 +294,6 @@ textarea {
|
|
|
300
294
|
box-shadow: 0px 1px 2px rgba(68, 93, 123, 0.16), inset 0px 2px 4px rgba(255, 255, 255, 0.08), inset 0px -2px 4px rgba(68, 93, 123, 0.08);
|
|
301
295
|
border-radius: 4px;
|
|
302
296
|
|
|
303
|
-
font-family: Roboto;
|
|
304
297
|
font-style: normal;
|
|
305
298
|
font-weight: bold;
|
|
306
299
|
font-size: 12px;
|
|
@@ -316,7 +309,6 @@ textarea {
|
|
|
316
309
|
padding: 2px;
|
|
317
310
|
box-shadow: 0px 1px 2px rgba(68, 93, 123, 0.16), inset 0px 2px 4px rgba(255, 255, 255, 0.08), inset 0px -2px 4px rgba(68, 93, 123, 0.08);
|
|
318
311
|
|
|
319
|
-
font-family: Roboto;
|
|
320
312
|
font-style: normal;
|
|
321
313
|
font-weight: bold;
|
|
322
314
|
font-size: 12px !important;
|
|
@@ -417,7 +409,6 @@ mat-paginator .mat-select-trigger {
|
|
|
417
409
|
// BUTTONS
|
|
418
410
|
|
|
419
411
|
.action-button {
|
|
420
|
-
font-family: Roboto;
|
|
421
412
|
font-style: normal;
|
|
422
413
|
font-weight: bold;
|
|
423
414
|
font-size: 14px;
|
|
@@ -448,7 +439,6 @@ mat-paginator .mat-select-trigger {
|
|
|
448
439
|
}
|
|
449
440
|
|
|
450
441
|
.save-button {
|
|
451
|
-
font-family: Roboto;
|
|
452
442
|
font-style: normal;
|
|
453
443
|
font-weight: bold;
|
|
454
444
|
font-size: 14px;
|
|
@@ -473,7 +463,6 @@ mat-paginator .mat-select-trigger {
|
|
|
473
463
|
.expand-button {
|
|
474
464
|
background-color: $gray-blue-primary !important;
|
|
475
465
|
color: white !important;
|
|
476
|
-
font-family: Roboto;
|
|
477
466
|
font-style: normal;
|
|
478
467
|
font-weight: bold;
|
|
479
468
|
font-size: 12px;
|
|
@@ -623,7 +612,6 @@ mat-paginator .mat-select-trigger {
|
|
|
623
612
|
|
|
624
613
|
.ng-select input {
|
|
625
614
|
font-size: 12px !important;
|
|
626
|
-
font-family: 'Roboto' !important;
|
|
627
615
|
background: transparent;
|
|
628
616
|
}
|
|
629
617
|
|
|
@@ -1214,7 +1214,7 @@
|
|
|
1214
1214
|
{ index: 'unity-contract*' },
|
|
1215
1215
|
{
|
|
1216
1216
|
query: { dis_max: { queries: [{ wildcard: { contractId: { value: '*' + text + '*' } } }] } },
|
|
1217
|
-
sort: [{
|
|
1217
|
+
sort: [{ 'contractId.keyword': { order: 'asc' } }],
|
|
1218
1218
|
size: 50
|
|
1219
1219
|
},
|
|
1220
1220
|
]
|
|
@@ -1300,7 +1300,7 @@
|
|
|
1300
1300
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE': 'Title',
|
|
1301
1301
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD': 'Work Record',
|
|
1302
1302
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT': 'Client',
|
|
1303
|
-
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT': 'Contract',
|
|
1303
|
+
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT': 'Contract N',
|
|
1304
1304
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE': 'Type',
|
|
1305
1305
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS': 'Status',
|
|
1306
1306
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSEE': 'Licensee',
|
|
@@ -1370,7 +1370,7 @@
|
|
|
1370
1370
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE': 'Titre',
|
|
1371
1371
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD': 'Fiche',
|
|
1372
1372
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT': 'Client',
|
|
1373
|
-
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT': '
|
|
1373
|
+
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT': 'Contrat N',
|
|
1374
1374
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE': 'Type',
|
|
1375
1375
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS': 'Statut',
|
|
1376
1376
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSEE': 'Cessionnaire',
|
|
@@ -1440,7 +1440,7 @@
|
|
|
1440
1440
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE': 'Title',
|
|
1441
1441
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD': 'Work Record',
|
|
1442
1442
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT': 'Client',
|
|
1443
|
-
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT': 'Contract',
|
|
1443
|
+
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT': 'Contract N',
|
|
1444
1444
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE': 'Type',
|
|
1445
1445
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS': 'Status',
|
|
1446
1446
|
'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSEE': 'Licensee',
|
|
@@ -1629,7 +1629,7 @@
|
|
|
1629
1629
|
}
|
|
1630
1630
|
};
|
|
1631
1631
|
HeaderComponent.prototype.getContractType = function (type) {
|
|
1632
|
-
return type === '
|
|
1632
|
+
return type === 'Sale' ? 'cess' : type === 'Acquisition' ? 'acq' : 'auth';
|
|
1633
1633
|
};
|
|
1634
1634
|
HeaderComponent.prototype.onSelectSearch = function ($event, doc) {
|
|
1635
1635
|
switch (doc.docType) {
|
|
@@ -1659,7 +1659,7 @@
|
|
|
1659
1659
|
return HeaderComponent;
|
|
1660
1660
|
}());
|
|
1661
1661
|
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: LangService }, { token: ElasticsearchService }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1662
|
-
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 [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n class=\"sc-header d-flex align-items-center\">\r\n <span class=\"d-flex align-items-end\">\r\n <a\r\n [href]=\"env === 'prod' ? 'https://unity.studiocanal.com/dashboard' : (env === 'sbx' ? 'https://unity-sbx.cplus/dashboard' : 'https://unity-' + env + '.studiocanal.com/dashboard')\">\r\n <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n </a>\r\n <span *ngIf=\"env != 'prod'\" [attr.id]=\"'env-' + env\" class=\"env\">{{env}}</span>\r\n </span>\r\n <span class=\"header-separator\"></span>\r\n <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon max-width-5\">apps</span>\r\n <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n <!--DASHBOARD-->\r\n <button (click)=\"navigate(null, '/dashboard')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/search')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <button (click)=\"navigate('commercial', '/turnover/search')\"\r\n *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">request_quote</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.FINANCE' | commonTranslate: lang }}</span>\r\n </button>\r\n </span>\r\n <!--USER-->\r\n <button (click)=\"navigate('user', '/account/authorization/search')\" *ngIf=\"user && user.admin\" mat-menu-item>\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 <!--MY PREFERENCES-->\r\n <button (click)=\"navigate('user', '/account/settings')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">settings</span>\r\n <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--BATCH-->\r\n <button (click)=\"navigate('batch', '/jobs/referential')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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 (click)=\"navigate('tvdata', '/infos-center')\" *ngxPermissionsOnly=\"['TVDATA']\" mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/home/commands')\" *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\"\r\n mat-menu-item>\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 (click)=\"navigate('bi', '/simple-search/form')\" *ngxPermissionsOnly=\"['MODULE BI']\" mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/menu/legals-det')\" *ngxPermissionsOnly=\"['LEGAL']\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">gavel</span>\r\n <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--CALENDAR-->\r\n <button (click)=\"navigate('calendar', '')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">calendar_month</span>\r\n <span>{{ 'COMMON.HEADER.MENU.CALENDAR' | commonTranslate: lang }}</span>\r\n </button>\r\n </mat-menu>\r\n <span class=\"header-separator\"></span>\r\n <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon max-width-5\">add_box</span>\r\n <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n <button (click)=\"navigate('video', '/product/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">receipt_long</span>\r\n {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('commercial', '/deal/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('legal', '/createContract/acq')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">shop_two</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('legal', '/createContract/sales')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">article</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n </button>\r\n\t <button (click)=\"navigate('legal', '/createContract/auth')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">account_circle</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_AUTH' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('pa', '/campaign/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">campaign</span>\r\n {{ 'COMMON.HEADER.CREATION.CAMPAIGN' | commonTranslate: lang }}\r\n </button>\r\n </mat-menu>\r\n <span class=\"header-separator\"></span>\r\n <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\"\r\n class=\"material-icons header-icon max-width-5\">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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PRODUCT'\"\r\n mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PO'\"\r\n mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/consult/' + history.id)\" *ngSwitchCase=\"'DEAL'\"\r\n mat-menu-item>\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 (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\" *ngSwitchCase=\"'WORK'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">assignment</span>\r\n {{ 'COMMON.HEADER.HISTORY.WORK_RECORD' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts-details/acq/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_ACQ'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">shop_two</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT_ACQ' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts-details/cess/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_CESS'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">receipt</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT_CESS' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts-details/auth/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_AUTH'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">account_circle</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT_AUTH' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\" *ngSwitchCase=\"'BUDGET'\"\r\n mat-menu-item>\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 *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\" mat-menu-item>\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\r\n <div class=\"global-search d-flex max-width-60\">\r\n <i class=\"material-icons global-search-icon header-icon\">search</i>\r\n <span class=\"global-search-separator\"></span>\r\n <mat-form-field class=\"max-width-100\" floatLabel=\"never\">\r\n <div class=\"d-flex\">\r\n <input [formControl]=\"formControlSearch\" [matAutocomplete]=\"autoSearch\"\r\n class=\"global-search-input max-width-85\"\r\n id=\"search-input\"\r\n matInput\r\n placeholder=\"search ...\"/>\r\n <button (click)=\"navigate(null, '/advanced-search')\"\r\n class=\"btn advanced-button\" mat-raised-button>\r\n <span class=\"material-icons icon\">flash_on</span>\r\n {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n </button>\r\n\r\n <mat-autocomplete #autoSearch=\"matAutocomplete\" class=\"mat-autocomplete-global-search\" panelWidth=\"56vw\">\r\n <mat-option (onSelectionChange)=\"onSelectSearch($event, doc)\"\r\n *ngFor=\"let doc of documents$ | async\"\r\n class=\"mat-option-global-search\">\r\n <!--PURCHASE_ORDER-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-70\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n <span>{{ doc.poNumber }}\r\n - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.BASKET_NUMBER' | commonTranslate: lang }}</span>\r\n <span>{{ doc?.basketNumber ? doc.basketNumber : '-' }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n <span>{{ doc?.ean ? doc.ean : '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--PRODUCT-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.PRODUCT\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"ellipsis d-flex flex-column max-width-60\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCT' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.title }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-10\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.SUPPORT' | commonTranslate: lang }}</span>\r\n <span>{{doc.support[labelLang]}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n <span>{{ doc.ean }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.RELEASE_DATE' | commonTranslate: lang }}</span>\r\n <span>{{ doc?.releaseDate ? doc.releaseDate : '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--WORK-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.WORK_VERSION\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-75 ellipsis\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.title }} ({{doc.codeIso}})</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-10\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang }}</span>\r\n <span>{{doc.miloCode}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCTION_YEAR' | commonTranslate: lang }}</span>\r\n <span>{{ doc.yearOfProduction }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--DEAL-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.DEAL\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.dealNumber }} - {{doc.thirdPartyClientName}} ({{doc.thirdPartyClientSap}})</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n }}</span>\r\n <span>{{doc.calculatedAmount | currency: doc.currencyCode:'symbol'}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.validationDate }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--WORK_RECORD-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.WORK_RECORD\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">assignment</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.id }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.dealNumber }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-30 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.thirdPartyClientName }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-35\">\r\n <span class=\"auto-complete-label\">\r\n {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang }}\r\n ({{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang }})\r\n </span>\r\n <span class=\"ellipsis\">{{ doc.getTitle(lang) }} ({{ doc.miloCode }})</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n }}</span>\r\n <span>{{doc.amount | currency: doc.currencyCode:'symbol'}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--THIRD_PARTY-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.THIRD_PARTY\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">person</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-85 ellipsis\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.THIRD_PARTY' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.companyOrPersonName }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CODE' | commonTranslate: lang }}</span>\r\n <span>{{doc.code}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--CONTRACT-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.CONTRACT\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.contractId }} </span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.type[labelLang] }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.status[labelLang] }}</span>\r\n </div>\r\n <div *ngIf=\"doc.type.labelEn !== 'Cession'\" class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSOR' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.licensor }}</span>\r\n </div>\r\n <div *ngIf=\"doc.type.labelEn === 'Cession'\" class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSEE' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.licensee }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-option>\r\n </mat-autocomplete>\r\n </div>\r\n\r\n </mat-form-field>\r\n\r\n </div>\r\n\r\n <span class=\"d-flex flex-column max-width-15\"></span>\r\n <div *ngIf=\"user && user.secondary\" class=\"connected-as d-flex justify-content-between align-items-center\">\r\n <span style=\"margin-right: 10px\">\r\n {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }} {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n </span>\r\n\r\n <button (click)=\"stopIdentityTheft()\" *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button>\r\n {{ 'CORE.STOP' | commonTranslate: lang }}\r\n </button>\r\n </div>\r\n <span class=\"header-separator\"></span>\r\n\r\n <span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon max-width-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}mat-toolbar{width:100%}.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}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.advanced-button{width:90px!important;min-width:90px!important;height:24px!important;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:#009ef7;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}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em!important;margin-left:10px;font-family:Roboto;font-style:italic;font-weight:bold;font-size:14px;line-height:14px}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}.auto-complete-label{font-size:8px}.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}.max-width-0{flex:1 1 0%;max-width:0%}.max-width-5{flex:1 1 5%;max-width:5%}.max-width-10{flex:1 1 10%;max-width:10%}.max-width-15{flex:1 1 15%;max-width:15%}.max-width-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}\n"], components: [{ type: i13__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16__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: i17__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i20__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { 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: i20__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i20__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i22__namespace.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: i17__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "commonTranslate": CommonTranslatePipe, "async": i20__namespace.AsyncPipe, "currency": i20__namespace.CurrencyPipe } });
|
|
1662
|
+
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 [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n class=\"sc-header d-flex align-items-center\">\r\n <span class=\"d-flex align-items-end\">\r\n <a\r\n [href]=\"env === 'prod' ? 'https://unity.studiocanal.com/dashboard' : (env === 'sbx' ? 'https://unity-sbx.cplus/dashboard' : 'https://unity-' + env + '.studiocanal.com/dashboard')\">\r\n <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n </a>\r\n <span *ngIf=\"env != 'prod'\" [attr.id]=\"'env-' + env\" class=\"env\">{{env}}</span>\r\n </span>\r\n <span class=\"header-separator\"></span>\r\n <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon max-width-5\">apps</span>\r\n <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n <!--DASHBOARD-->\r\n <button (click)=\"navigate(null, '/dashboard')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/search')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <button (click)=\"navigate('commercial', '/turnover/search')\"\r\n *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">request_quote</span>\r\n <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.FINANCE' | commonTranslate: lang }}</span>\r\n </button>\r\n </span>\r\n <!--USER-->\r\n <button (click)=\"navigate('user', '/account/authorization/search')\" *ngIf=\"user && user.admin\" mat-menu-item>\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 <!--MY PREFERENCES-->\r\n <button (click)=\"navigate('user', '/account/settings')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">settings</span>\r\n <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--BATCH-->\r\n <button (click)=\"navigate('batch', '/jobs/referential')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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 (click)=\"navigate('tvdata', '/infos-center')\" *ngxPermissionsOnly=\"['TVDATA']\" mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/home/commands')\" *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\"\r\n mat-menu-item>\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 (click)=\"navigate('bi', '/simple-search/form')\" *ngxPermissionsOnly=\"['MODULE BI']\" mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/menu/legals-det')\" *ngxPermissionsOnly=\"['LEGAL']\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">gavel</span>\r\n <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <!--CALENDAR-->\r\n <button (click)=\"navigate('calendar', '')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">calendar_month</span>\r\n <span>{{ 'COMMON.HEADER.MENU.CALENDAR' | commonTranslate: lang }}</span>\r\n </button>\r\n </mat-menu>\r\n <span class=\"header-separator\"></span>\r\n <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon max-width-5\">add_box</span>\r\n <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n <button (click)=\"navigate('video', '/product/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">theaters</span>\r\n {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">receipt_long</span>\r\n {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('commercial', '/deal/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">local_offer</span>\r\n {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('legal', '/createContract/acq')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">shop_two</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('legal', '/createContract/sales')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">article</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n </button>\r\n\t <button (click)=\"navigate('legal', '/createContract/auth')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">account_circle</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_AUTH' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('pa', '/campaign/form')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">campaign</span>\r\n {{ 'COMMON.HEADER.CREATION.CAMPAIGN' | commonTranslate: lang }}\r\n </button>\r\n </mat-menu>\r\n <span class=\"header-separator\"></span>\r\n <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\"\r\n class=\"material-icons header-icon max-width-5\">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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PRODUCT'\"\r\n mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PO'\"\r\n mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/consult/' + history.id)\" *ngSwitchCase=\"'DEAL'\"\r\n mat-menu-item>\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 (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\" *ngSwitchCase=\"'WORK'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">assignment</span>\r\n {{ 'COMMON.HEADER.HISTORY.WORK_RECORD' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts-details/acq/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_ACQ'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">shop_two</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT_ACQ' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts-details/cess/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_CESS'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">receipt</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT_CESS' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts-details/auth/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_AUTH'\"\r\n mat-menu-item>\r\n <span class=\"material-icons-outlined\">account_circle</span>\r\n {{ 'COMMON.HEADER.HISTORY.CONTRACT_AUTH' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\" *ngSwitchCase=\"'BUDGET'\"\r\n mat-menu-item>\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 *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\" mat-menu-item>\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\r\n <div class=\"global-search d-flex max-width-60\">\r\n <i class=\"material-icons global-search-icon header-icon\">search</i>\r\n <span class=\"global-search-separator\"></span>\r\n <mat-form-field class=\"max-width-100\" floatLabel=\"never\">\r\n <div class=\"d-flex\">\r\n <input [formControl]=\"formControlSearch\" [matAutocomplete]=\"autoSearch\"\r\n class=\"global-search-input max-width-85\"\r\n id=\"search-input\"\r\n matInput\r\n placeholder=\"search ...\"/>\r\n <button (click)=\"navigate(null, '/advanced-search')\"\r\n class=\"btn advanced-button\" mat-raised-button>\r\n <span class=\"material-icons icon\">flash_on</span>\r\n {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n </button>\r\n\r\n <mat-autocomplete #autoSearch=\"matAutocomplete\" class=\"mat-autocomplete-global-search\" panelWidth=\"56vw\">\r\n <mat-option (onSelectionChange)=\"onSelectSearch($event, doc)\"\r\n *ngFor=\"let doc of documents$ | async\"\r\n class=\"mat-option-global-search\">\r\n <!--PURCHASE_ORDER-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-70\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n <span>{{ doc.poNumber }}\r\n - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.BASKET_NUMBER' | commonTranslate: lang }}</span>\r\n <span>{{ doc?.basketNumber ? doc.basketNumber : '-' }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n <span>{{ doc?.ean ? doc.ean : '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--PRODUCT-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.PRODUCT\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"ellipsis d-flex flex-column max-width-60\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCT' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.title }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-10\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.SUPPORT' | commonTranslate: lang }}</span>\r\n <span>{{doc.support[labelLang]}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n <span>{{ doc.ean }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.RELEASE_DATE' | commonTranslate: lang }}</span>\r\n <span>{{ doc?.releaseDate ? doc.releaseDate : '-' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--WORK-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.WORK_VERSION\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-75 ellipsis\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.title }} ({{doc.codeIso}})</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-10\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang }}</span>\r\n <span>{{doc.miloCode}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCTION_YEAR' | commonTranslate: lang }}</span>\r\n <span>{{ doc.yearOfProduction }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--DEAL-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.DEAL\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.dealNumber }} - {{doc.thirdPartyClientName}} ({{doc.thirdPartyClientSap}})</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n }}</span>\r\n <span>{{doc.calculatedAmount | currency: doc.currencyCode:'symbol'}}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.validationDate }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--WORK_RECORD-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.WORK_RECORD\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">assignment</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.id }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.dealNumber }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-30 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.thirdPartyClientName }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-35\">\r\n <span class=\"auto-complete-label\">\r\n {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang }}\r\n ({{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang }})\r\n </span>\r\n <span class=\"ellipsis\">{{ doc.getTitle(lang) }} ({{ doc.miloCode }})</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n }}</span>\r\n <span>{{doc.amount | currency: doc.currencyCode:'symbol'}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--THIRD_PARTY-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.THIRD_PARTY\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">person</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-85 ellipsis\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.THIRD_PARTY' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.companyOrPersonName }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span\r\n class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CODE' | commonTranslate: lang }}</span>\r\n <span>{{doc.code}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <!--CONTRACT-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.CONTRACT\" class=\"d-flex align-items-center\">\r\n <div class=\"max-width-5\">\r\n <span *ngIf=\"getContractType(doc.type.labelEn) === 'cess'\" class=\"material-icons-outlined rapid-search-type-icon\">shop_two</span>\r\n <span *ngIf=\"getContractType(doc.type.labelEn) === 'acq'\" class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\r\n <span *ngIf=\"getContractType(doc.type.labelEn) === 'auth'\" class=\"material-icons-outlined rapid-search-type-icon\">account_circle</span>\r\n </div>\r\n <div class=\"d-flex max-width-95\">\r\n <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{ doc.contractId }} </span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-15\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.type[labelLang] }}</span>\r\n </div>\r\n <div class=\"d-flex flex-column max-width-30\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.status[labelLang] }}</span>\r\n </div>\r\n <div *ngIf=\"doc.type.labelEn !== 'Sale'\" class=\"d-flex flex-column max-width-70\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSOR' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.licensor }}</span>\r\n </div>\r\n <div *ngIf=\"doc.type.labelEn === 'Sale'\" class=\"d-flex flex-column max-width-70\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSEE' | commonTranslate: lang\r\n }}</span>\r\n <span>{{ doc.licensee }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-option>\r\n </mat-autocomplete>\r\n </div>\r\n\r\n </mat-form-field>\r\n\r\n </div>\r\n\r\n <span class=\"d-flex flex-column max-width-15\"></span>\r\n <div *ngIf=\"user && user.secondary\" class=\"connected-as d-flex justify-content-between align-items-center\">\r\n <span style=\"margin-right: 10px\">\r\n {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }} {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n </span>\r\n\r\n <button (click)=\"stopIdentityTheft()\" *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button>\r\n {{ 'CORE.STOP' | commonTranslate: lang }}\r\n </button>\r\n </div>\r\n <span class=\"header-separator\"></span>\r\n\r\n <span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon max-width-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}mat-toolbar{width:100%}.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}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.advanced-button{width:90px!important;min-width:90px!important;height:24px!important;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:#009ef7;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}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em!important;margin-left:10px;font-family:Roboto;font-style:italic;font-weight:bold;font-size:14px;line-height:14px}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}.auto-complete-label{font-size:8px}.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}.max-width-0{flex:1 1 0%;max-width:0%}.max-width-5{flex:1 1 5%;max-width:5%}.max-width-10{flex:1 1 10%;max-width:10%}.max-width-15{flex:1 1 15%;max-width:15%}.max-width-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}\n"], components: [{ type: i13__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16__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: i17__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i20__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { 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: i20__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i20__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i22__namespace.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: i17__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "commonTranslate": CommonTranslatePipe, "async": i20__namespace.AsyncPipe, "currency": i20__namespace.CurrencyPipe } });
|
|
1663
1663
|
__decorate([
|
|
1664
1664
|
Theme()
|
|
1665
1665
|
], HeaderComponent.prototype, "theme", void 0);
|