Put js build through phoenix

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Account/Account.vue

@@ -3,7 +3,7 @@
   <v-flex xs12 sm6 offset-sm3>
     <v-progress-circular v-if="loading" indeterminate color="primary"></v-progress-circular>
     <v-card v-if="!loading">
-      <v-card-media :src="actor.banner" height="400px">
+      <v-img :src="actor.banner || 'https://picsum.photos/400/'" height="300px">
         <v-layout column class="media">
           <v-card-title>
             <v-btn icon @click="$router.go(-1)">
@@ -50,7 +50,7 @@
             </v-layout>
           </v-container>
         </v-layout>
-      </v-card-media>
+      </v-img>
       <v-list three-line>
         <v-list-tile>
           <v-list-tile-action>
@@ -126,10 +126,10 @@
           </v-flex>
         </v-layout>
       </v-container>
-      <v-container fluid grid-list-md v-if="actor.organizingEvents && actor.organizingEvents.length > 0">
+      <v-container fluid grid-list-md v-if="actor.organized_events && actor.organized_events.length > 0">
         <v-subheader>Organized events</v-subheader>
         <v-layout row wrap>
-          <v-flex v-for="event in actor.organizingEvents" :key="event.id">
+          <v-flex v-for="event in actor.organized_events" :key="event.id">
             <v-card>
               <v-card-media
                 class="black--text"
@@ -204,13 +204,13 @@ export default {
         .then((response) => {
           this.actor = response.data;
           this.loading = false;
-          console.log(this.actor);
+          console.log('actor', this.actor);
         })
     },
     logoutUser() {
       auth.logout(this.$store);
       this.$router.push({ name: 'Home' });
-    }
+    },
   }
 }
 </script>

js/src/components/Event/Create.vue

@@ -20,7 +20,7 @@
                 <v-radio label="Phone" value="phone" off-icon="phone"></v-radio>
                 <v-radio label="Other" value="other"></v-radio>
               </v-radio-group>
-              <vuetify-google-autocomplete
+              <!-- <vuetify-google-autocomplete
                 v-if="event.location_type === 'physical'" 
                 id="map"
                 append-icon="search"
@@ -31,7 +31,7 @@
                 types="geocode"
                 v-on:placechanged="getAddressData"
               >
-              </vuetify-google-autocomplete>
+              </vuetify-google-autocomplete> -->
               <v-text-field
                 v-if="event.location_type === 'online'"
                 label="Meeting adress"

js/src/components/Event/Event.vue

@@ -4,7 +4,7 @@
       <span v-if="error">Error : event not found</span>
       <v-progress-circular v-if="loading" indeterminate color="primary"></v-progress-circular>
       <v-card v-if="!loading && !error">
-        <v-card-media
+        <v-img
                         src="https://picsum.photos/600/400/"
                         height="200px"
                 >
@@ -36,7 +36,7 @@
               </v-flex>
             </v-layout>
           </v-container>
-        </v-card-media>
+        </v-img>
         <v-container grid-list-md>
           <v-layout row wrap>
             <v-flex md10>
@@ -181,6 +181,7 @@
           .then((data) => {
             this.loading = false;
             this.event = data.data;
+            console.log('event', this.event);
           }).catch((res) => {
             Promise.resolve(res).then((data) => {
               console.log(data);

js/src/components/Home.vue

@@ -1,9 +1,10 @@
 <template>
   <v-container>
-      <v-jumbotron
+      <v-img
         :gradient="gradient"
         src="https://picsum.photos/1200/900"
         dark
+        height="300"
         v-if="$store.state.user === false"
       >
           <v-container fill-height>
@@ -15,7 +16,7 @@
                   </v-flex>
               </v-layout>
           </v-container>
-      </v-jumbotron>
+      </v-img>
       <v-layout v-else>
           <v-flex xs12 sm8 offset-sm2>
             <v-layout row wrap>