aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_panel/user_panel.vue
diff options
context:
space:
mode:
authorRoger Braun <roger@rogerbraun.net>2016-11-30 22:27:19 +0100
committerRoger Braun <roger@rogerbraun.net>2016-11-30 22:27:19 +0100
commit83a376a25460f029c2f49ebca5509a9add7cdb44 (patch)
treeb39698fcb11203a49452587dc2023e984ddf8982 /src/components/user_panel/user_panel.vue
parentdcb9a5fa17afe96dcd651e28809ea551ee89c0f6 (diff)
Extract user card from user content.
Diffstat (limited to 'src/components/user_panel/user_panel.vue')
-rw-r--r--src/components/user_panel/user_panel.vue28
1 files changed, 2 insertions, 26 deletions
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 6b986f84..8ecf1391 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -1,32 +1,8 @@
<template>
<div class="user-panel">
<div v-if='user' class="panel panel-default">
- <!-- Default panel contents -->
- <div class="panel-heading text-center" v-bind:style="style">
- <div class='user-info'>
- <img :src="user.profile_image_url">
- <span class="glyphicon glyphicon-user"></span>
- <div class='user-name'>{{user.name}}</div>
- <div class='user-screen-name'>@{{user.screen_name}}</div>
- </div>
- </div>
- <div class="panel-body">
- <div class="user-counts">
- <div class="user-count">
- <h5>Statuses</h5>
- <span>{{user.statuses_count}}</span>
- </div>
- <div class="user-count">
- <h5>Following</h5>
- <span>{{user.friends_count}}</span>
- </div>
- <div class="user-count">
- <h5>Followers</h5>
- <span>{{user.followers_count}}</span>
- </div>
- </div>
- <p>{{user.description}}</p>
- </div>
+
+ <user-card-content :user="user"></user-card-content>
<div class="panel-footer">
<post-status-form v-if='user'></post-status-form>