From 64d6c1e2b677cdd111a41e1905181957bed8d839 Mon Sep 17 00:00:00 2001
From: Loan Robert <loan.rbrt@gmail.com>
Date: Wed, 21 Aug 2024 12:04:26 +0200
Subject: [PATCH] Tidy sharing records button and streaming services

---
 web/b3desk/settings.py                       | 17 +++++++++++++++
 web/b3desk/templates/meeting/recordings.html | 23 +++++++++++++++-----
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/web/b3desk/settings.py b/web/b3desk/settings.py
index b584877..facb0c0 100644
--- a/web/b3desk/settings.py
+++ b/web/b3desk/settings.py
@@ -1051,3 +1051,20 @@ def get_email_whitelist(
 
     ENABLE_LASUITENUMERIQUE: Optional[bool] = False
     """Enable LaSuite numerique homepage style."""
+
+    VIDEO_STREAMING_LINKS: Optional[dict[str, str]] = {}
+    """List of streaming service for video sharing."""
+
+    @field_validator("VIDEO_STREAMING_LINKS", mode="before")
+    def get_video_streaming_links(
+        cls,
+        video_streaming_links: Optional[dict[str, str]],
+        info: ValidationInfo,
+    ) -> dict[str, str]:
+        if not video_streaming_links:
+            return {}
+
+        if isinstance(video_streaming_links, str):
+            return json.loads(video_streaming_links)
+
+        return video_streaming_links
diff --git a/web/b3desk/templates/meeting/recordings.html b/web/b3desk/templates/meeting/recordings.html
index 5b786d1..3d39114 100644
--- a/web/b3desk/templates/meeting/recordings.html
+++ b/web/b3desk/templates/meeting/recordings.html
@@ -26,10 +26,12 @@ <h3 class="fr-h3">
             {% trans %}Renommer l’enregistrement{% endtrans %}
         </button>
     </h3>
+    <span>
         {% trans start_date=recording.start_date|dateformat, expiration_date=(recording.end_date+config["RECORDING_DURATION"])|dateformat %}
         Enregistré le {{ start_date }} -
         Expire le {{ expiration_date }}
         {% endtrans %}
+    </span>
     <div class="fr-table fr-table--bordered fr-table--layout-fixed">
         <table>
             <thead>
@@ -53,18 +55,19 @@ <h3 class="fr-h3">
                     </td>
                     <td style="vertical-align: middle">
                         <div class="fr-grid-row fr-grid-row--gutters btn-actions">
-                            <a class="fr-btn fr-btn--primary fr-mx-1w" target="_blank" rel="noopener" href="{{ playback.url }}" title="Voir l'enregistrement"><span class="fr-icon-play-line"></span></a>
-                            <button type="button" class="btn-copy fr-btn fr-btn--primary fr-mx-1w"" id="meeting-{{ meeting.id }}-moderator-copy" onclick="navigator.clipboard.writeText('{{ playback.url }}');" title="Copier le lien de l'enregistrement dans le presse-papiers">
+                            <a class="fr-btn fr-btn--primary" target="_blank" rel="noopener" href="{{ playback.url }}" title="Voir l'enregistrement"><span class="fr-icon-play-line"></span></a>
+                            <button type="button" class="btn-copy fr-btn fr-btn--primary fr-ml-1v" id="meeting-{{ meeting.id }}-moderator-copy" onclick="navigator.clipboard.writeText('{{ playback.url }}');" title="Copier le lien de l'enregistrement dans le presse-papiers">
                                 <span class="fr-icon-clipboard-line"></span>
                             </button>
                             {% if recording.playbacks.get("video") %}
+                            <a class="fr-btn fr-btn--primary fr-ml-2w" target="_blank" rel="noopener" href="{{ recording.playbacks['video'].url }}" title="Voir l'enregistrement mp4"><span class="fr-icon-film-line"></span></a>
                             {% if recording.playbacks.video.get("direct_link") %}
-                            <button class="fr-btn fr-btn--primary fr-mx-1w" data-fr-opened="false" aria-controls="share-video-{{ recording.recordID }}" title="Partager l'enregistrement">
-                                <span class="fr-icon-git-branch-line" aria-hidden="true"></span>
+                            <button class="fr-btn fr-btn--primary fr-ml-1v" data-fr-opened="false" aria-controls="share-video-{{ recording.recordID }}" title="Partager l'enregistrement mp4">
+                                <span class="fr-icon-links-line" aria-hidden="true"></span>
                             </button>
                             {% endif %}
                             {% endif %}
-                            <button class="fr-btn fr-btn--secondary fr-fi-delete-line fr-mx-1w"  data-fr-opened="false" aria-controls="delete-video-{{ recording.recordID }}">
+                            <button class="fr-btn fr-btn--secondary fr-fi-delete-line fr-ml-2w"  data-fr-opened="false" aria-controls="delete-video-{{ recording.recordID }}">
                                 {% trans meeting_name=meeting.name %}Supprimer video de {{ meeting_name }}{% endtrans %}
                             </button>
                         </div>
@@ -171,6 +174,16 @@ <h1 id="share-video-{{ recording.recordID }}-title" class="fr-modal__title">
                                 <span class="" aria-hidden="true"></span>
                                 Partager l'enregistrement de "<em>{{ recording_name }}</em>"
                             </h1>
+                            <p>
+                                Cet enregistrement est conservé temporairement sur ce service. Pour le mettre à disposition de manière pérenne, fournissez ce lien à des services dédiés à la diffusion
+                                {%- if config["VIDEO_STREAMING_LINKS"] -%}
+                                    {%- for service, link in config["VIDEO_STREAMING_LINKS"].items() -%}
+                                        {{ " tels que " if loop.first else ", " if not loop.last else " ou " }}<a href="{{link}}">{{service}}</a>
+                                    {%- endfor -%}
+                                {%- endif -%}
+                                .
+                                En cas de diffusion publique, veillez préalablement à obtenir l'autorisation des participants.
+                            </p>
                             {% if recording.playbacks.get("video") %}
                             {% if recording.playbacks.video.get("direct_link") %}
                             <div class="fr-grid-row fr-grid-row--center">