@dsivd/prestations-ng 18.3.2-beta.1 → 18.3.2-beta.3
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/IAM_ACV_MIGRATION_OIDC.md +10 -20
- package/dsivd-prestations-ng-18.3.2-beta.3.tgz +0 -0
- package/fesm2022/dsivd-prestations-ng.mjs +10 -4
- package/fesm2022/dsivd-prestations-ng.mjs.map +1 -1
- package/foehn-header/foehn-header.component.d.ts +1 -0
- package/package.json +1 -1
- package/dsivd-prestations-ng-18.3.2-beta.1.tgz +0 -0
|
@@ -65,10 +65,13 @@ spring.security.oauth2.client.provider.acv.issuer-uri=http://localhost:8080/acv
|
|
|
65
65
|
# With OIDC we have to expose actuators without any security to be called by spring boot admin
|
|
66
66
|
# so the are exposed on another port
|
|
67
67
|
management.server.port=${port.divers:8086}
|
|
68
|
-
management.endpoint.health.probes.enabled=true
|
|
69
68
|
# expose liveness/readiness probes on the same port as the application (/livez / readyz)
|
|
70
69
|
management.endpoint.health.probes.add-additional-paths=true
|
|
71
|
-
|
|
70
|
+
# send actuator access log to /dev/stdout
|
|
71
|
+
management.server.tomcat.accesslog.enabled=true
|
|
72
|
+
management.server.tomcat.accesslog.directory=/dev
|
|
73
|
+
management.server.tomcat.accesslog.prefix=stdout
|
|
74
|
+
management.server.tomcat.accesslog.suffix=
|
|
72
75
|
```
|
|
73
76
|
|
|
74
77
|
### TESTING
|
|
@@ -97,25 +100,12 @@ To be able to use @SpringBootTest, you have to :
|
|
|
97
100
|
}
|
|
98
101
|
```
|
|
99
102
|
|
|
100
|
-
with
|
|
103
|
+
with methods from `ch.vd.cyber.backofficebe.utils.MVCTestUtils`:
|
|
101
104
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
new SimpleGrantedAuthority("ROLE_USER")
|
|
107
|
-
)
|
|
108
|
-
.idToken(token -> token
|
|
109
|
-
.claim("azp", "app")
|
|
110
|
-
.claim("preferred_username", "sar8h6")
|
|
111
|
-
.claim("email", "bruce.wayne@gotham.com")
|
|
112
|
-
.claim("given_name", "Bruce")
|
|
113
|
-
.claim("family_name", "Wayne")
|
|
114
|
-
.claim("auth_time", Instant.now())
|
|
115
|
-
)
|
|
116
|
-
);
|
|
117
|
-
}
|
|
118
|
-
```
|
|
105
|
+
- `enrichWithOidcTokenAsUser` : simulates that a request is done by an IAM user, with a valid OIDC token and the role "user"
|
|
106
|
+
- `enrichWithOidcTokenAsRole` : same as previous, but you can set another role than "user"
|
|
107
|
+
- `enrichWithAuthHeadersForEsgateAsUser` : simulates that a request is done by a techincal user through esgate and the role "user"
|
|
108
|
+
- `enrichWithAuthHeadersForEsgate` : same as previous, but you can set another role than "user"
|
|
119
109
|
|
|
120
110
|
## RUNNING YOUR APP
|
|
121
111
|
|
|
Binary file
|
|
@@ -203,13 +203,18 @@ class ApplicationInfoService {
|
|
|
203
203
|
return;
|
|
204
204
|
}
|
|
205
205
|
switch (appInfo.environment?.toUpperCase()) {
|
|
206
|
-
case '
|
|
206
|
+
case 'CO':
|
|
207
|
+
case 'UT':
|
|
207
208
|
appInfo.configuration.portail.baseVdChUrl =
|
|
208
209
|
'https://i2.vd.ch';
|
|
209
210
|
break;
|
|
211
|
+
case 'IN':
|
|
212
|
+
appInfo.configuration.portail.baseVdChUrl =
|
|
213
|
+
'https://int.vd.ch';
|
|
214
|
+
break;
|
|
210
215
|
case 'VA':
|
|
211
216
|
appInfo.configuration.portail.baseVdChUrl =
|
|
212
|
-
'https://
|
|
217
|
+
'https://valid.vd.ch';
|
|
213
218
|
break;
|
|
214
219
|
default:
|
|
215
220
|
appInfo.configuration.portail.baseVdChUrl =
|
|
@@ -6948,6 +6953,7 @@ class FoehnHeaderComponent {
|
|
|
6948
6953
|
this.dictionaryService.getAvailableLanguages();
|
|
6949
6954
|
this.currentLanguageCode =
|
|
6950
6955
|
this.dictionaryService.getCurrentLanguageCode();
|
|
6956
|
+
this.baseVdChUrl = this.applicationInfoService.data.pipe(map(appInfo => appInfo.configuration.portail.baseVdChUrl));
|
|
6951
6957
|
}
|
|
6952
6958
|
getEnvironmentLabel(info) {
|
|
6953
6959
|
if (info.environmentLabel) {
|
|
@@ -7030,11 +7036,11 @@ class FoehnHeaderComponent {
|
|
|
7030
7036
|
this.connectedEsMenu = menu;
|
|
7031
7037
|
}
|
|
7032
7038
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FoehnHeaderComponent, deps: [{ token: SessionInfo }, { token: ApplicationInfoService }, { token: SdkDictionaryService }, { token: FoehnPageModalService }, { token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7033
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FoehnHeaderComponent, isStandalone: false, selector: "foehn-header", inputs: { title: "title", showSecuredAreaLoginButton: "showSecuredAreaLoginButton", routerLinkAppTitle: "routerLinkAppTitle", userInfo: "userInfo" }, ngImport: i0, template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n [title]=\"'foehn-skip-link.title' | fromDictionary\"\n [content]=\"'foehn-skip-link.content' | fromDictionary\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n href=\"https://www.vd.ch\"\n [title]=\"'foehn-header.logo.title' | fromDictionary\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.title'\n | fromDictionary\n }}\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n </dl>\n <foehn-dropdown-menu\n id=\"menu-connectedEs-withLogo\"\n [model]=\"connectedEsMenu\"\n [btnCssClass]=\"'btn-link'\"\n [label]=\"'Logo de ' + beneficiaire\"\n >\n <figure class=\"m-0 ms-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </foehn-dropdown-menu>\n </div>\n </section>\n\n <section\n class=\"mb-3 ms-auto\"\n *ngIf=\"\n showSecuredAreaLoginButton &&\n isSecuredAreaLoginButtonAllowed()\n \"\n >\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.connection.srOnly'\n | fromDictionary\n }}\n </h2>\n <a\n id=\"btn-login-secured-area\"\n class=\"btn btn-lighter d-inline-flex\"\n [href]=\"getFullLoginUrl() | async\"\n >\n <foehn-icon-user\n class=\"me-sm-2\"\n aria-hidden=\"true\"\n ></foehn-icon-user>\n <span class=\"d-sm-block d-xs-none\">\n {{\n 'foehn-header.cyber-secured-area.connection.button.title'\n | fromDictionary\n }}\n </span>\n </a>\n </section>\n\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.iam-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.iam-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">\n {{\n 'foehn-header.iam-secured-area.logout'\n | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div id=\"header-title\" class=\"col-md-10\">\n <span\n *ngIf=\"!routerLinkAppTitle; else appTitleElseRouting\"\n id=\"app-title\"\n class=\"h3 mt-1 vd-heading-light\"\n >\n {{ title }}\n </span>\n <ng-template #appTitleElseRouting>\n <a\n class=\"h3 mt-1 vd-heading-light\"\n [routerLink]=\"routerLinkAppTitle\"\n >\n {{ title }}\n </a>\n </ng-template>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n [isLabelSrOnly]=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;-o-object-fit:scale-down;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:#fff;font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}:host .btn.btn-lighter{color:var(--vd-primary-dark);text-transform:none;background-color:#fff;border:var(--vd-neutral-lighter) 1px solid}:host .btn.btn-lighter:hover{color:#fff;border:1px solid var(--vd-primary-dark);background-color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter.active .svg-inline--fa,:host ::ng-deep .btn.btn-lighter:hover .svg-inline--fa{color:#fff}.st0{fill:#9f3}.st1{fill:#40d940}.st2{fill:#fff}.st3{fill:#d5dee3}.st4{fill:#546674}.st5{fill:#1f5e03}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconUserComponent, selector: "foehn-icon-user" }, { kind: "component", type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }, { kind: "component", type: FoehnDropdownMenuComponent, selector: "foehn-dropdown-menu", inputs: ["id", "label", "model", "btnCssClass"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: FoehnSkipLinkComponent, selector: "foehn-skip-link", inputs: ["accesskey", "targetAnchor", "title", "content"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
|
|
7039
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FoehnHeaderComponent, isStandalone: false, selector: "foehn-header", inputs: { title: "title", showSecuredAreaLoginButton: "showSecuredAreaLoginButton", routerLinkAppTitle: "routerLinkAppTitle", userInfo: "userInfo" }, ngImport: i0, template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n [title]=\"'foehn-skip-link.title' | fromDictionary\"\n [content]=\"'foehn-skip-link.content' | fromDictionary\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n [href]=\"baseVdChUrl | async\"\n [title]=\"'foehn-header.logo.title' | fromDictionary\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.title'\n | fromDictionary\n }}\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n </dl>\n <foehn-dropdown-menu\n id=\"menu-connectedEs-withLogo\"\n [model]=\"connectedEsMenu\"\n [btnCssClass]=\"'btn-link'\"\n [label]=\"'Logo de ' + beneficiaire\"\n >\n <figure class=\"m-0 ms-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </foehn-dropdown-menu>\n </div>\n </section>\n\n <section\n class=\"mb-3 ms-auto\"\n *ngIf=\"\n showSecuredAreaLoginButton &&\n isSecuredAreaLoginButtonAllowed()\n \"\n >\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.connection.srOnly'\n | fromDictionary\n }}\n </h2>\n <a\n id=\"btn-login-secured-area\"\n class=\"btn btn-lighter d-inline-flex\"\n [href]=\"getFullLoginUrl() | async\"\n >\n <foehn-icon-user\n class=\"me-sm-2\"\n aria-hidden=\"true\"\n ></foehn-icon-user>\n <span class=\"d-sm-block d-xs-none\">\n {{\n 'foehn-header.cyber-secured-area.connection.button.title'\n | fromDictionary\n }}\n </span>\n </a>\n </section>\n\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.iam-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.iam-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">\n {{\n 'foehn-header.iam-secured-area.logout'\n | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div id=\"header-title\" class=\"col-md-10\">\n <span\n *ngIf=\"!routerLinkAppTitle; else appTitleElseRouting\"\n id=\"app-title\"\n class=\"h3 mt-1 vd-heading-light\"\n >\n {{ title }}\n </span>\n <ng-template #appTitleElseRouting>\n <a\n class=\"h3 mt-1 vd-heading-light\"\n [routerLink]=\"routerLinkAppTitle\"\n >\n {{ title }}\n </a>\n </ng-template>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n [isLabelSrOnly]=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;-o-object-fit:scale-down;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:#fff;font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}:host .btn.btn-lighter{color:var(--vd-primary-dark);text-transform:none;background-color:#fff;border:var(--vd-neutral-lighter) 1px solid}:host .btn.btn-lighter:hover{color:#fff;border:1px solid var(--vd-primary-dark);background-color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter.active .svg-inline--fa,:host ::ng-deep .btn.btn-lighter:hover .svg-inline--fa{color:#fff}.st0{fill:#9f3}.st1{fill:#40d940}.st2{fill:#fff}.st3{fill:#d5dee3}.st4{fill:#546674}.st5{fill:#1f5e03}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconUserComponent, selector: "foehn-icon-user" }, { kind: "component", type: FoehnSelectComponent, selector: "foehn-select", inputs: ["multiple", "noSelectionLabel"] }, { kind: "component", type: FoehnDropdownMenuComponent, selector: "foehn-dropdown-menu", inputs: ["id", "label", "model", "btnCssClass"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: FoehnSkipLinkComponent, selector: "foehn-skip-link", inputs: ["accesskey", "targetAnchor", "title", "content"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
|
|
7034
7040
|
}
|
|
7035
7041
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FoehnHeaderComponent, decorators: [{
|
|
7036
7042
|
type: Component,
|
|
7037
|
-
args: [{ selector: 'foehn-header', standalone: false, template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n [title]=\"'foehn-skip-link.title' | fromDictionary\"\n [content]=\"'foehn-skip-link.content' | fromDictionary\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n href=\"https://www.vd.ch\"\n [title]=\"'foehn-header.logo.title' | fromDictionary\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.title'\n | fromDictionary\n }}\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n </dl>\n <foehn-dropdown-menu\n id=\"menu-connectedEs-withLogo\"\n [model]=\"connectedEsMenu\"\n [btnCssClass]=\"'btn-link'\"\n [label]=\"'Logo de ' + beneficiaire\"\n >\n <figure class=\"m-0 ms-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </foehn-dropdown-menu>\n </div>\n </section>\n\n <section\n class=\"mb-3 ms-auto\"\n *ngIf=\"\n showSecuredAreaLoginButton &&\n isSecuredAreaLoginButtonAllowed()\n \"\n >\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.connection.srOnly'\n | fromDictionary\n }}\n </h2>\n <a\n id=\"btn-login-secured-area\"\n class=\"btn btn-lighter d-inline-flex\"\n [href]=\"getFullLoginUrl() | async\"\n >\n <foehn-icon-user\n class=\"me-sm-2\"\n aria-hidden=\"true\"\n ></foehn-icon-user>\n <span class=\"d-sm-block d-xs-none\">\n {{\n 'foehn-header.cyber-secured-area.connection.button.title'\n | fromDictionary\n }}\n </span>\n </a>\n </section>\n\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.iam-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.iam-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">\n {{\n 'foehn-header.iam-secured-area.logout'\n | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div id=\"header-title\" class=\"col-md-10\">\n <span\n *ngIf=\"!routerLinkAppTitle; else appTitleElseRouting\"\n id=\"app-title\"\n class=\"h3 mt-1 vd-heading-light\"\n >\n {{ title }}\n </span>\n <ng-template #appTitleElseRouting>\n <a\n class=\"h3 mt-1 vd-heading-light\"\n [routerLink]=\"routerLinkAppTitle\"\n >\n {{ title }}\n </a>\n </ng-template>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n [isLabelSrOnly]=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;-o-object-fit:scale-down;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:#fff;font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}:host .btn.btn-lighter{color:var(--vd-primary-dark);text-transform:none;background-color:#fff;border:var(--vd-neutral-lighter) 1px solid}:host .btn.btn-lighter:hover{color:#fff;border:1px solid var(--vd-primary-dark);background-color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter.active .svg-inline--fa,:host ::ng-deep .btn.btn-lighter:hover .svg-inline--fa{color:#fff}.st0{fill:#9f3}.st1{fill:#40d940}.st2{fill:#fff}.st3{fill:#d5dee3}.st4{fill:#546674}.st5{fill:#1f5e03}\n"] }]
|
|
7043
|
+
args: [{ selector: 'foehn-header', standalone: false, template: "<header id=\"foehn_headerContainer\" class=\"header pb-2\" role=\"banner\">\n <ng-container *ngIf=\"!(isProduction | async)\">\n <div\n *ngIf=\"applicationInfoService.data | async as info\"\n class=\"environment {{ info.environment?.toLowerCase() }}\"\n >\n <span class=\"content\">{{ getEnvironmentLabel(info) }}</span>\n </div>\n </ng-container>\n\n <nav\n class=\"container fixed-top access-nav d-print-none\"\n aria-label=\"menu accessibilit\u00E9\"\n >\n <ul class=\"list-unstyled mt-3\">\n <li>\n <foehn-skip-link\n accesskey=\"0\"\n [title]=\"'foehn-skip-link.title' | fromDictionary\"\n [content]=\"'foehn-skip-link.content' | fromDictionary\"\n targetAnchor=\"main\"\n ></foehn-skip-link>\n </li>\n </ul>\n </nav>\n\n <div class=\"container\">\n <ng-container *ngIf=\"mockedServices | async as resolvedMockedServices\">\n <div\n class=\"alert alert-danger\"\n *ngIf=\"resolvedMockedServices.length > 0\"\n >\n <h2 class=\"my-0\">Il semble y avoir certains mocks actifs</h2>\n <ul>\n <li *ngFor=\"let mock of resolvedMockedServices\">\n {{ mock }}\n </li>\n </ul>\n </div>\n </ng-container>\n <div class=\"d-flex flex-wrap\">\n <a\n class=\"vd-logo\"\n [href]=\"baseVdChUrl | async\"\n [title]=\"'foehn-header.logo.title' | fromDictionary\"\n >\n <!-- Copied from @dsivd/foehn/dist/assets/svg/ETATVAUD-alt.svg -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n id=\"vecteurs\"\n version=\"1.1\"\n width=\"208.8\"\n height=\"35.3\"\n >\n <path\n class=\"st0\"\n d=\"M0 30.2h5v5.1H0z\"\n id=\"path4\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M5 30.2h5v5.1H5z\"\n id=\"path6\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M10 30.2h5v5.1h-5z\"\n id=\"path8\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M14.9 30.2h5v5.1h-5z\"\n id=\"path10\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M19.9 30.2h5v5.1h-5z\"\n id=\"path12\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M24.8 30.2h5v5.1h-5z\"\n id=\"path14\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M29.8 30.2h5v5.1h-5z\"\n id=\"path16\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M34.7 30.2h5v5.1h-5z\"\n id=\"path18\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M39.7 30.2h5v5.1h-5z\"\n id=\"path20\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st1\"\n d=\"M44.6 30.2h5v5.1h-5z\"\n id=\"path22\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M49.6 30.2h5v5.1h-5z\"\n id=\"path24\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M54.5 30.2h5v5.1h-5z\"\n id=\"path26\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M59.5 30.2h5v5.1h-5z\"\n id=\"path28\"\n fill=\"#fff\"\n />\n <path\n class=\"st0\"\n d=\"M64.5 30.2h5v5.1h-5z\"\n id=\"path30\"\n fill=\"#9f3\"\n />\n <path\n class=\"st2\"\n d=\"M69.4 30.2h5v5.1h-5z\"\n id=\"path32\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M74.4 30.2h5v5.1h-5z\"\n id=\"path34\"\n fill=\"#546674\"\n />\n <path\n class=\"st2\"\n d=\"M79.3 30.2h5v5.1h-5z\"\n id=\"path36\"\n fill=\"#fff\"\n />\n <path\n class=\"st4\"\n d=\"M84.3 30.2h5v5.1h-5z\"\n id=\"path38\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M89.2 30.2h5v5.1h-5z\"\n id=\"path40\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M94.2 30.2h5v5.1h-5z\"\n id=\"path42\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M99.1 30.2h5v5.1h-5z\"\n id=\"path44\"\n fill=\"#9f3\"\n />\n <path\n class=\"st4\"\n d=\"M104.1 30.2h5v5.1h-5z\"\n id=\"path46\"\n fill=\"#546674\"\n />\n <path\n class=\"st0\"\n d=\"M109 30.2h5v5.1h-5z\"\n id=\"path48\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M114 30.2h5v5.1h-5z\"\n id=\"path50\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M119 30.2h5v5.1h-5z\"\n id=\"path52\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M123.9 30.2h5v5.1h-5z\"\n id=\"path54\"\n fill=\"#40d940\"\n />\n <path\n class=\"st5\"\n d=\"M128.9 30.2h5v5.1h-5z\"\n id=\"path56\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st2\"\n d=\"M133.8 30.2h5v5.1h-5z\"\n id=\"path58\"\n fill=\"#fff\"\n />\n <path\n class=\"st5\"\n d=\"M138.8 30.2h5v5.1h-5z\"\n id=\"path60\"\n fill=\"#1f5e03\"\n />\n <path\n class=\"st1\"\n d=\"M143.7 30.2h5v5.1h-5z\"\n id=\"path62\"\n fill=\"#40d940\"\n />\n <path d=\"M148.7 30.2h5v5.1h-5z\" id=\"path64\" />\n <path\n class=\"st1\"\n d=\"M153.6 30.2h5v5.1h-5z\"\n id=\"path66\"\n fill=\"#40d940\"\n />\n <path d=\"M158.6 30.2h5v5.1h-5z\" id=\"path68\" />\n <path\n class=\"st1\"\n d=\"M163.5 30.2h5v5.1h-5z\"\n id=\"path70\"\n fill=\"#40d940\"\n />\n <path d=\"M168.5 30.2h5v5.1h-5z\" id=\"path72\" />\n <path\n class=\"st1\"\n d=\"M173.5 30.2h5v5.1h-5z\"\n id=\"path74\"\n fill=\"#40d940\"\n />\n <path\n class=\"st2\"\n d=\"M178.4 30.2h5v5.1h-5z\"\n id=\"path76\"\n fill=\"#fff\"\n />\n <path\n class=\"st1\"\n d=\"M183.4 30.2h5v5.1h-5z\"\n id=\"path78\"\n fill=\"#40d940\"\n />\n <path\n class=\"st3\"\n d=\"M188.3 30.2h5v5.1h-5z\"\n id=\"path80\"\n fill=\"#d5dee3\"\n />\n <path\n class=\"st0\"\n d=\"M193.3 30.2h5v5.1h-5z\"\n id=\"path82\"\n fill=\"#9f3\"\n />\n <path\n class=\"st1\"\n d=\"M198.2 30.2h5v5.1h-5z\"\n id=\"path84\"\n fill=\"#40d940\"\n />\n <path\n class=\"st0\"\n d=\"M203.2 30.2h5v5.1h-5z\"\n id=\"path86\"\n fill=\"#9f3\"\n />\n <g id=\"g90\" transform=\"translate(-444.8 -502.9)\">\n <path\n d=\"M444.8 508.5h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm7-5.6h4.7l-3 4.2h-3.3zm16.2 9.4h-5.8v-3.8h16.6v3.8H473v17.8h-5zm17.2-3.8h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm18.9-9.5h-5.8v-3.8h16.6v3.8H509v17.8h-4.9zm20.9-3.8h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2zm15.5-17.8h14.1v3.8h-9.2v5h7.4v3.6h-7.4v5.4h9.7v3.8h-14.6zm23.7 0h5.2l5.1 16.6 5.1-16.6h4.6l-7.2 21.6h-5.6zm26.2 0h6.4l7 21.6h-5.1l-1.5-4.8h-7.8l-1.5 4.8h-4.6zm0 13.3h5.7l-2.8-9.3zm15.2-.1v-13.2h4.9v12.9c0 3.6 1.1 5.2 4 5.2s4.2-1.4 4.2-5.3v-12.7h4.9v13c0 5.9-3.3 8.9-9.1 8.9-5.6-.1-8.9-3.1-8.9-8.8zm22.7-13.2h7.1c7.6 0 11.3 4.1 11.3 10.6v.2c0 6.5-3.8 10.8-11.4 10.8h-7zm6.9 17.8c4.3 0 6.4-2.4 6.4-6.9v-.2c0-4.4-1.9-6.8-6.5-6.8h-1.9v14h2z\"\n id=\"path88\"\n fill=\"#231f20\"\n />\n </g>\n </svg>\n </a>\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamCyber\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedEsSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.title'\n | fromDictionary\n }}\n </span>\n <a id=\"header-connectedEs\" href=\"/100002/\">\n {{ beneficiaire }}\n </a>\n </p>\n\n <p class=\"mb-0 small\" *ngIf=\"!isParticulier()\">\n <span\n id=\"header-connectedUserSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.cyber-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n </dl>\n <foehn-dropdown-menu\n id=\"menu-connectedEs-withLogo\"\n [model]=\"connectedEsMenu\"\n [btnCssClass]=\"'btn-link'\"\n [label]=\"'Logo de ' + beneficiaire\"\n >\n <figure class=\"m-0 ms-auto vd-avatar\">\n <img\n class=\"vd-avatar__image\"\n [alt]=\"'Logo de ' + beneficiaire\"\n src=\"api/sessionInfo/beneficiary-info/logo\"\n />\n </figure>\n </foehn-dropdown-menu>\n </div>\n </section>\n\n <section\n class=\"mb-3 ms-auto\"\n *ngIf=\"\n showSecuredAreaLoginButton &&\n isSecuredAreaLoginButtonAllowed()\n \"\n >\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.cyber-secured-area.connection.srOnly'\n | fromDictionary\n }}\n </h2>\n <a\n id=\"btn-login-secured-area\"\n class=\"btn btn-lighter d-inline-flex\"\n [href]=\"getFullLoginUrl() | async\"\n >\n <foehn-icon-user\n class=\"me-sm-2\"\n aria-hidden=\"true\"\n ></foehn-icon-user>\n <span class=\"d-sm-block d-xs-none\">\n {{\n 'foehn-header.cyber-secured-area.connection.button.title'\n | fromDictionary\n }}\n </span>\n </a>\n </section>\n\n <section class=\"mb-3 ms-auto\" *ngIf=\"isIamAcv\">\n <h2 class=\"visually-hidden\">\n {{\n 'foehn-header.iam-secured-area.identity.srOnly'\n | fromDictionary\n }}\n </h2>\n <div class=\"d-flex flex-wrap\">\n <dl class=\"align-self-center text-end me-1\">\n <p class=\"mb-0\">\n <span\n id=\"header-connectedUser-acvSrLabel\"\n class=\"visually-hidden\"\n >\n {{\n 'foehn-header.iam-secured-area.connected-user'\n | fromDictionary\n }}\n </span>\n <span id=\"header-connectedUser-acv\">\n {{ prenom }} {{ nom }}\n </span>\n </p>\n <ul class=\"mb-0 small list-inline\">\n <li class=\"list-inline-item\">\n <a href=\"logout\">\n {{\n 'foehn-header.iam-secured-area.logout'\n | fromDictionary\n }}\n </a>\n </li>\n </ul>\n </dl>\n </div>\n </section>\n </div>\n\n <div class=\"row\">\n <div id=\"header-title\" class=\"col-md-10\">\n <span\n *ngIf=\"!routerLinkAppTitle; else appTitleElseRouting\"\n id=\"app-title\"\n class=\"h3 mt-1 vd-heading-light\"\n >\n {{ title }}\n </span>\n <ng-template #appTitleElseRouting>\n <a\n class=\"h3 mt-1 vd-heading-light\"\n [routerLink]=\"routerLinkAppTitle\"\n >\n {{ title }}\n </a>\n </ng-template>\n </div>\n <div\n class=\"col-md-2\"\n *ngIf=\"availableLanguages | async as languages\"\n >\n <foehn-select\n name=\"languageSelector\"\n label=\"S\u00E9lection de la langue\"\n [isLabelSrOnly]=\"true\"\n *ngIf=\"languages.length > 1\"\n [elements]=\"languages\"\n [elementValue]=\"'code'\"\n [model]=\"currentLanguageCode | async\"\n (userInput)=\"languageChanged($event)\"\n [required]=\"true\"\n ></foehn-select>\n </div>\n </div>\n </div>\n</header>\n", styles: [".vd-avatar__image{width:50px;height:50px;margin:auto;-o-object-fit:scale-down;object-fit:scale-down}.environment{position:fixed;z-index:2}.environment .content{position:absolute;left:-250px;top:-.66667rem;display:block;width:250px;padding:5px 10px;background-color:#3278c8cc;color:#fff;font:700 18px/1 Lato,sans-serif;text-transform:uppercase;text-align:right;transform-origin:250px 0;-o-transform-origin:250px 0;-ms-transform-origin:250px 0;-moz-transform-origin:250px 0;-webkit-transform-origin:250px 0;transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:1000}.environment.in .content{background-color:#dc8c14cc}.environment.va .content{background-color:#c81e1ecc}:host .btn.btn-lighter{color:var(--vd-primary-dark);text-transform:none;background-color:#fff;border:var(--vd-neutral-lighter) 1px solid}:host .btn.btn-lighter:hover{color:#fff;border:1px solid var(--vd-primary-dark);background-color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-lighter.active .svg-inline--fa,:host ::ng-deep .btn.btn-lighter:hover .svg-inline--fa{color:#fff}.st0{fill:#9f3}.st1{fill:#40d940}.st2{fill:#fff}.st3{fill:#d5dee3}.st4{fill:#546674}.st5{fill:#1f5e03}\n"] }]
|
|
7038
7044
|
}], ctorParameters: () => [{ type: SessionInfo }, { type: ApplicationInfoService }, { type: SdkDictionaryService }, { type: FoehnPageModalService }, { type: GesdemHandlerService }], propDecorators: { title: [{
|
|
7039
7045
|
type: Input
|
|
7040
7046
|
}], showSecuredAreaLoginButton: [{
|