upload event and list on Feed

src/components/cpmEventForm.vue

@@ -103,7 +103,7 @@
                     ></v-text-field>
 
                     <v-text-field 
-                        v-model="eventForm.eventeDate" 
+                        v-model="eventForm.eventDate" 
                         label="Data do evento"
                         :rules="dateRules"
                         :error="false"
@@ -168,7 +168,7 @@ import {
 export default {
 
     components:{
-            SetMap
+        SetMap
     },
 
     data:() => ({
@@ -179,6 +179,7 @@ export default {
         selectedFile:'',
         
         url:process.env.VUE_APP_BASE_URL,
+        uploadUrl:process.env.VUE_APP_UPLOAD_URL,
 
 
         active:0,
@@ -195,7 +196,7 @@ export default {
             latitude:'',
             longitude:'',
             address:'',
-            eventeDate:'',
+            eventDate:'',
             img:'',
             user:'1'
         },
@@ -239,6 +240,10 @@ export default {
         photo:'',
     }),
 
+    created(){
+      this.eventForm.private = false
+    },
+
     methods: {
         ...mapActions({
             createEvent: 'createEvent'
@@ -282,26 +287,19 @@ export default {
             this.imageUrl = fileReader.result
           })
           fileReader.readAsDataURL(files[0])
-          this.uploadPhoto()
         },
 
         uploadPhoto(){
-
-          uploadImageToFirebase(this.imageData)
-          // const storageImage = firebase.storage().ref(`${this.imageData.name}`).put(this.imageData)
-          // storageImage.on(`state_changed`, snapshot => {
-          //   this.uploadedValue = (snapshot.bytesTransferred/snapshot.totalBytes)*100
-          //   console.log(this.uploadedValue)
-          // },  
-          // error => {console.log(error.message)},
-          // ()=> {this.uploadedValue=100;
-          //   storageImage.snapshot.ref.getDownloadURL().then((url) => {
-          //     this.photo = url
-          //     console.log("MANO... DEU TUDO CERTO, SÓ VAI")
-          //     console.log(url)
-          //     this.eventForm.img = url
-          //   })
-          // })
+          
+            const fd = new FormData();
+            console.log(this.imageData)
+            fd.append('photo', this.imageData)
+
+            this.$http.post(this.uploadUrl + '/upload/image', fd)
+            .then(resp => {
+              console.log(resp)
+              this.eventForm.img = resp.data
+            })
         },
 
         onFileChange(event) {
@@ -321,33 +319,41 @@ export default {
           this.eventForm.longitude = param.longitude
         },
 
-        createEvent(){
-
+          async createEvent(){
+
+          try{
+            const fd = new FormData();
+            console.log(this.imageData)
+            fd.append('photo', this.imageData);
+            await axios.post(this.uploadUrl + '/upload/image', fd).then(resp => {
+              this.eventForm.img = resp.data
+            })
+
+
+          let body = {
+            title:this.eventForm.name,
+            description:this.eventForm.description,
+            address:this.eventForm.address,
+            img:this.eventForm.img,
+            privated:this.eventForm.private,
+            eventDate:this.eventForm.eventDate,
+            latitude:this.eventForm.latitude,
+            longitude:this.eventForm.longitude,
+            user:{user: this.eventForm.user},
+          }
 
-          
-          const fd = new FormData();
-          fd.append('title', this.eventForm.name);
-          fd.append('description', this.eventForm.description);
-          fd.append('adress', this.eventForm.address);
-          fd.append('img', this.eventForm.img);
-          fd.append('privated', this.eventForm.private);
-          fd.append('eventeDate', this.eventForm.eventeDate);
-          fd.append('latitude', this.eventForm.latitude);
-          fd.append('longitude', this.eventForm.longitude);
-          fd.append('user', this.eventForm.user);
-
-          console.log(this.eventForm)
-          console.log(fd);
-
-
-          let body = fd
           console.log(body)
-          // this.createEvent(body)
 
-          this.$http.post(this.url + '/event', fd)
-          .then(resp => {
-            console.log(resp)
-          })
+            axios.post(this.url + '/event/create', body)
+            .then(resp => {
+              console.log(resp)
+            })
+
+          }
+
+          catch(e){
+            throw e
+          }
    
         }
     

src/main.js

@@ -12,16 +12,6 @@ import firebase from 'firebase'
 
 Vue.use(VueIziToast, defaultOptionsObject);
 
-firebase.initializeApp({
-  apiKey: "AIzaSyClLsWBLQWwjE0xTiyMCVQZWoGCCu8Q3Gc",
-  authDomain: "eventyy-007.firebaseapp.com",
-  databaseURL: "https://eventyy-007.firebaseio.com",
-  projectId: "eventyy-007",
-  storageBucket: "eventyy-007.appspot.com",
-  messagingSenderId: "644960387013",
-  appId: "1:644960387013:web:0651bdf4a4efa5af6c55ac",
-  measurementId: "G-05D1TRXJLR"
-})
 
 import 'leaflet/dist/leaflet.css';
 

src/store/index.js

@@ -1,13 +1,14 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
-import postActionVuex from './modules/postActionVuex'
+import FeedVuex from './modules/FeedVuex'
 import RegisterVuex from './modules/RegisterVuex'
 import LoginVuex from './modules/LoginVuex'
 import ProfileVuex from './modules/ProfileVuex'
 
 Vue.use(Vuex)
 
 export default new Vuex.Store({
+
   state: {
     coordinateSelected:'',
     uploadedFile:'',
@@ -27,8 +28,8 @@ export default new Vuex.Store({
   actions: {
   },
   modules: {
-    postActionVuex,
     RegisterVuex,
+    FeedVuex,
     LoginVuex,
     ProfileVuex
   }

src/store/modules/FeedVuex.js

@@ -0,0 +1,38 @@
+import axios from '../../util/axios'
+
+
+export default {
+
+  namespaced: true,
+
+  state: {
+    cardsEventData:''
+  },
+
+  getters: {
+
+    cardsEventData: state => state.cardsEventData
+
+  },
+
+  mutations: {
+    setFeedEventsData(state, newSate){
+      state.cardsEventData = newSate
+    },
+
+  },
+
+  actions: {
+    async getEvents(context){
+
+      await axios.get(process.env.VUE_APP_BASE_URL+'/event/list')
+      .then(resp => {
+          console.log(resp)
+          context.commit('setFeedEventsData',resp.data)
+          return resp.data;
+      })
+
+    },
+
+  }
+}

src/util/uploadImage.js

@@ -0,0 +1,13 @@
+import axios from 'axios';
+// import { mapActions } from 'vuex'
+
+export default async function uploadUrl(file){
+    const fd = new FormData();
+    fd.append('photo', file);
+
+    await axios.post(process.env.VUE_APP_UPLOAD_URL + '/upload/image', fd)
+    .then(resp => {
+        console.log("UPLOAD FEITO")
+        return resp.data
+    })
+}

src/views/private/Feed.vue

@@ -3,14 +3,14 @@
         <ToolBar/>
         <h1 class="alg-txt-c">Feed</h1>
 
-        <Card />
+        <!-- <Card /> -->
 
-        <div class="p15 mt-10" v-for="(item, i) in itens" :key="i">
+        <div class="p15 mt-10" v-for="(item, i) in cardsEventData" :key="i">
             <v-card max-width="500" class="ac card-style-1">
-                <img :src='item.imageEvent' class="img-size">
+                <img :src='item.img' class="img-size">
 
                 <div class="p10 alg-txt-s">
-                    <h4 class="clr-red">{{ item.date }}</h4>
+                    <h4 class="clr-red">{{ item.eventDate }}</h4>
                     <h1 class="mt-1">{{ item.title }}</h1>
                     <span class="mt-2 display-b">Criado por <strong>{{ item.user }}</strong> </span>
                 </div>
@@ -21,6 +21,9 @@
 <script>
 import ToolBar from '@/components/cpmToolBar'
 import Card from '@/components/cpmCard'
+import {
+  mapActions, mapGetters
+} from 'vuex'
 
 export default {
     data:() => ({
@@ -39,6 +42,26 @@ export default {
     components:{
         ToolBar,
         Card
+    },
+
+    computed: {
+
+        ...mapGetters({
+
+            cardsEventData: 'FeedVuex/cardsEventData',
+
+        }),
+
+    },
+
+    created(){
+        this.getEvents()
+    },
+
+    methods:{
+        ...mapActions({
+            getEvents: 'FeedVuex/getEvents'
+        }),
     }
 }
 </script>