Event date display set to: date, time - time

vue-theme/src/components/card.vue

@@ -20,9 +20,11 @@
                 h1.t-up.t-cntr.t-b {{ content.title }}
             router-link(v-else :to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
-
+            //- if events display: date, time-time
             p(v-if="content.end && type == 'event'" class="datetime") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event').split(',')[1] }}
+            //- if post display: date
             p(v-if="content.date && type == 'post'" class="datetime") {{ dateFrom((new Date(content.date).getTime()/1000), type=='post').split(',')[0] }}
+            //- else-if exhibition display: date-date
             p(v-else-if="content.end && type == 'exhibition'" class="datetime") {{ dateFrom(content.start) }} – {{ dateFrom(content.end) }}
             p(v-html="content.excerpt").excerpt
 

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

@@ -7,7 +7,7 @@ ul.t-up
             featured-image(:post="post", thumbsize="'standard'")
         router-link(:to="`/event/${post.slug}`")
             p.t-up {{ post.title }}
-        p {{ dateFrom(post.start, true) }} – {{ dateFrom(post.end, true) }}
+        p {{ dateFrom(post.start, true) }} – {{ dateFrom(post.end, true).split(',')[1] }}
 </template>
 
 <script>

vue-theme/src/pages/single.vue

@@ -10,15 +10,16 @@
             //- breadcrumb links at top of page, needs link routing
             breadcrumb(:type="type" :post="singlePost")
             
-            h1.t-b  {{ singlePost.title }}
+            h1.t-b {{ singlePost.title }}
             //- p(v-if="singlePost.categories") categories: {{ singlePost.categories }}
             //- p(v-if="singlePost.type") type: {{ singlePost.type }}
             //- p(v-if="singlePost.subtypes") subtypes: {{ singlePost.subtypes }}
 
-            .date-info(v-if="['exhibition', 'event'].includes(type)")
-                p(v-if="singlePost.start") start: {{ dateFrom(singlePost.start, type == 'event') }}
-                p(v-if="singlePost.end") end: {{ dateFrom(singlePost.end, type == 'event') }}
-
+            .date-info.t-cntr(v-if="['exhibition', 'event'].includes(type)")
+                //- for events display: date, time-time
+                h4(v-if="singlePost.start, singlePost.end && type == 'event'") {{ dateFrom(singlePost.start, type == 'event') }} - {{ dateFrom(singlePost.end, type == 'event').split(',')[1] }}
+                //- else for single, exhibition: date-date
+                h4(v-else-if="singlePost.start, singlePost.end") {{ dateFrom(singlePost.start, type == 'event') }} - {{ dateFrom(singlePost.end, type == 'event') }}
         //- WP main content
         section.content(v-html="singlePost.content")