diff options
| author | MeiMei <30769358+mei23@users.noreply.github.com> | 2018-11-16 05:47:29 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2018-11-16 05:47:29 +0900 |
| commit | bceb02d760f53877f0f677144bc468ffbc4e66f2 (patch) | |
| tree | cc12d9836b81deecead9417c8fd6df635784fefd /src/client/app/mobile/views/components/note.vue | |
| parent | [Client] Add missing icon (diff) | |
| download | sharkey-bceb02d760f53877f0f677144bc468ffbc4e66f2.tar.gz sharkey-bceb02d760f53877f0f677144bc468ffbc4e66f2.tar.bz2 sharkey-bceb02d760f53877f0f677144bc468ffbc4e66f2.zip | |
local only visibility (#3254)
* local only visibility
* fix UI
Diffstat (limited to 'src/client/app/mobile/views/components/note.vue')
| -rw-r--r-- | src/client/app/mobile/views/components/note.vue | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/src/client/app/mobile/views/components/note.vue b/src/client/app/mobile/views/components/note.vue index d42efbf344..38fab0e5a1 100644 --- a/src/client/app/mobile/views/components/note.vue +++ b/src/client/app/mobile/views/components/note.vue @@ -16,6 +16,15 @@ <router-link class="name" :to="note.user | userPage">{{ note.user | userName }}</router-link> <span>{{ this.$t('reposted-by').substr(this.$t('reposted-by').indexOf('}') + 1) }}</span> <mk-time :time="note.createdAt"/> + <span class="visibility" v-if="note.visibility != 'public'"> + <template v-if="note.visibility == 'home'"><fa icon="home"/></template> + <template v-if="note.visibility == 'followers'"><fa icon="unlock"/></template> + <template v-if="note.visibility == 'specified'"><fa icon="envelope"/></template> + <template v-if="note.visibility == 'private'"><fa icon="lock"/></template> + </span> + <span class="localOnly" v-if="note.localOnly == true"> + <template><fa icon="heart"/></template> + </span> </div> <article> <mk-avatar class="avatar" :user="appearNote.user" v-if="$store.state.device.postStyle != 'smart'"/> @@ -163,9 +172,6 @@ export default Vue.extend({ > span flex-shrink 0 - &:last-of-type - margin-right 8px - .name overflow hidden flex-shrink 1 @@ -179,6 +185,18 @@ export default Vue.extend({ flex-shrink 0 font-size 0.9em + > .visibility + margin-left 8px + + [data-icon] + margin-right 0 + + > .localOnly + margin-left 4px + + [data-icon] + margin-right 0 + & + article padding-top 8px |