Collapsible alert

IMIO · Sep 16, 2024 · 3408b12 · 3408b12
1 parent 4a4fb9d
commit 3408b12
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 8 deletions.
diff --git a/src/plonemeeting/portal/core/browser/templates/item.pt b/src/plonemeeting/portal/core/browser/templates/item.pt
@@ -7,7 +7,8 @@
    i18n:domain="plonemeeting.portal.core"
    tal:define="utils_view nocall:context/@@utils_view;
                meeting nocall:context/aq_parent;
-               review_state python: utils_view.get_state(meeting);">
+               review_state python: utils_view.get_state(meeting);
+               is_anon context/@@plone_portal_state/anonymous;">
 <body>
 
 <metal:item-title fill-slot="content-title">
@@ -67,6 +68,33 @@
     <div class="" tal:attributes="class string:item-infos ${review_state}">
       <div class="row mb-3">
         <div class="col-lg-6 order-last order-lg-first">
+          <x-tooltip target-selector="#state-tooltip" position="right" tal:condition="not: is_anon">
+            <div slot="content">
+              <div class="tooltip-header">
+                <h4>Information sur les états des décisions</h4>
+              </div>
+              <div class="tooltip-content">
+                <p>Les états de publication permettent de suivre l'évolution de la publication.</p>
+                <p><strong>Les états de publication sont les suivants :</strong></p>
+                <ol>
+                  <li><span class="badge state-badge state-private">Privé</span>
+                    <p>
+                      Les gestionnaires de décisions peuvent consulter les décisions avant publication.
+                    </p>
+                    <p>Les citoyens ne peuvent pas voir la décision.</p>
+                  </li>
+                  <li>
+                    <span class="badge state-badge state-in_project">Projet de décision</span>
+                    <p>Les citoyens ne peuvent pas voir la publication.</p>
+                  </li>
+                  <li><span class="badge state-badge state-decision">Décidé</span>
+                    <p>La publication est publiée et accessible aux citoyens.</p>
+                  </li>
+                </ol>
+              </div>
+
+            </div>
+          </x-tooltip>
           <div class="card meeting-card">
             <a href="" class="filled-link"
                tal:attributes="href python: utils_view.get_meeting_url(meeting=meeting)">
@@ -96,8 +124,7 @@
           <div class="content-metadata-row">
             <div class="content-metadata-col header">
               <tal:state i18n:domain="plone" i18n:translate="">State</tal:state>
-<!--?                <i class="bi bi-question-circle" data-bs-toggle="popover" data-bs-trigger="hover focus"-->
-<!--?                      data-bs-content="L'état indique où se situe le document dans le processus de publication."></i>-->
+              <i id="state-tooltip" class="bi bi-question-circle help-icon" tal:condition="not: is_anon"></i>
             </div>
             <div class="content-metadata-col"
                i18n:domain="plone">

diff --git a/src/plonemeeting/portal/core/browser/templates/publication.pt b/src/plonemeeting/portal/core/browser/templates/publication.pt
@@ -292,7 +292,7 @@
                   <h4>Horodatage qualifié</h4>
                 </div>
                 <div class="tooltip-content">
-                  <p>Un horodatage qualifié garantit la date et l'heure exactes d'un document numérique, conformément à la législation européenne (eIDAS). Il assure l'intégrité et la validité juridique du document.</p>
+                  <p>Un horodatage qualifié garantit la date et l'heure exactes de publication d'un document numérique, conformément à la législation européenne (eIDAS). Il assure l'intégrité et la validité juridique du document.</p>
                 </div>
 
               </div>
@@ -308,19 +308,31 @@
                 <a class="btn btn-outline-secondary me-2"
                    target="_blank" tal:attributes="href string:${context/absolute_url}/@@download/timestamped_file/${context/timestamped_file/filename}">Archive
                   <i class="bi bi-file-zip-fill" style="font-size: 1em"></i></a>
-                <a class="btn btn-outline-secondary"
+                <a class="btn btn-outline-secondary me-2"
                    target="_blank" tal:attributes="href string:${context/absolute_url}/@@download/timestamp/${context/timestamp/filename}">Signature
                   <i class="bi bi-file-earmark-binary-fill" style="font-size: 1em"></i></a>
               </div>
             </div>
             <div class="row">
-              <div class="text-end">
-                <a href="/faq/horodatage" target="_blank" class="help-link">Comment
-                  vérifier un horodatage ?</a>
+              <div class="">
+                <a class="btn btn-outline-secondary" data-bs-toggle="collapse" href="#collapse-timestamping-more-info" role="button"
+                   aria-expanded="false" aria-controls="collapseExample">
+                  En savoir plus <i class="bi bi-info-circle" style="font-size: 1em"></i>
+                </a>
               </div>
             </div>
           </div>
         </div>
+        <div class="collapse alert-collapse" id="collapse-timestamping-more-info">
+          <ul class="text-muted dashed">
+            <li>
+              <a href="/faq/quest-ce-que-l-horodatage" target="_blank" class="help-link">Qu'est-ce que l'horodatage qualifié ?</a>
+            </li>
+            <li>
+              <a href="/faq/verifier-un-horodatage" target="_blank" class="help-link">Comment vérifier un horodatage ?</a>
+            </li>
+          </ul>
+        </div>
       </div>
     </section>
   </metal:content-core>