Gui improvements, ordering

app/views/pages/_form.html.erb

@@ -1,6 +0,0 @@
-<%= bootstrap_form_with(model: [:report, page], data: { turbo: false }) do |form| %>
-    <%= form.text_field :path %>
-    <%= form.text_field :url %>
-    <%# <%= form.rich_text_area :comment %>
-  <%= form.submit %>
-<% end %>

app/views/pages/_form.html.slim

@@ -0,0 +1,5 @@
+= bootstrap_form_with(model: [:report, page], data: { "turbo-frame": :nav }) do |form|
+  = form.text_field :path
+  = form.text_field :url
+  = form.submit
+  = link_to("Abbrechen", report_path(@page.report), class: "btn btn-outline-secondary")

app/views/pages/_notes.html.slim

@@ -0,0 +1,3 @@
+= bootstrap_form_with(model: page) do |form|
+  = form.text_area :notes, rows: [(page.notes&.count("\n") || 0) + 1, 10].max, placeholder: "Hier kannst du Notizen speichern. \n\nNotizen beziehen sich nur auf den aktuellen Pfad.", hide_label: true
+  = form.submit "Speichern"

app/views/pages/_page.html.erb

@@ -1,11 +1,14 @@
-<div id="<%= dom_id page %>">
+<div id="<%= dom_id page %>" class="mb-3">
+  <h2>
+    <i class="bi bi-file"></i>
+    <%= page.position %> <%= page.path %><small><%= page.url %></small></h2>
   <div id="element_list">
     <% page.elements.each do |element| %>
       <%= render element %>
     <% end %>
   </div>
 
-  <div class="pt-3">
+  <div>
     <%= turbo_frame_tag "new_element_frame" do %>
       <%= render partial: "pages/new_element_button", locals: { page: page } %>
     <% end %>

app/views/pages/new.html.erb

@@ -3,7 +3,6 @@
 <%= turbo_frame_tag "new_page_frame" do %>
   <div class="border border-info p-3">
     <%= render "form", page: @page %>
-    <%= link_to "Abbrechen", report_path(@page.report) %>
   </div>
 <% end %>
 

app/views/pages/show.html.erb

@@ -1,9 +0,0 @@
-<h1><%= t("scaffold.pagetitle_show", model: @page.class.model_name.human) %></h1>
-
-<%= render @page %>
-
-<div class="action-row">
-  <%= link_to t("scaffold.link_edit", model: @page.model_name.human), edit_page_path(@page) %>
-  <%= link_to t("scaffold.link_index", model: @page.model_name.human(count: 2)), report_pages_path(@page.report) %>
-  <%= button_to t("scaffold.link_destroy", model: @page.model_name.human), @page, method: :delete, class: "btn btn-outline-danger" %>
-</div>

app/views/pages/show.html.slim

@@ -0,0 +1,9 @@
+h1
+  = t("scaffold.pagetitle_show", model: @page.class.model_name.human)
+= render @page
+= turbo_frame_tag(dom_id(@page, :notes)) do 
+  = render partial: "pages/notes", locals: { page: @page }
+.action-row
+  = link_to t("scaffold.link_edit", model: @page.model_name.human), edit_page_path(@page)
+  = link_to t("scaffold.link_index", model: @page.model_name.human(count: 2)), report_pages_path(@page.report)
+  = button_to t("scaffold.link_destroy", model: @page.model_name.human), @page, method: :delete, class: "btn btn-outline-danger"