:sparkles: formatting all exhibition dates and event date-times | #76

vue-theme/src/components/card.vue

@@ -5,6 +5,7 @@
             p.t-up {{type}}
         router-link(v-else-if="!hideType" :to="`/${type}`")
             p.t-up {{type}}
+
     article.card--info(:class="{ 'wide': wide }")
         router-link(:to="`/${type}/${content.slug}`")
             //- set image to thumbnail setting
@@ -12,7 +13,7 @@
         .f-col.w-max
             router-link(:to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
-            p(v-if="content.end") {{ new Date(content.start * 1000).toLocaleDateString() }} – {{ new Date(content.end * 1000).toLocaleDateString() }}
+            p(v-if="content.end") {{ dateFrom(content.start) }} – {{ dateFrom(content.end) }}
             p {{ content.excerpt }}
 </template>
 
@@ -21,6 +22,12 @@ import featuredImage from '@/components/featured-image'
 export default {
     components: { featuredImage },
     props: ['type', 'content', 'wide', 'hide-type'],
+    methods: {
+        dateFrom(unix, includeTime) {
+            const f = includeTime ? 'dd-m-yy h:MM' : 'dd-m-yy'
+            return new Date(parseInt(unix) * 1000).format(f)
+        }
+    }
 }
 </script>
 

vue-theme/src/components/sidebars/events.vue

@@ -6,7 +6,7 @@ ul.t-up
         featured-image(:post="post", thumbsize="'standard'")
         router-link(:to="`/event/${post.slug}`")
             p.t-up {{ post.title }}
-        p {{ post.start }} – {{ post.end }}
+        p {{ dateFrom(post.start, true) }} – {{ dateFrom(post.end, true) }}
 </template>
 
 <script>
@@ -31,6 +31,10 @@ export default {
         }
     },
     methods: {
+        dateFrom(unix, includeTime) {
+            const f = includeTime ? 'dd-m-yy h:MM' : 'dd-m-yy'
+            return new Date(parseInt(unix) * 1000).format(f)
+        },
         async getPosts() {
             this.$store.commit('CLEAR_EVENTS')
             const upcoming = this.$store.dispatch(

vue-theme/src/components/sidebars/exhibitions.vue

@@ -6,7 +6,7 @@ ul.t-up
         featured-image(:post="post", thumbsize="'standard'")
         router-link(:to="`/exhibition/${post.slug}`")
             p.t-up {{ post.title }}
-        p {{ post.start }} – {{ post.end }}
+        p {{ dateFrom(post.start, false) }} – {{ dateFrom(post.end, false) }}
 </template>
 
 <script>
@@ -31,6 +31,10 @@ export default {
         }
     },
     methods: {
+        dateFrom(unix, includeTime) {
+            const f = includeTime ? 'dd-m-yy h:MM' : 'dd-m-yy'
+            return new Date(parseInt(unix) * 1000).format(f)
+        },
         async getPosts() {
             this.$store.commit('CLEAR_EXHIBITIONS')
             const upcoming = this.$store.dispatch(

vue-theme/src/components/sidebars/sidebar.vue

@@ -46,17 +46,10 @@ aside.sidebar
         slot
 
         //- single layout Exhibitions sidebar
-        .shadow(v-if="type === 'exhibition' && layout === 'single'")
+        .shadow(v-if="type === 'exhibition'")
             events-sidebar
         //- single layout Events sindebar
-        .shadow(v-if="type === 'event' && layout === 'single'")
-            exhibitions-sidebar
-
-        //- list layout Exhibition sidebar show events
-        .shadow(v-if="type === 'exhibition' && layout === 'list'")
-            events-sidebar
-        //- list layout Events sidebar show exhibitions
-        .shadow(v-if="type === 'event' && layout === 'list'")
+        .shadow(v-if="type === 'event'")
             exhibitions-sidebar
 
 </template>

vue-theme/src/pages/single.vue

@@ -16,8 +16,8 @@
             //- p(v-if="singlePost.subtypes") subtypes: {{ singlePost.subtypes }}
 
             .date-info(v-if="['exhibition', 'event'].includes(type)")
-                p start: {{ dateFrom(singlePost.start) }}
-                p end: {{ dateFrom(singlePost.end) }}
+                p start: {{ dateFrom(singlePost.start, type == 'event') }}
+                p end: {{ dateFrom(singlePost.end, type == 'event') }}
 
         //- WP main content
         section.content(v-html="singlePost.content")
@@ -176,8 +176,9 @@ export default {
         /**
          * Date Object from unix strings from db
          */
-        dateFrom(unix) {
-            return new Date(parseInt(unix) * 1000)
+        dateFrom(unix, includeTime) {
+            const f = includeTime ? 'dd-m-yy h:MM' : 'dd-m-yy'
+            return new Date(parseInt(unix) * 1000).format(f)
         },
 
         async loadPostData() {