Put js build through phoenix

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

js/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "vue-cli-service build --modern",
     "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit",
     "test:e2e": "vue-cli-service test:e2e"
@@ -18,21 +18,21 @@
     "vue-gravatar": "^1.2.1",
     "vue-markdown": "^2.2.4",
     "vue-router": "^3.0.1",
-    "vuetify": "^1.1.1",
-    "vuetify-google-autocomplete": "^2.0.0-beta.4",
+    "vuetify": "^1.2.7",
+    "vuetify-google-autocomplete": "^2.0.0-beta.5",
     "vuex": "^3.0.1",
     "vuex-i18n": "^1.10.5"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.0.1",
-    "@vue/cli-plugin-e2e-nightwatch": "^3.0.1",
-    "@vue/cli-plugin-eslint": "^3.0.1",
-    "@vue/cli-plugin-pwa": "^3.0.1",
-    "@vue/cli-plugin-unit-mocha": "^3.0.1",
-    "@vue/cli-service": "^3.0.1",
-    "@vue/eslint-config-airbnb": "^3.0.1",
-    "@vue/test-utils": "^1.0.0-beta.24",
-    "chai": "^4.1.2",
+    "@vue/cli-plugin-babel": "^3.0.5",
+    "@vue/cli-plugin-e2e-nightwatch": "^3.0.5",
+    "@vue/cli-plugin-eslint": "^3.0.5",
+    "@vue/cli-plugin-pwa": "^3.0.5",
+    "@vue/cli-plugin-unit-mocha": "^3.0.5",
+    "@vue/cli-service": "^3.0.5",
+    "@vue/eslint-config-airbnb": "^3.0.5",
+    "@vue/test-utils": "^1.0.0-beta.25",
+    "chai": "^4.2.0",
     "dotenv-webpack": "^1.5.7",
     "node-sass": "^4.9.3",
     "sass-loader": "^7.1.0",

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>

js/vue.config.js

@@ -3,6 +3,7 @@ const Dotenv = require('dotenv-webpack');
 module.exports = {
   lintOnSave: false,
   runtimeCompiler: true,
+  outputDir: '../priv/static',
   configureWebpack: {
     plugins: [
       new Dotenv(),