diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 4064f3f35..f1517bf0c 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -121,7 +121,7 @@ common:
use-avatar-reversi-stones: "リバーシの石にアバターを使う"
verified-user: "公式アカウント"
disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
- do-not-autoplay-animation: "アニメーション画像を再生しない"
+ disable-showing-animated-images: "アニメーション画像を再生しない"
suggest-recent-hashtags: "最近のハッシュタグを投稿フォームに表示する"
always-show-nsfw: "常に閲覧注意のメディアを表示する"
always-mark-nsfw: "常にメディアを閲覧注意として投稿"
diff --git a/src/client/app/common/views/components/avatar.vue b/src/client/app/common/views/components/avatar.vue
index 205b4a6d7..0c6cd7048 100644
--- a/src/client/app/common/views/components/avatar.vue
+++ b/src/client/app/common/views/components/avatar.vue
@@ -49,7 +49,7 @@ export default Vue.extend({
};
},
url(): string {
- return this.$store.state.device.doNotAutoplayAnimation
+ return this.$store.state.device.disableShowingAnimatedImages
? getStaticImageUrl(this.user.avatarUrl)
: this.user.avatarUrl;
},
diff --git a/src/client/app/common/views/components/emoji.vue b/src/client/app/common/views/components/emoji.vue
index b791dcab6..b4618a8d8 100644
--- a/src/client/app/common/views/components/emoji.vue
+++ b/src/client/app/common/views/components/emoji.vue
@@ -55,7 +55,7 @@ export default Vue.extend({
const customEmoji = this.customEmojis.find(x => x.name == this.name);
if (customEmoji) {
this.customEmoji = customEmoji;
- this.url = this.$store.state.device.doNotAutoplayAnimation
+ this.url = this.$store.state.device.disableShowingAnimatedImages
? getStaticImageUrl(customEmoji.url)
: customEmoji.url;
} else {
diff --git a/src/client/app/common/views/components/media-image.vue b/src/client/app/common/views/components/media-image.vue
index 4433ec2af..4a99b953e 100644
--- a/src/client/app/common/views/components/media-image.vue
+++ b/src/client/app/common/views/components/media-image.vue
@@ -38,7 +38,7 @@ export default Vue.extend({
computed: {
style(): any {
let url = `url(${
- this.$store.state.device.doNotAutoplayAnimation
+ this.$store.state.device.disableShowingAnimatedImages
? getStaticImageUrl(this.image.thumbnailUrl)
: this.image.thumbnailUrl
})`;
diff --git a/src/client/app/desktop/views/components/settings.vue b/src/client/app/desktop/views/components/settings.vue
index be0244ee0..76d99ee3c 100644
--- a/src/client/app/desktop/views/components/settings.vue
+++ b/src/client/app/desktop/views/components/settings.vue
@@ -117,7 +117,7 @@
{{ $t('show-reply-target') }}
{{ $t('show-maps') }}
{{ $t('@.disable-animated-mfm') }}
- {{ $t('@.do-not-autoplay-animation') }}
+ {{ $t('@.disable-showing-animated-images') }}
{{ $t('remain-deleted-note') }}
@@ -517,9 +517,9 @@ export default Vue.extend({
set(value) { this.$store.dispatch('settings/set', { key: 'disableAnimatedMfm', value }); }
},
- doNotAutoplayAnimation: {
- get() { return this.$store.state.device.doNotAutoplayAnimation; },
- set(value) { this.$store.commit('device/set', { key: 'doNotAutoplayAnimation', value }); }
+ disableShowingAnimatedImages: {
+ get() { return this.$store.state.device.disableShowingAnimatedImages; },
+ set(value) { this.$store.commit('device/set', { key: 'disableShowingAnimatedImages', value }); }
},
remainDeletedNote: {
diff --git a/src/client/app/mobile/views/pages/settings.vue b/src/client/app/mobile/views/pages/settings.vue
index 8c01b6ac2..e8b51d127 100644
--- a/src/client/app/mobile/views/pages/settings.vue
+++ b/src/client/app/mobile/views/pages/settings.vue
@@ -29,7 +29,7 @@
{{ $t('@.use-os-default-emojis') }}
{{ $t('@.i-like-sushi') }}
{{ $t('@.disable-animated-mfm') }}
- {{ $t('@.do-not-autoplay-animation') }}
+ {{ $t('@.disable-showing-animated-images') }}
{{ $t('@.suggest-recent-hashtags') }}
{{ $t('@.always-show-nsfw') }} ({{ $t('@.this-setting-is-this-device-only') }})
@@ -314,9 +314,9 @@ export default Vue.extend({
set(value) { this.$store.dispatch('settings/set', { key: 'disableAnimatedMfm', value }); }
},
- doNotAutoplayAnimation: {
- get() { return this.$store.state.device.doNotAutoplayAnimation; },
- set(value) { this.$store.commit('device/set', { key: 'doNotAutoplayAnimation', value }); }
+ disableShowingAnimatedImages: {
+ get() { return this.$store.state.device.disableShowingAnimatedImages; },
+ set(value) { this.$store.commit('device/set', { key: 'disableShowingAnimatedImages', value }); }
},
showReplyTarget: {
diff --git a/src/client/app/store.ts b/src/client/app/store.ts
index ef2e57170..d0f61f8bc 100644
--- a/src/client/app/store.ts
+++ b/src/client/app/store.ts
@@ -70,7 +70,7 @@ const defaultDeviceSettings = {
deckTemporaryColumn: null,
deckDefault: false,
useOsDefaultEmojis: false,
- doNotAutoplayAnimation: false
+ disableShowingAnimatedImages: false
};
export default (os: MiOS) => new Vuex.Store({