研修終了まで7日以内の提出物一覧に研修終了日と研修終了日までの日数を表示するようにした

fjordllc · Sep 21, 2024 · d2dcb5b · d2dcb5b
1 parent a04dd95
commit d2dcb5b
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/app/javascript/product.vue b/app/javascript/product.vue
@@ -44,14 +44,23 @@
               time.a-meta(v-if='product.updated_at')
                 span.a-meta__label 更新
                 | {{ product.updated_at }}
-            .card-list-item-meta__item(
-              v-if='isGroupedByDaysElapsed && (isUnassignedProductsPage || isDashboardPage)')
-              time.a-meta(v-if='untilNextElapsedDays(product) < 1')
-                span.a-meta__label 次の経過日数まで
-                | 1時間未満
-              time.a-meta(v-else-if='calcElapsedTimes(product) < 7')
-                span.a-meta__label 次の経過日数まで
-                | 約{{ untilNextElapsedDays(product) }}時間
+            .card-list-item-meta__item(v-if='isGroupedByDaysElapsed')
+              time.a-meta(v-if='isUnassignedProductsPage || isDashboardPage')
+                time(v-if='untilNextElapsedDays(product) < 1')
+                  span.a-meta__label 次の経過日数まで
+                  | 1時間未満
+                time(v-else-if='calcElapsedTimes(product) < 7')
+                  span.a-meta__label 次の経過日数まで
+                  | 約{{ untilNextElapsedDays(product) }}時間
+            .card-list-item-meta__item(v-else)
+              time.a-meta
+                span.a-meta__label 研修終了日
+                span.a-meta__value {{ product.user.training_ends_on }}
+                span.a-meta__value.is-danger(
+                  v-if='product.user.training_remaining_days === 0')
+                  | （本日研修最終日）
+                span.a-meta__value.is-danger(v-else)
+                  | （あと{{ product.user.training_remaining_days }}日）
 
       hr.card-list-item__row-separator(v-if='product.comments.size > 0')
       .card-list-item__row(v-if='product.comments.size > 0')