Display date_time with a pretty format #755

c2corg · Aug 21, 2019 · 556e73b · 556e73b
1 parent 7b0f25f
commit 556e73b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/generics/DocumentField.vue b/src/components/generics/DocumentField.vue
@@ -8,6 +8,10 @@
       {{ value }}
     </a>
 
+    <span v-else-if="field.type==='date_time'">
+      {{ $moment.toLocalizedString(value, 'LLL') }}
+    </span>
+
     <textual-array
       v-else-if="isArray"
       :array="value"

diff --git a/src/components/image-viewer/ImageInfo.vue b/src/components/image-viewer/ImageInfo.vue
@@ -7,20 +7,26 @@
     <div v-if="document">
       <p>
         <fa-icon icon="calendar" />
-        <label>{{ document.date_time }}</label>
+        <label>
+          {{ $moment.toLocalizedString(document.date_time, 'LLL') }}
+        </label>
       </p>
 
       <p v-if="document.cooked.title">
         <fa-icon icon="tag" />
-        <label>{{ document.cooked.title }}</label>
+        <label>
+          {{ document.cooked.title }}
+        </label>
       </p>
 
       <markdown v-if="document.cooked.summary" class="is-italic" :content="document.cooked.summary" />
       <markdown v-if="document.cooked.description" :content="document.cooked.description" />
 
       <p v-if="document.image_type">
         <icon-creative-commons />
-        <label>{{ $gettext(document.image_type) }}</label>
+        <label>
+          {{ $gettext(document.image_type) }}
+        </label>
       </p>
 
       <h4 class="title is-4 has-text-light" v-translate>