Add location to events

Author: sergiocarracedo

components/VigotechMember.vue

@@ -4,8 +4,7 @@
     <div class="logo-wrapper">
       <div class="logo-content">
         <img
-          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==
-  "
+          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
           class="square-bg"
         >
         <img

components/VigotechNextEvent.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vigotech-next-event">
+  <article class="vigotech-next-event">
     <h4>
       <i class="fa fa-calendar" />
       <span v-if="nextEventsGroups.length == 1">Vindeiro evento</span>
@@ -25,14 +25,20 @@
         <a :href="nextEventGroup.nextEvent.url">
           <h6>{{ nextEventGroup.name }}</h6>
           <h5>{{ nextEventGroup.nextEvent.title }}</h5>
-          <strong>{{ eventDate(nextEventGroup.nextEvent.date) }}</strong>
-          <span class="btn">
-            Máis info
-          </span>
+          <footer>
+            <strong>{{ eventDate(nextEventGroup.nextEvent.date) }}</strong>
+            <span class="btn">
+              Máis info
+            </span>
+          </footer>
+
+          <h6 v-if="nextEventGroup.nextEvent.location" class="vigotech-next-event__location">
+            <i class="fa fa-map-pin"></i> {{ nextEventGroup.nextEvent.location }}
+          </h6>
         </a>
       </div>
     </div>
-  </div>
+  </article>
 </template>
 
 <script>

components/VigotechNextEventTip.vue

@@ -29,7 +29,7 @@
     },
     computed: {
       fullTitle () {
-        return `${this.nextEvent.title}\n${moment(this.nextEvent.date).format('dddd, D MMMM YYYY HH:mm')}`
+        return `${this.nextEvent.title}\n${moment(this.nextEvent.date).format('dddd, D MMMM YYYY HH:mm')}${this.nextEvent.location ? `\n${this.nextEvent.location}`: ''}`
       }
     }
   }

static/vigotech-events-schema.json

@@ -12,15 +12,19 @@
   "properties": {
     "title": {
       "type": "string",
-      "description": "Eventname"
+      "description": "Event name"
     },
     "date": {
-      "type": "numeric",
+      "type": "number",
       "description": "Unix timestamp event datetime"
     },
     "url": {
       "type": "string",
       "description": "Event URL"
+    },
+    "location": {
+      "type": "string",
+      "description": "Where the event will take place"
     }
   }
 }