From a36e05904aa8c616d6b12fad450fbb61c07a87d5 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Fri, 16 Jun 2023 13:47:40 +0200
Subject: [PATCH] Bug 34030: non-table view

Sponsored-by: BULAC - http://www.bulac.fr/
Signed-off-by: BULAC - http://www.bulac.fr/
Signed-off-by: Heather Hernandez <heather_hernandez@nps.gov>
Signed-off-by: Laurence Rault <laurence.rault@biblibre.com>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../components/Preservation/TrainsShow.vue    | 35 ++++++++++++++-----
 1 file changed, 26 insertions(+), 9 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Preservation/TrainsShow.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Preservation/TrainsShow.vue
index 0524262539..f3d2ca2ef0 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Preservation/TrainsShow.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Preservation/TrainsShow.vue
@@ -182,6 +182,12 @@
                         v-for="(item, counter) in train.items"
                         v-bind:key="counter"
                     >
+                        <input
+                            v-model="selected_items"
+                            type="checkbox"
+                            name="user_train_item_id"
+                            :value="item.train_item_id"
+                        />
                         <label
                             >{{ item.user_train_item_id }}
                             <span class="action_links">
@@ -512,17 +518,25 @@ export default {
         },
         clearAll() {
             this.selected_items = []
-            $("#" + this.table_id)
-                .find("input[name='user_train_item_id'][type='checkbox']")
-                .prop("checked", false)
+            if (this.item_table.display) {
+                $("#" + this.table_id)
+                    .find("input[name='user_train_item_id'][type='checkbox']")
+                    .prop("checked", false)
+            }
         },
         selectAll() {
-            $("#" + this.table_id)
-                .find("input[name='user_train_item_id'][type='checkbox']")
-                .each((i, input) => {
-                    this.selected_items.push($(input).val())
-                    $(input).prop("checked", true)
-                })
+            if (this.item_table.display) {
+                $("#" + this.table_id)
+                    .find("input[name='user_train_item_id'][type='checkbox']")
+                    .each((i, input) => {
+                        this.selected_items.push($(input).val())
+                        $(input).prop("checked", true)
+                    })
+            } else {
+                this.selected_items = this.train.items.map(
+                    item => item.train_item_id
+                )
+            }
         },
         printSelected() {
             window.open(
@@ -709,4 +723,7 @@ export default {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
     transition: all 0.3s ease;
 }
+input[type="checkbox"] {
+    float: left;
+}
 </style>
-- 
2.39.5