Ver Fonte

Update Profile, add unfollow button to following modal

Daniel Supernault há 6 anos atrás
pai
commit
0d34ffa142
1 ficheiros alterados com 19 adições e 0 exclusões
  1. 19 0
      resources/assets/js/components/Profile.vue

+ 19 - 0
resources/assets/js/components/Profile.vue

@@ -397,8 +397,16 @@
                 {{user.display_name}}
             </p>
           </div>
+          <div v-if="owner">
+			<a class="btn btn-outline-secondary btn-sm" href="#" @click.prevent="followModalAction(user.id, index, 'following')">Unfollow</a>
+          </div>
         </div>
       </div>
+      <div v-if="following.length == 0" class="list-group-item border-0">
+      	<div class="list-group-item border-0">
+      		<p class="p-3 text-center mb-0 lead">You are not following anyone.</p>
+      	</div>
+      </div>
       <div v-if="followingMore" class="list-group-item text-center" v-on:click="followingLoadMore()">
 	  	<p class="mb-0 small text-muted font-weight-light cursor-pointer">Load more</p>
       </div>
@@ -1025,6 +1033,17 @@ export default {
 				return;
 			}
 			this.$refs.visitorContextMenu.show();
+		},
+
+		followModalAction(id, index, type = 'following') {
+			axios.post('/i/follow', {
+					item: id
+			}).then(res => {
+				if(type == 'following') {
+					this.following.splice(index, 1);
+					this.profile.following_count--;
+				}
+			})
 		}
 	}
 }