From e9203664fdd9103331329aa34e2b52e1bb3a5066 Mon Sep 17 00:00:00 2001
From: Pedro Lopes <pedrolopeshls99@gmail.com>
Date: Thu, 1 Oct 2020 21:36:28 -0300
Subject: [PATCH 1/2] fixing coments

---
 src/components/EventCard/EventCard.vue | 78 --------------------------
 src/components/cpmCard.vue             | 32 ++++++++---
 2 files changed, 24 insertions(+), 86 deletions(-)
 delete mode 100644 src/components/EventCard/EventCard.vue

diff --git a/src/components/EventCard/EventCard.vue b/src/components/EventCard/EventCard.vue
deleted file mode 100644
index d69380a..0000000
--- a/src/components/EventCard/EventCard.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-    <div>
-        <div class="p15 mt-10" v-for="(item, i) in dataEventResult" :key="i">
-
-            <v-card max-width="500" class="ac cp card-style-1">
-
-                <img :src='item.img' class="img-size">
-                
-                <div class="p10 alg-txt-s">
-                    <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.name }}</strong> </span>
-                </div>
-
-                <v-divider class="mt-2"></v-divider>
-                <div class="p10 d-flex">
-
-                    <div class="d-block">
-                        <v-avatar class="cp" color="orange" size="62">
-                            <v-icon v-if="!item.user.avatar" dark>mdi-account-circle</v-icon>
-                            <img v-else :src="item.user.avatar" alt="avatar" />
-                        </v-avatar>
-                    </div>
-
-                </div>
-               
-
-            </v-card>
-
-        </div>
-
-        <!-- <h1>conteuno: {{ eventDataId }}</h1> -->
-    </div>
-</template>
-<script>
-import {
-  mapActions, mapGetters
-} from 'vuex'
-export default {
-    data:() => ({
-        url:process.env.VUE_APP_BASE_URL,
-
-        dataEventResult:[]
-    }),
-
-    computed:{
-        ...mapGetters({
-            eventDataId: 'EventVuex/eventDataId'
-        })
-    },
-
-    methods:{
-
-        ...mapActions({
-            getEventById: 'EventVuex/getEventById'
-        }),
-
-        async getEventComents(){
-            
-            let resultRequest = await this.getEventById(3)
-            // console.log("jusadiosaihdsahiudsaihduiah")
-            // console.log(resultRequest)
-            this.dataEventResult.push(resultRequest)
-        }
-
-    },
-
-    created(){
-        this.getEventComents()
-    }
-}
-</script>
-<style>
-    .card-coment{
-        display: block;
-        border-top: 1px solid rgba(78, 78, 78, 0.644) !important
-    }
-</style>
\ No newline at end of file
diff --git a/src/components/cpmCard.vue b/src/components/cpmCard.vue
index 1059930..6f4f2e1 100644
--- a/src/components/cpmCard.vue
+++ b/src/components/cpmCard.vue
@@ -29,11 +29,25 @@
                 <p>{{cardData.description}}</p>
             </v-card-text>
 
-            <v-expansion-panels>
+            <v-expansion-panels v-if="cardDataArray.comments">
                 <v-expansion-panel>
                     <v-expansion-panel-header>Comentários</v-expansion-panel-header>
-                        <v-expansion-panel-content v-for="(comment, i) in cardData.comments" :key="i">
-                            {{comment.user.name}}: {{comment.comment}}
+                        <v-expansion-panel-content v-for="(item, i) in cardDataArray" :key="i">
+
+                            <div class="d-flex">
+
+                                <v-avatar size="36" color="orange">
+                                    <v-icon v-if="!item.comments[i].user.avatar" dark>mdi-account-circle</v-icon>
+                                    <img v-else :src="item.comments[i].user.avatar" alt="avatar">
+                                </v-avatar>
+
+                                <div class="ml-2 mt-1">
+                                    <p>{{ item.comments[0].user.name }}:</p> 
+
+                                    <p>{{ item.comments[0].comment }}</p>
+                                </div>
+                            </div>
+                            <!-- {{comment.user.name}}: {{comment.comment}} -->
                         </v-expansion-panel-content>
                 </v-expansion-panel>
             </v-expansion-panels>
@@ -47,11 +61,13 @@
 export default {
     name: 'Card',
     props: ['cardData'],
-    data() {
-        return {
-            
-        }
-    },
+    data:() => ({
+        cardDataArray: []
+    }),
+
+    created(){
+        this.cardDataArray.push(this.cardData)
+    }
 
 }
 </script>

From f565e941d775c57233de4596969a8b2c3e924c3b Mon Sep 17 00:00:00 2001
From: Pedro Lopes <pedrolopeshls99@gmail.com>
Date: Thu, 1 Oct 2020 21:51:01 -0300
Subject: [PATCH 2/2] incomplete coment, missing post request

---
 src/components/cpmCard.vue | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/cpmCard.vue b/src/components/cpmCard.vue
index 6f4f2e1..75d00dc 100644
--- a/src/components/cpmCard.vue
+++ b/src/components/cpmCard.vue
@@ -29,25 +29,36 @@
                 <p>{{cardData.description}}</p>
             </v-card-text>
 
-            <v-expansion-panels v-if="cardDataArray.comments">
+            <v-expansion-panels v-if="cardDataArray[0].comments != '' ">
                 <v-expansion-panel>
                     <v-expansion-panel-header>Comentários</v-expansion-panel-header>
-                        <v-expansion-panel-content v-for="(item, i) in cardDataArray" :key="i">
+                        <v-expansion-panel-content>
 
-                            <div class="d-flex">
+                            <div class="d-flex" v-for="(item, i) in cardDataArray" :key="i">
 
                                 <v-avatar size="36" color="orange">
                                     <v-icon v-if="!item.comments[i].user.avatar" dark>mdi-account-circle</v-icon>
                                     <img v-else :src="item.comments[i].user.avatar" alt="avatar">
                                 </v-avatar>
 
-                                <div class="ml-2 mt-1">
-                                    <p>{{ item.comments[0].user.name }}:</p> 
+                                    <strong class="ml-2 mt-1">{{ item.comments[0].user.name }}:</strong> 
 
-                                    <p>{{ item.comments[0].comment }}</p>
-                                </div>
+                                    <p class="ml-2 mt-1">{{ item.comments[0].comment }}</p>
                             </div>
-                            <!-- {{comment.user.name}}: {{comment.comment}} -->
+                            
+                            <v-card>
+                                <v-textarea
+                                    outlined
+                                    v-model="newComent"
+                                    color="black"
+                                    label="Comentário"
+                                    :counter="500"
+                                ></v-textarea>
+
+                                <v-btn class="ml-a">
+                                    Enviar
+                                </v-btn>
+                            </v-card>
                         </v-expansion-panel-content>
                 </v-expansion-panel>
             </v-expansion-panels>
@@ -62,7 +73,8 @@ export default {
     name: 'Card',
     props: ['cardData'],
     data:() => ({
-        cardDataArray: []
+        cardDataArray: [],
+        newComent:''
     }),
 
     created(){