diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/status/status.js | 10 | ||||
| -rw-r--r-- | src/components/status/status.vue | 22 |
2 files changed, 26 insertions, 6 deletions
diff --git a/src/components/status/status.js b/src/components/status/status.js index c01cfe79..c52e026a 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -353,6 +353,16 @@ const Status = { this.expandingSubject = true } }, + pinStatus () { + this.$store.state.api.backendInteractor.pinOwnStatus(this.status.id).then((status) => { + this.$store.dispatch('updatePinned', status) + }) + }, + unpinStatus () { + this.$store.state.api.backendInteractor.unpinOwnStatus(this.status.id).then((status) => { + this.$store.dispatch('updatePinned', status) + }) + }, replyEnter (id, event) { this.showPreview = true const targetId = id diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 21077972..0a2562c0 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -52,12 +52,18 @@ <a :href="status.external_url" target="_blank" v-if="!status.is_local && !isPreview" class="source_url" title="Source"> <i class="button-icon icon-link-ext-alt"></i> </a> - <template v-if="expandable && !isPreview"> - <a href="#" @click.prevent="toggleExpanded" title="Expand"> - <i class="button-icon icon-plus-squared"></i> - </a> - </template> - <a href="#" @click.prevent="toggleMute" v-if="unmuted"><i class="button-icon icon-eye-off"></i></a> + <div class="button-icon button-action-icon" v-if="!status.pinned" @click.prevent="pinStatus" title="Pin"> + <i class="fa icon-pin"></i> + </div> + <div class="button-icon button-action-icon" v-else @click.prevent="unpinStatus" title="Unpin"> + <i class="fa icon-cancel"></i> + </div> + <div class="button-icon button-action-icon" v-if="expandable && !isPreview" @click.prevent="toggleExpanded" title="Expand"> + <i class="button-icon icon-plus-squared"></i> + </div> + <div class="button-icon button-action-icon" v-if="unmuted" @click.prevent="toggleMute" title="Toggle Mute"> + <i class="button-icon icon-eye-off"></i> + </div> </span> </div> @@ -678,6 +684,10 @@ a.unmute { } } +.button-action-icon { + cursor: pointer; +} + @media all and (max-width: 800px) { .status-el { .retweet-info { |