OSネイティブの絵文字を使用オプション

This commit is contained in:
syuilo 2020-02-13 03:11:37 +09:00
parent 3a78b62520
commit 83ad9f369f
6 changed files with 19 additions and 10 deletions

View file

@ -8,6 +8,7 @@ unrekleassaf
* 表示言語を切り替えられるように * 表示言語を切り替えられるように
* グループに招待されたときの通知を追加 * グループに招待されたときの通知を追加
* フランス語と関西弁を有効に * フランス語と関西弁を有効に
* OSネイティブの絵文字を使用オプションを追加
### 🐛Fixes ### 🐛Fixes
* リストを追加するとエラーが出る問題を修正 * リストを追加するとエラーが出る問題を修正

View file

@ -388,6 +388,7 @@ or: "もしくは"
uiLanguage: "UIの表示言語" uiLanguage: "UIの表示言語"
groupInvited: "グループに招待されました" groupInvited: "グループに招待されました"
aboutX: "{x}について" aboutX: "{x}について"
useOsNativeEmojis: "OSネイティブの絵文字を使用"
_ago: _ago:
unknown: "謎" unknown: "謎"

View file

@ -18,7 +18,7 @@
<ol class="emojis" ref="suggests" v-if="emojis.length > 0"> <ol class="emojis" ref="suggests" v-if="emojis.length > 0">
<li v-for="emoji in emojis" @click="complete(type, emoji.emoji)" @keydown="onKeydown" tabindex="-1"> <li v-for="emoji in emojis" @click="complete(type, emoji.emoji)" @keydown="onKeydown" tabindex="-1">
<span class="emoji" v-if="emoji.isCustomEmoji"><img :src="$store.state.device.disableShowingAnimatedImages ? getStaticImageUrl(emoji.url) : emoji.url" :alt="emoji.emoji"/></span> <span class="emoji" v-if="emoji.isCustomEmoji"><img :src="$store.state.device.disableShowingAnimatedImages ? getStaticImageUrl(emoji.url) : emoji.url" :alt="emoji.emoji"/></span>
<span class="emoji" v-else-if="!useOsDefaultEmojis"><img :src="emoji.url" :alt="emoji.emoji"/></span> <span class="emoji" v-else-if="!useOsNativeEmojis"><img :src="emoji.url" :alt="emoji.emoji"/></span>
<span class="emoji" v-else>{{ emoji.emoji }}</span> <span class="emoji" v-else>{{ emoji.emoji }}</span>
<span class="name" v-html="emoji.name.replace(q, `<b>${q}</b>`)"></span> <span class="name" v-html="emoji.name.replace(q, `<b>${q}</b>`)"></span>
<span class="alias" v-if="emoji.aliasOf">({{ emoji.aliasOf }})</span> <span class="alias" v-if="emoji.aliasOf">({{ emoji.aliasOf }})</span>
@ -130,8 +130,8 @@ export default Vue.extend({
return (this.$refs.suggests as Element).children; return (this.$refs.suggests as Element).children;
}, },
useOsDefaultEmojis(): boolean { useOsNativeEmojis(): boolean {
return this.$store.state.device.useOsDefaultEmojis; return this.$store.state.device.useOsNativeEmojis;
} }
}, },

View file

@ -1,7 +1,7 @@
<template> <template>
<img v-if="customEmoji" class="mk-emoji custom" :class="{ normal, noStyle }" :src="url" :alt="alt" :title="alt"/> <img v-if="customEmoji" class="mk-emoji custom" :class="{ normal, noStyle }" :src="url" :alt="alt" :title="alt"/>
<img v-else-if="char && !useOsDefaultEmojis" class="mk-emoji" :src="url" :alt="alt" :title="alt"/> <img v-else-if="char && !useOsNativeEmojis" class="mk-emoji" :src="url" :alt="alt" :title="alt"/>
<span v-else-if="char && useOsDefaultEmojis">{{ char }}</span> <span v-else-if="char && useOsNativeEmojis">{{ char }}</span>
<span v-else>:{{ name }}:</span> <span v-else>:{{ name }}:</span>
</template> </template>
@ -53,8 +53,8 @@ export default Vue.extend({
return this.customEmoji ? `:${this.customEmoji.name}:` : this.char; return this.customEmoji ? `:${this.customEmoji.name}:` : this.char;
}, },
useOsDefaultEmojis(): boolean { useOsNativeEmojis(): boolean {
return this.$store.state.device.useOsDefaultEmojis && !this.isReaction; return this.$store.state.device.useOsNativeEmojis && !this.isReaction;
}, },
ce() { ce() {

View file

@ -23,8 +23,10 @@
<mk-button @click="readAllMessagingMessages">{{ $t('markAsReadAllTalkMessages') }}</mk-button> <mk-button @click="readAllMessagingMessages">{{ $t('markAsReadAllTalkMessages') }}</mk-button>
</div> </div>
<div class="_content"> <div class="_content">
<mk-switch v-model="reduceAnimation"> <mk-switch v-model="reduceAnimation">{{ $t('reduceUiAnimation') }}</mk-switch>
{{ $t('reduceUiAnimation') }} <mk-switch v-model="useOsNativeEmojis">
{{ $t('useOsNativeEmojis') }}
<template #desc><mfm text="🍮🍦🍭🍩🍰🍫🍬🥞🍪"/></template>
</mk-switch> </mk-switch>
</div> </div>
<div class="_content"> <div class="_content">
@ -81,6 +83,11 @@ export default Vue.extend({
get() { return !this.$store.state.device.animation; }, get() { return !this.$store.state.device.animation; },
set(value) { this.$store.commit('device/set', { key: 'animation', value: !value }); } set(value) { this.$store.commit('device/set', { key: 'animation', value: !value }); }
}, },
useOsNativeEmojis: {
get() { return this.$store.state.device.useOsNativeEmojis; },
set(value) { this.$store.commit('device/set', { key: 'useOsNativeEmojis', value }); }
},
}, },
watch: { watch: {

View file

@ -31,7 +31,7 @@ const defaultDeviceSettings = {
lang: null, lang: null,
loadRawImages: false, loadRawImages: false,
alwaysShowNsfw: false, alwaysShowNsfw: false,
useOsDefaultEmojis: false, useOsNativeEmojis: false,
autoReload: false, autoReload: false,
accounts: [], accounts: [],
recentEmojis: [], recentEmojis: [],