Ajustando butão do like

Nosbielc · Mar 9, 2020 · 87f60b0 · 87f60b0
1 parent e4f3bdd
commit 87f60b0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/SPA/social/src/components/social/CardConteudoVue.vue b/SPA/social/src/components/social/CardConteudoVue.vue
@@ -18,8 +18,11 @@
       </div>
       <div class="card-action right-align">
         <p>
+          <a v-on:click="like()" class="btn-floating blue-grey pulse">
+            <i class="material-icons">{{liked}}</i>
+            <span class="new badge blue-grey">12</span>
+          </a>
           <a class="btn-floating blue-grey"><i class="material-icons">insert_comment</i></a>
-          <a class="btn-floating blue-grey pulse"><i class="material-icons">favorite_border</i></a>
         </p>
       </div>
 
@@ -39,7 +42,16 @@
     },
     data () {
       return {
-
+        liked : 'favorite'
+      }
+    },
+    methods : {
+      like() {
+        if (this.liked === 'favorite') {
+          this.liked = 'favorite_border';
+        } else {
+          this.liked = 'favorite';
+        }
       }
     }
   }

diff --git a/SPA/social/src/pages/home/Home.vue b/SPA/social/src/pages/home/Home.vue
@@ -107,8 +107,8 @@
             }
           })
           .then( response => {
-            if (response.status === 200 && response.data) {
-              this.$store.commit("setConteudosTemp", response.data);
+            if (response.status === 200 && response.data && response.data.content) {
+              this.$store.commit("setConteudosTemp", response.data.content);
             }
           } )
           .catch( e => {