From f3eb94f9c2ae18351c0e443abae3c097d177da53 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Wed, 25 Sep 2024 13:37:34 +0200
Subject: [PATCH] Add placeholder for disabled storage locations to item card
 [SCI-11084]

---
 app/controllers/repository_rows_controller.rb            | 1 +
 app/helpers/storage_locations_helper.rb                  | 7 +++++++
 app/javascript/vue/repository_item_sidebar/locations.vue | 5 ++++-
 app/views/repository_rows/show.json.jbuilder             | 1 +
 config/locales/en.yml                                    | 1 +
 5 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 app/helpers/storage_locations_helper.rb

diff --git a/app/controllers/repository_rows_controller.rb b/app/controllers/repository_rows_controller.rb
index 9a6d2da67..6a82de2a9 100644
--- a/app/controllers/repository_rows_controller.rb
+++ b/app/controllers/repository_rows_controller.rb
@@ -4,6 +4,7 @@ class RepositoryRowsController < ApplicationController
   include ApplicationHelper
   include MyModulesHelper
   include RepositoryDatatableHelper
+  include StorageLocationsHelper
 
   before_action :load_repository, except: %i(show print rows_to_print print_zpl validate_label_template_columns)
   before_action :load_repository_or_snapshot, only: %i(show print rows_to_print print_zpl
diff --git a/app/helpers/storage_locations_helper.rb b/app/helpers/storage_locations_helper.rb
new file mode 100644
index 000000000..1e0b6d651
--- /dev/null
+++ b/app/helpers/storage_locations_helper.rb
@@ -0,0 +1,7 @@
+module StorageLocationsHelper
+  def storage_locations_placeholder
+    "<div class=\"p-4 rounded bg-sn-super-light-blue\">
+      #{I18n.t('storage_locations.storage_locations_disabled')}
+    </div>"
+  end
+end
diff --git a/app/javascript/vue/repository_item_sidebar/locations.vue b/app/javascript/vue/repository_item_sidebar/locations.vue
index 589ae5566..d496fd4ad 100644
--- a/app/javascript/vue/repository_item_sidebar/locations.vue
+++ b/app/javascript/vue/repository_item_sidebar/locations.vue
@@ -7,7 +7,7 @@
         {{ i18n.t('repositories.locations.assign') }}
       </button>
     </div>
-    <template v-for="(location, index) in repositoryRow.storage_locations.locations" :key="location.id">
+    <template v-if="repositoryRow.storage_locations.enabled" v-for="(location, index) in repositoryRow.storage_locations.locations" :key="location.id">
       <div>
         <div class="sci-divider my-4" v-if="index > 0"></div>
         <div class="flex gap-2 mb-3">
@@ -30,6 +30,9 @@
         </div>
       </div>
     </template>
+    <div v-else>
+      <div v-html="repositoryRow.storage_locations.placeholder"></div>
+    </div>
     <Teleport to="body">
       <AssignModal
         v-if="openAssignModal"
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 74506070d..6443e4006 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -52,6 +52,7 @@ json.storage_locations do
     end
   )
   json.enabled StorageLocation.storage_locations_enabled?
+  json.placeholder storage_locations_placeholder
 end
 
 json.default_columns do
diff --git a/config/locales/en.yml b/config/locales/en.yml
index e0c8a1882..8cd1cf974 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2670,6 +2670,7 @@ en:
     errors:
       my_module_references_missing: 'Task references are not set'
   storage_locations:
+    storage_locations_disabled: "<b>Storage locations are disabled</b>"
     container: 'box'
     location: 'location'
     show: