From 4ca71d77013fe7a9f50eb74ab8a9668ca5a24097 Mon Sep 17 00:00:00 2001
From: Vladimir <vladimir.mikulic2@gmail.com>
Date: Mon, 6 Jan 2020 23:03:43 +0100
Subject: [PATCH] ADD: "Create a collection" button

Resolves #808
---
 app/views/tags/_index.html.erb | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/app/views/tags/_index.html.erb b/app/views/tags/_index.html.erb
index e4be70be0..f884297f3 100644
--- a/app/views/tags/_index.html.erb
+++ b/app/views/tags/_index.html.erb
@@ -16,5 +16,28 @@
       </div>
       <input type="text" class="form-control" placeholder="Enter tags" aria-label="tags" name="tags" id="new-tags">
     </div>
+    <small class="d-inline-block ml-5 pl-2 mt-2" data-toggle="modal" data-target="#create-collection-modal" style="cursor: pointer;">Create a collection &raquo;</small>
   <% end %>
+</div>
+
+<!-- "Create a collection" button modal -->
+<div class="modal fade" id="create-collection-modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="modalLabel">Collections of maps</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        Using a unique tag on multiple maps creates a page at <a class="text-primary">https://mapknitter.org/tag/your_tag_name</a>.
+        <br>
+        That's the best way to group and showcase your maps.
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Awesome!</button>
+      </div>
+    </div>
+  </div>
 </div>
\ No newline at end of file