From 6c9922a87fb72b958b78014c45b6cd1efafdd30e Mon Sep 17 00:00:00 2001
From: hellekin <hellekin@cepheide.org>
Date: Thu, 12 Nov 2020 23:39:13 +0100
Subject: Add Stimulus Map and Taxonomy (WIP)

This commit add StimulusJS interaction for the map
and taxonomy, as well as styling.

It provides preliminary work to hook up live data on the map
from the taxonomy.
---
 app/views/taxonomies/_taxonomy.html.erb        |  8 ++++++++
 app/views/taxonomies/filter/_taxonomy.html.erb |  1 +
 app/views/taxonomies/filter/show.html.erb      |  1 +
 app/views/taxonomies/index.html.erb            |  5 +++++
 app/views/taxonomies/show.html.erb             |  1 +
 app/views/welcome/index.html.erb               | 16 +++-------------
 6 files changed, 19 insertions(+), 13 deletions(-)
 create mode 100644 app/views/taxonomies/_taxonomy.html.erb
 create mode 100644 app/views/taxonomies/filter/_taxonomy.html.erb
 create mode 100644 app/views/taxonomies/filter/show.html.erb
 create mode 100644 app/views/taxonomies/index.html.erb
 create mode 100644 app/views/taxonomies/show.html.erb

(limited to 'app/views')

diff --git a/app/views/taxonomies/_taxonomy.html.erb b/app/views/taxonomies/_taxonomy.html.erb
new file mode 100644
index 0000000..eff6931
--- /dev/null
+++ b/app/views/taxonomies/_taxonomy.html.erb
@@ -0,0 +1,8 @@
+<section id="taxonomy-<%= taxonomy.to_param %>" data-controller="taxonomy" data-taxonomy-uuid="<%= taxonomy.uuid %>">
+    <h3><%= taxonomy.name %></h3>
+    <p class="summary"><%= h taxonomy.summary %></p>
+    <div class="description"><%= m taxonomy.description %></div>
+    <button data-action="taxonomy#deploy">Preview</button>
+    <div class="deploy" data-target="taxonomy.deploy"></div>
+</section>
+
diff --git a/app/views/taxonomies/filter/_taxonomy.html.erb b/app/views/taxonomies/filter/_taxonomy.html.erb
new file mode 100644
index 0000000..99e9c89
--- /dev/null
+++ b/app/views/taxonomies/filter/_taxonomy.html.erb
@@ -0,0 +1 @@
+<%= taxonomy_filter %>
diff --git a/app/views/taxonomies/filter/show.html.erb b/app/views/taxonomies/filter/show.html.erb
new file mode 100644
index 0000000..99e9c89
--- /dev/null
+++ b/app/views/taxonomies/filter/show.html.erb
@@ -0,0 +1 @@
+<%= taxonomy_filter %>
diff --git a/app/views/taxonomies/index.html.erb b/app/views/taxonomies/index.html.erb
new file mode 100644
index 0000000..d060f6c
--- /dev/null
+++ b/app/views/taxonomies/index.html.erb
@@ -0,0 +1,5 @@
+<section id="taxonomies">
+    <h2>Available Taxonomies</h2>
+
+    <%= render collection: @taxonomies: %>
+</section>
diff --git a/app/views/taxonomies/show.html.erb b/app/views/taxonomies/show.html.erb
new file mode 100644
index 0000000..99e9c89
--- /dev/null
+++ b/app/views/taxonomies/show.html.erb
@@ -0,0 +1 @@
+<%= taxonomy_filter %>
diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb
index eac1eff..2a154ae 100644
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@@ -1,23 +1,13 @@
-<% content_for :head do %>
-    <%= stylesheet_link_tag("https://unpkg.com/leaflet@1.7.1/dist/leaflet.css",
-                            integrity: "sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==",
-                            crossorigin: '') %>
-    <%= javascript_include_tag("https://unpkg.com/leaflet@1.7.1/dist/leaflet.js",
-                               integrity: "sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==",
-                               crossorigin: '') %>
-<% end %>
-
 <h1>Bienvenue à l'atelier carto d'IN COMMON</h1>
 
 <%= map_container %>
 
 <% content_for :aside do %>
-    <div data-controller="taxonomy" data-taxonomy-id="2519915f-d19c-4281-b758-f5ddb889d7fa">
+    <div data-controller="taxonomy" data-taxonomy-uuid="<%= @taxonomy.to_param %>">
         <div class="leaflet-bar leaftlet-control" id="taxonomy-toggle">
-            <button data-action="taxonomy#toggle"></button>
+            <button data-action="taxonomy#toggle" data-target="taxonomy.toggle"></button>
         </div>
-        <nav data-target="taxonomy.filter">
-        </nav>
+        <div data-target="taxonomy.filter"></div>
     </div>
 <% end %>
 
-- 
cgit v1.2.3