refs #2606 Use vue-fontawesome in organisms/Notification
This commit is contained in:
parent
180fd18d4b
commit
797714b580
|
@ -62,7 +62,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="poll">
|
<div class="poll">
|
||||||
<el-button size="default" type="text" @click="togglePollForm" :title="$t('modals.new_toot.footer.poll')">
|
<el-button size="default" type="text" @click="togglePollForm" :title="$t('modals.new_toot.footer.poll')">
|
||||||
<font-awesome-icon icon="poll" />
|
<font-awesome-icon icon="square-poll-horizontal" />
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="privacy">
|
<div class="privacy">
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div v-show="!filtered(message)" class="favourite">
|
<div v-show="!filtered(message)" class="favourite">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="star" scale="0.7"></icon>
|
<font-awesome-icon icon="star" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
@ -87,7 +87,7 @@
|
||||||
@click="showAttachments = false"
|
@click="showAttachments = false"
|
||||||
:title="$t('cards.toot.hide')"
|
:title="$t('cards.toot.hide')"
|
||||||
>
|
>
|
||||||
<icon name="eye" class="hide"></icon>
|
<font-awesome-icon icon="eye" class="hide" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
||||||
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<div class="follow">
|
<div class="follow">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="user-plus" scale="0.8"></icon>
|
<font-awesome-icon icon="user-plus" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<div class="follow-request">
|
<div class="follow-request">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="user-plus" scale="0.8"></icon>
|
<font-awesome-icon icon="user-plus" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div v-show="!filtered(message)" class="poll-expired">
|
<div v-show="!filtered(message)" class="poll-expired">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="poll-h" scale="0.9"></icon>
|
<font-awesome-icon icon="square-poll-horizontal" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
@ -87,7 +87,7 @@
|
||||||
@click="showAttachments = false"
|
@click="showAttachments = false"
|
||||||
:title="$t('cards.toot.hide')"
|
:title="$t('cards.toot.hide')"
|
||||||
>
|
>
|
||||||
<icon name="eye" class="hide"></icon>
|
<font-awesome-icon icon="eye" class="hide" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
||||||
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div v-show="!filtered(message)" class="poll-vote">
|
<div v-show="!filtered(message)" class="poll-vote">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="poll-h" scale="0.9"></icon>
|
<font-awesome-icon icon="square-poll-horizontal" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
@ -87,7 +87,7 @@
|
||||||
@click="showAttachments = false"
|
@click="showAttachments = false"
|
||||||
:title="$t('cards.toot.hide')"
|
:title="$t('cards.toot.hide')"
|
||||||
>
|
>
|
||||||
<icon name="eye" class="hide"></icon>
|
<font-awesome-icon icon="eye" class="hide" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
||||||
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div v-show="!filtered(message)" class="quoted">
|
<div v-show="!filtered(message)" class="quoted">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="retweet" scala="0.7"></icon>
|
<font-awesome-icon icon="retweet" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
@ -89,7 +89,7 @@
|
||||||
@click="showAttachments = false"
|
@click="showAttachments = false"
|
||||||
:title="$t('cards.toot.hide')"
|
:title="$t('cards.toot.hide')"
|
||||||
>
|
>
|
||||||
<icon name="eye" class="hide"></icon>
|
<font-awesome-icon icon="eye" class="hide" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
||||||
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
||||||
|
|
|
@ -87,7 +87,7 @@
|
||||||
@click="showAttachments = false"
|
@click="showAttachments = false"
|
||||||
:title="$t('cards.toot.hide')"
|
:title="$t('cards.toot.hide')"
|
||||||
>
|
>
|
||||||
<icon name="eye" class="hide"></icon>
|
<font-awesome-icon icon="eye" class="hide" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
||||||
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div v-show="!filtered(message)" class="reblog">
|
<div v-show="!filtered(message)" class="reblog">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="retweet" scala="0.7"></icon>
|
<font-awesome-icon icon="retweet" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
@ -89,7 +89,7 @@
|
||||||
@click="showAttachments = false"
|
@click="showAttachments = false"
|
||||||
:title="$t('cards.toot.hide')"
|
:title="$t('cards.toot.hide')"
|
||||||
>
|
>
|
||||||
<icon name="eye" class="hide"></icon>
|
<font-awesome-icon icon="eye" class="hide" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
|
||||||
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
<FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div class="notified-status">
|
<div class="notified-status">
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<div class="action-mark">
|
<div class="action-mark">
|
||||||
<icon name="home" scale="0.9"></icon>
|
<font-awesome-icon name="home" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<div class="action-detail">
|
<div class="action-detail">
|
||||||
<span class="bold" @click="openUser(message.account)">
|
<span class="bold" @click="openUser(message.account)">
|
||||||
|
|
|
@ -19,13 +19,15 @@ import {
|
||||||
faListUl,
|
faListUl,
|
||||||
faTimesCircle,
|
faTimesCircle,
|
||||||
faCamera,
|
faCamera,
|
||||||
faPoll,
|
|
||||||
faUnlock,
|
faUnlock,
|
||||||
faLock,
|
faLock,
|
||||||
faEyeSlash,
|
faEyeSlash,
|
||||||
faEye,
|
faEye,
|
||||||
faPlus,
|
faPlus,
|
||||||
faXmark
|
faXmark,
|
||||||
|
faSquarePollHorizontal,
|
||||||
|
faRetweet,
|
||||||
|
faUserPlus
|
||||||
} from '@fortawesome/free-solid-svg-icons'
|
} from '@fortawesome/free-solid-svg-icons'
|
||||||
import { faFaceSmile } from '@fortawesome/free-regular-svg-icons'
|
import { faFaceSmile } from '@fortawesome/free-regular-svg-icons'
|
||||||
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
||||||
|
@ -63,14 +65,16 @@ library.add(
|
||||||
faListUl,
|
faListUl,
|
||||||
faTimesCircle,
|
faTimesCircle,
|
||||||
faCamera,
|
faCamera,
|
||||||
faPoll,
|
|
||||||
faUnlock,
|
faUnlock,
|
||||||
faLock,
|
faLock,
|
||||||
faEyeSlash,
|
faEyeSlash,
|
||||||
faEye,
|
faEye,
|
||||||
faPlus,
|
faPlus,
|
||||||
faFaceSmile,
|
faFaceSmile,
|
||||||
faXmark
|
faXmark,
|
||||||
|
faSquarePollHorizontal,
|
||||||
|
faRetweet,
|
||||||
|
faUserPlus
|
||||||
)
|
)
|
||||||
|
|
||||||
Vue.use(ElementUI, { locale })
|
Vue.use(ElementUI, { locale })
|
||||||
|
|
Loading…
Reference in New Issue