From d67961d98b32a37aef281250d38ac30f927b5b0c Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sun, 26 Apr 2020 11:41:44 +0200
Subject: [PATCH] Navigation for forms#show

---
 app/views/forms/show.html.erb | 45 ++++++++++++++---------------------
 1 file changed, 18 insertions(+), 27 deletions(-)

diff --git a/app/views/forms/show.html.erb b/app/views/forms/show.html.erb
index 7c44119..c5abbcb 100644
--- a/app/views/forms/show.html.erb
+++ b/app/views/forms/show.html.erb
@@ -1,32 +1,24 @@
-<div class="section">
 <div class="container">
-  <div class="content is-paddingless">
-    <h1 class="is-family-secondary"><%= @form.title %></h1>
-    <div class="columns">
-      <div class="column">
-        <p>
-          <button class="button">
-            <span class="icon is-small">
-              <i class="fas fa-link"></i>
-            </span>
-          </button>
-          <%= submission_url(@form) %>
-        </p>
-      </div>
-      <div class="column">
-        <p>
-          <button class="button is-success">
-            <span class="icon is-small">
-              <i class="fas fa-file-excel"></i>
-            </span>
-          </button>
-          <%= link_to 'Google spreadsheet', @form.spreadsheet_url, { :class => "has-text-dark"} %>
-        </p>
-      </div>
-    </div>
+  <div class="is-pulled-right">
+    <%= link_to image_tag("#{@form.backend_name}-icon.svg", alt: @form.backend_name.humanize), @form.spreadsheet_url %>
   </div>
+  <nav class="breadcrumb is-small has-bullet-separator" aria-label="breadcrumbs">
+    <ul>
+      <li>
+        <%= link_to forms_url do %>
+          <span class="icon is-small"><i class="fas fa-home" aria-hidden="true"></i></span>
+          Forms
+        <% end %>
+      </li>
+      <li><%= link_to "Settings", edit_form_url %></li>
+      <li><%= link_to "#{@form.backend_name.humanize} document", @form.spreadsheet_url %></li>
+    </ul>
+  </nav>
+  <h1 class="title">
+    <%= @form.title %>
+  </h1>
 
-  <div class="box table-wrapper">
+  <div class="box table-wrapper is-clearfix" style="clear:both">
     <table class="submission-table table is-fullwidth is-striped is-hoverable">
       <thead>
         <tr>
@@ -47,4 +39,3 @@
     </table>
   </div>
 </div>
-</div>