diff options
| author | Shpuld Shpludson <shp@cock.li> | 2019-02-08 15:48:07 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2019-02-08 15:48:07 +0000 |
| commit | da0a5535eb09f6637df921a8a5f951c295bedeac (patch) | |
| tree | cc4f85f06835451fc8e6ece136c66af11bb26ba8 /src | |
| parent | 62b3b9b8d4a71912d9e55e812f537f057698e323 (diff) | |
| parent | 910b63624b75bdbdc7e4bf80cfe42c7a8092260e (diff) | |
Merge branch 'issue-291-disable-empty-tabs' into 'develop'
#291 - disable empty tabs in user profile panel
See merge request pleroma/pleroma-fe!548
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/tab_switcher/tab_switcher.js | 2 | ||||
| -rw-r--r-- | src/components/user_profile/user_profile.vue | 7 |
2 files changed, 6 insertions, 3 deletions
diff --git a/src/components/tab_switcher/tab_switcher.js b/src/components/tab_switcher/tab_switcher.js index f9c3f927..423df258 100644 --- a/src/components/tab_switcher/tab_switcher.js +++ b/src/components/tab_switcher/tab_switcher.js @@ -37,7 +37,7 @@ export default Vue.component('tab-switcher', { return ( <div class={ classesWrapper.join(' ')}> - <button onClick={this.activateTab(index)} class={ classesTab.join(' ') }>{slot.data.attrs.label}</button> + <button disabled={slot.data.attrs.disabled} onClick={this.activateTab(index)} class={ classesTab.join(' ') }>{slot.data.attrs.label}</button> </div> ) }) diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue index 9001ed00..79461291 100644 --- a/src/components/user_profile/user_profile.vue +++ b/src/components/user_profile/user_profile.vue @@ -9,19 +9,20 @@ <tab-switcher :renderOnlyFocused="true"> <Timeline :label="$t('user_card.statuses')" + :disabled="!user.statuses_count" :embedded="true" :title="$t('user_profile.timeline_title')" :timeline="timeline" :timeline-name="'user'" :user-id="fetchBy" /> - <div :label="$t('user_card.followees')" v-if="followsTabVisible"> + <div :label="$t('user_card.followees')" v-if="followsTabVisible" :disabled="!user.friends_count"> <FollowList v-if="user.friends_count > 0" :userId="userId" :showFollowers="false" /> <div class="userlist-placeholder" v-else> <i class="icon-spin3 animate-spin"></i> </div> </div> - <div :label="$t('user_card.followers')" v-if="followersTabVisible"> + <div :label="$t('user_card.followers')" v-if="followersTabVisible" :disabled="!user.followers_count"> <FollowList v-if="user.followers_count > 0" :userId="userId" :showFollowers="true" /> <div class="userlist-placeholder" v-else> <i class="icon-spin3 animate-spin"></i> @@ -29,6 +30,7 @@ </div> <Timeline :label="$t('user_card.media')" + :disabled="!media.visibleStatuses.length" :embedded="true" :title="$t('user_card.media')" timeline-name="media" :timeline="media" @@ -37,6 +39,7 @@ <Timeline v-if="isUs" :label="$t('user_card.favorites')" + :disabled="!favorites.visibleStatuses.length" :embedded="true" :title="$t('user_card.favorites')" timeline-name="favorites" |