[ui-dsfr] corrige le RouterLink pour prendre en charge la notion de aria-current

Author: ppinette

vertigo-ui-dsfr/src/components/RouterLink.vue

@@ -1,11 +1,16 @@
 <!-- Ce composant nous permet de nous passer du router qui est utilisé par vue-dsfr pour remplacer ça par de simples liens <a>  -->
 <!-- Dans le cadre de notre MPA, ce router n’a pas réellement d’intêret et la dépendance n’est de toute façon pas tirée -->
 <script setup>
+
   const props = defineProps(['to'])
+  const current = props.to === '/'
+      ? window.location.pathname === props.to
+      : window.location.pathname.startsWith(props.to);
+
 </script>
 
 <template>
-  <a :href="props.to">
+  <a :href="props.to" :aria-current="current ? 'page' : undefined">
     <slot></slot>
   </a>
 </template>

vertigo-ui/src/main/resources/io/vertigo/ui/components/dsfr/layout/dsfr-modal.html

@@ -11,7 +11,6 @@
     <dsfr-modal th:v-model:opened="|componentStates.${componentId}.opened|"
                 th:@close="|componentStates.${componentId}.opened = false|"
                 th::title="|componentStates.${componentId}.title|"
-                th:close-button-title="#{layout.modal.close}"
                 class="v-modal"
                 th:attr="__${modal_attrs}__">
         <vu:content>
@@ -31,7 +30,7 @@
                 </div>
             </template>
             <template #footer th:if="${closeLabel} != null">
-                <vu:dsfr-button label="${closeLabel}" title="${closeLabel}" type="button" th::on-click="|() => componentStates.${componentId}.opened = false|" />
+                <vu:dsfr-button label="${closeLabel}" title="${closeLabel}" type="button" th:@click="|() => componentStates.${componentId}.opened = false|" />
             </template>
         </vu:content>
     </dsfr-modal>

vertigo-ui/src/main/resources/io/vertigo/ui/static/3rdParty/dsfr/dsfr.es.js

@@ -100,7 +100,21 @@
                                       hint="Taille maximale : 500 Mo. Formats supportés : jpg, png, pdf. Plusieurs fichiers possibles. Lorem ipsum dolor sit amet, consectetur adipiscing."
                                       th:url="'@{/commons/upload}'" required object="movie" field="pictures"/>
 
-                <vu:dsfr-modal componentId="myModal" iframeTitle="Coucou" closeLabel="Close"/>
+                <vu:dsfr-dialog title="Comment ça va ?" componentId="dialog">
+                    <vu:slot name="actions_slot">
+                        <vu:dsfr-button label="Ok super" secondary/>
+                        <vu:dsfr-button label="Ah oui ?" primary @click="componentStates.dialog.opened = false"/>
+                    </vu:slot>
+                    <p>
+                        C’est une super modale
+                    </p>
+                </vu:dsfr-dialog>
+                <dsfr-button @click="componentStates.dialog.opened = true" label="Ouvre-moi" secondary type="button"></dsfr-button>
+
+                <vu:dsfr-modal componentId="myModal"
+                               iframeTitle="Coucou"
+                               autoHeight
+                               closeLabel="Close"/>
                 <vu:dsfr-grid-cell class="q-gutter-md">
                     <vu:dsfr-button-submit th:if="${!model.modeReadOnly}" label="Read" action="@{_read}"
                                            color="primary"/>

vertigo-ui/src/main/resources/io/vertigo/ui/static/3rdParty/dsfr/dsfr.es.js.map

@@ -48,8 +48,9 @@
         <vu:dsfr-header-quick-link label="Notifications" url="'#'" icon="fr-icon-notification-3-line"/>
         <vu:dsfr-header-quick-link label="Aide" url="'#'" icon="fr-icon-question-line"/>
 
-        <vu:dsfr-header-nav-item label="Accueil" url="'#'"/>
-        <vu:dsfr-header-nav-item label="Accueil" url="'#'"/>
+        <vu:dsfr-header-nav-item label="Accueil" th:url="@{/componentsDemoDsfr/}"/>
+        <vu:dsfr-header-nav-item label="Accueil" url="'/'"/>
+        <vu:dsfr-header-nav-item label="Accueil" url="'/tarte/'"/>
         <vu:dsfr-header-nav-item-menu label="Menu">
             <vu:dsfr-header-nav-item label="Accueil" url="'#'"/>
             <vu:dsfr-header-nav-item label="Accueil" url="'#'"/>