From 02e2a9ed55b1fc6dbbc2738cf85f706e2ebdceb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= <m@martingonzalez.net>
Date: Wed, 28 Dec 2016 14:23:11 +0100
Subject: [PATCH] Legislation process debate markup and styles

---
 app/assets/stylesheets/admin.scss             | 17 ++++
 .../sandbox/admin_legislation_debate.html.erb | 79 +++++++++++++++++++
 2 files changed, 96 insertions(+)
 create mode 100644 app/views/sandbox/admin_legislation_debate.html.erb

diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 7e8f00d6d..821aa4449 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -472,3 +472,20 @@ table.investment-projects-summary {
     }
   }
 }
+
+.legislation-draft-versions-index {
+  
+  .menu .active > a {
+    background: none;
+  }
+  
+  .legislation-process-question {
+    @include breakpoint(medium) {
+      text-align: right;
+    }
+  }
+  
+  table tr td {
+    padding: 0.25rem 0.375rem;
+  }
+}
diff --git a/app/views/sandbox/admin_legislation_debate.html.erb b/app/views/sandbox/admin_legislation_debate.html.erb
new file mode 100644
index 000000000..8deb539a2
--- /dev/null
+++ b/app/views/sandbox/admin_legislation_debate.html.erb
@@ -0,0 +1,79 @@
+<div class="legislation-draft-versions-index row">
+  <div class="small-12 column">
+    <a class="back" href="/admin/legislation/processes">
+      <span class="icon-angle-left"></span>
+      Volver
+    </a>
+    <h1>Licencias urbanísticas, declaraciones responsables y comunicaciones previas</h1>
+
+    <ul class="menu simple clear">
+      <li >
+        <a href="/admin/legislation/processes/1/edit">Información</a>
+      </li>
+        <li class=active>
+        <a href="/admin/legislation/processes/1/questions">Debate</a>
+      </li>
+      <li >
+        <a href="/admin/legislation/processes/1/draft_versions">Texto</a>
+      </li>
+    </ul>
+    
+    <div class="row">
+      <div class="small-12 medium-9 column">
+        <h4>Preguntas asociadas a este proceso</h4>
+      </div>
+      
+      <div class="small-12 medium-3 column legislation-process-question">
+        <a class="button" href="/admin/legislation/processes/1/questions/new">Crear pregunta</a>
+      </div>
+    </div>
+
+    <table class="stack">
+      <thead>
+        <tr>
+          <th>Título</th>
+          <th>Opciones de respuesta</th>
+          <th>Respuestas</th>
+          <th>Comentarios</th>
+        </tr>
+      </thead>
+      
+      <tbody>
+        <tr id="legislation_question_1">
+          <td>
+            <a href="/admin/legislation/processes/1/questions/1/edit">Esta es mi pregunta</a>
+          </td>
+          <td>
+            <ul>
+              <li>
+                No (0)
+              </li>
+              <li>
+                Nunca (0)
+              </li>
+            </ul>
+          </td>
+          <td>0 respuestas</td>
+          <td>0 comentarios</td>
+        </tr>
+        <tr id="legislation_question_2">
+          <td>
+            <a href="/admin/legislation/processes/1/questions/1/edit">Esta es mi pregunta</a>
+          </td>
+          <td>
+            <ul>
+              <li>
+                No (0)
+              </li>
+              <li>
+                Nunca (0)
+              </li>
+            </ul>
+          </td>
+          <td>0 respuestas</td>
+          <td>0 comentarios</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>