LettreInfos: met sortable dans un body, avec une intro

src/PotageBundle/Resources/views/LettreInfos/ajaxDisplay.html.twig

@@ -97,8 +97,12 @@
 
         <div id="maingrid" class="grid lettre-infos {{ lettre.status }}">
             <div id="lettre-header" class="border-bottom mb-4"></div>
-            <div id="sortable"></div>
-            <div class="clearfix"></div>
+            <div id="lettre-body">
+                <div class="intro"></div>
+                <div id="sortable">
+                </div>
+                <div class="clearfix"></div>
+            </div>
         </div>
 
     </section>

src/PotageBundle/Resources/views/LettreInfos/ajaxDisplay.js

@@ -114,6 +114,7 @@ function reloadBlocLettre()
 {
     let fieldsLettre = document.querySelectorAll('.field-lettre');
     let headerLettre = document.querySelector('#lettre-header');
+    let introLettre = document.querySelector('#lettre-body div.intro');
 
     AJAX('GET',
         Routing.generate('api_lettre_read_one', {'id': id_lettre}),
@@ -128,6 +129,9 @@ function reloadBlocLettre()
             fieldsLettre[3].innerHTML = buildColorSquare(json.status, colors) + listStatus[json.status];
 
             headerLettre.innerHTML = displayHeaderLettre(json, true);
+            introLettre.innerHTML =
+                `Semaine du <strong>${formatStringDate(json.started_at, true, true, false, false)}</strong><br> 
+                 au <strong>${formatStringDate(json.ended_at, true, true, false, false)}</strong>`;
         }
     );
 }

web/css/style.css

@@ -317,3 +317,6 @@ span.posted:first-letter {
     text-transform: uppercase;
 }
 
+.intro {
+    text-align: center;
+}
\ No newline at end of file