From c69f1b3e831e39327da488fbb395337371b804e4 Mon Sep 17 00:00:00 2001
From: Amaia Castro <amaia@amaiac.net>
Date: Tue, 13 Dec 2016 12:29:06 +0100
Subject: [PATCH] Fullscreen toggle for the markdown editor

---
 .../javascripts/markdown_editor.js.coffee     |  9 ++++++
 app/assets/stylesheets/admin.scss             | 31 +++++++++++++++++++
 .../legislation/draft_versions/_form.html.erb |  5 ++-
 config/locales/admin.en.yml                   |  2 ++
 config/locales/admin.es.yml                   |  2 ++
 5 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/markdown_editor.js.coffee b/app/assets/javascripts/markdown_editor.js.coffee
index 0afd8c9e9..e7c982afd 100644
--- a/app/assets/javascripts/markdown_editor.js.coffee
+++ b/app/assets/javascripts/markdown_editor.js.coffee
@@ -12,9 +12,18 @@ App.MarkdownEditor =
         breaks: true,
         typographer: true,
       })
+
       App.MarkdownEditor.refresh_preview($(this), md)
+
       $(this).on 'change input paste keyup', ->
         App.MarkdownEditor.refresh_preview($(this), md)
         return
 
+      $(this).find('.fullscreen-toggle').on 'click', ->
+        $('.markdown-editor').toggleClass('fullscreen')
+
+        if $('.markdown-editor').hasClass('fullscreen')
+          $('.markdown-editor textarea').height($(window).height() - 100)
+        else
+          $('.markdown-editor textarea').height("10em")
 
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 4968983f0..7512e7ef1 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -394,3 +394,34 @@ table.investment-projects-summary {
     white-space: nowrap;
   }
 }
+
+
+// Markdown Editor
+// ---------------
+
+.markdown-editor {
+  background-color: white;
+}
+
+.markdown-editor #markdown-preview {
+  overflow-y: auto;
+  height: 15em;
+}
+
+.markdown-editor textarea {
+  height: 15em;
+}
+
+.markdown-editor.fullscreen {
+  z-index: 9999;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.markdown-editor.fullscreen #markdown-preview {
+  height: 99%;
+}
+
diff --git a/app/views/admin/legislation/draft_versions/_form.html.erb b/app/views/admin/legislation/draft_versions/_form.html.erb
index 1363a188d..edcad5993 100644
--- a/app/views/admin/legislation/draft_versions/_form.html.erb
+++ b/app/views/admin/legislation/draft_versions/_form.html.erb
@@ -61,8 +61,11 @@
     </div>
     <br/>
     <div class="markdown-editor">
+      <div class="small-12 column">
+        <span class="icon-arrows-expand"></span><%= link_to t("admin.legislation.draft_versions.form.fullscreen_toggle"), "#", class: 'fullscreen-toggle' %>
+      </div>
       <div class="small-12 medium-6 column">
-        <%= f.text_area :body, label: false, rows: 25 %>
+        <%= f.text_area :body, label: false %>
       </div>
       <div id="markdown-preview" class="small-12 medium-6 column">
       </div>
diff --git a/config/locales/admin.en.yml b/config/locales/admin.en.yml
index 9041793da..814691fbc 100755
--- a/config/locales/admin.en.yml
+++ b/config/locales/admin.en.yml
@@ -115,6 +115,8 @@ en:
         errors:
           form:
             error: Error
+        form:
+          fullscreen_toggle: Toggle full screen
         index:
           title: Draft versions
           create: Create version
diff --git a/config/locales/admin.es.yml b/config/locales/admin.es.yml
index 9308f453f..e5062dd7a 100644
--- a/config/locales/admin.es.yml
+++ b/config/locales/admin.es.yml
@@ -113,6 +113,8 @@ es:
         errors:
           form:
             error: Error
+        form:
+          fullscreen_toggle: Pantalla completa
         index:
           title: Versiones del borrador
           create: Crear versión