Refactorings and gui improvements

app/views/reports/show.html.slim

@@ -1,33 +1,27 @@
-small.float-end
-  |  Erstellt am 
-  = l(@report.created_at, format: :short)
-  | , zuletzt bearbeitet am 
-  = l(@report.updated_at, format: :short)
+div
+  small.float-end
+    |  Erstellt am 
+    = l(@report.created_at, format: :short)
+    | , zuletzt bearbeitet am 
+    = l(@report.updated_at, format: :short)
 h1
   i.bi.bi-journal-text.me-2
   = @report.name
 - if @report.comment
   .smb-4.lead.mb-3
     = @report.comment
-= turbo_frame_tag "nav" do
-  .row 
-    .col-lg-3.col-md-6.col-sm-12
-      nav.nav.nav-pills.flex-column.mb-3#page_list
-        - @report.pages.each do |page|
-          /= link_to(report_path(@report, page_id: page.id), class: "nav-link#{@current_page&.id == page.id ? " active" : nil  }", data: { "turbo-action": :advance }) do
-            i.bi.bi-file
-            =< "#{page.position} #{page.path}"
-          = link_to(page.path, report_path(@report, page_id: page.id), class: "nav-link#{@current_page&.id == page.id ? " active" : nil  }", data: { "turbo-action": :advance })
-      = turbo_frame_tag "new_page_frame" do
-        = render partial: "reports/new_page_button", locals: { report: @report }
+.row 
+  .col-lg-3.col-md-6.col-sm-12
+    .page_nav.sticky-top
+      = render partial: "reports/page_nav", locals: { report: @report, current_page: @current_page }
       - if @current_page
         = turbo_frame_tag(dom_id(@current_page, :notes)) do 
           = render partial: "pages/notes", locals: { page: @current_page }
-    .col-lg-9.col-md-6.col-sm-12
-      - if @current_page
-          = render @current_page
-      - else 
-        'Gehen Sie weiter, hier gibt es nichts zu sehen.
+  .col-lg-9.col-md-6.col-sm-12
+    - if @current_page
+        = render @current_page
+    - else 
+      'Gehen Sie weiter, hier gibt es nichts zu sehen.
 .action-row
   = link_to report_path(@report, format: :pdf), class: "btn btn-secondary", target: "_blank" do
     i.bi.bi-filetype-pdf