42 lines
881 B
HTML
42 lines
881 B
HTML
<div class="status-toolbar {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}">
|
|
<IconButton
|
|
label="Reply"
|
|
href="#fa-reply"
|
|
/>
|
|
<IconButton
|
|
label="Boost"
|
|
pressable="true"
|
|
pressed="{{status.reblogged}}"
|
|
href="{{status.visibility === 'private' ? '#fa-lock' : status.visibility === 'direct' ? '#fa-envelope' : '#fa-retweet'}}"
|
|
/>
|
|
<IconButton
|
|
label="Favorite"
|
|
pressable="true"
|
|
pressed="{{status.favourited}}"
|
|
href="#fa-star"
|
|
/>
|
|
<IconButton
|
|
label="Show more actions"
|
|
href="#fa-ellipsis-h"
|
|
/>
|
|
</div>
|
|
<style>
|
|
.status-toolbar {
|
|
grid-area: toolbar;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.status-toolbar.status-in-own-thread {
|
|
margin-left: 58px;
|
|
}
|
|
</style>
|
|
<script>
|
|
|
|
import IconButton from '../IconButton.html'
|
|
|
|
export default {
|
|
components: {
|
|
IconButton
|
|
}
|
|
}
|
|
</script> |