From 8d0e13b8c3d4eb415921db59c3a6fabdf3a214d6 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Tue, 28 Nov 2023 09:57:43 +0100
Subject: [PATCH] Add datetime reminder to item card

---
 .../repository_values/RepositoryDateRangeValue.vue       | 5 ++---
 .../repository_values/RepositoryDateTimeRangeValue.vue   | 4 +---
 .../repository_values/RepositoryDateTimeValue.vue        | 4 +---
 .../repository_values/RepositoryDateValue.vue            | 4 +---
 .../repository_values/RepositoryTimeRangeValue.vue       | 4 +---
 .../repository_values/RepositoryTimeValue.vue            | 4 +---
 .../repository_values/date_time_component.vue            | 9 ++++++++-
 7 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
index 3a4c14338..59962b378 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
@@ -1,13 +1,12 @@
 <template>
   <div class="flex flex-col gap-2">
-    <div class="text-sm font-bold truncate" :title="colName">
-      {{ colName }}
-    </div>
+
     <DateTimeComponent
       mode="date"
       :range="true"
       :colVal="colVal"
       :colId="colId"
+      :colName="colName"
       :updatePath="updatePath"
       :canEdit="canEdit"
     />
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
index eb078dc23..7045cd8f5 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="flex flex-col gap-2">
-    <div class="text-sm font-bold truncate" :title="colName">
-      {{ colName }}
-    </div>
     <DateTimeComponent
       mode="datetime"
       :range="true"
       :colVal="colVal"
       :colId="colId"
+      :colName="colName"
       :updatePath="updatePath"
       :canEdit="canEdit"
     />
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
index d0bac4e59..021d0139c 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
@@ -1,12 +1,10 @@
 <template>
   <div class="flex flex-col gap-2">
-    <div class="text-sm font-bold truncate" :title="colName">
-      {{ colName }}
-    </div>
     <DateTimeComponent
       mode="datetime"
       :colVal="colVal"
       :colId="colId"
+      :colName="colName"
       :updatePath="updatePath"
       :canEdit="canEdit"
     />
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
index 1b9d8d321..a8e474ce3 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
@@ -1,12 +1,10 @@
 <template>
   <div class="flex flex-col gap2">
-    <div class="font-inter text-sm font-semibold leading-5 truncate" :title="colName">
-      {{ colName }}
-    </div>
     <DateTimeComponent
       mode="date"
       :colVal="colVal"
       :colId="colId"
+      :colName="colName"
       :updatePath="updatePath"
       :canEdit="canEdit"
     />
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
index e589117c6..4995d9c68 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="flex flex-col gap-2">
-    <div class="text-sm font-bold truncate" :title="colName">
-      {{ colName }}
-    </div>
     <DateTimeComponent
       mode="time"
       :range="true"
       :colVal="colVal"
       :colId="colId"
+      :colName="colName"
       :updatePath="updatePath"
       :canEdit="canEdit"
     />
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
index eb098cd5b..e6316c919 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
@@ -1,12 +1,10 @@
 <template>
   <div class="flex flex-col gap-2">
-    <div class="text-sm font-bold truncate" :title="colName">
-      {{ colName }}
-    </div>
     <DateTimeComponent
       mode="time"
       :colVal="colVal"
       :colId="colId"
+      :colName="colName"
       :updatePath="updatePath"
       :canEdit="canEdit"
     />
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/date_time_component.vue b/app/javascript/vue/repository_item_sidebar/repository_values/date_time_component.vue
index 6561f5912..3ea8299d4 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/date_time_component.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/date_time_component.vue
@@ -1,4 +1,10 @@
 <template>
+  <div class="flex gap-1">
+    <div class="text-sm font-bold truncate" :title="colName">
+      {{ colName }}
+    </div>
+    <div v-if="colVal.reminder" class="bg-sn-alert-passion w-1.5 h-1.5 rounded" :title="colVal.reminder_text"></div>
+  </div>
   <div class="flex flex-col gap-2">
     <template v-if="!canEdit">
       <span v-if="range">
@@ -57,7 +63,8 @@
       colVal: { type: Object, default: {} },
       colId: Number,
       updatePath: String,
-      canEdit: { type: Boolean, default: false }
+      canEdit: { type: Boolean, default: false },
+      colName: String,
     },
     created() {
       if (this.range) {