Suggest permanent meeting rooms in CTA home

numerique-gouv · Jan 24, 2024 · 8334a98 · 8334a98
1 parent 848f2df
commit 8334a98
Show file tree

Hide file tree

Showing 9 changed files with 163 additions and 107 deletions.
diff --git a/web/b3desk/settings.py b/web/b3desk/settings.py
@@ -82,13 +82,13 @@
     },
     "WELCOME_PAGE_SUBTITLE": {
         "cours": _(
-            "Créez un cours immédiatement avec des réglages standards. Ce cours ne sera pas enregistré dans votre liste de salons."
+            "Créez en un clic un cours aux réglages standards. Il ne sera pas enregistré dans votre liste de salles."
         ),
         "reunion": _(
-            "Créez une réunion immédiatement avec des réglages standards. Cette réunion ne sera pas enregistrée dans votre liste de salons."
+            "Créez en un clic une réunion aux réglages standards. Elle ne sera pas enregistrée dans votre liste de salles."
         ),
         "seminaire": _(
-            "Créez un séminaire immédiatement avec des réglages standards. Ce séminaire ne sera pas enregistré dans votre liste de salons."
+            "Créez en un clic un séminaire aux réglages standards. Il ne sera pas enregistré dans votre liste de salles."
         ),
     },
     "MEETING_MAIL_SUBJECT": {

diff --git a/web/b3desk/static/css/global.css b/web/b3desk/static/css/global.css
@@ -43,6 +43,12 @@ header.rf-header {
   background-size: auto 100%;
   background-position: center;
 }
+.image-no-meetings {
+	background: url('../images/home.svg') no-repeat;
+  background-size: auto 60%;
+  background-position: top;
+  filter: grayscale(0.8) opacity(0.5);
+}
 .alerte {
   width: 80%;
   margin: 2em auto;
@@ -378,3 +384,22 @@ This is a fix until we deal with the update.
     padding: .5rem 1rem;
   }
 }
+
+.fr-btn--visio.fr-icon-live-line[target="_blank"]::after {
+  mask-image: url("../dsfr-1.7/icons/media/live-line.svg");
+  mask-image: url("../dsfr-1.7/icons/media/live-line.svg");
+}
+
+.list-meeting-rooms-title {
+  display: flex;
+  justify-content: space-between;
+}
+
+.list-meeting-rooms-title div {
+  margin: var(--title-spacing);
+  display: flex;
+}
+
+.list-meeting-rooms-title div a {
+  align-self: flex-end;
+}
diff --git a/web/b3desk/templates/footer.html b/web/b3desk/templates/footer.html
@@ -1,52 +1,64 @@
-<footer class="fr-footer" role="contentinfo">
-    <div class="fr-container">
-        <div class="fr-footer__body">
-            <div class="fr-footer__brand fr-enlarge-link">
-                <p class="fr-logo">
-                    République
-                    <br>Française
-                </p>
+<footer id="footer" role="contentinfo">
+    {% if quick_meeting is defined and quick_meeting %}
+    <div class="fr-follow">
+        <div class="fr-container">
+            <a class="fr-btn fr-btn--visio fr-btn--icon-right fr-icon-live-line" target="_blank" href="{{ url_for("routes.quick_meeting") }}" rel="noopener" title="{% trans %}Lancer {{ the_meeting }} - nouvelle fenêtre{% endtrans %}">
+                {% trans %}Ouvrir {{ a_meeting }} temporaire{% endtrans %}
+            </a>
+            <p class="fr-mt-2w">{{ welcome_page_subtitle }}</p>
+        </div>
+    </div>
+    {% endif %}
+    <div class="fr-footer">
+        <div class="fr-container">
+            <div class="fr-footer__body">
+                <div class="fr-footer__brand fr-enlarge-link">
+                    <p class="fr-logo">
+                        République
+                        <br>Française
+                    </p>
+                </div>
+                <div class="fr-footer__content">
+                    <p class="fr-footer__content-desc">
+                        {% trans %}Service proposé par la Direction interministérielle du numérique et la Direction du numérique pour l'éducation{% endtrans %}
+                    </p>
+                    <p class="fr-footer__content-desc">
+                        {% trans %}Le code source est ouvert et les contributions sont bienvenues.{% endtrans %}
+                        <a title="{% trans %}Voir le code source - nouvelle fenêtre{% endtrans %}" href="https://github.com/numerique-gouv/b3desk" target="_blank" rel="noopener">{% trans %}Voir le code source{% endtrans %}</a>
+                        {% if version %}v{{ version }}{% endif %}
+                    </p>
+                    <ul class="fr-footer__content-list">
+                        <li class="fr-footer__content-item">
+                            <a class="fr-footer__content-link" target="_blank" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
+                        </li>
+                        <li class="fr-footer__content-item">
+                            <a class="fr-footer__content-link" target="_blank" href="https://gouvernement.fr">gouvernement.fr</a>
+                        </li>
+                        <li class="fr-footer__content-item">
+                            <a class="fr-footer__content-link" target="_blank" href="https://service-public.fr">service-public.fr</a>
+                        </li>
+                        <li class="fr-footer__content-item">
+                            <a class="fr-footer__content-link" target="_blank" href="https://data.gouv.fr">data.gouv.fr</a>
+                        </li>
+                    </ul>
+                </div>
             </div>
-            <div class="fr-footer__content">
-                <p class="fr-footer__content-desc">
-                    {% trans %}Service proposé par la Direction interministérielle du numérique et la Direction du numérique pour l'éducation{% endtrans %}
-                </p>
-                <p class="fr-footer__content-desc">
-                    {% trans %}Le code source est ouvert et les contributions sont bienvenues.{% endtrans %}
-                    <a title="{% trans %}Voir le code source - nouvelle fenêtre{% endtrans %}" href="https://github.com/numerique-gouv/b3desk" target="_blank" rel="noopener">{% trans %}Voir le code source{% endtrans %}</a>
-                    {% if version %}v{{ version }}{% endif %}
-                </p>
-                <ul class="fr-footer__content-list">
-                    <li class="fr-footer__content-item">
-                        <a class="fr-footer__content-link" target="_blank" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
+            <div class="fr-footer__bottom">
+                <ul class="fr-footer__bottom-list">
+                    <li class="fr-footer__bottom-item">
+                        <a class="fr-footer__bottom-link" href="{{ url_for("routes.accessibilite") }}">{% trans %}Accessibilité : non conforme{% endtrans %}</a>
                     </li>
-                    <li class="fr-footer__content-item">
-                        <a class="fr-footer__content-link" target="_blank" href="https://gouvernement.fr">gouvernement.fr</a>
+                    <li class="fr-footer__bottom-item">
+                        <a class="fr-footer__bottom-link" href="{{ url_for("routes.mentions_legales") }}">{% trans %}Mentions légales{% endtrans %}</a>
                     </li>
-                    <li class="fr-footer__content-item">
-                        <a class="fr-footer__content-link" target="_blank" href="https://service-public.fr">service-public.fr</a>
+                    <li class="fr-footer__bottom-item">
+                        <a class="fr-footer__bottom-link" href="{{ url_for("routes.donnees_personnelles") }}">{% trans %}Données personnelles et cookies{% endtrans %}</a>
                     </li>
-                    <li class="fr-footer__content-item">
-                        <a class="fr-footer__content-link" target="_blank" href="https://data.gouv.fr">data.gouv.fr</a>
+                    <li class="fr-footer__bottom-item">
+                        <a class="fr-footer__bottom-link" href="{{ url_for("routes.cgu") }}">{% trans %}Conditions générales d’utilisation{% endtrans %}</a>
                     </li>
                 </ul>
             </div>
         </div>
-        <div class="fr-footer__bottom">
-            <ul class="fr-footer__bottom-list">
-                <li class="fr-footer__bottom-item">
-                    <a class="fr-footer__bottom-link" href="{{ url_for("routes.accessibilite") }}">{% trans %}Accessibilité : non conforme{% endtrans %}</a>
-                </li>
-                <li class="fr-footer__bottom-item">
-                    <a class="fr-footer__bottom-link" href="{{ url_for("routes.mentions_legales") }}">{% trans %}Mentions légales{% endtrans %}</a>
-                </li>
-                <li class="fr-footer__bottom-item">
-                    <a class="fr-footer__bottom-link" href="{{ url_for("routes.donnees_personnelles") }}">{% trans %}Données personnelles et cookies{% endtrans %}</a>
-                </li>
-                <li class="fr-footer__bottom-item">
-                    <a class="fr-footer__bottom-link" href="{{ url_for("routes.cgu") }}">{% trans %}Conditions générales d’utilisation{% endtrans %}</a>
-                </li>
-            </ul>
-        </div>
     </div>
 </footer>
diff --git a/web/b3desk/templates/jumbotron.html b/web/b3desk/templates/jumbotron.html
@@ -1,16 +1,7 @@
 {% include 'rie.html' %}
 {% if user %}
-<div class="grey-section fr-py-3w">
+<div class="fr-py-1w">
   <div class="fr-container">
-    <div class="fr-mt-4w fr-grid-row fr-grid-row--center">
-      <div class="fr-col-sm-8 fr-col-md-6 fr-col-lg-4 connected">
-        {% if quick_meeting is defined and quick_meeting %}
-          <h1 class="fr-h2">{% trans %}Lancer {{ a_meeting }}{% endtrans %}</h1>
-          <a class="fr-btn fr-btn--lg" href="{{ url_for("routes.quick_meeting") }}" target="_blank" rel="noopener" title="{% trans %}Lancer {{ the_meeting }} - nouvelle fenêtre{% endtrans %}">{% trans %}Démarrer {{ a_meeting }} immédiatement{% endtrans %}</a>
-          <p class="fr-mt-2w">{{ welcome_page_subtitle }}</p>
-        {% endif %}
-      </div>
-    </div>
     {% if stats is defined and stats %}
     <div class="fr-mt-4w fr-grid-row fr-grid-row--center fr-grid-row--gutters stats-info-container">
       <div class="fr-col-sm-10 fr-col-md-8">

diff --git a/web/b3desk/templates/meeting/list.html b/web/b3desk/templates/meeting/list.html
@@ -1,8 +1,17 @@
 <div class="list-meeting-rooms">
-  <h2>{% trans %}Mes salles de {{ some_meetings }}{% endtrans %}</h2>
-  {% if can_create_meetings == true %}
-  <p class="fr-text--sm"><a href="{{ url_for("routes.new_meeting") }}" ><span aria-hidden="true" class="ri-add-line"></span> {% trans %}Créer une salle de {{ meeting_label }}</a> vous permet de conserver les réglages et le lien de la salle.{% endtrans %}</p>
-  {% else %}
+  <div class="fr-container">
+    <div class="list-meeting-rooms-title">
+      <h2>{% trans %}Mes salles de {{ some_meetings }}{% endtrans %}</h2>
+      {% if can_create_meetings == true %}
+      <div>
+        <a href="{{ url_for("routes.new_meeting") }}" class="fr-link fr-link--icon-left fr-icon-add-line">
+          Créer une salle permanente
+        </a>
+      </div>
+      {% endif %}
+    </div>
+  </div>
+  {% if not can_create_meetings %}
   <div class="fr-highlight error">
     <p class="">
       <i class="ri-error-warning-line"></i>
@@ -11,22 +20,38 @@ <h2>{% trans %}Mes salles de {{ some_meetings }}{% endtrans %}</h2>
   </div>
   {% endif %}
 
-  {% for meeting in meetings %}
+  {% if not meetings %}
   <div class="fr-grid-row">
-    <div class="fr-col meeting-room">
-      <h3 class="fr-text--lg fr-mt-1-5v">{{ meeting.name }}</h3>
-      {% include 'meeting/row.html' %}
+    <div class="fr-col-md-4 image-no-meetings">
+    </div>
+    <div class="fr-col-md-8">
+      <p>Vous n'avez pas encore créé de salle de {{ some_meetings }} permanente. Vous pouvez créer votre salle permanente ou accéder à une salle temporaire plus bas.</p>
+      <a href="{{ url_for("routes.new_meeting") }}" class="fr-btn fr-btn--icon-left fr-icon-add-line">
+        Créer une salle permanente
+      </a>
+      <p class="fr-mt-2w fr-text--sm">
+        En créant une salle de réunion permanente, vous pouvez créer une base de documents permanente, choisir d'ajouter une salle d'attente, de bloquer les micros et les caméras ouverts ou fermés, d'afficher ou non les espaces de discussions privés et publiques, ou encore accéder aux enregistrements à la fin de votre réunion.
+      </p>
     </div>
   </div>
-  {% include 'meeting/modals/delete.html' %}
-  {% include 'meeting/modals/invite.html' %}
-  {% include 'meeting/modals/recordings.html' %}
-  {% endfor %}
-  {% if meetings|length and config.get("SATISFACTION_POLL_URL") %}
-    <iframe id="iframe-poll"
-      frameborder=0
-      src="{{ config.get("SATISFACTION_POLL_URL") }}"
-      height="500" scrolling="no"
-      sandbox="allow-scripts allow-same-origin allow-forms"></iframe>
-  {% endif %}
-</div>
+  {% else %}
+    {% for meeting in meetings %}
+    <div class="fr-grid-row">
+      <div class="fr-col meeting-room">
+        <h3 class="fr-text--lg fr-mt-1-5v">{{ meeting.name }}</h3>
+        {% include 'meeting/row.html' %}
+      </div>
+    </div>
+    {% include 'meeting/modals/delete.html' %}
+    {% include 'meeting/modals/invite.html' %}
+    {% include 'meeting/modals/recordings.html' %}
+    {% endfor %}
+    {% if meetings|length and config.get("SATISFACTION_POLL_URL") %}
+      <iframe id="iframe-poll"
+        frameborder=0
+        src="{{ config.get("SATISFACTION_POLL_URL") }}"
+        height="500" scrolling="no"
+        sandbox="allow-scripts allow-same-origin allow-forms"></iframe>
+    {% endif %}
+  </div>
+{% endif %}
diff --git a/web/translations/en/LC_MESSAGES/messages.po b/web/translations/en/LC_MESSAGES/messages.po
@@ -620,8 +620,8 @@ msgstr "Start the meeting - new window"
 
 #: web/b3desk/templates/jumbotron.html:9
 #, python-format
-msgid "Démarrer %(a_meeting)s immédiatement"
-msgstr "Start a meeting immediately"
+msgid "Ouvrir %(a_meeting)s temporaire"
+msgstr "Start a temporary meeting"
 
 #: web/b3desk/templates/jumbotron.html:19
 #: web/b3desk/templates/jumbotron.html:49
@@ -1961,21 +1961,27 @@ msgstr ""
 
 #: web/instance/config.py:185
 msgid ""
-"Créez un cours immédiatement avec des réglages standards. Ce cours ne "
-"sera pas enregistré dans votre liste de salons."
+"Créez en un clic un cours aux réglages standards. "
+"Il ne sera pas enregistré dans votre liste de salles."
 msgstr ""
+"Create a meeting with standard settings in just one "
+"click. It will not be saved in your room list."
 
 #: web/instance/config.py:188
 msgid ""
-"Créez une réunion immédiatement avec des réglages standards. Cette "
-"réunion ne sera pas enregistrée dans votre liste de salons."
+"Créez en un clic une réunion aux réglages standards. "
+"Elle ne sera pas enregistrée dans votre liste de salles."
 msgstr ""
+"Create a course with standard settings in just one "
+"click. It will not be saved in your room list."
 
 #: web/instance/config.py:191
 msgid ""
-"Créez un séminaire immédiatement avec des réglages standards. Ce "
-"séminaire ne sera pas enregistré dans votre liste de salons."
+"Créez en un clic un séminaire aux réglages standards. "
+"Il ne sera pas enregistré dans votre liste de salles."
 msgstr ""
+"Create a seminar with standard settings in just one "
+"click. It will not be saved in your room list."
 
 #: web/instance/config.py:196
 msgid "Invitation à un cours en ligne immédiat du Webinaire de l’Etat"

diff --git a/web/translations/fr/LC_MESSAGES/messages.po b/web/translations/fr/LC_MESSAGES/messages.po
@@ -517,7 +517,7 @@ msgstr ""
 
 #: web/b3desk/templates/jumbotron.html:9
 #, python-format
-msgid "Démarrer %(a_meeting)s immédiatement"
+msgid "Ouvrir %(a_meeting)s temporaire"
 msgstr ""
 
 #: web/b3desk/templates/jumbotron.html:19
@@ -1850,20 +1850,20 @@ msgstr ""
 
 #: web/instance/config.py:185
 msgid ""
-"Créez un cours immédiatement avec des réglages standards. Ce cours ne "
-"sera pas enregistré dans votre liste de salons."
+"Créez en un clic un cours aux réglages standards. "
+"Il ne sera pas enregistré dans votre liste de salles."
 msgstr ""
 
 #: web/instance/config.py:188
 msgid ""
-"Créez une réunion immédiatement avec des réglages standards. Cette "
-"réunion ne sera pas enregistrée dans votre liste de salons."
+"Créez en un clic une réunion aux réglages standards. "
+"Elle ne sera pas enregistrée dans votre liste de salles."
 msgstr ""
 
 #: web/instance/config.py:191
 msgid ""
-"Créez un séminaire immédiatement avec des réglages standards. Ce "
-"séminaire ne sera pas enregistré dans votre liste de salons."
+"Créez en un clic un séminaire aux réglages standards. "
+"Il ne sera pas enregistré dans votre liste de salles."
 msgstr ""
 
 #: web/instance/config.py:196
@@ -2333,4 +2333,3 @@ msgstr ""
 #~ " \n"
 #~ "« Organisateurs/modérateurs » qui géreront avec vous le séminaire."
 #~ msgstr ""
-
diff --git a/web/translations/messages.pot b/web/translations/messages.pot
@@ -516,7 +516,7 @@ msgstr ""
 
 #: web/b3desk/templates/jumbotron.html:9
 #, python-format
-msgid "Démarrer %(a_meeting)s immédiatement"
+msgid "Ouvrir %(a_meeting)s temporaire"
 msgstr ""
 
 #: web/b3desk/templates/jumbotron.html:19
@@ -1849,20 +1849,20 @@ msgstr ""
 
 #: web/instance/config.py:185
 msgid ""
-"Créez un cours immédiatement avec des réglages standards. Ce cours ne "
-"sera pas enregistré dans votre liste de salons."
+"Créez en un clic un cours aux réglages standards. "
+"Il ne sera pas enregistré dans votre liste de salles."
 msgstr ""
 
 #: web/instance/config.py:188
 msgid ""
-"Créez une réunion immédiatement avec des réglages standards. Cette "
-"réunion ne sera pas enregistrée dans votre liste de salons."
+"Créez en un clic une réunion aux réglages standards. "
+"Elle ne sera pas enregistrée dans votre liste de salles."
 msgstr ""
 
 #: web/instance/config.py:191
 msgid ""
-"Créez un séminaire immédiatement avec des réglages standards. Ce "
-"séminaire ne sera pas enregistré dans votre liste de salons."
+"Créez en un clic un séminaire aux réglages standards. "
+"Il ne sera pas enregistré dans votre liste de salles."
 msgstr ""
 
 #: web/instance/config.py:196
@@ -1898,4 +1898,3 @@ msgid ""
 "Bienvenue. Pour inviter quelqu'un à %(this_meeting)s, envoyez-lui l'un de"
 " ces liens :"
 msgstr ""
-