Merge pull request #6723 from aignatov-bio/ai-sci-add-reminder-to-date-fields

Add datetime reminder to item card

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"
     />

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"
     />

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"
     />

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"
     />

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"
     />

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"
     />

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) {