No OneTemporary
Actions

Authored By

Unknown

Size

70 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/mobile_post_status_modal/mobile_post_status_modal.js b/src/components/mobile_post_status_modal/mobile_post_status_modal.js
	index 2f24dd08da..d9806ad9f7 100644
	--- a/src/components/mobile_post_status_modal/mobile_post_status_modal.js
	+++ b/src/components/mobile_post_status_modal/mobile_post_status_modal.js
	@@ -1,91 +1,116 @@
	import PostStatusForm from '../post_status_form/post_status_form.vue'
	-import { throttle } from 'lodash'
	+import { throttle, debounce } from 'lodash'

	const MobilePostStatusModal = {
	components: {
	PostStatusForm
	},
	data () {
	return {
	hidden: false,
	postFormOpen: false,
	scrollingDown: false,
	inputActive: false,
	oldScrollPos: 0,
	amountScrolled: 0
	}
	},
	created () {
	- window.addEventListener('scroll', this.handleScroll)
	+ if (this.autohideFloatingPostButton) {
	+ window.addEventListener('scroll', this.handleScroll)
	+ window.addEventListener('scroll', this.handleScrollDown)
	+ }
	window.addEventListener('resize', this.handleOSK)
	},
	destroyed () {
	- window.removeEventListener('scroll', this.handleScroll)
	+ if (this.autohideFloatingPostButton) {
	+ window.removeEventListener('scroll', this.handleScroll)
	+ window.removeEventListener('scroll', this.handleScrollDown)
	+ }
	window.removeEventListener('resize', this.handleOSK)
	},
	computed: {
	currentUser () {
	return this.$store.state.users.currentUser
	},
	isHidden () {
	- return this.hidden \|\| this.inputActive
	+ return this.autohideFloatingPostButton && (this.hidden \|\| this.inputActive)
	+ },
	+ autohideFloatingPostButton () {
	+ return !!this.$store.state.config.autohideFloatingPostButton
	+ }
	+ },
	+ watch: {
	+ autohideFloatingPostButton: function (isEnabled) {
	+ if (isEnabled) {
	+ window.addEventListener('scroll', this.handleScroll)
	+ window.addEventListener('scroll', this.handleScrollDown)
	+ } else {
	+ window.removeEventListener('scroll', this.handleScroll)
	+ window.removeEventListener('scroll', this.handleScrollDown)
	+ }
	}
	},
	methods: {
	openPostForm () {
	this.postFormOpen = true
	this.hidden = true

	const el = this.$el.querySelector('textarea')
	this.$nextTick(function () {
	el.focus()
	})
	},
	closePostForm () {
	this.postFormOpen = false
	this.hidden = false
	},
	handleOSK () {
	// This is a big hack: we're guessing from changed window sizes if the
	// on-screen keyboard is active or not. This is only really important
	// for phones in portrait mode and it's more important to show the button
	// in normal scenarios on all phones, than it is to hide it when the
	// keyboard is active.
	// Guesswork based on https://www.mydevice.io/#compare-devices

	// for example, iphone 4 and android phones from the same time period
	const smallPhone = window.innerWidth < 350
	const smallPhoneKbOpen = smallPhone && window.innerHeight < 345

	const biggerPhone = !smallPhone && window.innerWidth < 450
	const biggerPhoneKbOpen = biggerPhone && window.innerHeight < 560
	if (smallPhoneKbOpen \|\| biggerPhoneKbOpen) {
	this.inputActive = true
	} else {
	this.inputActive = false
	}
	},
	handleScroll: throttle(function () {
	const scrollAmount = window.scrollY - this.oldScrollPos
	const scrollingDown = scrollAmount > 0

	if (scrollingDown !== this.scrollingDown) {
	this.amountScrolled = 0
	this.scrollingDown = scrollingDown
	if (!scrollingDown) {
	this.hidden = false
	}
	} else if (scrollingDown) {
	this.amountScrolled += scrollAmount
	if (this.amountScrolled > 100 && !this.hidden) {
	this.hidden = true
	}
	}

	this.oldScrollPos = window.scrollY
	this.scrollingDown = scrollingDown
	+ }, 100),
	+ handleScrollDown: debounce(function () {
	+ if (this.scrollingDown) {
	+ this.hidden = false
	+ }
	}, 100)
	}
	}

	export default MobilePostStatusModal
	diff --git a/src/components/settings/settings.js b/src/components/settings/settings.js
	index a85ab674e1..c4aa45b2f1 100644
	--- a/src/components/settings/settings.js
	+++ b/src/components/settings/settings.js
	@@ -1,231 +1,235 @@
	/* eslint-env browser */
	import { filter, trim } from 'lodash'

	import TabSwitcher from '../tab_switcher/tab_switcher.js'
	import StyleSwitcher from '../style_switcher/style_switcher.vue'
	import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
	import { extractCommit } from '../../services/version/version.service'

	const pleromaFeCommitUrl = 'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
	const pleromaBeCommitUrl = 'https://git.pleroma.social/pleroma/pleroma/commit/'

	const settings = {
	data () {
	const user = this.$store.state.config
	const instance = this.$store.state.instance

	return {
	hideAttachmentsLocal: user.hideAttachments,
	hideAttachmentsInConvLocal: user.hideAttachmentsInConv,
	maxThumbnails: user.maxThumbnails,
	hideNsfwLocal: user.hideNsfw,
	useOneClickNsfw: user.useOneClickNsfw,
	hideISPLocal: user.hideISP,
	preloadImage: user.preloadImage,

	hidePostStatsLocal: typeof user.hidePostStats === 'undefined'
	? instance.hidePostStats
	: user.hidePostStats,
	hidePostStatsDefault: this.$t('settings.values.' + instance.hidePostStats),

	hideUserStatsLocal: typeof user.hideUserStats === 'undefined'
	? instance.hideUserStats
	: user.hideUserStats,
	hideUserStatsDefault: this.$t('settings.values.' + instance.hideUserStats),

	hideFilteredStatusesLocal: typeof user.hideFilteredStatuses === 'undefined'
	? instance.hideFilteredStatuses
	: user.hideFilteredStatuses,
	hideFilteredStatusesDefault: this.$t('settings.values.' + instance.hideFilteredStatuses),

	notificationVisibilityLocal: user.notificationVisibility,
	replyVisibilityLocal: user.replyVisibility,
	loopVideoLocal: user.loopVideo,
	muteWordsString: user.muteWords.join('\n'),
	autoLoadLocal: user.autoLoad,
	streamingLocal: user.streaming,
	pauseOnUnfocusedLocal: user.pauseOnUnfocused,
	hoverPreviewLocal: user.hoverPreview,
	+ autohideFloatingPostButtonLocal: user.autohideFloatingPostButton,

	hideMutedPostsLocal: typeof user.hideMutedPosts === 'undefined'
	? instance.hideMutedPosts
	: user.hideMutedPosts,
	hideMutedPostsDefault: this.$t('settings.values.' + instance.hideMutedPosts),

	collapseMessageWithSubjectLocal: typeof user.collapseMessageWithSubject === 'undefined'
	? instance.collapseMessageWithSubject
	: user.collapseMessageWithSubject,
	collapseMessageWithSubjectDefault: this.$t('settings.values.' + instance.collapseMessageWithSubject),

	subjectLineBehaviorLocal: typeof user.subjectLineBehavior === 'undefined'
	? instance.subjectLineBehavior
	: user.subjectLineBehavior,
	subjectLineBehaviorDefault: instance.subjectLineBehavior,

	postContentTypeLocal: typeof user.postContentType === 'undefined'
	? instance.postContentType
	: user.postContentType,
	postContentTypeDefault: instance.postContentType,

	alwaysShowSubjectInputLocal: typeof user.alwaysShowSubjectInput === 'undefined'
	? instance.alwaysShowSubjectInput
	: user.alwaysShowSubjectInput,
	alwaysShowSubjectInputDefault: this.$t('settings.values.' + instance.alwaysShowSubjectInput),

	scopeCopyLocal: typeof user.scopeCopy === 'undefined'
	? instance.scopeCopy
	: user.scopeCopy,
	scopeCopyDefault: this.$t('settings.values.' + instance.scopeCopy),

	minimalScopesModeLocal: typeof user.minimalScopesMode === 'undefined'
	? instance.minimalScopesMode
	: user.minimalScopesMode,
	minimalScopesModeDefault: this.$t('settings.values.' + instance.minimalScopesMode),

	stopGifs: user.stopGifs,
	webPushNotificationsLocal: user.webPushNotifications,
	loopVideoSilentOnlyLocal: user.loopVideosSilentOnly,
	loopSilentAvailable:
	// Firefox
	Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') \|\|
	// Chrome-likes
	Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') \|\|
	// Future spec, still not supported in Nightly 63 as of 08/2018
	Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
	playVideosInModal: user.playVideosInModal,
	useContainFit: user.useContainFit,

	backendVersion: instance.backendVersion,
	frontendVersion: instance.frontendVersion
	}
	},
	components: {
	TabSwitcher,
	StyleSwitcher,
	InterfaceLanguageSwitcher
	},
	computed: {
	user () {
	return this.$store.state.users.currentUser
	},
	currentSaveStateNotice () {
	return this.$store.state.interface.settings.currentSaveStateNotice
	},
	postFormats () {
	return this.$store.state.instance.postFormats \|\| []
	},
	instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
	frontendVersionLink () {
	return pleromaFeCommitUrl + this.frontendVersion
	},
	backendVersionLink () {
	return pleromaBeCommitUrl + extractCommit(this.backendVersion)
	}
	},
	watch: {
	hideAttachmentsLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideAttachments', value })
	},
	hideAttachmentsInConvLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideAttachmentsInConv', value })
	},
	hidePostStatsLocal (value) {
	this.$store.dispatch('setOption', { name: 'hidePostStats', value })
	},
	hideUserStatsLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideUserStats', value })
	},
	hideFilteredStatusesLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideFilteredStatuses', value })
	},
	hideNsfwLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideNsfw', value })
	},
	useOneClickNsfw (value) {
	this.$store.dispatch('setOption', { name: 'useOneClickNsfw', value })
	},
	preloadImage (value) {
	this.$store.dispatch('setOption', { name: 'preloadImage', value })
	},
	hideISPLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideISP', value })
	},
	'notificationVisibilityLocal.likes' (value) {
	this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
	},
	'notificationVisibilityLocal.follows' (value) {
	this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
	},
	'notificationVisibilityLocal.repeats' (value) {
	this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
	},
	'notificationVisibilityLocal.mentions' (value) {
	this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
	},
	replyVisibilityLocal (value) {
	this.$store.dispatch('setOption', { name: 'replyVisibility', value })
	},
	loopVideoLocal (value) {
	this.$store.dispatch('setOption', { name: 'loopVideo', value })
	},
	loopVideoSilentOnlyLocal (value) {
	this.$store.dispatch('setOption', { name: 'loopVideoSilentOnly', value })
	},
	autoLoadLocal (value) {
	this.$store.dispatch('setOption', { name: 'autoLoad', value })
	},
	streamingLocal (value) {
	this.$store.dispatch('setOption', { name: 'streaming', value })
	},
	pauseOnUnfocusedLocal (value) {
	this.$store.dispatch('setOption', { name: 'pauseOnUnfocused', value })
	},
	hoverPreviewLocal (value) {
	this.$store.dispatch('setOption', { name: 'hoverPreview', value })
	},
	+ autohideFloatingPostButtonLocal (value) {
	+ this.$store.dispatch('setOption', { name: 'autohideFloatingPostButton', value })
	+ },
	muteWordsString (value) {
	value = filter(value.split('\n'), (word) => trim(word).length > 0)
	this.$store.dispatch('setOption', { name: 'muteWords', value })
	},
	hideMutedPostsLocal (value) {
	this.$store.dispatch('setOption', { name: 'hideMutedPosts', value })
	},
	collapseMessageWithSubjectLocal (value) {
	this.$store.dispatch('setOption', { name: 'collapseMessageWithSubject', value })
	},
	scopeCopyLocal (value) {
	this.$store.dispatch('setOption', { name: 'scopeCopy', value })
	},
	alwaysShowSubjectInputLocal (value) {
	this.$store.dispatch('setOption', { name: 'alwaysShowSubjectInput', value })
	},
	subjectLineBehaviorLocal (value) {
	this.$store.dispatch('setOption', { name: 'subjectLineBehavior', value })
	},
	postContentTypeLocal (value) {
	this.$store.dispatch('setOption', { name: 'postContentType', value })
	},
	minimalScopesModeLocal (value) {
	this.$store.dispatch('setOption', { name: 'minimalScopesMode', value })
	},
	stopGifs (value) {
	this.$store.dispatch('setOption', { name: 'stopGifs', value })
	},
	webPushNotificationsLocal (value) {
	this.$store.dispatch('setOption', { name: 'webPushNotifications', value })
	if (value) this.$store.dispatch('registerPushNotifications')
	},
	playVideosInModal (value) {
	this.$store.dispatch('setOption', { name: 'playVideosInModal', value })
	},
	useContainFit (value) {
	this.$store.dispatch('setOption', { name: 'useContainFit', value })
	},
	maxThumbnails (value) {
	value = this.maxThumbnails = Math.floor(Math.max(value, 0))
	this.$store.dispatch('setOption', { name: 'maxThumbnails', value })
	}
	}
	}

	export default settings
	diff --git a/src/components/settings/settings.vue b/src/components/settings/settings.vue
	index 6890220faf..920e6e1258 100644
	--- a/src/components/settings/settings.vue
	+++ b/src/components/settings/settings.vue
	@@ -1,369 +1,373 @@
	<template>
	<div class="settings panel panel-default">
	<div class="panel-heading">
	<div class="title">
	{{$t('settings.settings')}}
	</div>

	<transition name="fade">
	<template v-if="currentSaveStateNotice">
	<div @click.prevent class="alert error" v-if="currentSaveStateNotice.error">
	{{ $t('settings.saving_err') }}
	</div>

	<div @click.prevent class="alert transparent" v-if="!currentSaveStateNotice.error">
	{{ $t('settings.saving_ok') }}
	</div>
	</template>
	</transition>
	</div>
	<div class="panel-body">
	<keep-alive>
	<tab-switcher>
	<div :label="$t('settings.general')" >
	<div class="setting-item">
	<h2>{{ $t('settings.interface') }}</h2>
	<ul class="setting-list">
	<li>
	<interface-language-switcher />
	</li>
	<li v-if="instanceSpecificPanelPresent">
	<input type="checkbox" id="hideISP" v-model="hideISPLocal">
	<label for="hideISP">{{$t('settings.hide_isp')}}</label>
	</li>
	</ul>
	</div>
	<div class="setting-item">
	<h2>{{$t('nav.timeline')}}</h2>
	<ul class="setting-list">
	<li>
	<input type="checkbox" id="hideMutedPosts" v-model="hideMutedPostsLocal">
	<label for="hideMutedPosts">{{$t('settings.hide_muted_posts')}} {{$t('settings.instance_default', { value: hideMutedPostsDefault })}}</label>
	</li>
	<li>
	<input type="checkbox" id="collapseMessageWithSubject" v-model="collapseMessageWithSubjectLocal">
	<label for="collapseMessageWithSubject">{{$t('settings.collapse_subject')}} {{$t('settings.instance_default', { value: collapseMessageWithSubjectDefault })}}</label>
	</li>
	<li>
	<input type="checkbox" id="streaming" v-model="streamingLocal">
	<label for="streaming">{{$t('settings.streaming')}}</label>
	<ul class="setting-list suboptions" :class="[{disabled: !streamingLocal}]">
	<li>
	<input :disabled="!streamingLocal" type="checkbox" id="pauseOnUnfocused" v-model="pauseOnUnfocusedLocal">
	<label for="pauseOnUnfocused">{{$t('settings.pause_on_unfocused')}}</label>
	</li>
	</ul>
	</li>
	<li>
	<input type="checkbox" id="autoload" v-model="autoLoadLocal">
	<label for="autoload">{{$t('settings.autoload')}}</label>
	</li>
	<li>
	<input type="checkbox" id="hoverPreview" v-model="hoverPreviewLocal">
	<label for="hoverPreview">{{$t('settings.reply_link_preview')}}</label>
	</li>
	</ul>
	</div>

	<div class="setting-item">
	<h2>{{$t('settings.composing')}}</h2>
	<ul class="setting-list">
	<li>
	<input type="checkbox" id="scopeCopy" v-model="scopeCopyLocal">
	<label for="scopeCopy">
	{{$t('settings.scope_copy')}} {{$t('settings.instance_default', { value: scopeCopyDefault })}}
	</label>
	</li>
	<li>
	<input type="checkbox" id="subjectHide" v-model="alwaysShowSubjectInputLocal">
	<label for="subjectHide">
	{{$t('settings.subject_input_always_show')}} {{$t('settings.instance_default', { value: alwaysShowSubjectInputDefault })}}
	</label>
	</li>
	<li>
	<div>
	{{$t('settings.subject_line_behavior')}}
	<label for="subjectLineBehavior" class="select">
	<select id="subjectLineBehavior" v-model="subjectLineBehaviorLocal">
	<option value="email">
	{{$t('settings.subject_line_email')}}
	{{subjectLineBehaviorDefault == 'email' ? $t('settings.instance_default_simple') : ''}}
	</option>
	<option value="masto">
	{{$t('settings.subject_line_mastodon')}}
	{{subjectLineBehaviorDefault == 'mastodon' ? $t('settings.instance_default_simple') : ''}}
	</option>
	<option value="noop">
	{{$t('settings.subject_line_noop')}}
	{{subjectLineBehaviorDefault == 'noop' ? $t('settings.instance_default_simple') : ''}}
	</option>
	</select>
	<i class="icon-down-open"/>
	</label>
	</div>
	</li>
	<li>
	<div>
	{{$t('settings.post_status_content_type')}}
	<label for="postContentType" class="select">
	<select id="postContentType" v-model="postContentTypeLocal">
	<option v-for="postFormat in postFormats" :key="postFormat" :value="postFormat">
	{{$t(`post_status.content_type["${postFormat}"]`)}}
	{{postContentTypeDefault === postFormat ? $t('settings.instance_default_simple') : ''}}
	</option>
	</select>
	<i class="icon-down-open"/>
	</label>
	</div>
	</li>
	<li>
	<input type="checkbox" id="minimalScopesMode" v-model="minimalScopesModeLocal">
	<label for="minimalScopesMode">
	{{$t('settings.minimal_scopes_mode')}} {{$t('settings.instance_default', { value: minimalScopesModeDefault })}}
	</label>
	</li>
	+ <li>
	+ <input type="checkbox" id="autohideFloatingPostButton" v-model="autohideFloatingPostButtonLocal">
	+ <label for="autohideFloatingPostButton">{{$t('settings.autohide_floating_post_button')}}</label>
	+ </li>
	</ul>
	</div>

	<div class="setting-item">
	<h2>{{$t('settings.attachments')}}</h2>
	<ul class="setting-list">
	<li>
	<input type="checkbox" id="hideAttachments" v-model="hideAttachmentsLocal">
	<label for="hideAttachments">{{$t('settings.hide_attachments_in_tl')}}</label>
	</li>
	<li>
	<input type="checkbox" id="hideAttachmentsInConv" v-model="hideAttachmentsInConvLocal">
	<label for="hideAttachmentsInConv">{{$t('settings.hide_attachments_in_convo')}}</label>
	</li>
	<li>
	<label for="maxThumbnails">{{$t('settings.max_thumbnails')}}</label>
	<input class="number-input" type="number" id="maxThumbnails" v-model.number="maxThumbnails" min="0" step="1">
	</li>
	<li>
	<input type="checkbox" id="hideNsfw" v-model="hideNsfwLocal">
	<label for="hideNsfw">{{$t('settings.nsfw_clickthrough')}}</label>
	</li>
	<ul class="setting-list suboptions" >
	<li>
	<input :disabled="!hideNsfwLocal" type="checkbox" id="preloadImage" v-model="preloadImage">
	<label for="preloadImage">{{$t('settings.preload_images')}}</label>
	</li>
	<li>
	<input :disabled="!hideNsfwLocal" type="checkbox" id="useOneClickNsfw" v-model="useOneClickNsfw">
	<label for="useOneClickNsfw">{{$t('settings.use_one_click_nsfw')}}</label>
	</li>
	</ul>
	<li>
	<input type="checkbox" id="stopGifs" v-model="stopGifs">
	<label for="stopGifs">{{$t('settings.stop_gifs')}}</label>
	</li>
	<li>
	<input type="checkbox" id="loopVideo" v-model="loopVideoLocal">
	<label for="loopVideo">{{$t('settings.loop_video')}}</label>
	<ul class="setting-list suboptions" :class="[{disabled: !streamingLocal}]">
	<li>
	<input :disabled="!loopVideoLocal \|\| !loopSilentAvailable" type="checkbox" id="loopVideoSilentOnly" v-model="loopVideoSilentOnlyLocal">
	<label for="loopVideoSilentOnly">{{$t('settings.loop_video_silent_only')}}</label>
	<div v-if="!loopSilentAvailable" class="unavailable">
	<i class="icon-globe"/>! {{$t('settings.limited_availability')}}
	</div>
	</li>
	</ul>
	</li>
	<li>
	<input type="checkbox" id="playVideosInModal" v-model="playVideosInModal">
	<label for="playVideosInModal">{{$t('settings.play_videos_in_modal')}}</label>
	</li>
	<li>
	<input type="checkbox" id="useContainFit" v-model="useContainFit">
	<label for="useContainFit">{{$t('settings.use_contain_fit')}}</label>
	</li>
	</ul>
	</div>

	<div class="setting-item">
	<h2>{{$t('settings.notifications')}}</h2>
	<ul class="setting-list">
	<li>
	<input type="checkbox" id="webPushNotifications" v-model="webPushNotificationsLocal">
	<label for="webPushNotifications">
	{{$t('settings.enable_web_push_notifications')}}
	</label>
	</li>
	</ul>
	</div>
	</div>

	<div :label="$t('settings.theme')" >
	<div class="setting-item">
	<style-switcher></style-switcher>
	</div>
	</div>

	<div :label="$t('settings.filtering')" >
	<div class="setting-item">
	<div class="select-multiple">
	<span class="label">{{$t('settings.notification_visibility')}}</span>
	<ul class="option-list">
	<li>
	<input type="checkbox" id="notification-visibility-likes" v-model="notificationVisibilityLocal.likes">
	<label for="notification-visibility-likes">
	{{$t('settings.notification_visibility_likes')}}
	</label>
	</li>
	<li>
	<input type="checkbox" id="notification-visibility-repeats" v-model="notificationVisibilityLocal.repeats">
	<label for="notification-visibility-repeats">
	{{$t('settings.notification_visibility_repeats')}}
	</label>
	</li>
	<li>
	<input type="checkbox" id="notification-visibility-follows" v-model="notificationVisibilityLocal.follows">
	<label for="notification-visibility-follows">
	{{$t('settings.notification_visibility_follows')}}
	</label>
	</li>
	<li>
	<input type="checkbox" id="notification-visibility-mentions" v-model="notificationVisibilityLocal.mentions">
	<label for="notification-visibility-mentions">
	{{$t('settings.notification_visibility_mentions')}}
	</label>
	</li>
	</ul>
	</div>
	<div>
	{{$t('settings.replies_in_timeline')}}
	<label for="replyVisibility" class="select">
	<select id="replyVisibility" v-model="replyVisibilityLocal">
	<option value="all" selected>{{$t('settings.reply_visibility_all')}}</option>
	<option value="following">{{$t('settings.reply_visibility_following')}}</option>
	<option value="self">{{$t('settings.reply_visibility_self')}}</option>
	</select>
	<i class="icon-down-open"/>
	</label>
	</div>
	<div>
	<input type="checkbox" id="hidePostStats" v-model="hidePostStatsLocal">
	<label for="hidePostStats">
	{{$t('settings.hide_post_stats')}} {{$t('settings.instance_default', { value: hidePostStatsDefault })}}
	</label>
	</div>
	<div>
	<input type="checkbox" id="hideUserStats" v-model="hideUserStatsLocal">
	<label for="hideUserStats">
	{{$t('settings.hide_user_stats')}} {{$t('settings.instance_default', { value: hideUserStatsDefault })}}
	</label>
	</div>
	</div>
	<div class="setting-item">
	<div>
	<p>{{$t('settings.filtering_explanation')}}</p>
	<textarea id="muteWords" v-model="muteWordsString"></textarea>
	</div>
	<div>
	<input type="checkbox" id="hideFilteredStatuses" v-model="hideFilteredStatusesLocal">
	<label for="hideFilteredStatuses">
	{{$t('settings.hide_filtered_statuses')}} {{$t('settings.instance_default', { value: hideFilteredStatusesDefault })}}
	</label>
	</div>
	</div>
	</div>
	<div :label="$t('settings.version.title')" >
	<div class="setting-item">
	<ul class="setting-list">
	<li>
	<p>{{$t('settings.version.backend_version')}}</p>
	<ul class="option-list">
	<li>
	<a :href="backendVersionLink" target="_blank">{{backendVersion}}</a>
	</li>
	</ul>
	</li>
	<li>
	<p>{{$t('settings.version.frontend_version')}}</p>
	<ul class="option-list">
	<li>
	<a :href="frontendVersionLink" target="_blank">{{frontendVersion}}</a>
	</li>
	</ul>
	</li>
	</ul>
	</div>
	</div>
	</tab-switcher>
	</keep-alive>
	</div>
	</div>
	</template>

	<script src="./settings.js">
	</script>

	<style lang="scss">
	@import '../../_variables.scss';

	.setting-item {
	border-bottom: 2px solid var(--fg, $fallback--fg);
	margin: 1em 1em 1.4em;
	padding-bottom: 1.4em;

	> div {
	margin-bottom: .5em;
	&:last-child {
	margin-bottom: 0;
	}
	}

	&:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 1em;
	}

	select {
	min-width: 10em;
	}


	textarea {
	width: 100%;
	max-width: 100%;
	height: 100px;
	}

	.unavailable,
	.unavailable i {
	color: var(--cRed, $fallback--cRed);
	color: $fallback--cRed;
	}

	.btn {
	min-height: 28px;
	min-width: 10em;
	padding: 0 2em;
	}

	.number-input {
	max-width: 6em;
	}
	}
	.select-multiple {
	display: flex;
	.option-list {
	margin: 0;
	padding-left: .5em;
	}
	}
	.setting-list,
	.option-list{
	list-style-type: none;
	padding-left: 2em;
	li {
	margin-bottom: 0.5em;
	}
	.suboptions {
	margin-top: 0.3em
	}
	}
	</style>
	diff --git a/src/i18n/en.json b/src/i18n/en.json
	index 7dca05e3d8..d7d4821e56 100644
	--- a/src/i18n/en.json
	+++ b/src/i18n/en.json
	@@ -1,463 +1,464 @@
	{
	"chat": {
	"title": "Chat"
	},
	"features_panel": {
	"chat": "Chat",
	"gopher": "Gopher",
	"media_proxy": "Media proxy",
	"scope_options": "Scope options",
	"text_limit": "Text limit",
	"title": "Features",
	"who_to_follow": "Who to follow"
	},
	"finder": {
	"error_fetching_user": "Error fetching user",
	"find_user": "Find user"
	},
	"general": {
	"apply": "Apply",
	"submit": "Submit",
	"more": "More",
	"generic_error": "An error occured",
	"optional": "optional",
	"show_more": "Show more",
	"show_less": "Show less",
	"cancel": "Cancel"
	},
	"image_cropper": {
	"crop_picture": "Crop picture",
	"save": "Save",
	"save_without_cropping": "Save without cropping",
	"cancel": "Cancel"
	},
	"login": {
	"login": "Log in",
	"description": "Log in with OAuth",
	"logout": "Log out",
	"password": "Password",
	"placeholder": "e.g. lain",
	"register": "Register",
	"username": "Username",
	"hint": "Log in to join the discussion"
	},
	"media_modal": {
	"previous": "Previous",
	"next": "Next"
	},
	"nav": {
	"about": "About",
	"back": "Back",
	"chat": "Local Chat",
	"friend_requests": "Follow Requests",
	"mentions": "Mentions",
	"dms": "Direct Messages",
	"public_tl": "Public Timeline",
	"timeline": "Timeline",
	"twkn": "The Whole Known Network",
	"user_search": "User Search",
	"who_to_follow": "Who to follow",
	"preferences": "Preferences"
	},
	"notifications": {
	"broken_favorite": "Unknown status, searching for it...",
	"favorited_you": "favorited your status",
	"followed_you": "followed you",
	"load_older": "Load older notifications",
	"notifications": "Notifications",
	"read": "Read!",
	"repeated_you": "repeated your status",
	"no_more_notifications": "No more notifications"
	},
	"post_status": {
	"new_status": "Post new status",
	"account_not_locked_warning": "Your account is not {0}. Anyone can follow you to view your follower-only posts.",
	"account_not_locked_warning_link": "locked",
	"attachments_sensitive": "Mark attachments as sensitive",
	"content_type": {
	"text/plain": "Plain text",
	"text/html": "HTML",
	"text/markdown": "Markdown"
	},
	"content_warning": "Subject (optional)",
	"default": "Just landed in L.A.",
	"direct_warning_to_all": "This post will be visible to all the mentioned users.",
	"direct_warning_to_first_only": "This post will only be visible to the mentioned users at the beginning of the message.",
	"posting": "Posting",
	"scope": {
	"direct": "Direct - Post to mentioned users only",
	"private": "Followers-only - Post to followers only",
	"public": "Public - Post to public timelines",
	"unlisted": "Unlisted - Do not post to public timelines"
	}
	},
	"registration": {
	"bio": "Bio",
	"email": "Email",
	"fullname": "Display name",
	"password_confirm": "Password confirmation",
	"registration": "Registration",
	"token": "Invite token",
	"captcha": "CAPTCHA",
	"new_captcha": "Click the image to get a new captcha",
	"username_placeholder": "e.g. lain",
	"fullname_placeholder": "e.g. Lain Iwakura",
	"bio_placeholder": "e.g.\nHi, I'm Lain.\nI’m an anime girl living in suburban Japan. You may know me from the Wired.",
	"validations": {
	"username_required": "cannot be left blank",
	"fullname_required": "cannot be left blank",
	"email_required": "cannot be left blank",
	"password_required": "cannot be left blank",
	"password_confirmation_required": "cannot be left blank",
	"password_confirmation_match": "should be the same as password"
	}
	},
	"selectable_list": {
	"select_all": "Select all"
	},
	"settings": {
	"app_name": "App name",
	"attachmentRadius": "Attachments",
	"attachments": "Attachments",
	"autoload": "Enable automatic loading when scrolled to the bottom",
	"avatar": "Avatar",
	"avatarAltRadius": "Avatars (Notifications)",
	"avatarRadius": "Avatars",
	"background": "Background",
	"bio": "Bio",
	"blocks_tab": "Blocks",
	"btnRadius": "Buttons",
	"cBlue": "Blue (Reply, follow)",
	"cGreen": "Green (Retweet)",
	"cOrange": "Orange (Favorite)",
	"cRed": "Red (Cancel)",
	"change_password": "Change Password",
	"change_password_error": "There was an issue changing your password.",
	"changed_password": "Password changed successfully!",
	"collapse_subject": "Collapse posts with subjects",
	"composing": "Composing",
	"confirm_new_password": "Confirm new password",
	"current_avatar": "Your current avatar",
	"current_password": "Current password",
	"current_profile_banner": "Your current profile banner",
	"data_import_export_tab": "Data Import / Export",
	"default_vis": "Default visibility scope",
	"delete_account": "Delete Account",
	"delete_account_description": "Permanently delete your account and all your messages.",
	"delete_account_error": "There was an issue deleting your account. If this persists please contact your instance administrator.",
	"delete_account_instructions": "Type your password in the input below to confirm account deletion.",
	"avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels.",
	"export_theme": "Save preset",
	"filtering": "Filtering",
	"filtering_explanation": "All statuses containing these words will be muted, one per line",
	"follow_export": "Follow export",
	"follow_export_button": "Export your follows to a csv file",
	"follow_export_processing": "Processing, you'll soon be asked to download your file",
	"follow_import": "Follow import",
	"follow_import_error": "Error importing followers",
	"follows_imported": "Follows imported! Processing them will take a while.",
	"foreground": "Foreground",
	"general": "General",
	"hide_attachments_in_convo": "Hide attachments in conversations",
	"hide_attachments_in_tl": "Hide attachments in timeline",
	"hide_muted_posts": "Hide posts of muted users",
	"max_thumbnails": "Maximum amount of thumbnails per post",
	"hide_isp": "Hide instance-specific panel",
	"preload_images": "Preload images",
	"use_one_click_nsfw": "Open NSFW attachments with just one click",
	"hide_post_stats": "Hide post statistics (e.g. the number of favorites)",
	"hide_user_stats": "Hide user statistics (e.g. the number of followers)",
	"hide_filtered_statuses": "Hide filtered statuses",
	"import_followers_from_a_csv_file": "Import follows from a csv file",
	"import_theme": "Load preset",
	"inputRadius": "Input fields",
	"checkboxRadius": "Checkboxes",
	"instance_default": "(default: {value})",
	"instance_default_simple": "(default)",
	"interface": "Interface",
	"interfaceLanguage": "Interface language",
	"invalid_theme_imported": "The selected file is not a supported Pleroma theme. No changes to your theme were made.",
	"limited_availability": "Unavailable in your browser",
	"links": "Links",
	"lock_account_description": "Restrict your account to approved followers only",
	"loop_video": "Loop videos",
	"loop_video_silent_only": "Loop only videos without sound (i.e. Mastodon's \"gifs\")",
	"mutes_tab": "Mutes",
	"play_videos_in_modal": "Play videos directly in the media viewer",
	"use_contain_fit": "Don't crop the attachment in thumbnails",
	"name": "Name",
	"name_bio": "Name & Bio",
	"new_password": "New password",
	"notification_visibility": "Types of notifications to show",
	"notification_visibility_follows": "Follows",
	"notification_visibility_likes": "Likes",
	"notification_visibility_mentions": "Mentions",
	"notification_visibility_repeats": "Repeats",
	"no_rich_text_description": "Strip rich text formatting from all posts",
	"no_blocks": "No blocks",
	"no_mutes": "No mutes",
	"hide_follows_description": "Don't show who I'm following",
	"hide_followers_description": "Don't show who's following me",
	"show_admin_badge": "Show Admin badge in my profile",
	"show_moderator_badge": "Show Moderator badge in my profile",
	"nsfw_clickthrough": "Enable clickthrough NSFW attachment hiding",
	"oauth_tokens": "OAuth tokens",
	"token": "Token",
	"refresh_token": "Refresh Token",
	"valid_until": "Valid Until",
	"revoke_token": "Revoke",
	"panelRadius": "Panels",
	"pause_on_unfocused": "Pause streaming when tab is not focused",
	"presets": "Presets",
	"profile_background": "Profile Background",
	"profile_banner": "Profile Banner",
	"profile_tab": "Profile",
	"radii_help": "Set up interface edge rounding (in pixels)",
	"replies_in_timeline": "Replies in timeline",
	"reply_link_preview": "Enable reply-link preview on mouse hover",
	"reply_visibility_all": "Show all replies",
	"reply_visibility_following": "Only show replies directed at me or users I'm following",
	"reply_visibility_self": "Only show replies directed at me",
	+ "autohide_floating_post_button": "Automatically hide New Post button (mobile)",
	"saving_err": "Error saving settings",
	"saving_ok": "Settings saved",
	"search_user_to_block": "Search whom you want to block",
	"search_user_to_mute": "Search whom you want to mute",
	"security_tab": "Security",
	"scope_copy": "Copy scope when replying (DMs are always copied)",
	"minimal_scopes_mode": "Minimize post scope selection options",
	"set_new_avatar": "Set new avatar",
	"set_new_profile_background": "Set new profile background",
	"set_new_profile_banner": "Set new profile banner",
	"settings": "Settings",
	"subject_input_always_show": "Always show subject field",
	"subject_line_behavior": "Copy subject when replying",
	"subject_line_email": "Like email: \"re: subject\"",
	"subject_line_mastodon": "Like mastodon: copy as is",
	"subject_line_noop": "Do not copy",
	"post_status_content_type": "Post status content type",
	"stop_gifs": "Play-on-hover GIFs",
	"streaming": "Enable automatic streaming of new posts when scrolled to the top",
	"text": "Text",
	"theme": "Theme",
	"theme_help": "Use hex color codes (#rrggbb) to customize your color theme.",
	"theme_help_v2_1": "You can also override certain component's colors and opacity by toggling the checkbox, use \"Clear all\" button to clear all overrides.",
	"theme_help_v2_2": "Icons underneath some entries are background/text contrast indicators, hover over for detailed info. Please keep in mind that when using transparency contrast indicators show the worst possible case.",
	"tooltipRadius": "Tooltips/alerts",
	"upload_a_photo": "Upload a photo",
	"user_settings": "User Settings",
	"values": {
	"false": "no",
	"true": "yes"
	},
	"notifications": "Notifications",
	"enable_web_push_notifications": "Enable web push notifications",
	"style": {
	"switcher": {
	"keep_color": "Keep colors",
	"keep_shadows": "Keep shadows",
	"keep_opacity": "Keep opacity",
	"keep_roundness": "Keep roundness",
	"keep_fonts": "Keep fonts",
	"save_load_hint": "\"Keep\" options preserve currently set options when selecting or loading themes, it also stores said options when exporting a theme. When all checkboxes unset, exporting theme will save everything.",
	"reset": "Reset",
	"clear_all": "Clear all",
	"clear_opacity": "Clear opacity"
	},
	"common": {
	"color": "Color",
	"opacity": "Opacity",
	"contrast": {
	"hint": "Contrast ratio is {ratio}, it {level} {context}",
	"level": {
	"aa": "meets Level AA guideline (minimal)",
	"aaa": "meets Level AAA guideline (recommended)",
	"bad": "doesn't meet any accessibility guidelines"
	},
	"context": {
	"18pt": "for large (18pt+) text",
	"text": "for text"
	}
	}
	},
	"common_colors": {
	"_tab_label": "Common",
	"main": "Common colors",
	"foreground_hint": "See \"Advanced\" tab for more detailed control",
	"rgbo": "Icons, accents, badges"
	},
	"advanced_colors": {
	"_tab_label": "Advanced",
	"alert": "Alert background",
	"alert_error": "Error",
	"badge": "Badge background",
	"badge_notification": "Notification",
	"panel_header": "Panel header",
	"top_bar": "Top bar",
	"borders": "Borders",
	"buttons": "Buttons",
	"inputs": "Input fields",
	"faint_text": "Faded text"
	},
	"radii": {
	"_tab_label": "Roundness"
	},
	"shadows": {
	"_tab_label": "Shadow and lighting",
	"component": "Component",
	"override": "Override",
	"shadow_id": "Shadow #{value}",
	"blur": "Blur",
	"spread": "Spread",
	"inset": "Inset",
	"hint": "For shadows you can also use --variable as a color value to use CSS3 variables. Please note that setting opacity won't work in this case.",
	"filter_hint": {
	"always_drop_shadow": "Warning, this shadow always uses {0} when browser supports it.",
	"drop_shadow_syntax": "{0} does not support {1} parameter and {2} keyword.",
	"avatar_inset": "Please note that combining both inset and non-inset shadows on avatars might give unexpected results with transparent avatars.",
	"spread_zero": "Shadows with spread > 0 will appear as if it was set to zero",
	"inset_classic": "Inset shadows will be using {0}"
	},
	"components": {
	"panel": "Panel",
	"panelHeader": "Panel header",
	"topBar": "Top bar",
	"avatar": "User avatar (in profile view)",
	"avatarStatus": "User avatar (in post display)",
	"popup": "Popups and tooltips",
	"button": "Button",
	"buttonHover": "Button (hover)",
	"buttonPressed": "Button (pressed)",
	"buttonPressedHover": "Button (pressed+hover)",
	"input": "Input field"
	}
	},
	"fonts": {
	"_tab_label": "Fonts",
	"help": "Select font to use for elements of UI. For \"custom\" you have to enter exact font name as it appears in system.",
	"components": {
	"interface": "Interface",
	"input": "Input fields",
	"post": "Post text",
	"postCode": "Monospaced text in a post (rich text)"
	},
	"family": "Font name",
	"size": "Size (in px)",
	"weight": "Weight (boldness)",
	"custom": "Custom"
	},
	"preview": {
	"header": "Preview",
	"content": "Content",
	"error": "Example error",
	"button": "Button",
	"text": "A bunch of more {0} and {1}",
	"mono": "content",
	"input": "Just landed in L.A.",
	"faint_link": "helpful manual",
	"fine_print": "Read our {0} to learn nothing useful!",
	"header_faint": "This is fine",
	"checkbox": "I have skimmed over terms and conditions",
	"link": "a nice lil' link"
	}
	},
	"version": {
	"title": "Version",
	"backend_version": "Backend Version",
	"frontend_version": "Frontend Version"
	}
	},
	"timeline": {
	"collapse": "Collapse",
	"conversation": "Conversation",
	"error_fetching": "Error fetching updates",
	"load_older": "Load older statuses",
	"no_retweet_hint": "Post is marked as followers-only or direct and cannot be repeated",
	"repeated": "repeated",
	"show_new": "Show new",
	"up_to_date": "Up-to-date",
	"no_more_statuses": "No more statuses",
	"no_statuses": "No statuses"
	},
	"status": {
	"reply_to": "Reply to",
	"replies_list": "Replies:"
	},
	"user_card": {
	"approve": "Approve",
	"block": "Block",
	"blocked": "Blocked!",
	"deny": "Deny",
	"favorites": "Favorites",
	"follow": "Follow",
	"follow_sent": "Request sent!",
	"follow_progress": "Requesting…",
	"follow_again": "Send request again?",
	"follow_unfollow": "Unfollow",
	"followees": "Following",
	"followers": "Followers",
	"following": "Following!",
	"follows_you": "Follows you!",
	"its_you": "It's you!",
	"media": "Media",
	"mute": "Mute",
	"muted": "Muted",
	"per_day": "per day",
	"remote_follow": "Remote follow",
	"statuses": "Statuses",
	"unblock": "Unblock",
	"unblock_progress": "Unblocking...",
	"block_progress": "Blocking...",
	"unmute": "Unmute",
	"unmute_progress": "Unmuting...",
	"mute_progress": "Muting...",
	"admin_menu": {
	"moderation": "Moderation",
	"grant_admin": "Grant Admin",
	"revoke_admin": "Revoke Admin",
	"grant_moderator": "Grant Moderator",
	"revoke_moderator": "Revoke Moderator",
	"activate_account": "Activate account",
	"deactivate_account": "Deactivate account",
	"delete_account": "Delete account",
	"force_nsfw": "Mark all posts as NSFW",
	"strip_media": "Remove media from posts",
	"force_unlisted": "Force posts to be unlisted",
	"sandbox": "Force posts to be followers-only",
	"disable_remote_subscription": "Disallow following user from remote instances",
	"disable_any_subscription": "Disallow following user at all",
	"quarantine": "Disallow user posts from federating",
	"delete_user": "Delete user",
	"delete_user_confirmation": "Are you absolutely sure? This action cannot be undone."
	}
	},
	"user_profile": {
	"timeline_title": "User Timeline",
	"profile_does_not_exist": "Sorry, this profile does not exist.",
	"profile_loading_error": "Sorry, there was an error loading this profile."
	},
	"who_to_follow": {
	"more": "More",
	"who_to_follow": "Who to follow"
	},
	"tool_tip": {
	"media_upload": "Upload Media",
	"repeat": "Repeat",
	"reply": "Reply",
	"favorite": "Favorite",
	"user_settings": "User Settings"
	},
	"upload":{
	"error": {
	"base": "Upload failed.",
	"file_too_big": "File too big [{filesize}{filesizeunit} / {allowedsize}{allowedsizeunit}]",
	"default": "Try again later"
	},
	"file_size_units": {
	"B": "B",
	"KiB": "KiB",
	"MiB": "MiB",
	"GiB": "GiB",
	"TiB": "TiB"
	}
	}
	}
	diff --git a/src/i18n/ru.json b/src/i18n/ru.json
	index 5450f154b1..e02aa1a8ac 100644
	--- a/src/i18n/ru.json
	+++ b/src/i18n/ru.json
	@@ -1,339 +1,340 @@
	{
	"chat": {
	"title": "Чат"
	},
	"finder": {
	"error_fetching_user": "Пользователь не найден",
	"find_user": "Найти пользователя"
	},
	"general": {
	"apply": "Применить",
	"submit": "Отправить",
	"cancel": "Отмена"
	},
	"login": {
	"login": "Войти",
	"logout": "Выйти",
	"password": "Пароль",
	"placeholder": "e.c. lain",
	"register": "Зарегистрироваться",
	"username": "Имя пользователя"
	},
	"nav": {
	"back": "Назад",
	"chat": "Локальный чат",
	"mentions": "Упоминания",
	"public_tl": "Публичная лента",
	"timeline": "Лента",
	"twkn": "Федеративная лента"
	},
	"notifications": {
	"broken_favorite": "Неизвестный статус, ищем...",
	"favorited_you": "нравится ваш статус",
	"followed_you": "начал(а) читать вас",
	"load_older": "Загрузить старые уведомления",
	"notifications": "Уведомления",
	"read": "Прочесть",
	"repeated_you": "повторил(а) ваш статус"
	},
	"post_status": {
	"account_not_locked_warning": "Ваш аккаунт не {0}. Кто угодно может зафоловить вас чтобы прочитать посты только для подписчиков",
	"account_not_locked_warning_link": "залочен",
	"attachments_sensitive": "Вложения содержат чувствительный контент",
	"content_warning": "Тема (не обязательно)",
	"default": "Что нового?",
	"direct_warning": "Этот пост будет видет только упомянутым пользователям",
	"posting": "Отправляется",
	"scope": {
	"direct": "Личное - этот пост видят только те кто в нём упомянут",
	"private": "Для подписчиков - этот пост видят только подписчики",
	"public": "Публичный - этот пост виден всем",
	"unlisted": "Непубличный - этот пост не виден на публичных лентах"
	}
	},
	"registration": {
	"bio": "Описание",
	"email": "Email",
	"fullname": "Отображаемое имя",
	"password_confirm": "Подтверждение пароля",
	"registration": "Регистрация",
	"token": "Код приглашения",
	"validations": {
	"username_required": "не должно быть пустым",
	"fullname_required": "не должно быть пустым",
	"email_required": "не должен быть пустым",
	"password_required": "не должен быть пустым",
	"password_confirmation_required": "не должно быть пустым",
	"password_confirmation_match": "должно совпадать с паролем"
	}
	},
	"settings": {
	"attachmentRadius": "Прикреплённые файлы",
	"attachments": "Вложения",
	"autoload": "Включить автоматическую загрузку при прокрутке вниз",
	"avatar": "Аватар",
	"avatarAltRadius": "Аватары в уведомлениях",
	"avatarRadius": "Аватары",
	"background": "Фон",
	"bio": "Описание",
	"btnRadius": "Кнопки",
	"cBlue": "Ответить, читать",
	"cGreen": "Повторить",
	"cOrange": "Нравится",
	"cRed": "Отменить",
	"change_password": "Сменить пароль",
	"change_password_error": "Произошла ошибка при попытке изменить пароль.",
	"changed_password": "Пароль изменён успешно.",
	"collapse_subject": "Сворачивать посты с темой",
	"confirm_new_password": "Подтверждение нового пароля",
	"current_avatar": "Текущий аватар",
	"current_password": "Текущий пароль",
	"current_profile_banner": "Текущий баннер профиля",
	"data_import_export_tab": "Импорт / Экспорт данных",
	"delete_account": "Удалить аккаунт",
	"delete_account_description": "Удалить ваш аккаунт и все ваши сообщения.",
	"delete_account_error": "Возникла ошибка в процессе удаления вашего аккаунта. Если это повторяется, свяжитесь с администратором вашего сервера.",
	"delete_account_instructions": "Введите ваш пароль в поле ниже для подтверждения удаления.",
	"export_theme": "Сохранить Тему",
	"filtering": "Фильтрация",
	"filtering_explanation": "Все статусы, содержащие данные слова, будут игнорироваться, по одному в строке",
	"follow_export": "Экспортировать читаемых",
	"follow_export_button": "Экспортировать читаемых в файл .csv",
	"follow_export_processing": "Ведётся обработка, скоро вам будет предложено загрузить файл",
	"follow_import": "Импортировать читаемых",
	"follow_import_error": "Ошибка при импортировании читаемых.",
	"follows_imported": "Список читаемых импортирован. Обработка займёт некоторое время..",
	"foreground": "Передний план",
	"general": "Общие",
	"hide_attachments_in_convo": "Прятать вложения в разговорах",
	"hide_attachments_in_tl": "Прятать вложения в ленте",
	"hide_isp": "Скрыть серверную панель",
	"import_followers_from_a_csv_file": "Импортировать читаемых из файла .csv",
	"import_theme": "Загрузить Тему",
	"inputRadius": "Поля ввода",
	"checkboxRadius": "Чекбоксы",
	"instance_default": "(по умолчанию: {value})",
	"instance_default_simple": "(по умолчанию)",
	"interface": "Интерфейс",
	"interfaceLanguage": "Язык интерфейса",
	"limited_availability": "Не доступно в вашем браузере",
	"links": "Ссылки",
	"lock_account_description": "Аккаунт доступен только подтверждённым подписчикам",
	"loop_video": "Зациливать видео",
	"loop_video_silent_only": "Зацикливать только беззвучные видео (т.е. \"гифки\" с Mastodon)",
	"name": "Имя",
	"name_bio": "Имя и описание",
	"new_password": "Новый пароль",
	"notification_visibility": "Показывать уведомления",
	"notification_visibility_follows": "Подписки",
	"notification_visibility_likes": "Лайки",
	"notification_visibility_mentions": "Упоминания",
	"notification_visibility_repeats": "Повторы",
	"no_rich_text_description": "Убрать форматирование из всех постов",
	"hide_follows_description": "Не показывать кого я читаю",
	"hide_followers_description": "Не показывать кто читает меня",
	"show_admin_badge": "Показывать значок администратора в моем профиле",
	"show_moderator_badge": "Показывать значок модератора в моем профиле",
	"nsfw_clickthrough": "Включить скрытие NSFW вложений",
	"oauth_tokens": "OAuth токены",
	"token": "Токен",
	"refresh_token": "Рефреш токен",
	"valid_until": "Годен до",
	"revoke_token": "Удалить",
	"panelRadius": "Панели",
	"pause_on_unfocused": "Приостановить загрузку когда вкладка не в фокусе",
	"presets": "Пресеты",
	"profile_background": "Фон профиля",
	"profile_banner": "Баннер профиля",
	"profile_tab": "Профиль",
	"radii_help": "Скругление углов элементов интерфейса (в пикселях)",
	"replies_in_timeline": "Ответы в ленте",
	"reply_link_preview": "Включить предварительный просмотр ответа при наведении мыши",
	"reply_visibility_all": "Показывать все ответы",
	"reply_visibility_following": "Показывать только ответы мне и тех на кого я подписан",
	"reply_visibility_self": "Показывать только ответы мне",
	+ "autohide_floating_post_button": "Автоматически скрывать кнопку постинга (в мобильной версии)",
	"saving_err": "Не удалось сохранить настройки",
	"saving_ok": "Сохранено",
	"security_tab": "Безопасность",
	"scope_copy": "Копировать видимость поста при ответе (всегда включено для Личных Сообщений)",
	"minimal_scopes_mode": "Минимизировать набор опций видимости поста",
	"set_new_avatar": "Загрузить новый аватар",
	"set_new_profile_background": "Загрузить новый фон профиля",
	"set_new_profile_banner": "Загрузить новый баннер профиля",
	"settings": "Настройки",
	"subject_input_always_show": "Всегда показывать поле ввода темы",
	"stop_gifs": "Проигрывать GIF анимации только при наведении",
	"streaming": "Включить автоматическую загрузку новых сообщений при прокрутке вверх",
	"text": "Текст",
	"theme": "Тема",
	"theme_help": "Используйте шестнадцатеричные коды цветов (#rrggbb) для настройки темы.",
	"theme_help_v2_1": "Вы так же можете перепоределить цвета определенных компонентов нажав соотв. галочку. Используйте кнопку \"Очистить всё\" чтобы снять все переопределения",
	"theme_help_v2_2": "Под некоторыми полями ввода это идикаторы контрастности, наведите на них мышью чтобы узнать больше. Приспользовании прозрачности контраст расчитывается для наихудшего варианта.",
	"tooltipRadius": "Всплывающие подсказки/уведомления",
	"user_settings": "Настройки пользователя",
	"values": {
	"false": "нет",
	"true": "да"
	},
	"style": {
	"switcher": {
	"keep_color": "Оставить цвета",
	"keep_shadows": "Оставить тени",
	"keep_opacity": "Оставить прозрачность",
	"keep_roundness": "Оставить скругление",
	"keep_fonts": "Оставить шрифты",
	"save_load_hint": "Опции \"оставить...\" позволяют сохранить текущие настройки при выборе другой темы или импорта её из файла. Так же они влияют на то какие компоненты будут сохранены при экспорте темы. Когда все галочки сняты все компоненты будут экспортированы.",
	"reset": "Сбросить",
	"clear_all": "Очистить всё",
	"clear_opacity": "Очистить прозрачность"
	},
	"common": {
	"color": "Цвет",
	"opacity": "Прозрачность",
	"contrast": {
	"hint": "Уровень контраста: {ratio}, что {level} {context}",
	"level": {
	"aa": "соответствует гайдлайну Level AA (минимальный)",
	"aaa": "соответствует гайдлайну Level AAA (рекомендуемый)",
	"bad": "не соответствует каким либо гайдлайнам"
	},
	"context": {
	"18pt": "для крупного (18pt+) текста",
	"text": "для текста"
	}
	}
	},
	"common_colors": {
	"_tab_label": "Общие",
	"main": "Общие цвета",
	"foreground_hint": "См. вкладку \"Дополнительно\" для более детального контроля",
	"rgbo": "Иконки, акценты, ярылки"
	},
	"advanced_colors": {
	"_tab_label": "Дополнительно",
	"alert": "Фон уведомлений",
	"alert_error": "Ошибки",
	"badge": "Фон значков",
	"badge_notification": "Уведомления",
	"panel_header": "Заголовок панели",
	"top_bar": "Верняя полоска",
	"borders": "Границы",
	"buttons": "Кнопки",
	"inputs": "Поля ввода",
	"faint_text": "Маловажный текст"
	},
	"radii": {
	"_tab_label": "Скругление"
	},
	"shadows": {
	"_tab_label": "Светотень",
	"component": "Компонент",
	"override": "Переопределить",
	"shadow_id": "Тень №{value}",
	"blur": "Размытие",
	"spread": "Разброс",
	"inset": "Внутренняя",
	"hint": "Для теней вы так же можете использовать --variable в качестве цвета чтобы использовать CSS3-переменные. В таком случае прозрачность работать не будет.",
	"filter_hint": {
	"always_drop_shadow": "Внимание, эта тень всегда использует {0} когда браузер поддерживает это",
	"drop_shadow_syntax": "{0} не поддерживает параметр {1} и ключевое слово {2}",
	"avatar_inset": "Одновременное использование внутренних и внешних теней на (прозрачных) аватарках может дать не те результаты что вы ожидаете",
	"spread_zero": "Тени с разбросом > 0 будут выглядеть как если бы разброс установлен в 0",
	"inset_classic": "Внутренние тени будут использовать {0}"
	},
	"components": {
	"panel": "Панель",
	"panelHeader": "Заголовок панели",
	"topBar": "Верхняя полоска",
	"avatar": "Аватарка (профиль)",
	"avatarStatus": "Аватарка (в ленте)",
	"popup": "Всплывающие подсказки",
	"button": "Кнопки",
	"buttonHover": "Кнопки (наведен курсор)",
	"buttonPressed": "Кнопки (нажата)",
	"buttonPressedHover": "Кнопки (нажата+наведен курсор)",
	"input": "Поля ввода"
	}
	},
	"fonts": {
	"_tab_label": "Шрифты",
	"help": "Выберите тип шрифта для использования в интерфейсе. При выборе варианта \"другой\" надо ввести название шрифта в точности как он называется в системе.",
	"components": {
	"interface": "Интерфейс",
	"input": "Поля ввода",
	"post": "Текст постов",
	"postCode": "Моноширинный текст в посте (форматирование)"
	},
	"family": "Шрифт",
	"size": "Размер (в пикселях)",
	"weight": "Ширина",
	"custom": "Другой"
	},
	"preview": {
	"header": "Пример",
	"content": "Контент",
	"error": "Ошибка стоп 000",
	"button": "Кнопка",
	"text": "Еще немного {0} и масенькая {1}",
	"mono": "контента",
	"input": "Что нового?",
	"faint_link": "Его придется убрать",
	"fine_print": "Если проблемы остались — ваш гуртовщик мыши плохо стоит. {0}.",
	"header_faint": "Все идет по плану",
	"checkbox": "Я подтверждаю что не было ни единого разрыва",
	"link": "ссылка"
	}
	}
	},
	"timeline": {
	"collapse": "Свернуть",
	"conversation": "Разговор",
	"error_fetching": "Ошибка при обновлении",
	"load_older": "Загрузить старые статусы",
	"no_retweet_hint": "Пост помечен как \"только для подписчиков\" или \"личное\" и поэтому не может быть повторён",
	"repeated": "повторил(а)",
	"show_new": "Показать новые",
	"up_to_date": "Обновлено"
	},
	"user_card": {
	"block": "Заблокировать",
	"blocked": "Заблокирован",
	"favorites": "Понравившиеся",
	"follow": "Читать",
	"follow_sent": "Запрос отправлен!",
	"follow_progress": "Запрашиваем…",
	"follow_again": "Запросить еще заново?",
	"follow_unfollow": "Перестать читать",
	"followees": "Читаемые",
	"followers": "Читатели",
	"following": "Читаю",
	"follows_you": "Читает вас",
	"mute": "Игнорировать",
	"muted": "Игнорирую",
	"per_day": "в день",
	"remote_follow": "Читать удалённо",
	"statuses": "Статусы",
	"admin_menu": {
	"moderation": "Опции модератора",
	"grant_admin": "Сделать администратором",
	"revoke_admin": "Забрать права администратора",
	"grant_moderator": "Сделать модератором",
	"revoke_moderator": "Забрать права модератора",
	"activate_account": "Активировать аккаунт",
	"deactivate_account": "Деактивировать аккаунт",
	"delete_account": "Удалить аккаунт",
	"force_nsfw": "Отмечать посты пользователя как NSFW",
	"strip_media": "Убирать вложения из постов пользователя",
	"force_unlisted": "Не добавлять посты в публичные ленты",
	"sandbox": "Посты доступны только для подписчиков",
	"disable_remote_subscription": "Запретить подписываться с удаленных серверов",
	"disable_any_subscription": "Запретить подписываться на пользователя",
	"quarantine": "Не федерировать посты пользователя",
	"delete_user": "Удалить пользователя",
	"delete_user_confirmation": "Вы уверены? Это действие нельзя отменить."
	}
	},
	"user_profile": {
	"timeline_title": "Лента пользователя"
	}
	}
	diff --git a/src/modules/config.js b/src/modules/config.js
	index 1666a2c595..fea0e3cf00 100644
	--- a/src/modules/config.js
	+++ b/src/modules/config.js
	@@ -1,72 +1,73 @@
	import { set, delete as del } from 'vue'
	import { setPreset, applyTheme } from '../services/style_setter/style_setter.js'

	const browserLocale = (window.navigator.language \|\| 'en').split('-')[0]

	const defaultState = {
	colors: {},
	hideMutedPosts: undefined, // instance default
	collapseMessageWithSubject: undefined, // instance default
	hideAttachments: false,
	hideAttachmentsInConv: false,
	maxThumbnails: 16,
	hideNsfw: true,
	preloadImage: true,
	loopVideo: true,
	loopVideoSilentOnly: true,
	autoLoad: true,
	streaming: false,
	hoverPreview: true,
	+ autohideFloatingPostButton: false,
	pauseOnUnfocused: true,
	stopGifs: false,
	replyVisibility: 'all',
	notificationVisibility: {
	follows: true,
	mentions: true,
	likes: true,
	repeats: true
	},
	webPushNotifications: false,
	muteWords: [],
	highlight: {},
	interfaceLanguage: browserLocale,
	scopeCopy: undefined, // instance default
	subjectLineBehavior: undefined, // instance default
	alwaysShowSubjectInput: undefined, // instance default
	postContentType: undefined, // instance default
	minimalScopesMode: undefined // instance default
	}

	const config = {
	state: defaultState,
	mutations: {
	setOption (state, { name, value }) {
	set(state, name, value)
	},
	setHighlight (state, { user, color, type }) {
	const data = this.state.config.highlight[user]
	if (color \|\| type) {
	set(state.highlight, user, { color: color \|\| data.color, type: type \|\| data.type })
	} else {
	del(state.highlight, user)
	}
	}
	},
	actions: {
	setHighlight ({ commit, dispatch }, { user, color, type }) {
	commit('setHighlight', {user, color, type})
	},
	setOption ({ commit, dispatch }, { name, value }) {
	commit('setOption', {name, value})
	switch (name) {
	case 'theme':
	setPreset(value, commit)
	break
	case 'customTheme':
	applyTheme(value, commit)
	}
	}
	}
	}

	export default config

File Metadata

Mime Type: text/x-diff
Expires: Sat, Oct 31, 8:38 PM (18 h, 47 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1801769
Default Alt Text: (70 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions