feat(mon-domifa): init dsfr

Author: pYassine

.talismanrc

@@ -1,35 +1,27 @@
 fileignoreconfig:
-- filename: .anonymizer/yarn.lock
-  checksum: adf574ab2b9fc5e21891b802504438b9f7738c8854047dbc7ca628cd3994ef5f
-- filename: .kontinuous/env/dev/templates/backend.sealed-secret.yaml
-  checksum: eb02b7f4930980a6ad41118a3cae40e682d3322d1a3eba9b19b17da72e321136
-- filename: .kontinuous/env/preprod/templates/backend.sealed-secret.yaml
-  checksum: 08602bd330f851a3a7a62707623f154cf4e33d43c96087b85531fee32dad342e
-- filename: _docs/dev/0.run-local-env.md
-  checksum: 855b6f29ace746c86597d36382dbe7e40f771137734e3bf5eb53c948d6592a74
-- filename: _scripts/db/dumps/domifa_test.postgres.restore-data-only.sql
-  checksum: f106304727d41ce64bb581f8772896ed8664df3a5e41489587be64afab48f453
-- filename: _scripts/db/dumps/domifa_test.postgres.truncate-restore-data-only.sql
-  checksum: 4d2f01ba7fbd8c1109994a0831576e6341dc7e925fb75b9f447e2b3e1c9ef1c6
-- filename: packages/backend/package.json
-  checksum: 2f5813dbc35cdc3659516beabf9f93e2978eb62d1b5403cfbb2907f22bb25355
-- filename: packages/backend/src/_migrations/1757532174131-auto-migration.ts
-  checksum: 22a788509a5f08a8dbccbab49ed7b835df73ab56444b5c2a0e327fe51de2f748
-- filename: packages/backend/src/_migrations/_init-db/domifa_test_schema.sql
-  checksum: 8b421c413bab4f2419972dec548a5399879f497a8c75c9b240bbf8c123cfab06
-- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.spec.ts
-  checksum: 8f66091255109d0da277819584c6c69d4a7f720256842851a49b0dda16af6651
-- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.ts
-  checksum: a0fbc6fca054f17c58d411b55a45acfa2351309a270968298aafcede7b7ae31f
-- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/services/structuresSearchStringFilter.service.ts
-  checksum: fe3243c2d2adc23ed62431597b6ae7b3cb61fb25d876f1ada2de5387f0872b0b
-- filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.spec.ts
-  checksum: d202296bc7f349c0dc6bf140be961d8c321f57d9188325a07c49a6ca10c55b3b
-- filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.ts
-  checksum: e6d4d9afca6797fbf98f12db96ad37a21d61289539827390ba5b4aefeb92a6b2
-- filename: packages/portail-admins/src/app/modules/admin-structures/utils/structure-filter-criteria.ts
-  checksum: c54f1bf45a44280960869561243668e7a92713fb5265f008a95fc3fe66014bf1
-- filename: yarn.lock
-  checksum: 075be99c7d081e6dc58ad5b0a0382963b392355221e5f8cf7f18bdcab8dae794
+  - filename: .anonymizer/yarn.lock
+    checksum: adf574ab2b9fc5e21891b802504438b9f7738c8854047dbc7ca628cd3994ef5f
+  - filename: _docs/dev/0.run-local-env.md
+    checksum: 855b6f29ace746c86597d36382dbe7e40f771137734e3bf5eb53c948d6592a74
+  - filename: _scripts/db/dumps/domifa_test.postgres.restore-data-only.sql
+    checksum: 6786973ce45c4e9f98501703bb28b21f487818ddbffcd30b35cb0499a659c9ef
+  - filename: _scripts/db/dumps/domifa_test.postgres.truncate-restore-data-only.sql
+    checksum: c68a6bc52521795e41b2d5ecddb9fb907ada5fce5bb1fef7fef4709fac8e0677
+  - filename: packages/backend/package.json
+    checksum: 2f5813dbc35cdc3659516beabf9f93e2978eb62d1b5403cfbb2907f22bb25355
+  - filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.spec.ts
+    checksum: 8f66091255109d0da277819584c6c69d4a7f720256842851a49b0dda16af6651
+  - filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.ts
+    checksum: a0fbc6fca054f17c58d411b55a45acfa2351309a270968298aafcede7b7ae31f
+  - filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/services/structuresSearchStringFilter.service.ts
+    checksum: fe3243c2d2adc23ed62431597b6ae7b3cb61fb25d876f1ada2de5387f0872b0b
+  - filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.spec.ts
+    checksum: d202296bc7f349c0dc6bf140be961d8c321f57d9188325a07c49a6ca10c55b3b
+  - filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.ts
+    checksum: e6d4d9afca6797fbf98f12db96ad37a21d61289539827390ba5b4aefeb92a6b2
+  - filename: packages/portail-admins/src/app/modules/admin-structures/utils/structure-filter-criteria.ts
+    checksum: c54f1bf45a44280960869561243668e7a92713fb5265f008a95fc3fe66014bf1
+  - filename: yarn.lock
+    checksum: 29561ce656a5b6dd4e1df7ecad5a09fc809fd3ffd12aff68f908a8c41a695a6f
 threshold: medium
 version: "1.0"

packages/portail-admins/angular.json

@@ -22,14 +22,15 @@
             "assets": ["src/assets"],
             "styles": [
               "src/styles.scss",
-              "src/assets/css/bootstrap-custom.css",
+              "./node_modules/@gouvfr/dsfr/dist/dsfr/dsfr.main.min.css",
+              "./node_modules/@gouvfr/dsfr/dist/utility/utility.main.min.css",
+              "src/assets/css/bootstrap-custom.scss",
               "src/assets/css/forms.scss",
-              "src/assets/css/fonts.css",
+              "src/assets/css/fonts.scss",
               "src/assets/css/main.scss",
-              "src/assets/css/print.css",
-              "src/assets/css/icons.css"
+              "src/assets/css/print.css"
             ],
-            "scripts": [],
+            "scripts": ["./node_modules/@gouvfr/dsfr/dist/dsfr/dsfr.module.js"],
             "aot": false,
             "vendorChunk": true,
             "extractLicenses": false,

packages/portail-admins/package.json

@@ -28,6 +28,7 @@
     "@angular/platform-browser-dynamic": "^18.2.13",
     "@angular/router": "^18.2.13",
     "@domifa/common": "workspace:^",
+    "@edugouvfr/ngx-dsfr": "^1.14.3",
     "@fortawesome/angular-fontawesome": "0.15.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",

packages/portail-admins/src/app/app.component.html

@@ -112,6 +112,7 @@
     </div>
   </nav>
 </header>
+
 <main role="main" id="page">
   <router-outlet></router-outlet>
 </main>
@@ -169,11 +170,6 @@
             <li *ngFor="let link of partnerLinks">
               <a [href]="link.path" target="_blank" rel="noopener noreferrer">
                 {{ link.label }}
-                <fa-icon
-                  class="ms-2"
-                  [icon]="['fas', 'arrow-up-right-from-square']"
-                  aria-hidden="true"
-                ></fa-icon>
               </a>
             </li>
           </ul>
@@ -210,10 +206,6 @@
                   rel="noopener external"
                   title="info.gouv.fr - nouvelle fenêtre"
                   >info.gouv.fr
-                  <fa-icon
-                    aria-hidden="true"
-                    [icon]="['fas', 'external-link-alt']"
-                  ></fa-icon>
                 </a>
               </li>
               <li class="content-item">
@@ -224,11 +216,7 @@
                   rel="noopener external"
                   title="service-public.fr - nouvelle fenêtre"
                   >service-public.fr
-                  <fa-icon
-                    aria-hidden="true"
-                    [icon]="['fas', 'external-link-alt']"
-                  ></fa-icon
-                ></a>
+                </a>
               </li>
               <li class="content-item">
                 <a
@@ -238,11 +226,7 @@
                   rel="noopener external"
                   title="legifrance.gouv.fr - nouvelle fenêtre"
                   >legifrance.gouv.fr
-                  <fa-icon
-                    aria-hidden="true"
-                    [icon]="['fas', 'external-link-alt']"
-                  ></fa-icon
-                ></a>
+                </a>
               </li>
               <li class="content-item">
                 <a
@@ -252,11 +236,7 @@
                   rel="noopener external"
                   title="data.gouv.fr - nouvelle fenêtre"
                   >data.gouv.fr
-                  <fa-icon
-                    aria-hidden="true"
-                    [icon]="['fas', 'external-link-alt']"
-                  ></fa-icon
-                ></a>
+                </a>
               </li>
             </ul>
           </div>
@@ -277,12 +257,7 @@
               target="_blank"
               rel="noopener noreferrer"
               >licence etalab-2.0
-              <fa-icon
-                class="ms-2"
-                [icon]="['fas', 'up-right-from-square']"
-                aria-hidden="true"
-              ></fa-icon
-            ></a>
+            </a>
           </p>
         </div>
       </div>

packages/portail-admins/src/app/modules/shared/components/custom-toastr/custom-toastr.component.css

@@ -1,26 +1,14 @@
 <ng-container *ngIf="toast">
-  <div
-    @fadeInOut
-    *ngIf="toast.display"
-    id="toast-container"
-    [attr.role]="toast.class === 'success' ? 'status' : 'alert'"
-    aria-live="polite"
-    aria-atomic="true"
-    class="toast-top-left toast-container"
-    [attr.aria-label]="toast.message"
-  >
-    <div [class]="'ngx-toastr toast-' + toast.class">
-      <div class="row d-flex align-items-center">
-        <div class="col-2">
-          <fa-icon size="2x" [icon]="['fas', icon]" aria-hidden="true">
-          </fa-icon>
-        </div>
-        <div class="col-10">
-          <div class="toast-message">
-            {{ toast.message }}
-          </div>
-        </div>
-      </div>
-    </div>
+  <div id="toast-container">
+    <dsfr-alert
+      *ngIf="toast.display"
+      [headingLevel]="undefined"
+      [message]="toast.message"
+      [severity]="toast.class === 'success' ? 'success' : 'error'"
+      [ariaRoleValue]="'alert'"
+      [hasAriaRole]="false"
+      [closeable]="false"
+      @fadeInOut
+    ></dsfr-alert>
   </div>
 </ng-container>