From a7f332e630bf957a14d335d824a061ab8529826b Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Thu, 11 Jan 2024 11:59:08 +0100
Subject: [PATCH] (fix) Update the multiselect dropdown color switch step 2
 [SCI-9973]

---
 .../repository_values/RepositoryStockValue.vue    | 15 ++++++++++++++-
 app/javascript/vue/shared/checklist_select.vue    |  2 +-
 config/environments/development.rb                |  3 ++-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
index f59539f2d..8d446eb02 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
@@ -3,7 +3,16 @@
     <div class="font-inter text-sm font-semibold leading-5 relative h-[20px] flex flex-row">
       <div class="flex flex-row gap-1">
         <span class="truncate w-fit inline-block" :title="colName">{{ colName }}</span>
-        <div v-if="values?.reminder" class="bg-sn-alert-passion w-1.5 h-1.5 min-w-[0.375rem] min-h-[0.375rem] rounded hover:cursor-pointer" :title="values.reminder_text"></div>
+        <div v-if="values?.reminder" >
+          <div v-if="isBetweenThresholdAndDepleted"
+            class="bg-sn-alert-brittlebush w-1.5 h-1.5 min-w-[0.375rem] min-h-[0.375rem] rounded hover:cursor-pointer"
+            :title="values.reminder_text">
+          </div>
+          <div v-else
+            class="bg-sn-alert-passion w-1.5 h-1.5 min-w-[0.375rem] min-h-[0.375rem] rounded hover:cursor-pointer"
+            :title="values.reminder_text">
+          </div>
+        </div>
       </div>
       <a style="text-decoration: none;" class="absolute right-0 btn-text-link font-normal export-consumption-button"
         v-if="permissions?.can_export_repository_stock === true && values?.stock_formatted" :data-rows="JSON.stringify([repositoryRowId])"
@@ -43,6 +52,10 @@ export default {
       if (this.canEdit && this.isEditing) return `${className} border-sn-science-blue`;
       if (this.canEdit) return `${className} border-sn-light-grey hover:border-sn-sleepy-grey`;
       return '';
+    },
+    isBetweenThresholdAndDepleted() {
+      return Number(this.values.stock_amount) <= Number(this.values.low_stock_threshold)
+      && (Number(this.values.stock_amount) > 0);
     }
   },
   data() {
diff --git a/app/javascript/vue/shared/checklist_select.vue b/app/javascript/vue/shared/checklist_select.vue
index 305233d37..07d01d086 100644
--- a/app/javascript/vue/shared/checklist_select.vue
+++ b/app/javascript/vue/shared/checklist_select.vue
@@ -48,7 +48,7 @@
                :key="option.id"
                class="checklist px-3 py-2 rounded hover:bg-sn-super-light-grey cursor-pointer
                 flex gap-1 justify-start items-center"
-               :class="option.id === this.lastSelectedOption ? 'bg-sn-super-light-blue' : ''"
+               :class="option.id === this.lastSelectedOption ? 'bg-sn-super-light-blue hover:bg-sn-super-light-blue' : ''"
                @change="toggleOption"
                @click="triggerLabelClick($event, option.id)"
                >
diff --git a/config/environments/development.rb b/config/environments/development.rb
index 75eafed4e..692d7ae73 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -61,7 +61,7 @@ Rails.application.configure do
   config.active_support.disallowed_deprecation_warnings = []
 
   # Raise an error on page load if there are pending migrations.
-  # config.active_record.migration_error = :page_load
+  config.active_record.migration_error = :page_load
 
   # Highlight code that triggered database queries in logs.
   config.active_record.verbose_query_logs = true
@@ -104,4 +104,5 @@ Rails.application.configure do
   else
     config.x.new_team_on_signup = false
   end
+  config.hosts << "dev.scinote.test"
 end