new-front-common-library 0.0.49 → 0.0.51
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 +4 -0
- package/bundles/new-front-common-library.umd.js +5 -14
- package/bundles/new-front-common-library.umd.js.map +1 -1
- package/esm2015/lib/util/component/header/header.component.js +2 -10
- package/esm2015/lib/util/enums/rapid-search-item-type.enum.js +2 -2
- package/esm2015/lib/util/models/referential/work-version-rapid-search.model.js +3 -0
- package/esm2015/lib/util/services/elasticsearch/elasticsearch.service.js +4 -4
- package/fesm2015/new-front-common-library.js +5 -13
- package/fesm2015/new-front-common-library.js.map +1 -1
- package/lib/util/component/header/header.component.d.ts +2 -3
- package/lib/util/enums/rapid-search-item-type.enum.d.ts +1 -1
- package/lib/util/models/referential/{work-rapid-search.model.d.ts → work-version-rapid-search.model.d.ts} +3 -2
- package/lib/util/services/elasticsearch/elasticsearch.service.d.ts +2 -2
- package/package.json +1 -1
- package/esm2015/lib/util/models/referential/work-rapid-search.model.js +0 -3
package/assets/css/_global.scss
CHANGED
|
@@ -357,6 +357,10 @@ textarea {
|
|
|
357
357
|
margin-top: 0.08em !important;
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
+
.mat-cell .mat-form-field-invalid .mat-input-element, .mat-cell .mat-form-field-invalid .mat-select{
|
|
361
|
+
border: 2px solid red;
|
|
362
|
+
}
|
|
363
|
+
|
|
360
364
|
.mat-table .mat-checkbox-inner-container {
|
|
361
365
|
height: 12px;
|
|
362
366
|
width: 12px;
|
|
@@ -1058,7 +1058,7 @@
|
|
|
1058
1058
|
(function (RapidSearchItemType) {
|
|
1059
1059
|
RapidSearchItemType["PURCHASE_ORDER"] = "PURCHASE_ORDER";
|
|
1060
1060
|
RapidSearchItemType["PRODUCT"] = "PRODUCT";
|
|
1061
|
-
RapidSearchItemType["
|
|
1061
|
+
RapidSearchItemType["WORK_VERSION"] = "WORK_VERSION";
|
|
1062
1062
|
RapidSearchItemType["DEAL"] = "DEAL";
|
|
1063
1063
|
RapidSearchItemType["CONTRACT"] = "CONTRACT";
|
|
1064
1064
|
RapidSearchItemType["INVOICE"] = "INVOICE";
|
|
@@ -1138,12 +1138,12 @@
|
|
|
1138
1138
|
ElasticsearchService.prototype.getSearchResponse = function (text) {
|
|
1139
1139
|
return rxjs.from(this.getElasticsearchClient().msearch({
|
|
1140
1140
|
body: [
|
|
1141
|
+
{ index: 'unity-work-version*' },
|
|
1142
|
+
{ query: { dis_max: { queries: [{ wildcard: { miloCode: { value: '*' + text + '*' } } }, { wildcard: { title: { value: '*' + text + '*' } } }, { wildcard: { titles: { value: '*' + text + '*' } } }] } }, size: 50 },
|
|
1141
1143
|
{ index: 'unity-product*' },
|
|
1142
1144
|
{ query: { dis_max: { queries: [{ wildcard: { ean: { value: '*' + text + '*' } } }, { wildcard: { title: { value: '*' + text + '*' } } }] } }, sort: { releaseDate: { order: 'desc' } }, size: 50 },
|
|
1143
1145
|
{ index: 'unity-purchase-order*' },
|
|
1144
|
-
{ query: { dis_max: { queries: [{ wildcard: { poNumber: { value: '*' + text + '*' } } }, { wildcard: { ean: { value: '*' + text + '*' } } }, { wildcard: { basketNumber: { value: '*' + text + '*' } } }] } } },
|
|
1145
|
-
{ index: 'unity-work*' },
|
|
1146
|
-
{ query: { dis_max: { queries: [{ wildcard: { miloCode: { value: '*' + text + '*' } } }, { wildcard: { title: { value: '*' + text + '*' } } }, { wildcard: { titles: { value: '*' + text + '*' } } }] } } }
|
|
1146
|
+
{ query: { dis_max: { queries: [{ wildcard: { poNumber: { value: '*' + text + '*' } } }, { wildcard: { ean: { value: '*' + text + '*' } } }, { wildcard: { basketNumber: { value: '*' + text + '*' } } }] } }, size: 50 },
|
|
1147
1147
|
]
|
|
1148
1148
|
}));
|
|
1149
1149
|
};
|
|
@@ -1440,15 +1440,6 @@
|
|
|
1440
1440
|
});
|
|
1441
1441
|
}
|
|
1442
1442
|
};
|
|
1443
|
-
HeaderComponent.prototype.getRapidSearchWorkTitle = function (workRapidSearchModel) {
|
|
1444
|
-
var _this = this;
|
|
1445
|
-
if (workRapidSearchModel.miloCode.indexOf(this.searchText) > -1) {
|
|
1446
|
-
return workRapidSearchModel.title;
|
|
1447
|
-
}
|
|
1448
|
-
else {
|
|
1449
|
-
return workRapidSearchModel.titles.find(function (t) { return t.toLowerCase().indexOf(_this.searchText.toLowerCase()) > -1; });
|
|
1450
|
-
}
|
|
1451
|
-
};
|
|
1452
1443
|
HeaderComponent.prototype.initPermissionsService = function () {
|
|
1453
1444
|
this.permissionsService.init();
|
|
1454
1445
|
};
|
|
@@ -1515,7 +1506,7 @@
|
|
|
1515
1506
|
return HeaderComponent;
|
|
1516
1507
|
}());
|
|
1517
1508
|
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 });
|
|
1518
|
-
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' }\" class=\"sc-header\" fxFlex=\"row\"\r\n fxLayoutAlign=\"space-between center\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center 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\" fxFlex=\"1\"></span>\r\n <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\"\r\n fxFlex=\"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\">theaters</span>\r\n {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_ACQ'\"\r\n mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_CESS'\"\r\n mat-menu-item>\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 (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 <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\" fxFlex=\"5\">grid_view</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.DEAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <button (click)=\"navigate('commercial', '/work-record/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/vod/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/accounting-closing/consult')\"\r\n *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n mat-menu-item>\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 (click)=\"navigate('commercial', '/invoice/search')\" mat-menu-item>\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 (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.TURNOVER' | 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 <!--REFERENTIAL-->\r\n <button (click)=\"navigate('referential', '/support/list')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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 <!--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 </mat-menu>\r\n\r\n <div fxFlex=\"60\" class=\"global-search\" [formGroup]=\"globalForm\">\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 fxFlex=\"100\" floatLabel=\"never\">\r\n <input fxFlex=\"85\" class=\"global-search-input\" placeholder=\"search ...\"\r\n [matAutocomplete]=\"autoSearch\"\r\n [formControlName]=\"'global-search'\"\r\n (keyup)=\"rapidSearch($event)\"\r\n matInput />\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 class=\"mat-option-global-search\"\r\n *ngFor=\"let doc of documents\">\r\n <!--PURCHASE_ORDER-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + doc.poId)\">\r\n <div fxFlex=\"5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n </div>\r\n <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxLayout=\"column\" fxFlex=\"70\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n <span>{{ doc.poNumber }} - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n (click)=\"navigate('video', '/product/consult/' + doc.productId)\">\r\n <div fxFlex=\"5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n </div>\r\n <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxLayout=\"column\" fxFlex=\"60\" class=\"ellipsis\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"10\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n (click)=\"navigate('referential', '/work/consult/work/work-record/' + doc.workId)\">\r\n <div fxFlex=\"5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n </div>\r\n <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxLayout=\"column\" fxFlex=\"70\" class=\"ellipsis\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang }}</span>\r\n <span class=\"ellipsis\">{{getRapidSearchWorkTitle(doc)}}</span>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 </mat-option>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </div>\r\n\r\n <span fxFlex=\"10\"></span>\r\n <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon\" fxFlex=\"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', '/contracts/menu/contracts-acq')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">assignment</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\" 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 </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 (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\" fxFlex=\"1\"></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}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:#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}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em!important;margin-left:10px;font-family:Sofia Pro;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}\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.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: i20__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: i21__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22__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: i20__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: i21__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: i21__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i21__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i21__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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i25__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: i17__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { 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: i20__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, "currency": i21__namespace.CurrencyPipe } });
|
|
1509
|
+
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' }\" class=\"sc-header\" fxFlex=\"row\"\r\n fxLayoutAlign=\"space-between center\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center 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\" fxFlex=\"1\"></span>\r\n <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\"\r\n fxFlex=\"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\">theaters</span>\r\n {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_ACQ'\"\r\n mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\"\r\n *ngSwitchCase=\"'CONTRACT_CESS'\"\r\n mat-menu-item>\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 (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 <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\" fxFlex=\"5\">grid_view</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.DEAL' | commonTranslate: lang }}</span>\r\n </button>\r\n <button (click)=\"navigate('commercial', '/work-record/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/vod/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/accounting-closing/consult')\"\r\n *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n mat-menu-item>\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 (click)=\"navigate('commercial', '/invoice/search')\" mat-menu-item>\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 (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.TURNOVER' | 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 <!--REFERENTIAL-->\r\n <button (click)=\"navigate('referential', '/support/list')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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 <!--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 </mat-menu>\r\n\r\n <div fxFlex=\"60\" class=\"global-search\" [formGroup]=\"globalForm\">\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 fxFlex=\"100\" floatLabel=\"never\">\r\n <input fxFlex=\"85\" class=\"global-search-input\" placeholder=\"search ...\"\r\n [matAutocomplete]=\"autoSearch\"\r\n [formControlName]=\"'global-search'\"\r\n (keyup)=\"rapidSearch($event)\"\r\n matInput />\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 class=\"mat-option-global-search\"\r\n *ngFor=\"let doc of documents\">\r\n <!--PURCHASE_ORDER-->\r\n <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + doc.poId)\">\r\n <div fxFlex=\"5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n </div>\r\n <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxLayout=\"column\" fxFlex=\"70\">\r\n <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n <span>{{ doc.poNumber }} - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n (click)=\"navigate('video', '/product/consult/' + doc.productId)\">\r\n <div fxFlex=\"5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n </div>\r\n <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxLayout=\"column\" fxFlex=\"60\" class=\"ellipsis\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"10\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n (click)=\"navigate('referential', '/work/consult/work/work-record/' + doc.workId)\">\r\n <div fxFlex=\"5\">\r\n <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n </div>\r\n <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxLayout=\"column\" fxFlex=\"75\" class=\"ellipsis\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"10\">\r\n <span 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 fxLayout=\"column\" fxFlex=\"15\">\r\n <span 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 </mat-option>\r\n </mat-autocomplete>\r\n </mat-form-field>\r\n </div>\r\n\r\n <span fxFlex=\"10\"></span>\r\n <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon\" fxFlex=\"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', '/contracts/menu/contracts-acq')\" mat-menu-item>\r\n <span class=\"material-icons-outlined\">assignment</span>\r\n {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n </button>\r\n <button (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\" 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 </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 (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\" fxFlex=\"1\"></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}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:#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}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em!important;margin-left:10px;font-family:Sofia Pro;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}\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.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: i20__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: i21__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22__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: i20__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: i21__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: i21__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i21__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i21__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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i25__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: i17__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { 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: i20__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, "currency": i21__namespace.CurrencyPipe } });
|
|
1519
1510
|
__decorate([
|
|
1520
1511
|
Theme()
|
|
1521
1512
|
], HeaderComponent.prototype, "theme", void 0);
|