Add hot keys feature

app/views/layouts/application.html.slim

@@ -8,6 +8,7 @@ html data-bs-theme="#{cookies[:"modeTheme"] || "light"}" data-controller="set-th
     = stylesheet_link_tag "application", "data-turbo-track": "reload"
     = javascript_include_tag "application", "data-turbo-track": "reload", type: "module"
   body
+    a.visually-hidden href="#main-content" data={ hotkey: "t", controller: "hotkey" } Direkt zum Inhalt
     = render partial: "layouts/navigation"
     .container-fluid
       .row

app/views/pages/_page.html.erb

@@ -10,4 +10,6 @@
       <%= render partial: "pages/new_element_button", locals: { page: page } %>
     <% end %>
   </div>
+
+  <%= link_to("Zum ersten Element", "##{dom_id(page.elements.first)}", class: "visually-hidden", data: {controller: :hotkey, hotkey: "a"}) if page.elements.first %>
 </div>

app/views/reports/_page_nav.html.slim

@@ -1,10 +1,10 @@
 / div id=dom_id(report, :page_nav)
-= turbo_frame_tag(dom_id(report, :page_nav))
-  ul.nav.nav-underline 
+= turbo_frame_tag(dom_id(report, :page_nav)) do
+  ul.nav.nav-underline
     li.nav-item 
-      = link_to("Baum", url_for(pnm: :n), class: "nav-link #{@page_nav_mode == :nav_tree ? "active david" : nil}")
+      = link_to("Baum", report_path(report, page_id: @current_page.id, pnm: :n), class: "nav-link #{@page_nav_mode == :nav_tree ? "active" : nil}", data: { hotkey: "b", controller: :hotkey })
     li.nav-item 
-      = link_to("Notizen", url_for(pnm: :c), class: "nav-link #{@page_nav_mode == :comment ? "active" : nil}")
+      = link_to("Notizen", report_path(report, page_id: @current_page.id, pnm: :c), class: "nav-link #{@page_nav_mode == :comment ? "active" : nil}", data: { hotkey: "n", controller: :hotkey })
   - if @page_nav_mode == :nav_tree
     - if report.pages.any?
       nav.mt-3 id=dom_id(report, :page_nav_spy)

app/views/success_criteria/_body.html.slim

@@ -28,7 +28,9 @@
       .col-md-4.col-lg-3
         .text-end.fw-bold WCAG/ID
       .col-md-8.col-lg-9
-        = link_to("#{success_criterion.check.external_number}/#{success_criterion.check.id}", success_criterion.check, data: { turbo_frame: "_top"}, target: :_blank)
+        => link_to("#{success_criterion.check.external_number}", success_criterion.check.external_url, target: :_blank)
+        '/
+        = link_to("#{Check.model_name.human} ##{success_criterion.check.id}", success_criterion.check, target: :_blank)
     .row.mb-4
       .col-md-4.col-lg-3
         .text-end.fw-bold = SuccessCriterion.human_attribute_name(:quick_criterion)