From d556f152e97a7b809a31d6c3b036cf77140534ce Mon Sep 17 00:00:00 2001
From: Emmanuel Viennet <emmanuel.viennet@gmail.com>
Date: Tue, 2 Jul 2024 00:03:03 +0200
Subject: [PATCH] cosmetic page saisie excel

---
 app/scodoc/sco_saisie_excel.py | 25 ++++++++++++++++++-------
 app/static/css/scodoc.css      | 27 ++++++++++++++++++++-------
 2 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/app/scodoc/sco_saisie_excel.py b/app/scodoc/sco_saisie_excel.py
index 49f2ebd7..2cdd96b3 100644
--- a/app/scodoc/sco_saisie_excel.py
+++ b/app/scodoc/sco_saisie_excel.py
@@ -710,9 +710,10 @@ def saisie_notes_tableur(evaluation_id: int, group_ids=()):
         if updiag[0]:
             H.append(
                 f"""
-            <div><b>Notes chargées.</b><div>
-            {updiag[1]}
-            <div>
+            <div class="notes-chargees">
+                <div><b>Notes chargées !</b></div>
+                {updiag[1]}
+            </div>
             <a class="stdlink" href="{
                 url_for("notes.moduleimpl_status",
                     scodoc_dept=g.scodoc_dept, moduleimpl_id=moduleimpl_id)
@@ -742,10 +743,14 @@ def saisie_notes_tableur(evaluation_id: int, group_ids=()):
             )
 
     #
-    H.append("""</div><h3>Autres opérations</h3><ul>""")
+    H.append("""</div>""")
     if evaluation.moduleimpl.can_edit_notes(current_user, allow_ens=False):
         H.append(
             f"""
+        <div class="scobox explanation">
+        <div class="scobox-title">Autres opérations</div>
+        <div>
+        <ul>
         <li>
         <form action="do_evaluation_set_missing" method="POST">
         Mettre toutes les notes manquantes à <input type="text" size="5" name="value"/>
@@ -768,15 +773,19 @@ def saisie_notes_tableur(evaluation_id: int, group_ids=()):
         }">Revenir au formulaire de saisie</a>
         </li>
         </ul>
+        </div>
+        </div>
 
-        <h3>Explications</h3>
+        <div class="scobox explanation">
+        <div class="scobox-title">Explications</div>
+            <div>
 <ol>
-<li>Etape 1:
+<li><b>Etape 1</b>:
 <ol><li>choisir le ou les groupes d'étudiants;</li>
     <li>télécharger le fichier Excel à remplir.</li>
 </ol>
 </li>
-<li>Etape 2 (cadre vert): Indiquer le fichier Excel
+<li><b>Etape 2</b> (cadre vert): Indiquer le fichier Excel
     <em>téléchargé à l'étape 1</em> et dans lequel on a saisi des notes.
     Remarques:
     <ul>
@@ -797,6 +806,8 @@ def saisie_notes_tableur(evaluation_id: int, group_ids=()):
     </ul>
 </li>
 </ol>
+            </div>
+        </div>
 """
         )
     H.append(html_sco_header.sco_footer())
diff --git a/app/static/css/scodoc.css b/app/static/css/scodoc.css
index 74341729..815c1251 100644
--- a/app/static/css/scodoc.css
+++ b/app/static/css/scodoc.css
@@ -3162,15 +3162,33 @@ div.saisienote_etape1 {
   border: 2px solid blue;
   padding: 5px;
   background-color: rgb(231, 234, 218);
-  /* E7EADA */
+  margin-top: 12px;
+  margin-right: 8px;
+  max-width: var(--sco-content-max-width);
 }
 
 div.saisienote_etape2 {
   border: 2px solid green;
   margin-top: 1em;
+  margin-right: 8px;
   padding: 5px;
   background-color: rgb(234, 221, 218);
-  /* EADDDA */
+  max-width: var(--sco-content-max-width);
+}
+
+.diag-evaluation {
+  color: green;
+}
+
+.notes-chargees {
+  margin-left: 16px;
+  margin-top: 12px;
+  background-color: #e2ffe2;
+  font-size: 120%;
+  border: 1px solid #84ae84;
+  border-radius: 8px;
+  padding: 8px;
+  width: fit-content;
 }
 
 span.titredivsaisienote {
@@ -4908,9 +4926,4 @@ div.cas_etat_certif_ssl {
   margin-bottom: 8px;
   font-style: italic;
   color: rgb(231, 0, 0);
-}
-
-
-.diag-evaluation {
-  color: green;
 }
\ No newline at end of file