@dsivd/prestations-ng 17.6.8-beta.2 → 17.7.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dsivd-prestations-ng-17.7.0-beta.1.tgz +0 -0
- package/esm2022/foehn-header/foehn-header.component.mjs +3 -3
- package/esm2022/foehn-menu-prestation/foehn-list-summary/foehn-list-summary.component.mjs +7 -6
- package/esm2022/sdk-dictionary/default-dictionary.mjs +4 -4
- package/fesm2022/dsivd-prestations-ng.mjs +7 -7
- package/fesm2022/dsivd-prestations-ng.mjs.map +1 -1
- package/index.html +1 -1
- package/package.json +1 -1
- package/dsivd-prestations-ng-17.6.8-beta.2.tgz +0 -0
|
@@ -1145,7 +1145,7 @@ const DEFAULT_DICTIONARY = {
|
|
|
1145
1145
|
'gesdem-action-recovery-registration.current-info.preview': 'Un lien de reprise a été envoyé à <i>{recoveryMail}</i> ({lastRegistration})',
|
|
1146
1146
|
'gesdem-action-recovery-registration.not-connected.current-info': '<p>Un lien de reprise vous a été envoyé à la date suivante : <strong>{lastRegistration}</strong></p>' +
|
|
1147
1147
|
// eslint-disable-next-line max-len
|
|
1148
|
-
|
|
1148
|
+
"<p>La demande pourra être reprise pendant <strong>{draftDemRetentionDaysPublic} jour(s)</strong> après votre dernière modification, mais vous devez quand même respecter la date limite pour son dépôt, s'il y en a une. Ensuite elle sera supprimée définitivement du portail et vous devrez faire une nouvelle demande.</p>" +
|
|
1149
1149
|
'<p>Voulez-vous renvoyer un lien ? <br/>' +
|
|
1150
1150
|
"Vous pouvez aussi changer l'adresse de destination et le numéro de mobile pour la reprise</p>",
|
|
1151
1151
|
'gesdem-action-recovery-registration.modalHeaderText': 'Informations pour la reprise de la demande',
|
|
@@ -1153,7 +1153,7 @@ const DEFAULT_DICTIONARY = {
|
|
|
1153
1153
|
'gesdem-action-recovery-registration.connected.info.draft-link-text': 'demandes en cours de saisie',
|
|
1154
1154
|
'gesdem-action-recovery-registration.not-connected.not-registered.info': '<p>Vous avez la possibilité de reprendre votre demande plus tard en complétant ce formulaire.</p>' +
|
|
1155
1155
|
// eslint-disable-next-line max-len
|
|
1156
|
-
|
|
1156
|
+
"<p>La demande pourra être reprise pendant <strong>{draftDemRetentionDaysPublic} jour(s)</strong> après votre dernière modification, mais vous devez quand même respecter la date limite pour son dépôt, s'il y en a une. Ensuite elle sera supprimée définitivement du portail et vous devrez faire une nouvelle demande.</p>" +
|
|
1157
1157
|
'<p class="small mb-0">' +
|
|
1158
1158
|
"<i>Les informations demandées sont uniquement utilisées pour vous permettre d'effectuer la reprise de demande.</i>" +
|
|
1159
1159
|
'</p>',
|
|
@@ -1163,7 +1163,7 @@ const DEFAULT_DICTIONARY = {
|
|
|
1163
1163
|
'<strong>{recoveryMobile}</strong>.' +
|
|
1164
1164
|
'</p>' +
|
|
1165
1165
|
// eslint-disable-next-line max-len
|
|
1166
|
-
|
|
1166
|
+
"<p>La demande pourra être reprise pendant <strong>{draftDemRetentionDaysPublic} jour(s)</strong> après votre dernière modification, mais vous devez quand même respecter la date limite pour son dépôt, s'il y en a une. Ensuite elle sera supprimée définitivement du portail et vous devrez faire une nouvelle demande.</p>",
|
|
1167
1167
|
'gesdem-action-recovery-registration.not-connected.email.label': 'Email',
|
|
1168
1168
|
'gesdem-action-recovery-registration.not-connected.email.help-text': 'Par exemple, john@doe.ch',
|
|
1169
1169
|
'gesdem-action-recovery-registration.not-connected.mobile.label': 'Numéro de téléphone mobile',
|
|
@@ -6343,11 +6343,11 @@ class FoehnHeaderComponent {
|
|
|
6343
6343
|
this.connectedEsMenu = menu;
|
|
6344
6344
|
}
|
|
6345
6345
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FoehnHeaderComponent, deps: [{ token: SessionInfo }, { token: ApplicationInfoService }, { token: SdkDictionaryService }, { token: FoehnPageModalService }, { token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6346
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FoehnHeaderComponent, 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 <style id=\"style2\">\n .st0 {\n fill: #9f3;\n }\n\n .st1 {\n fill: #40d940;\n }\n\n .st2 {\n fill: #fff;\n }\n\n .st3 {\n fill: #d5dee3;\n }\n\n .st4 {\n fill: #546674;\n }\n\n .st5 {\n fill: #1f5e03;\n }\n </style>\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}\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" }] }); }
|
|
6346
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FoehnHeaderComponent, 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" }] }); }
|
|
6347
6347
|
}
|
|
6348
6348
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FoehnHeaderComponent, decorators: [{
|
|
6349
6349
|
type: Component,
|
|
6350
|
-
args: [{ selector: 'foehn-header', 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 <style id=\"style2\">\n .st0 {\n fill: #9f3;\n }\n\n .st1 {\n fill: #40d940;\n }\n\n .st2 {\n fill: #fff;\n }\n\n .st3 {\n fill: #d5dee3;\n }\n\n .st4 {\n fill: #546674;\n }\n\n .st5 {\n fill: #1f5e03;\n }\n </style>\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}\n"] }]
|
|
6350
|
+
args: [{ selector: 'foehn-header', 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"] }]
|
|
6351
6351
|
}], ctorParameters: () => [{ type: SessionInfo }, { type: ApplicationInfoService }, { type: SdkDictionaryService }, { type: FoehnPageModalService }, { type: GesdemHandlerService }], propDecorators: { title: [{
|
|
6352
6352
|
type: Input
|
|
6353
6353
|
}], showSecuredAreaLoginButton: [{
|
|
@@ -15177,7 +15177,7 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
|
|
|
15177
15177
|
useExisting: forwardRef(() => FoehnListSummaryComponent),
|
|
15178
15178
|
multi: true
|
|
15179
15179
|
}
|
|
15180
|
-
], viewQueries: [{ propertyName: "tableActionButtons", first: true, predicate: ["tableActionButtons"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n class=\"form-label\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <section *ngIf=\"!showAsTable\">\n <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n <li\n [id]=\"'list-summary-' + item.trackingIndex\"\n class=\"mt-3 border-bottom\"\n *ngFor=\"\n let item of list;\n let itemIndex = index;\n trackBy: trackFoehnListItem\n \"\n >\n <div class=\"d-flex align-items-baseline flex-wrap\">\n <h4 class=\"mt-0 me-3\">{{ getListItemTitle(item) }}</h4>\n <span class=\"ms-auto\">\n <foehn-error-pill\n [incompleteIndicatorOnly]=\"true\"\n [errorPrefix]=\"name + '[' + itemIndex + ']'\"\n ></foehn-error-pill>\n </span>\n </div>\n <dl class=\"mb-0\">\n <ng-container\n *ngFor=\"\n let itemParam of listItemDescriptions;\n trackBy: trackFoehnListItemDescription\n \"\n >\n <div\n class=\"d-flex flex-wrap item-line\"\n *ngIf=\"showLine(item, itemParam)\"\n >\n <dt class=\"me-1\">\n {{ itemParam.label }}\n </dt>\n <dd class=\"ms-auto text-end\">\n {{ itemParam.getFormattedValue(item) }}\n </dd>\n </div>\n </ng-container>\n </dl>\n <ul
|
|
15180
|
+
], viewQueries: [{ propertyName: "tableActionButtons", first: true, predicate: ["tableActionButtons"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n class=\"form-label\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <section *ngIf=\"!showAsTable\">\n <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n <li\n [id]=\"'list-summary-' + item.trackingIndex\"\n class=\"mt-3 border-bottom\"\n *ngFor=\"\n let item of list;\n let itemIndex = index;\n trackBy: trackFoehnListItem\n \"\n >\n <div class=\"d-flex align-items-baseline flex-wrap\">\n <h4 class=\"mt-0 me-3\">{{ getListItemTitle(item) }}</h4>\n <span class=\"ms-auto\">\n <foehn-error-pill\n [incompleteIndicatorOnly]=\"true\"\n [errorPrefix]=\"name + '[' + itemIndex + ']'\"\n ></foehn-error-pill>\n </span>\n </div>\n <dl class=\"mb-0\">\n <ng-container\n *ngFor=\"\n let itemParam of listItemDescriptions;\n trackBy: trackFoehnListItemDescription\n \"\n >\n <div\n class=\"d-flex flex-wrap item-line\"\n *ngIf=\"showLine(item, itemParam)\"\n >\n <dt class=\"me-1\">\n {{ itemParam.label }}\n </dt>\n <dd class=\"ms-auto text-end\">\n {{ itemParam.getFormattedValue(item) }}\n </dd>\n </div>\n </ng-container>\n </dl>\n <ul class=\"list-inline mb-3 mt-0\">\n <li\n class=\"list-inline-item\"\n *ngIf=\"item.disableEdition && item.disableDeletion\"\n >\n <a\n [id]=\"buildChildId('-see-link-' + itemIndex)\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); editItem(itemIndex)\n \"\n >\n Consulter\n </a>\n <span class=\"visually-hidden\">\n {{ getListItemTitle(item) }}\n </span>\n </li>\n <li class=\"list-inline-item\" *ngIf=\"!item.disableEdition\">\n <a\n [id]=\"buildChildId('-edit-link-' + itemIndex)\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); editItem(itemIndex)\n \"\n >\n Modifier\n </a>\n <span class=\"visually-hidden\">\n {{ getListItemTitle(item) }}\n </span>\n </li>\n <li class=\"list-inline-item\" *ngIf=\"!item.disableDeletion\">\n \n <a\n [id]=\"buildChildId('-delete-link-' + itemIndex)\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); removeItem(itemIndex)\n \"\n >\n Supprimer\n <span class=\"visually-hidden\">\n {{ getListItemTitle(item) }}\n </span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </section>\n\n <section *ngIf=\"showAsTable && !!tableConfiguration?.length\">\n <foehn-table\n [id]=\"buildChildName('table')\"\n *ngIf=\"!!listCopyForTable?.length\"\n [list]=\"listCopyForTable\"\n [itemsPerPage]=\"1000000\"\n [columnsConfiguration]=\"tableConfiguration\"\n [sort]=\"tableSort\"\n (sortChange)=\"changeSort($event)\"\n [trackByFn]=\"trackFoehnListItem\"\n ></foehn-table>\n </section>\n\n <section [ngClass]=\"{ 'mt-5': !showAsTable }\" *ngIf=\"canAddItems\">\n <h2 class=\"visually-hidden\">Action</h2>\n <ul class=\"list-inline mb-3\">\n <li class=\"list-inline-item\">\n <button\n [id]=\"buildChildId('-add-button')\"\n type=\"button\"\n class=\"btn btn-primary\"\n (click)=\"editItem()\"\n >\n Ajouter\n </button>\n </li>\n </ul>\n </section>\n</section>\n\n<ng-template #tableActionButtons let-index=\"index\" let-item=\"item\">\n <div class=\"d-inline-flex\">\n <button\n *ngIf=\"item.disableEdition && item.disableDeletion\"\n [id]=\"buildChildId('-see-button-' + index)\"\n type=\"button\"\n class=\"btn bg-transparent me-3\"\n (click)=\"editItem(index)\"\n >\n <foehn-icon-search [title]=\"'Consulter'\"></foehn-icon-search>\n </button>\n <button\n *ngIf=\"!item.disableEdition\"\n [id]=\"buildChildId('-edit-button-' + index)\"\n type=\"button\"\n class=\"btn bg-transparent me-3\"\n (click)=\"editItem(index)\"\n >\n <foehn-icon-edit [title]=\"'Modifier'\"></foehn-icon-edit>\n </button>\n <button\n *ngIf=\"!item.disableDeletion\"\n [id]=\"buildChildId('-delete-button-' + index)\"\n type=\"button\"\n class=\"btn bg-transparent\"\n (click)=\"removeItem(index)\"\n >\n <foehn-icon-trash-alt [title]=\"'Supprimer'\"></foehn-icon-trash-alt>\n </button>\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .bg-transparent.btn .svg-inline--fa{color:var(--vd-neutral-darker)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnTableComponent, selector: "foehn-table", inputs: ["itemsPerPage", "id", "title", "titleSrOnly", "previousLabel", "nextLabel", "totalElements", "fixedPageCount", "columnsConfiguration", "sort", "list", "trackByFn"], outputs: ["pageChange", "sortChange", "rowClick"] }, { kind: "component", type: FoehnIconEditComponent, selector: "foehn-icon-edit" }, { kind: "component", type: FoehnIconSearchComponent, selector: "foehn-icon-search" }, { kind: "component", type: FoehnIconTrashAltComponent, selector: "foehn-icon-trash-alt" }, { kind: "component", type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
|
|
15181
15181
|
}
|
|
15182
15182
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FoehnListSummaryComponent, decorators: [{
|
|
15183
15183
|
type: Component,
|
|
@@ -15187,7 +15187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
15187
15187
|
useExisting: forwardRef(() => FoehnListSummaryComponent),
|
|
15188
15188
|
multi: true
|
|
15189
15189
|
}
|
|
15190
|
-
], template: "<section\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n class=\"form-label\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <section *ngIf=\"!showAsTable\">\n <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n <li\n [id]=\"'list-summary-' + item.trackingIndex\"\n class=\"mt-3 border-bottom\"\n *ngFor=\"\n let item of list;\n let itemIndex = index;\n trackBy: trackFoehnListItem\n \"\n >\n <div class=\"d-flex align-items-baseline flex-wrap\">\n <h4 class=\"mt-0 me-3\">{{ getListItemTitle(item) }}</h4>\n <span class=\"ms-auto\">\n <foehn-error-pill\n [incompleteIndicatorOnly]=\"true\"\n [errorPrefix]=\"name + '[' + itemIndex + ']'\"\n ></foehn-error-pill>\n </span>\n </div>\n <dl class=\"mb-0\">\n <ng-container\n *ngFor=\"\n let itemParam of listItemDescriptions;\n trackBy: trackFoehnListItemDescription\n \"\n >\n <div\n class=\"d-flex flex-wrap item-line\"\n *ngIf=\"showLine(item, itemParam)\"\n >\n <dt class=\"me-1\">\n {{ itemParam.label }}\n </dt>\n <dd class=\"ms-auto text-end\">\n {{ itemParam.getFormattedValue(item) }}\n </dd>\n </div>\n </ng-container>\n </dl>\n <ul
|
|
15190
|
+
], template: "<section\n class=\"form-group clearable-input-form-group\"\n [class.has-danger]=\"hasErrorsToDisplay()\"\n [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n [attr.id]=\"buildId('Container')\"\n tabindex=\"-1\"\n>\n <label\n class=\"form-label\"\n [attr.for]=\"buildChildId()\"\n *ngIf=\"label && type !== 'hidden'\"\n [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n >\n <span [innerHTML]=\"label\"></span>\n <span\n *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n aria-hidden=\"true\"\n >\n {{ 'foehn-input.optional' | fromDictionary }}\n </span>\n </label>\n\n <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n <small\n *ngIf=\"helpText && type !== 'hidden'\"\n [attr.id]=\"buildChildId() + 'Help'\"\n class=\"form-text text-secondary\"\n [innerHTML]=\"helpText\"\n ></small>\n\n <section *ngIf=\"!showAsTable\">\n <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n <li\n [id]=\"'list-summary-' + item.trackingIndex\"\n class=\"mt-3 border-bottom\"\n *ngFor=\"\n let item of list;\n let itemIndex = index;\n trackBy: trackFoehnListItem\n \"\n >\n <div class=\"d-flex align-items-baseline flex-wrap\">\n <h4 class=\"mt-0 me-3\">{{ getListItemTitle(item) }}</h4>\n <span class=\"ms-auto\">\n <foehn-error-pill\n [incompleteIndicatorOnly]=\"true\"\n [errorPrefix]=\"name + '[' + itemIndex + ']'\"\n ></foehn-error-pill>\n </span>\n </div>\n <dl class=\"mb-0\">\n <ng-container\n *ngFor=\"\n let itemParam of listItemDescriptions;\n trackBy: trackFoehnListItemDescription\n \"\n >\n <div\n class=\"d-flex flex-wrap item-line\"\n *ngIf=\"showLine(item, itemParam)\"\n >\n <dt class=\"me-1\">\n {{ itemParam.label }}\n </dt>\n <dd class=\"ms-auto text-end\">\n {{ itemParam.getFormattedValue(item) }}\n </dd>\n </div>\n </ng-container>\n </dl>\n <ul class=\"list-inline mb-3 mt-0\">\n <li\n class=\"list-inline-item\"\n *ngIf=\"item.disableEdition && item.disableDeletion\"\n >\n <a\n [id]=\"buildChildId('-see-link-' + itemIndex)\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); editItem(itemIndex)\n \"\n >\n Consulter\n </a>\n <span class=\"visually-hidden\">\n {{ getListItemTitle(item) }}\n </span>\n </li>\n <li class=\"list-inline-item\" *ngIf=\"!item.disableEdition\">\n <a\n [id]=\"buildChildId('-edit-link-' + itemIndex)\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); editItem(itemIndex)\n \"\n >\n Modifier\n </a>\n <span class=\"visually-hidden\">\n {{ getListItemTitle(item) }}\n </span>\n </li>\n <li class=\"list-inline-item\" *ngIf=\"!item.disableDeletion\">\n \n <a\n [id]=\"buildChildId('-delete-link-' + itemIndex)\"\n href=\"#\"\n (click)=\"\n $event.preventDefault(); removeItem(itemIndex)\n \"\n >\n Supprimer\n <span class=\"visually-hidden\">\n {{ getListItemTitle(item) }}\n </span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </section>\n\n <section *ngIf=\"showAsTable && !!tableConfiguration?.length\">\n <foehn-table\n [id]=\"buildChildName('table')\"\n *ngIf=\"!!listCopyForTable?.length\"\n [list]=\"listCopyForTable\"\n [itemsPerPage]=\"1000000\"\n [columnsConfiguration]=\"tableConfiguration\"\n [sort]=\"tableSort\"\n (sortChange)=\"changeSort($event)\"\n [trackByFn]=\"trackFoehnListItem\"\n ></foehn-table>\n </section>\n\n <section [ngClass]=\"{ 'mt-5': !showAsTable }\" *ngIf=\"canAddItems\">\n <h2 class=\"visually-hidden\">Action</h2>\n <ul class=\"list-inline mb-3\">\n <li class=\"list-inline-item\">\n <button\n [id]=\"buildChildId('-add-button')\"\n type=\"button\"\n class=\"btn btn-primary\"\n (click)=\"editItem()\"\n >\n Ajouter\n </button>\n </li>\n </ul>\n </section>\n</section>\n\n<ng-template #tableActionButtons let-index=\"index\" let-item=\"item\">\n <div class=\"d-inline-flex\">\n <button\n *ngIf=\"item.disableEdition && item.disableDeletion\"\n [id]=\"buildChildId('-see-button-' + index)\"\n type=\"button\"\n class=\"btn bg-transparent me-3\"\n (click)=\"editItem(index)\"\n >\n <foehn-icon-search [title]=\"'Consulter'\"></foehn-icon-search>\n </button>\n <button\n *ngIf=\"!item.disableEdition\"\n [id]=\"buildChildId('-edit-button-' + index)\"\n type=\"button\"\n class=\"btn bg-transparent me-3\"\n (click)=\"editItem(index)\"\n >\n <foehn-icon-edit [title]=\"'Modifier'\"></foehn-icon-edit>\n </button>\n <button\n *ngIf=\"!item.disableDeletion\"\n [id]=\"buildChildId('-delete-button-' + index)\"\n type=\"button\"\n class=\"btn bg-transparent\"\n (click)=\"removeItem(index)\"\n >\n <foehn-icon-trash-alt [title]=\"'Supprimer'\"></foehn-icon-trash-alt>\n </button>\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .bg-transparent.btn .svg-inline--fa{color:var(--vd-neutral-darker)!important}\n"] }]
|
|
15191
15191
|
}], ctorParameters: () => [{ type: FoehnConfirmModalService }, { type: i0.NgZone }], propDecorators: { canAddItems: [{
|
|
15192
15192
|
type: Input
|
|
15193
15193
|
}], tableActionButtons: [{
|