Turn contest dashboard into tabs for easier navigation

2025-11-13 12:06:12 +01:00
parent 0f31265f7b
commit 97ea17b7c2
17 changed files with 265 additions and 239 deletions
--- a/app/views/puzzles/index.html.slim
+++ b/app/views/puzzles/index.html.slim
@@ -0,0 +1,34 @@
+= render "contest_nav"
+
+.row.mb-4 style="height: calc(100vh - 280px)"
+  .col.d-flex.flex-column style="height: 100%"
+
+    .row.mb-4
+      .col
+        a.btn.btn-primary href=new_contest_puzzle_path(@contest) style="margin-top: -3px"
+          | + #{t("helpers.buttons.add")}
+    table.table.table-striped.table-hover
+      thead
+        tr
+          th
+            = t("activerecord.attributes.puzzle.image")
+          th
+            = t("activerecord.attributes.puzzle.name")
+          th
+            = t("activerecord.attributes.puzzle.brand")
+          th
+            = t("activerecord.attributes.puzzle.pieces")
+      tbody
+        - @puzzles.each do |puzzle|
+          tr.align-middle scope="row"
+            td
+              = image_tag(puzzle.image, class: "img-fluid", style: "max-height: 128px;") if puzzle.image.attached?
+            td
+              = puzzle.name
+            td
+              = puzzle.brand
+            td
+              = puzzle.pieces
+            td
+              a.btn.btn-sm.btn-secondary href=edit_contest_puzzle_path(@contest, puzzle)
+                = t("helpers.buttons.edit")