From c4cc2ff304abf1d73301dad36888a7573e2dd73b Mon Sep 17 00:00:00 2001
From: Arnaud Levy <contact@arnaudlevy.com>
Date: Thu, 10 Feb 2022 17:53:37 +0100
Subject: [PATCH] preview

---
 app/assets/stylesheets/admin/preview.sass             |  3 +++
 .../admin/communication/website/posts/show.html.erb   | 11 +++++++++++
 config/locales/en.yml                                 |  3 +++
 config/locales/fr.yml                                 |  3 +++
 4 files changed, 20 insertions(+)
 create mode 100644 app/assets/stylesheets/admin/preview.sass

diff --git a/app/assets/stylesheets/admin/preview.sass b/app/assets/stylesheets/admin/preview.sass
new file mode 100644
index 000000000..8452c3f1d
--- /dev/null
+++ b/app/assets/stylesheets/admin/preview.sass
@@ -0,0 +1,3 @@
+.preview
+    img
+        max-width: 100%
diff --git a/app/views/admin/communication/website/posts/show.html.erb b/app/views/admin/communication/website/posts/show.html.erb
index 3c35f1692..f26b141b9 100644
--- a/app/views/admin/communication/website/posts/show.html.erb
+++ b/app/views/admin/communication/website/posts/show.html.erb
@@ -62,6 +62,17 @@
   </div>
 <% end %>
 
+<div class="offcanvas offcanvas-start preview" tabindex="-1" id="preview" aria-labelledby="offcanvasRightLabel" aria-modal="true" role="dialog">
+  <div class="offcanvas-header">
+    <h5 id="offcanvasRightLabel"><%= t 'preview.title' %></h5>
+    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+  </div>
+  <div class="offcanvas-body">
+    <%= @post.text.to_s %>
+  </div>
+</div>
+
 <% content_for :action_bar_right do %>
+  <button class="btn btn-primary my-1" type="button" data-bs-toggle="offcanvas" data-bs-target="#preview" aria-controls="preview"><%= t 'preview.button' %></button>
   <%= edit_link @post %>
 <% end %>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index e535a3d13..a3954fe7e 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -116,6 +116,9 @@ en:
   metadata: Metadata
   please_confirm: Are you sure?
   please_confirm_with_children: "WARNING: deleting this element will also remove every child. Are you sure?"
+  preview:
+    button: Preview
+    title: Mobile preview
   privacy_policy: Privacy policy
   privacy_policy_url: https://osuny.org/politique-de-confidentialite
   quit: Quit
diff --git a/config/locales/fr.yml b/config/locales/fr.yml
index f16346f8d..c680a814f 100644
--- a/config/locales/fr.yml
+++ b/config/locales/fr.yml
@@ -116,6 +116,9 @@ fr:
   metadata: Informations
   please_confirm: Est-ce que vous confirmez ?
   please_confirm_with_children: "ATTENTION : effacer cet élément supprimera aussi tous ses enfants. Est-ce que vous confirmez ?"
+  preview:
+    button: Prévisualiser
+    title: Prévisualisation mobile
   privacy_policy: Politique de confidentialité
   privacy_policy_url: https://osuny.org/politique-de-confidentialite
   quit: Quitter
-- 
GitLab