No OneTemporary
Actions

Authored By

Unknown

Size

142 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/settings_modal/helpers/boolean_setting.js b/src/components/settings_modal/helpers/boolean_setting.js
	index 5c52f697ce..353e551c9f 100644
	--- a/src/components/settings_modal/helpers/boolean_setting.js
	+++ b/src/components/settings_modal/helpers/boolean_setting.js
	@@ -1,38 +1,47 @@
	import { get, set } from 'lodash'
	import Checkbox from 'src/components/checkbox/checkbox.vue'
	import ModifiedIndicator from './modified_indicator.vue'
	+import ServerSideIndicator from './server_side_indicator.vue'
	export default {
	components: {
	Checkbox,
	- ModifiedIndicator
	+ ModifiedIndicator,
	+ ServerSideIndicator
	},
	props: [
	'path',
	- 'disabled'
	+ 'disabled',
	+ 'expert'
	],
	computed: {
	pathDefault () {
	const [firstSegment, ...rest] = this.path.split('.')
	return [firstSegment + 'DefaultValue', ...rest].join('.')
	},
	state () {
	const value = get(this.$parent, this.path)
	if (value === undefined) {
	return this.defaultState
	} else {
	return value
	}
	},
	defaultState () {
	return get(this.$parent, this.pathDefault)
	},
	+ isServerSide () {
	+ return this.path.startsWith('serverSide_')
	+ },
	isChanged () {
	- return this.state !== this.defaultState
	+ return !this.path.startsWith('serverSide_') && this.state !== this.defaultState
	+ },
	+ matchesExpertLevel () {
	+ return (this.expert \|\| 0) <= this.$parent.expertLevel
	}
	},
	methods: {
	update (e) {
	set(this.$parent, this.path, e)
	}
	}
	}
	diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
	index c3ee6583f6..e0d825f20c 100644
	--- a/src/components/settings_modal/helpers/boolean_setting.vue
	+++ b/src/components/settings_modal/helpers/boolean_setting.vue
	@@ -1,21 +1,21 @@
	<template>
	<label
	+ v-if="matchesExpertLevel"
	class="BooleanSetting"
	>
	<Checkbox
	:checked="state"
	:disabled="disabled"
	@change="update"
	>
	<span
	v-if="!!$slots.default"
	class="label"
	>
	<slot />
	</span>
	- <ModifiedIndicator :changed="isChanged" />
	- </Checkbox>
	+ <ModifiedIndicator :changed="isChanged" /><ServerSideIndicator :server-side="isServerSide" /> </Checkbox>
	</label>
	</template>

	<script src="./boolean_setting.js"></script>
	diff --git a/src/components/settings_modal/helpers/choice_setting.js b/src/components/settings_modal/helpers/choice_setting.js
	index a15f6bac0b..4677d4c194 100644
	--- a/src/components/settings_modal/helpers/choice_setting.js
	+++ b/src/components/settings_modal/helpers/choice_setting.js
	@@ -1,39 +1,48 @@
	import { get, set } from 'lodash'
	import Select from 'src/components/select/select.vue'
	import ModifiedIndicator from './modified_indicator.vue'
	+import ServerSideIndicator from './server_side_indicator.vue'
	export default {
	components: {
	Select,
	- ModifiedIndicator
	+ ModifiedIndicator,
	+ ServerSideIndicator
	},
	props: [
	'path',
	'disabled',
	- 'options'
	+ 'options',
	+ 'expert'
	],
	computed: {
	pathDefault () {
	const [firstSegment, ...rest] = this.path.split('.')
	return [firstSegment + 'DefaultValue', ...rest].join('.')
	},
	state () {
	const value = get(this.$parent, this.path)
	if (value === undefined) {
	return this.defaultState
	} else {
	return value
	}
	},
	defaultState () {
	return get(this.$parent, this.pathDefault)
	},
	+ isServerSide () {
	+ return this.path.startsWith('serverSide_')
	+ },
	isChanged () {
	- return this.state !== this.defaultState
	+ return !this.path.startsWith('serverSide_') && this.state !== this.defaultState
	+ },
	+ matchesExpertLevel () {
	+ return (this.expert \|\| 0) <= this.$parent.expertLevel
	}
	},
	methods: {
	update (e) {
	set(this.$parent, this.path, e)
	}
	}
	}
	diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
	index fa17661bdd..54f5d0a76b 100644
	--- a/src/components/settings_modal/helpers/choice_setting.vue
	+++ b/src/components/settings_modal/helpers/choice_setting.vue
	@@ -1,29 +1,31 @@
	<template>
	<label
	+ v-if="matchesExpertLevel"
	class="ChoiceSetting"
	>
	<slot />
	<Select
	:value="state"
	:disabled="disabled"
	@change="update"
	>
	<option
	v-for="option in options"
	:key="option.key"
	:value="option.value"
	>
	{{ option.label }}
	{{ option.value === defaultState ? $t('settings.instance_default_simple') : '' }}
	</option>
	</Select>
	<ModifiedIndicator :changed="isChanged" />
	+ <ServerSideIndicator :server-side="isServerSide" />
	</label>
	</template>

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

	<style lang="scss">
	.ChoiceSetting {
	}
	</style>
	diff --git a/src/components/settings_modal/helpers/integer_setting.js b/src/components/settings_modal/helpers/integer_setting.js
	index fa6569ab65..4a19bd7cd0 100644
	--- a/src/components/settings_modal/helpers/integer_setting.js
	+++ b/src/components/settings_modal/helpers/integer_setting.js
	@@ -1,37 +1,41 @@
	import { get, set } from 'lodash'
	import ModifiedIndicator from './modified_indicator.vue'
	export default {
	components: {
	ModifiedIndicator
	},
	props: {
	path: String,
	disabled: Boolean,
	- min: Number
	+ min: Number,
	+ expert: Number
	},
	computed: {
	pathDefault () {
	const [firstSegment, ...rest] = this.path.split('.')
	return [firstSegment + 'DefaultValue', ...rest].join('.')
	},
	state () {
	const value = get(this.$parent, this.path)
	if (value === undefined) {
	return this.defaultState
	} else {
	return value
	}
	},
	defaultState () {
	return get(this.$parent, this.pathDefault)
	},
	isChanged () {
	return this.state !== this.defaultState
	+ },
	+ matchesExpertLevel () {
	+ return (this.expert \|\| 0) <= this.$parent.expertLevel
	}
	},
	methods: {
	update (e) {
	set(this.$parent, this.path, parseInt(e.target.value))
	}
	}
	}
	diff --git a/src/components/settings_modal/helpers/integer_setting.vue b/src/components/settings_modal/helpers/integer_setting.vue
	index 8284abcc19..408b09256e 100644
	--- a/src/components/settings_modal/helpers/integer_setting.vue
	+++ b/src/components/settings_modal/helpers/integer_setting.vue
	@@ -1,20 +1,23 @@
	<template>
	- <span class="IntegerSetting">
	+ <span
	+ v-if="matchesExpertLevel"
	+ class="IntegerSetting"
	+ >
	<label :for="path">
	<slot />
	</label>
	<input
	:id="path"
	class="number-input"
	type="number"
	step="1"
	:disabled="disabled"
	:min="min \|\| 0"
	:value="state"
	@change="update"
	>
	<ModifiedIndicator :changed="isChanged" />
	</span>
	</template>

	<script src="./integer_setting.js"></script>
	diff --git a/src/components/settings_modal/helpers/server_side_indicator.vue b/src/components/settings_modal/helpers/server_side_indicator.vue
	new file mode 100644
	index 0000000000..143a86a163
	--- /dev/null
	+++ b/src/components/settings_modal/helpers/server_side_indicator.vue
	@@ -0,0 +1,51 @@
	+<template>
	+ <span
	+ v-if="serverSide"
	+ class="ServerSideIndicator"
	+ >
	+ <Popover
	+ trigger="hover"
	+ >
	+ <template v-slot:trigger>
	+
	+ <FAIcon
	+ icon="server"
	+ :aria-label="$t('settings.setting_server_side')"
	+ />
	+ </template>
	+ <template v-slot:content>
	+ <div class="serverside-tooltip">
	+ {{ $t('settings.setting_server_side') }}
	+ </div>
	+ </template>
	+ </Popover>
	+ </span>
	+</template>
	+
	+<script>
	+import Popover from 'src/components/popover/popover.vue'
	+import { library } from '@fortawesome/fontawesome-svg-core'
	+import { faServer } from '@fortawesome/free-solid-svg-icons'
	+
	+library.add(
	+ faServer
	+)
	+
	+export default {
	+ components: { Popover },
	+ props: ['serverSide']
	+}
	+</script>
	+
	+<style lang="scss">
	+.ServerSideIndicator {
	+ display: inline-block;
	+ position: relative;
	+
	+ .serverside-tooltip {
	+ margin: 0.5em 1em;
	+ min-width: 10em;
	+ text-align: center;
	+ }
	+}
	+</style>
	diff --git a/src/components/settings_modal/helpers/shared_computed_object.js b/src/components/settings_modal/helpers/shared_computed_object.js
	index 2c833c0c08..12431dcaf0 100644
	--- a/src/components/settings_modal/helpers/shared_computed_object.js
	+++ b/src/components/settings_modal/helpers/shared_computed_object.js
	@@ -1,44 +1,53 @@
	import { defaultState as configDefaultState } from 'src/modules/config.js'
	+import { defaultState as serverSideConfigDefaultState } from 'src/modules/serverSideConfig.js'

	const SharedComputedObject = () => ({
	user () {
	return this.$store.state.users.currentUser
	},
	// Getting values for default properties
	...Object.keys(configDefaultState)
	.map(key => [
	key + 'DefaultValue',
	function () {
	return this.$store.getters.defaultConfig[key]
	}
	])
	.reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {}),
	// Generating computed values for vuex properties
	...Object.keys(configDefaultState)
	.map(key => [key, {
	get () { return this.$store.getters.mergedConfig[key] },
	set (value) {
	this.$store.dispatch('setOption', { name: key, value })
	}
	}])
	.reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {}),
	+ ...Object.keys(serverSideConfigDefaultState)
	+ .map(key => ['serverSide_' + key, {
	+ get () { return this.$store.state.serverSideConfig[key] },
	+ set (value) {
	+ this.$store.dispatch('setServerSideOption', { name: key, value })
	+ }
	+ }])
	+ .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {}),
	// Special cases (need to transform values or perform actions first)
	useStreamingApi: {
	get () { return this.$store.getters.mergedConfig.useStreamingApi },
	set (value) {
	const promise = value
	? this.$store.dispatch('enableMastoSockets')
	: this.$store.dispatch('disableMastoSockets')

	promise.then(() => {
	this.$store.dispatch('setOption', { name: 'useStreamingApi', value })
	}).catch((e) => {
	console.error('Failed starting MastoAPI Streaming socket', e)
	this.$store.dispatch('disableMastoSockets')
	this.$store.dispatch('setOption', { name: 'useStreamingApi', value: false })
	})
	}
	}
	})

	export default SharedComputedObject
	diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
	index 0404348334..82ea410e82 100644
	--- a/src/components/settings_modal/settings_modal.js
	+++ b/src/components/settings_modal/settings_modal.js
	@@ -1,166 +1,177 @@
	import Modal from 'src/components/modal/modal.vue'
	import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
	import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
	import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
	import Popover from '../popover/popover.vue'
	+import Checkbox from 'src/components/checkbox/checkbox.vue'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import { cloneDeep } from 'lodash'
	import {
	newImporter,
	newExporter
	} from 'src/services/export_import/export_import.js'
	import {
	faTimes,
	faFileUpload,
	faFileDownload,
	faChevronDown
	} from '@fortawesome/free-solid-svg-icons'
	import {
	faWindowMinimize
	} from '@fortawesome/free-regular-svg-icons'

	const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
	const PLEROMAFE_SETTINGS_MINOR_VERSION = 0

	library.add(
	faTimes,
	faWindowMinimize,
	faFileUpload,
	faFileDownload,
	faChevronDown
	)

	const SettingsModal = {
	data () {
	return {
	dataImporter: newImporter({
	validator: this.importValidator,
	onImport: this.onImport,
	onImportFailure: this.onImportFailure
	}),
	dataThemeExporter: newExporter({
	filename: 'pleromafe_settings.full',
	getExportedObject: () => this.generateExport(true)
	}),
	dataExporter: newExporter({
	filename: 'pleromafe_settings',
	getExportedObject: () => this.generateExport()
	})
	}
	},
	components: {
	Modal,
	Popover,
	+ Checkbox,
	SettingsModalContent: getResettableAsyncComponent(
	() => import('./settings_modal_content.vue'),
	{
	loading: PanelLoading,
	error: AsyncComponentError,
	delay: 0
	}
	)
	},
	methods: {
	closeModal () {
	this.$store.dispatch('closeSettingsModal')
	},
	peekModal () {
	this.$store.dispatch('togglePeekSettingsModal')
	},
	importValidator (data) {
	if (!Array.isArray(data._pleroma_settings_version)) {
	return {
	messageKey: 'settings.file_import_export.invalid_file'
	}
	}

	const [major, minor] = data._pleroma_settings_version

	if (major > PLEROMAFE_SETTINGS_MAJOR_VERSION) {
	return {
	messageKey: 'settings.file_export_import.errors.file_too_new',
	messageArgs: {
	fileMajor: major,
	feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
	}
	}
	}

	if (major < PLEROMAFE_SETTINGS_MAJOR_VERSION) {
	return {
	messageKey: 'settings.file_export_import.errors.file_too_old',
	messageArgs: {
	fileMajor: major,
	feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
	}
	}
	}

	if (minor > PLEROMAFE_SETTINGS_MINOR_VERSION) {
	this.$store.dispatch('pushGlobalNotice', {
	level: 'warning',
	messageKey: 'settings.file_export_import.errors.file_slightly_new'
	})
	}

	return true
	},
	onImportFailure (result) {
	if (result.error) {
	this.$store.dispatch('pushGlobalNotice', { messageKey: 'settings.invalid_settings_imported', level: 'error' })
	} else {
	this.$store.dispatch('pushGlobalNotice', { ...result.validationResult, level: 'error' })
	}
	},
	onImport (data) {
	if (data) { this.$store.dispatch('loadSettings', data) }
	},
	restore () {
	this.dataImporter.importData()
	},
	backup () {
	this.dataExporter.exportData()
	},
	backupWithTheme () {
	this.dataThemeExporter.exportData()
	},
	generateExport (theme = false) {
	const { config } = this.$store.state
	let sample = config
	if (!theme) {
	const ignoreList = new Set([
	'customTheme',
	'customThemeSource',
	'colors'
	])
	sample = Object.fromEntries(
	Object
	.entries(sample)
	.filter(([key]) => !ignoreList.has(key))
	)
	}
	const clone = cloneDeep(sample)
	clone._pleroma_settings_version = [
	PLEROMAFE_SETTINGS_MAJOR_VERSION,
	PLEROMAFE_SETTINGS_MINOR_VERSION
	]
	return clone
	}
	},
	computed: {
	currentSaveStateNotice () {
	return this.$store.state.interface.settings.currentSaveStateNotice
	},
	modalActivated () {
	return this.$store.state.interface.settingsModalState !== 'hidden'
	},
	modalOpenedOnce () {
	return this.$store.state.interface.settingsModalLoaded
	},
	modalPeeked () {
	return this.$store.state.interface.settingsModalState === 'minimized'
	+ },
	+ expertLevel: {
	+ get () {
	+ return this.$store.state.config.expertLevel > 0
	+ },
	+ set (value) {
	+ console.log(value)
	+ this.$store.dispatch('setOption', { name: 'expertLevel', value: value ? 1 : 0 })
	+ }
	}
	}
	}

	export default SettingsModal
	diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
	index 90446b3637..fb466f2f35 100644
	--- a/src/components/settings_modal/settings_modal.scss
	+++ b/src/components/settings_modal/settings_modal.scss
	@@ -1,51 +1,58 @@
	@import 'src/_variables.scss';
	.settings-modal {
	overflow: hidden;

	&.peek {
	.settings-modal-panel {
	/* Explanation:
	* Modal is positioned vertically centered.
	* 100vh - 100% = Distance between modal's top+bottom boundaries and screen
	* (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen
	* + 100% - we move modal completely off-screen, it's top boundary touches
	* bottom of the screen
	* - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible
	*/
	transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));

	@media all and (max-width: 800px) {
	/* For mobile, the modal takes 100% of the available screen.
	This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible.
	*/
	transform: translateY(calc(100% - 50px));
	}
	}
	}

	.settings-modal-panel {
	overflow: hidden;
	transition: transform;
	transition-timing-function: ease-in-out;
	transition-duration: 300ms;
	width: 1000px;
	max-width: 90vw;
	height: 90vh;

	@media all and (max-width: 800px) {
	max-width: 100vw;
	height: 100%;
	}

	>.panel-body {
	height: 100%;
	overflow-y: hidden;

	.btn {
	min-height: 28px;
	min-width: 10em;
	padding: 0 2em;
	}
	}
	}
	+
	+ .settings-footer {
	+ display: flex;
	+ >* {
	+ margin-right: 0.5em;
	+ }
	+ }
	}
	diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
	index 583c2ecc16..1805c77fdd 100644
	--- a/src/components/settings_modal/settings_modal.vue
	+++ b/src/components/settings_modal/settings_modal.vue
	@@ -1,118 +1,122 @@
	<template>
	<Modal
	:is-open="modalActivated"
	class="settings-modal"
	:class="{ peek: modalPeeked }"
	:no-background="modalPeeked"
	>
	<div class="settings-modal-panel panel">
	<div class="panel-heading">
	<span class="title">
	{{ $t('settings.settings') }}
	</span>
	<transition name="fade">
	<template v-if="currentSaveStateNotice">
	<div
	v-if="currentSaveStateNotice.error"
	class="alert error"
	@click.prevent
	>
	{{ $t('settings.saving_err') }}
	</div>

	<div
	v-if="!currentSaveStateNotice.error"
	class="alert transparent"
	@click.prevent
	>
	{{ $t('settings.saving_ok') }}
	</div>
	</template>
	</transition>
	<button
	class="btn button-default"
	:title="$t('general.peek')"
	@click="peekModal"
	>
	<FAIcon
	:icon="['far', 'window-minimize']"
	fixed-width
	/>
	</button>
	<button
	class="btn button-default"
	:title="$t('general.close')"
	@click="closeModal"
	>
	<FAIcon
	icon="times"
	fixed-width
	/>
	</button>
	</div>
	<div class="panel-body">
	<SettingsModalContent v-if="modalOpenedOnce" />
	</div>
	- <div class="panel-footer">
	+ <div class="panel-footer settings-footer">
	<Popover
	class="export"
	trigger="click"
	placement="top"
	:offset="{ y: 5, x: 5 }"
	:bound-to="{ x: 'container' }"
	remove-padding
	>
	<template v-slot:trigger>
	<button
	class="btn button-default"
	:title="$t('general.close')"
	>
	<span>{{ $t("settings.file_export_import.backup_restore") }}</span>
	<FAIcon
	icon="chevron-down"
	/>
	</button>
	</template>
	<template v-slot:content="{close}">
	<div class="dropdown-menu">
	<button
	class="button-default dropdown-item dropdown-item-icon"
	@click.prevent="backup"
	@click="close"
	>
	<FAIcon
	icon="file-download"
	fixed-width
	/><span>{{ $t("settings.file_export_import.backup_settings") }}</span>
	</button>
	<button
	class="button-default dropdown-item dropdown-item-icon"
	@click.prevent="backupWithTheme"
	@click="close"
	>
	<FAIcon
	icon="file-download"
	fixed-width
	/><span>{{ $t("settings.file_export_import.backup_settings_theme") }}</span>
	</button>
	<button
	class="button-default dropdown-item dropdown-item-icon"
	@click.prevent="restore"
	@click="close"
	>
	<FAIcon
	icon="file-upload"
	fixed-width
	/><span>{{ $t("settings.file_export_import.restore_settings") }}</span>
	</button>
	</div>
	</template>
	</Popover>
	+
	+ <Checkbox v-model="expertLevel">
	+ {{ $t("settings.expert_mode") }}
	+ </Checkbox>
	</div>
	</div>
	</Modal>
	</template>

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

	<style src="./settings_modal.scss" lang="scss"></style>
	diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
	index 0774c81834..dc48902f86 100644
	--- a/src/components/settings_modal/tabs/filtering_tab.vue
	+++ b/src/components/settings_modal/tabs/filtering_tab.vue
	@@ -1,144 +1,123 @@
	<template>
	<div :label="$t('settings.filtering')">
	<div class="setting-item">
	<h2>{{ $t('settings.posts') }}</h2>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="hideFilteredStatuses">
	{{ $t('settings.hide_filtered_statuses') }}
	</BooleanSetting>
	<ul
	class="setting-list suboptions"
	:class="[{disabled: !streaming}]"
	>
	<li>
	<BooleanSetting
	:disabled="hideFilteredStatuses"
	path="hideWordFilteredPosts"
	>
	{{ $t('settings.hide_wordfiltered_statuses') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	+ v-if="user"
	:disabled="hideFilteredStatuses"
	path="hideMutedThreads"
	>
	{{ $t('settings.hide_muted_threads') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	+ v-if="user"
	:disabled="hideFilteredStatuses"
	path="hideMutedPosts"
	>
	{{ $t('settings.hide_muted_posts') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	<BooleanSetting path="muteBotStatuses">
	{{ $t('settings.mute_bot_posts') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="hidePostStats">
	{{ $t('settings.hide_post_stats') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="hideBotIndication">
	{{ $t('settings.hide_bot_indication') }}
	</BooleanSetting>
	</li>
	<ChoiceSetting
	+ v-if="user"
	id="replyVisibility"
	path="replyVisibility"
	:options="replyVisibilityOptions"
	>
	{{ $t('settings.replies_in_timeline') }}
	</ChoiceSetting>
	<li>
	<h3>{{ $t('settings.wordfilter') }}</h3>
	<textarea
	id="muteWords"
	v-model="muteWordsString"
	class="resize-height"
	/>
	<div>{{ $t('settings.filtering_explanation') }}</div>
	</li>
	<h3>{{ $t('settings.attachments') }}</h3>
	+ <li v-if="expertLevel > 0">
	+ <label for="maxThumbnails">
	+ {{ $t('settings.max_thumbnails') }}
	+ </label>
	+ <input
	+ id="maxThumbnails"
	+ path.number="maxThumbnails"
	+ class="number-input"
	+ type="number"
	+ min="0"
	+ step="1"
	+ >
	+ </li>
	<li>
	<IntegerSetting
	path="maxThumbnails"
	:min="0"
	>
	{{ $t('settings.max_thumbnails') }}
	</IntegerSetting>
	</li>
	<li>
	<BooleanSetting path="hideAttachments">
	{{ $t('settings.hide_attachments_in_tl') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="hideAttachmentsInConv">
	{{ $t('settings.hide_attachments_in_convo') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	- <div class="setting-item">
	+ <div
	+ v-if="expertLevel > 0"
	+ class="setting-item"
	+ >
	<h2>{{ $t('settings.user_profiles') }}</h2>
	<ul class="setting-list">
	<li>
	<BooleanSetting path="hideUserStats">
	{{ $t('settings.hide_user_stats') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	- <div class="setting-item">
	- <h2>{{ $t('settings.notifications') }}</h2>
	- <ul class="setting-list">
	- <li class="select-multiple">
	- <span class="label">{{ $t('settings.notification_visibility') }}</span>
	- <ul class="option-list">
	- <li>
	- <BooleanSetting path="notificationVisibility.likes">
	- {{ $t('settings.notification_visibility_likes') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="notificationVisibility.repeats">
	- {{ $t('settings.notification_visibility_repeats') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="notificationVisibility.follows">
	- {{ $t('settings.notification_visibility_follows') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="notificationVisibility.mentions">
	- {{ $t('settings.notification_visibility_mentions') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="notificationVisibility.moves">
	- {{ $t('settings.notification_visibility_moves') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="notificationVisibility.emojiReactions">
	- {{ $t('settings.notification_visibility_emoji_reactions') }}
	- </BooleanSetting>
	- </li>
	- </ul>
	- </li>
	- </ul>
	- </div>
	</div>
	</template>
	<script src="./filtering_tab.js"></script>
	diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
	index 03ca99fa9e..62d86176d4 100644
	--- a/src/components/settings_modal/tabs/general_tab.js
	+++ b/src/components/settings_modal/tabs/general_tab.js
	@@ -1,75 +1,84 @@
	import BooleanSetting from '../helpers/boolean_setting.vue'
	import ChoiceSetting from '../helpers/choice_setting.vue'
	+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
	import IntegerSetting from '../helpers/integer_setting.vue'
	import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'

	import SharedComputedObject from '../helpers/shared_computed_object.js'
	+import ServerSideIndicator from '../helpers/server_side_indicator.vue'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import {
	faGlobe
	} from '@fortawesome/free-solid-svg-icons'

	library.add(
	faGlobe
	)

	const GeneralTab = {
	data () {
	return {
	subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
	key: mode,
	value: mode,
	label: this.$t(`settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`)
	})),
	conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
	key: mode,
	value: mode,
	label: this.$t(`settings.conversation_display_${mode}`)
	})),
	conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
	key: mode,
	value: mode,
	label: this.$t(`settings.conversation_other_replies_button_${mode}`)
	})),
	mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
	key: mode,
	value: mode,
	label: this.$t(`settings.mention_link_display_${mode}`)
	})),
	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')
	}
	},
	components: {
	BooleanSetting,
	ChoiceSetting,
	IntegerSetting,
	- InterfaceLanguageSwitcher
	+ InterfaceLanguageSwitcher,
	+ ScopeSelector,
	+ ServerSideIndicator
	},
	computed: {
	postFormats () {
	return this.$store.state.instance.postFormats \|\| []
	},
	postContentOptions () {
	return this.postFormats.map(format => ({
	key: format,
	value: format,
	label: this.$t(`post_status.content_type["${format}"]`)
	}))
	},
	instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
	instanceWallpaperUsed () {
	return this.$store.state.instance.background &&
	!this.$store.state.users.currentUser.background_image
	},
	instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
	...SharedComputedObject()
	+ },
	+ methods: {
	+ changeDefaultScope (value) {
	+ this.$store.dispatch('setServerSideOption', { name: 'defaultScope', value })
	+ }
	}
	}

	export default GeneralTab
	diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
	index ba01fdeb0b..a2c6bffa51 100644
	--- a/src/components/settings_modal/tabs/general_tab.vue
	+++ b/src/components/settings_modal/tabs/general_tab.vue
	@@ -1,311 +1,399 @@
	<template>
	<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">
	<BooleanSetting path="hideISP">
	{{ $t('settings.hide_isp') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="sidebarRight">
	{{ $t('settings.right_sidebar') }}
	</BooleanSetting>
	</li>
	<li v-if="instanceWallpaperUsed">
	<BooleanSetting path="hideInstanceWallpaper">
	{{ $t('settings.hide_wallpaper') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="stopGifs">
	{{ $t('settings.stop_gifs') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="streaming">
	{{ $t('settings.streaming') }}
	</BooleanSetting>
	<ul
	class="setting-list suboptions"
	:class="[{disabled: !streaming}]"
	>
	<li>
	<BooleanSetting
	path="pauseOnUnfocused"
	:disabled="!streaming"
	>
	{{ $t('settings.pause_on_unfocused') }}
	</BooleanSetting>
	</li>
	</ul>
	</li>
	<li>
	- <BooleanSetting path="useStreamingApi">
	+ <BooleanSetting
	+ path="useStreamingApi"
	+ expert="1"
	+ >
	{{ $t('settings.useStreamingApi') }}
	- <br>
	- <small>
	- {{ $t('settings.useStreamingApiWarning') }}
	- </small>
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="virtualScrolling">
	+ <BooleanSetting
	+ path="virtualScrolling"
	+ expert="1"
	+ >
	{{ $t('settings.virtual_scrolling') }}
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="autohideFloatingPostButton">
	+ <BooleanSetting
	+ path="alwaysShowNewPostButton"
	+ expert="1"
	+ >
	+ {{ $t('settings.always_show_post_button') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting
	+ path="autohideFloatingPostButton"
	+ expert="1"
	+ >
	{{ $t('settings.autohide_floating_post_button') }}
	</BooleanSetting>
	</li>
	<li v-if="instanceShoutboxPresent">
	- <BooleanSetting path="hideShoutbox">
	+ <BooleanSetting
	+ path="hideShoutbox"
	+ expert="1"
	+ >
	{{ $t('settings.hide_shoutbox') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	<div class="setting-item">
	<h2>{{ $t('settings.post_look_feel') }}</h2>
	<ul class="setting-list">
	+ <li>
	+ <ChoiceSetting
	+ id="conversationDisplay"
	+ path="conversationDisplay"
	+ :options="conversationDisplayOptions"
	+ >
	+ {{ $t('settings.conversation_display') }}
	+ </ChoiceSetting>
	+ </li>
	+ <ul
	+ v-if="conversationDisplay !== 'linear'"
	+ class="setting-list suboptions"
	+ >
	+ <li>
	+ <BooleanSetting path="conversationTreeAdvanced">
	+ {{ $t('settings.tree_advanced') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting
	+ path="conversationTreeFadeAncestors"
	+ :expert="1"
	+ >
	+ {{ $t('settings.tree_fade_ancestors') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <IntegerSetting
	+ path="maxDepthInThread"
	+ :min="3"
	+ :expert="1"
	+ >
	+ {{ $t('settings.max_depth_in_thread') }}
	+ </IntegerSetting>
	+ </li>
	+ <li>
	+ <ChoiceSetting
	+ id="conversationOtherRepliesButton"
	+ path="conversationOtherRepliesButton"
	+ :options="conversationOtherRepliesButtonOptions"
	+ :expert="1"
	+ >
	+ {{ $t('settings.conversation_other_replies_button') }}
	+ </ChoiceSetting>
	+ </li>
	+ </ul>
	<li>
	<BooleanSetting path="collapseMessageWithSubject">
	{{ $t('settings.collapse_subject') }}
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="emojiReactionsOnTimeline">
	+ <BooleanSetting
	+ path="emojiReactionsOnTimeline"
	+ expert="1"
	+ >
	{{ $t('settings.emoji_reactions_on_timeline') }}
	</BooleanSetting>
	</li>
	+ <li>
	+ <BooleanSetting
	+ v-if="user"
	+ path="serverSide_stripRichContent"
	+ expert="1"
	+ >
	+ {{ $t('settings.no_rich_text_description') }}
	+ </BooleanSetting>
	+ </li>
	<h3>{{ $t('settings.attachments') }}</h3>
	<li>
	- <BooleanSetting path="useContainFit">
	+ <BooleanSetting
	+ path="useContainFit"
	+ expert="1"
	+ >
	{{ $t('settings.use_contain_fit') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting path="hideNsfw">
	{{ $t('settings.nsfw_clickthrough') }}
	</BooleanSetting>
	</li>
	<ul class="setting-list suboptions">
	<li>
	<BooleanSetting
	path="preloadImage"
	+ expert="1"
	:disabled="!hideNsfw"
	>
	{{ $t('settings.preload_images') }}
	</BooleanSetting>
	</li>
	<li>
	<BooleanSetting
	path="useOneClickNsfw"
	+ expert="1"
	:disabled="!hideNsfw"
	>
	{{ $t('settings.use_one_click_nsfw') }}
	</BooleanSetting>
	</li>
	</ul>
	<li>
	- <BooleanSetting path="loopVideo">
	+ <BooleanSetting
	+ path="loopVideo"
	+ expert="1"
	+ >
	{{ $t('settings.loop_video') }}
	</BooleanSetting>
	<ul
	class="setting-list suboptions"
	:class="[{disabled: !streaming}]"
	>
	<li>
	<BooleanSetting
	path="loopVideoSilentOnly"
	+ expert="1"
	:disabled="!loopVideo \|\| !loopSilentAvailable"
	>
	{{ $t('settings.loop_video_silent_only') }}
	</BooleanSetting>
	<div
	v-if="!loopSilentAvailable"
	class="unavailable"
	>
	<FAIcon icon="globe" />! {{ $t('settings.limited_availability') }}
	</div>
	</li>
	</ul>
	</li>
	<li>
	- <BooleanSetting path="playVideosInModal">
	+ <BooleanSetting
	+ path="playVideosInModal"
	+ expert="1"
	+ >
	{{ $t('settings.play_videos_in_modal') }}
	</BooleanSetting>
	</li>
	- <h3>{{ $t('settings.fun') }}</h3>
	- <li>
	- <BooleanSetting path="greentext">
	- {{ $t('settings.greentext') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="mentionLinkShowYous">
	- {{ $t('settings.show_yous') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <ChoiceSetting
	- id="conversationDisplay"
	- path="conversationDisplay"
	- :options="conversationDisplayOptions"
	- >
	- {{ $t('settings.conversation_display') }}
	- </ChoiceSetting>
	- </li>
	- <ul
	- v-if="conversationDisplay !== 'linear'"
	- class="setting-list suboptions"
	- >
	- <li>
	- <BooleanSetting path="conversationTreeAdvanced">
	- {{ $t('settings.tree_advanced') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="conversationTreeFadeAncestors">
	- {{ $t('settings.tree_fade_ancestors') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <IntegerSetting
	- path="maxDepthInThread"
	- :min="3"
	- >
	- {{ $t('settings.max_depth_in_thread') }}
	- </IntegerSetting>
	- </li>
	- <li>
	- <ChoiceSetting
	- id="conversationOtherRepliesButton"
	- path="conversationOtherRepliesButton"
	- :options="conversationOtherRepliesButtonOptions"
	- >
	- {{ $t('settings.conversation_other_replies_button') }}
	- </ChoiceSetting>
	- </li>
	- </ul>
	+ <h3>{{ $t('settings.mention_links') }}</h3>
	<li>
	<ChoiceSetting
	id="mentionLinkDisplay"
	path="mentionLinkDisplay"
	:options="mentionLinkDisplayOptions"
	>
	{{ $t('settings.mention_link_display') }}
	</ChoiceSetting>
	</li>
	<ul
	class="setting-list suboptions"
	>
	- <li
	- v-if="mentionLinkDisplay === 'short'"
	- >
	- <BooleanSetting path="mentionLinkShowTooltip">
	+ <li v-if="mentionLinkDisplay === 'short'">
	+ <BooleanSetting
	+ path="mentionLinkShowTooltip"
	+ expert="1"
	+ >
	{{ $t('settings.mention_link_show_tooltip') }}
	</BooleanSetting>
	</li>
	- <li>
	- <BooleanSetting path="useAtIcon">
	- {{ $t('settings.use_at_icon') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="mentionLinkShowAvatar">
	- {{ $t('settings.mention_link_show_avatar') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="mentionLinkFadeDomain">
	- {{ $t('settings.mention_link_fade_domain') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="mentionLinkBoldenYou">
	- {{ $t('settings.mention_link_bolden_you') }}
	- </BooleanSetting>
	- </li>
	</ul>
	+ <li>
	+ <BooleanSetting
	+ path="useAtIcon"
	+ expert="1"
	+ >
	+ {{ $t('settings.use_at_icon') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="mentionLinkShowAvatar">
	+ {{ $t('settings.mention_link_show_avatar') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting
	+ path="mentionLinkFadeDomain"
	+ expert="1"
	+ >
	+ {{ $t('settings.mention_link_fade_domain') }}
	+ </BooleanSetting>
	+ </li>
	+ <li v-if="user">
	+ <BooleanSetting
	+ path="mentionLinkBoldenYou"
	+ expert="1"
	+ >
	+ {{ $t('settings.mention_link_bolden_you') }}
	+ </BooleanSetting>
	+ </li>
	+ <h3 v-if="expertLevel > 0">
	+ {{ $t('settings.fun') }}
	+ </h3>
	+ <li>
	+ <BooleanSetting
	+ path="greentext"
	+ expert="1"
	+ >
	+ {{ $t('settings.greentext') }}
	+ </BooleanSetting>
	+ </li>
	+ <li v-if="user">
	+ <BooleanSetting
	+ path="mentionLinkShowYous"
	+ expert="1"
	+ >
	+ {{ $t('settings.show_yous') }}
	+ </BooleanSetting>
	+ </li>
	</ul>
	</div>

	- <div class="setting-item">
	+ <div
	+ v-if="user"
	+ class="setting-item"
	+ >
	<h2>{{ $t('settings.composing') }}</h2>
	<ul class="setting-list">
	<li>
	- <BooleanSetting path="scopeCopy">
	+ <label for="default-vis">
	+ {{ $t('settings.default_vis') }} <ServerSideIndicator :server-side="true" />
	+ <ScopeSelector
	+ class="scope-selector"
	+ :show-all="true"
	+ :user-default="serverSide_defaultScope"
	+ :initial-scope="serverSide_defaultScope"
	+ :on-scope-change="changeDefaultScope"
	+ />
	+ </label>
	+ </li>
	+ <li>
	+ <!-- <BooleanSetting path="serverSide_defaultNSFW"> -->
	+ <BooleanSetting path="sensitiveByDefault">
	+ {{ $t('settings.sensitive_by_default') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting
	+ path="scopeCopy"
	+ expert="1"
	+ >
	{{ $t('settings.scope_copy') }}
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="alwaysShowSubjectInput">
	+ <BooleanSetting
	+ path="alwaysShowSubjectInput"
	+ expert="1"
	+ >
	{{ $t('settings.subject_input_always_show') }}
	</BooleanSetting>
	</li>
	<li>
	<ChoiceSetting
	id="subjectLineBehavior"
	path="subjectLineBehavior"
	:options="subjectLineOptions"
	+ expert="1"
	>
	{{ $t('settings.subject_line_behavior') }}
	</ChoiceSetting>
	</li>
	<li v-if="postFormats.length > 0">
	<ChoiceSetting
	id="postContentType"
	path="postContentType"
	:options="postContentOptions"
	>
	{{ $t('settings.post_status_content_type') }}
	</ChoiceSetting>
	</li>
	<li>
	- <BooleanSetting path="minimalScopesMode">
	+ <BooleanSetting
	+ path="minimalScopesMode"
	+ expert="1"
	+ >
	{{ $t('settings.minimal_scopes_mode') }}
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="sensitiveByDefault">
	- {{ $t('settings.sensitive_by_default') }}
	- </BooleanSetting>
	- </li>
	- <li>
	- <BooleanSetting path="alwaysShowNewPostButton">
	+ <BooleanSetting
	+ path="alwaysShowNewPostButton"
	+ expert="1"
	+ >
	{{ $t('settings.always_show_post_button') }}
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="autohideFloatingPostButton">
	+ <BooleanSetting
	+ path="autohideFloatingPostButton"
	+ expert="1"
	+ >
	{{ $t('settings.autohide_floating_post_button') }}
	</BooleanSetting>
	</li>
	<li>
	- <BooleanSetting path="padEmoji">
	+ <BooleanSetting
	+ path="padEmoji"
	+ expert="1"
	+ >
	{{ $t('settings.pad_emoji') }}
	</BooleanSetting>
	</li>
	</ul>
	</div>
	-
	- <div class="setting-item">
	- <h2>{{ $t('settings.notifications') }}</h2>
	- <ul class="setting-list">
	- <li>
	- <BooleanSetting path="webPushNotifications">
	- {{ $t('settings.enable_web_push_notifications') }}
	- </BooleanSetting>
	- </li>
	- </ul>
	- </div>
	</div>
	</template>

	<script src="./general_tab.js"></script>
	diff --git a/src/components/settings_modal/tabs/notifications_tab.js b/src/components/settings_modal/tabs/notifications_tab.js
	index 3e44c95df9..3c6ab87fe7 100644
	--- a/src/components/settings_modal/tabs/notifications_tab.js
	+++ b/src/components/settings_modal/tabs/notifications_tab.js
	@@ -1,27 +1,29 @@
	-import Checkbox from 'src/components/checkbox/checkbox.vue'
	+import BooleanSetting from '../helpers/boolean_setting.vue'
	+import SharedComputedObject from '../helpers/shared_computed_object.js'

	const NotificationsTab = {
	data () {
	return {
	activeTab: 'profile',
	notificationSettings: this.$store.state.users.currentUser.notification_settings,
	newDomainToMute: ''
	}
	},
	components: {
	- Checkbox
	+ BooleanSetting
	},
	computed: {
	user () {
	return this.$store.state.users.currentUser
	- }
	+ },
	+ ...SharedComputedObject()
	},
	methods: {
	updateNotificationSettings () {
	this.$store.state.api.backendInteractor
	.updateNotificationSettings({ settings: this.notificationSettings })
	}
	}
	}

	export default NotificationsTab
	diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
	index 7e0568ead0..86be609587 100644
	--- a/src/components/settings_modal/tabs/notifications_tab.vue
	+++ b/src/components/settings_modal/tabs/notifications_tab.vue
	@@ -1,34 +1,81 @@
	<template>
	<div :label="$t('settings.notifications')">
	<div class="setting-item">
	<h2>{{ $t('settings.notification_setting_filters') }}</h2>
	- <p>
	- <Checkbox v-model="notificationSettings.block_from_strangers">
	- {{ $t('settings.notification_setting_block_from_strangers') }}
	- </Checkbox>
	- </p>
	+ <ul class="setting-list">
	+ <li>
	+ <BooleanSetting path="serverSide_blockNotificationsFromStrangers">
	+ {{ $t('settings.notification_setting_block_from_strangers') }}
	+ </BooleanSetting>
	+ </li>
	+ <li class="select-multiple">
	+ <span class="label">{{ $t('settings.notification_visibility') }}</span>
	+ <ul class="option-list">
	+ <li>
	+ <BooleanSetting path="notificationVisibility.likes">
	+ {{ $t('settings.notification_visibility_likes') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="notificationVisibility.repeats">
	+ {{ $t('settings.notification_visibility_repeats') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="notificationVisibility.follows">
	+ {{ $t('settings.notification_visibility_follows') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="notificationVisibility.mentions">
	+ {{ $t('settings.notification_visibility_mentions') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="notificationVisibility.moves">
	+ {{ $t('settings.notification_visibility_moves') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="notificationVisibility.emojiReactions">
	+ {{ $t('settings.notification_visibility_emoji_reactions') }}
	+ </BooleanSetting>
	+ </li>
	+ </ul>
	+ </li>
	+ </ul>
	</div>

	- <div class="setting-item">
	+ <div
	+ v-if="expertLevel > 0"
	+ class="setting-item"
	+ >
	<h2>{{ $t('settings.notification_setting_privacy') }}</h2>
	- <p>
	- <Checkbox v-model="notificationSettings.hide_notification_contents">
	- {{ $t('settings.notification_setting_hide_notification_contents') }}
	- </Checkbox>
	- </p>
	+ <ul class="setting-list">
	+ <li>
	+ <BooleanSetting
	+ path="webPushNotifications"
	+ expert="1"
	+ >
	+ {{ $t('settings.enable_web_push_notifications') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting
	+ path="serverSide_webPushHideContents"
	+ expert="1"
	+ >
	+ {{ $t('settings.notification_setting_hide_notification_contents') }}
	+ </BooleanSetting>
	+ </li>
	+ </ul>
	</div>
	<div class="setting-item">
	<p>{{ $t('settings.notification_mutes') }}</p>
	<p>{{ $t('settings.notification_blocks') }}</p>
	- <button
	- class="btn button-default"
	- @click="updateNotificationSettings"
	- >
	- {{ $t('settings.save') }}
	- </button>
	</div>
	</div>
	</template>

	<script src="./notifications_tab.js"></script>
	<!-- <style lang="scss" src="./profile.scss"></style> -->
	diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
	index 64079fcdd6..bee8a7bb4c 100644
	--- a/src/components/settings_modal/tabs/profile_tab.js
	+++ b/src/components/settings_modal/tabs/profile_tab.js
	@@ -1,263 +1,252 @@
	import unescape from 'lodash/unescape'
	import merge from 'lodash/merge'
	import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
	import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
	import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
	import ProgressButton from 'src/components/progress_button/progress_button.vue'
	import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
	import suggestor from 'src/components/emoji_input/suggestor.js'
	import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
	import Checkbox from 'src/components/checkbox/checkbox.vue'
	+import BooleanSetting from '../helpers/boolean_setting.vue'
	+import SharedComputedObject from '../helpers/shared_computed_object.js'
	+
	import { library } from '@fortawesome/fontawesome-svg-core'
	import {
	faTimes,
	faPlus,
	faCircleNotch
	} from '@fortawesome/free-solid-svg-icons'

	library.add(
	faTimes,
	faPlus,
	faCircleNotch
	)

	const ProfileTab = {
	data () {
	return {
	newName: this.$store.state.users.currentUser.name_unescaped,
	newBio: unescape(this.$store.state.users.currentUser.description),
	newLocked: this.$store.state.users.currentUser.locked,
	- newNoRichText: this.$store.state.users.currentUser.no_rich_text,
	- newDefaultScope: this.$store.state.users.currentUser.default_scope,
	newFields: this.$store.state.users.currentUser.fields.map(field => ({ name: field.name, value: field.value })),
	- hideFollows: this.$store.state.users.currentUser.hide_follows,
	- hideFollowers: this.$store.state.users.currentUser.hide_followers,
	- hideFollowsCount: this.$store.state.users.currentUser.hide_follows_count,
	- hideFollowersCount: this.$store.state.users.currentUser.hide_followers_count,
	showRole: this.$store.state.users.currentUser.show_role,
	role: this.$store.state.users.currentUser.role,
	- discoverable: this.$store.state.users.currentUser.discoverable,
	bot: this.$store.state.users.currentUser.bot,
	- allowFollowingMove: this.$store.state.users.currentUser.allow_following_move,
	pickAvatarBtnVisible: true,
	bannerUploading: false,
	backgroundUploading: false,
	banner: null,
	bannerPreview: null,
	background: null,
	backgroundPreview: null
	}
	},
	components: {
	ScopeSelector,
	ImageCropper,
	EmojiInput,
	Autosuggest,
	ProgressButton,
	- Checkbox
	+ Checkbox,
	+ BooleanSetting
	},
	computed: {
	user () {
	return this.$store.state.users.currentUser
	},
	+ ...SharedComputedObject(),
	emojiUserSuggestor () {
	return suggestor({
	emoji: [
	...this.$store.state.instance.emoji,
	...this.$store.state.instance.customEmoji
	],
	store: this.$store
	})
	},
	emojiSuggestor () {
	return suggestor({ emoji: [
	...this.$store.state.instance.emoji,
	...this.$store.state.instance.customEmoji
	] })
	},
	userSuggestor () {
	return suggestor({ store: this.$store })
	},
	fieldsLimits () {
	return this.$store.state.instance.fieldsLimits
	},
	maxFields () {
	return this.fieldsLimits ? this.fieldsLimits.maxFields : 0
	},
	defaultAvatar () {
	return this.$store.state.instance.server + this.$store.state.instance.defaultAvatar
	},
	defaultBanner () {
	return this.$store.state.instance.server + this.$store.state.instance.defaultBanner
	},
	isDefaultAvatar () {
	const baseAvatar = this.$store.state.instance.defaultAvatar
	return !(this.$store.state.users.currentUser.profile_image_url) \|\|
	this.$store.state.users.currentUser.profile_image_url.includes(baseAvatar)
	},
	isDefaultBanner () {
	const baseBanner = this.$store.state.instance.defaultBanner
	return !(this.$store.state.users.currentUser.cover_photo) \|\|
	this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
	},
	isDefaultBackground () {
	return !(this.$store.state.users.currentUser.background_image)
	},
	avatarImgSrc () {
	const src = this.$store.state.users.currentUser.profile_image_url_original
	return (!src) ? this.defaultAvatar : src
	},
	bannerImgSrc () {
	const src = this.$store.state.users.currentUser.cover_photo
	return (!src) ? this.defaultBanner : src
	}
	},
	methods: {
	updateProfile () {
	this.$store.state.api.backendInteractor
	.updateProfile({
	params: {
	note: this.newBio,
	locked: this.newLocked,
	// Backend notation.
	/* eslint-disable camelcase */
	display_name: this.newName,
	fields_attributes: this.newFields.filter(el => el != null),
	- default_scope: this.newDefaultScope,
	- no_rich_text: this.newNoRichText,
	- hide_follows: this.hideFollows,
	- hide_followers: this.hideFollowers,
	- discoverable: this.discoverable,
	bot: this.bot,
	- allow_following_move: this.allowFollowingMove,
	- hide_follows_count: this.hideFollowsCount,
	- hide_followers_count: this.hideFollowersCount,
	show_role: this.showRole
	/* eslint-enable camelcase */
	} }).then((user) => {
	this.newFields.splice(user.fields.length)
	merge(this.newFields, user.fields)
	this.$store.commit('addNewUsers', [user])
	this.$store.commit('setCurrentUser', user)
	})
	},
	changeVis (visibility) {
	this.newDefaultScope = visibility
	},
	addField () {
	if (this.newFields.length < this.maxFields) {
	this.newFields.push({ name: '', value: '' })
	return true
	}
	return false
	},
	deleteField (index, event) {
	this.$delete(this.newFields, index)
	},
	uploadFile (slot, e) {
	const file = e.target.files[0]
	if (!file) { return }
	if (file.size > this.$store.state.instance[slot + 'limit']) {
	const filesize = fileSizeFormatService.fileSizeFormat(file.size)
	const allowedsize = fileSizeFormatService.fileSizeFormat(this.$store.state.instance[slot + 'limit'])
	this.$store.dispatch('pushGlobalNotice', {
	messageKey: 'upload.error.message',
	messageArgs: [
	this.$t('upload.error.file_too_big', {
	filesize: filesize.num,
	filesizeunit: filesize.unit,
	allowedsize: allowedsize.num,
	allowedsizeunit: allowedsize.unit
	})
	],
	level: 'error'
	})
	return
	}
	// eslint-disable-next-line no-undef
	const reader = new FileReader()
	reader.onload = ({ target }) => {
	const img = target.result
	this[slot + 'Preview'] = img
	this[slot] = file
	}
	reader.readAsDataURL(file)
	},
	resetAvatar () {
	const confirmed = window.confirm(this.$t('settings.reset_avatar_confirm'))
	if (confirmed) {
	this.submitAvatar(undefined, '')
	}
	},
	resetBanner () {
	const confirmed = window.confirm(this.$t('settings.reset_banner_confirm'))
	if (confirmed) {
	this.submitBanner('')
	}
	},
	resetBackground () {
	const confirmed = window.confirm(this.$t('settings.reset_background_confirm'))
	if (confirmed) {
	this.submitBackground('')
	}
	},
	submitAvatar (cropper, file) {
	const that = this
	return new Promise((resolve, reject) => {
	function updateAvatar (avatar) {
	that.$store.state.api.backendInteractor.updateProfileImages({ avatar })
	.then((user) => {
	that.$store.commit('addNewUsers', [user])
	that.$store.commit('setCurrentUser', user)
	resolve()
	})
	.catch((error) => {
	that.displayUploadError(error)
	reject(error)
	})
	}

	if (cropper) {
	cropper.getCroppedCanvas().toBlob(updateAvatar, file.type)
	} else {
	updateAvatar(file)
	}
	})
	},
	submitBanner (banner) {
	if (!this.bannerPreview && banner !== '') { return }

	this.bannerUploading = true
	this.$store.state.api.backendInteractor.updateProfileImages({ banner })
	.then((user) => {
	this.$store.commit('addNewUsers', [user])
	this.$store.commit('setCurrentUser', user)
	this.bannerPreview = null
	})
	.catch(this.displayUploadError)
	.finally(() => { this.bannerUploading = false })
	},
	submitBackground (background) {
	if (!this.backgroundPreview && background !== '') { return }

	this.backgroundUploading = true
	this.$store.state.api.backendInteractor.updateProfileImages({ background })
	.then((data) => {
	this.$store.commit('addNewUsers', [data])
	this.$store.commit('setCurrentUser', data)
	this.backgroundPreview = null
	})
	.catch(this.displayUploadError)
	.finally(() => { this.backgroundUploading = false })
	},
	displayUploadError (error) {
	this.$store.dispatch('pushGlobalNotice', {
	messageKey: 'upload.error.message',
	messageArgs: [error.message],
	level: 'error'
	})
	}
	}
	}

	export default ProfileTab
	diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
	index bb3c301d5c..e00f6e5b99 100644
	--- a/src/components/settings_modal/tabs/profile_tab.vue
	+++ b/src/components/settings_modal/tabs/profile_tab.vue
	@@ -1,276 +1,277 @@
	<template>
	<div class="profile-tab">
	<div class="setting-item">
	<h2>{{ $t('settings.name_bio') }}</h2>
	<p>{{ $t('settings.name') }}</p>
	<EmojiInput
	v-model="newName"
	enable-emoji-picker
	:suggest="emojiSuggestor"
	>
	<input
	id="username"
	v-model="newName"
	class="name-changer"
	>
	</EmojiInput>
	<p>{{ $t('settings.bio') }}</p>
	<EmojiInput
	v-model="newBio"
	enable-emoji-picker
	:suggest="emojiUserSuggestor"
	>
	<textarea
	v-model="newBio"
	class="bio resize-height"
	/>
	</EmojiInput>
	- <p>
	- <Checkbox v-model="newLocked">
	- {{ $t('settings.lock_account_description') }}
	- </Checkbox>
	- </p>
	- <div>
	- <label for="default-vis">{{ $t('settings.default_vis') }}</label>
	- <div
	- id="default-vis"
	- class="visibility-tray"
	- >
	- <scope-selector
	- :show-all="true"
	- :user-default="newDefaultScope"
	- :initial-scope="newDefaultScope"
	- :on-scope-change="changeVis"
	- />
	- </div>
	- </div>
	- <p>
	- <Checkbox v-model="newNoRichText">
	- {{ $t('settings.no_rich_text_description') }}
	- </Checkbox>
	- </p>
	- <p>
	- <Checkbox v-model="hideFollows">
	- {{ $t('settings.hide_follows_description') }}
	- </Checkbox>
	- </p>
	- <p class="setting-subitem">
	- <Checkbox
	- v-model="hideFollowsCount"
	- :disabled="!hideFollows"
	- >
	- {{ $t('settings.hide_follows_count_description') }}
	- </Checkbox>
	- </p>
	- <p>
	- <Checkbox v-model="hideFollowers">
	- {{ $t('settings.hide_followers_description') }}
	- </Checkbox>
	- </p>
	- <p class="setting-subitem">
	- <Checkbox
	- v-model="hideFollowersCount"
	- :disabled="!hideFollowers"
	- >
	- {{ $t('settings.hide_followers_count_description') }}
	- </Checkbox>
	- </p>
	- <p>
	- <Checkbox v-model="allowFollowingMove">
	- {{ $t('settings.allow_following_move') }}
	- </Checkbox>
	- </p>
	<p v-if="role === 'admin' \|\| role === 'moderator'">
	<Checkbox v-model="showRole">
	<template v-if="role === 'admin'">
	{{ $t('settings.show_admin_badge') }}
	</template>
	<template v-if="role === 'moderator'">
	{{ $t('settings.show_moderator_badge') }}
	</template>
	</Checkbox>
	</p>
	- <p>
	- <Checkbox v-model="discoverable">
	- {{ $t('settings.discoverable') }}
	- </Checkbox>
	- </p>
	<div v-if="maxFields > 0">
	<p>{{ $t('settings.profile_fields.label') }}</p>
	<div
	v-for="(_, i) in newFields"
	:key="i"
	class="profile-fields"
	>
	<EmojiInput
	v-model="newFields[i].name"
	enable-emoji-picker
	hide-emoji-button
	:suggest="userSuggestor"
	>
	<input
	v-model="newFields[i].name"
	:placeholder="$t('settings.profile_fields.name')"
	>
	</EmojiInput>
	<EmojiInput
	v-model="newFields[i].value"
	enable-emoji-picker
	hide-emoji-button
	:suggest="userSuggestor"
	>
	<input
	v-model="newFields[i].value"
	:placeholder="$t('settings.profile_fields.value')"
	>
	</EmojiInput>
	<button
	class="delete-field button-unstyled -hover-highlight"
	@click="deleteField(i)"
	>
	<FAIcon
	v-show="newFields.length > 1"
	icon="times"
	/>
	</button>
	</div>
	<button
	v-if="newFields.length < maxFields"
	class="add-field faint button-unstyled -hover-highlight"
	@click="addField"
	>
	<FAIcon icon="plus" />
	{{ $t("settings.profile_fields.add_field") }}
	</button>
	</div>
	<p>
	<Checkbox v-model="bot">
	{{ $t('settings.bot') }}
	</Checkbox>
	</p>
	<button
	:disabled="newName && newName.length === 0"
	class="btn button-default"
	@click="updateProfile"
	>
	{{ $t('settings.save') }}
	</button>
	</div>
	<div class="setting-item">
	<h2>{{ $t('settings.avatar') }}</h2>
	<p class="visibility-notice">
	{{ $t('settings.avatar_size_instruction') }}
	</p>
	<div class="current-avatar-container">
	<img
	:src="user.profile_image_url_original"
	class="current-avatar"
	>
	<FAIcon
	v-if="!isDefaultAvatar && pickAvatarBtnVisible"
	:title="$t('settings.reset_avatar')"
	class="reset-button"
	icon="times"
	type="button"
	@click="resetAvatar"
	/>
	</div>
	<p>{{ $t('settings.set_new_avatar') }}</p>
	<button
	v-show="pickAvatarBtnVisible"
	id="pick-avatar"
	class="button-default btn"
	type="button"
	>
	{{ $t('settings.upload_a_photo') }}
	</button>
	<image-cropper
	trigger="#pick-avatar"
	:submit-handler="submitAvatar"
	@open="pickAvatarBtnVisible=false"
	@close="pickAvatarBtnVisible=true"
	/>
	</div>
	<div class="setting-item">
	<h2>{{ $t('settings.profile_banner') }}</h2>
	<div class="banner-background-preview">
	<img :src="user.cover_photo">
	<FAIcon
	v-if="!isDefaultBanner"
	:title="$t('settings.reset_profile_banner')"
	class="reset-button"
	icon="times"
	type="button"
	@click="resetBanner"
	/>
	</div>
	<p>{{ $t('settings.set_new_profile_banner') }}</p>
	<img
	v-if="bannerPreview"
	class="banner-background-preview"
	:src="bannerPreview"
	>
	<div>
	<input
	type="file"
	@change="uploadFile('banner', $event)"
	>
	</div>
	<FAIcon
	v-if="bannerUploading"
	class="uploading"
	spin
	icon="circle-notch"
	/>
	<button
	v-else-if="bannerPreview"
	class="btn button-default"
	@click="submitBanner(banner)"
	>
	{{ $t('settings.save') }}
	</button>
	</div>
	<div class="setting-item">
	<h2>{{ $t('settings.profile_background') }}</h2>
	<div class="banner-background-preview">
	<img :src="user.background_image">
	<FAIcon
	v-if="!isDefaultBackground"
	:title="$t('settings.reset_profile_background')"
	class="reset-button"
	icon="times"
	type="button"
	@click="resetBackground"
	/>
	</div>
	<p>{{ $t('settings.set_new_profile_background') }}</p>
	<img
	v-if="backgroundPreview"
	class="banner-background-preview"
	:src="backgroundPreview"
	>
	<div>
	<input
	type="file"
	@change="uploadFile('background', $event)"
	>
	</div>
	<FAIcon
	v-if="backgroundUploading"
	class="uploading"
	spin
	icon="circle-notch"
	/>
	<button
	v-else-if="backgroundPreview"
	class="btn button-default"
	@click="submitBackground(background)"
	>
	{{ $t('settings.save') }}
	</button>
	</div>
	+ <div class="setting-item">
	+ <h2>{{ $t('settings.account_privacy') }}</h2>
	+ <ul class="setting-list">
	+ <li>
	+ <BooleanSetting path="serverSide_locked">
	+ {{ $t('settings.lock_account_description') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="serverSide_discoverable">
	+ {{ $t('settings.discoverable') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="serverSide_allowFollowingMove">
	+ {{ $t('settings.allow_following_move') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="serverSide_hideFavorites">
	+ {{ $t('settings.hide_favorites_description') }}
	+ </BooleanSetting>
	+ </li>
	+ <li>
	+ <BooleanSetting path="serverSide_hideFollowers">
	+ {{ $t('settings.hide_followers_description') }}
	+ </BooleanSetting>
	+ <ul
	+ class="setting-list suboptions"
	+ :class="[{disabled: !serverSide_hideFollowers}]"
	+ >
	+ <li>
	+ <BooleanSetting
	+ path="serverSide_hideFollowersCount"
	+ :disabled="!serverSide_hideFollowers"
	+ >
	+ {{ $t('settings.hide_followers_count_description') }}
	+ </BooleanSetting>
	+ </li>
	+ </ul>
	+ </li>
	+ <li>
	+ <BooleanSetting path="serverSide_hideFollows">
	+ {{ $t('settings.hide_follows_description') }}
	+ </BooleanSetting>
	+ <ul
	+ class="setting-list suboptions"
	+ :class="[{disabled: !serverSide_hideFollows}]"
	+ >
	+ <li>
	+ <BooleanSetting
	+ path="serverSide_hideFollowsCount"
	+ :disabled="!serverSide_hideFollows"
	+ >
	+ {{ $t('settings.hide_follows_count_description') }}
	+ </BooleanSetting>
	+ </li>
	+ </ul>
	+ </li>
	+ </ul>
	+ </div>
	</div>
	</template>

	<script src="./profile_tab.js"></script>
	<style lang="scss" src="./profile_tab.scss"></style>
	diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue
	index 4ea2150613..e939b532b1 100644
	--- a/src/components/still-image/still-image.vue
	+++ b/src/components/still-image/still-image.vue
	@@ -1,92 +1,92 @@
	<template>
	<div
	class="still-image"
	:class="{ animated: animated }"
	:style="style"
	>
	<canvas
	v-if="animated"
	ref="canvas"
	/>
	<!-- NOTE: key is required to force to re-render img tag when src is changed -->
	<img
	ref="src"
	:key="src"
	:alt="alt"
	:title="alt"
	:src="src"
	:referrerpolicy="referrerpolicy"
	@load="onLoad"
	@error="onError"
	>
	- <slot/>
	+ <slot />
	</div>
	</template>

	<script src="./still-image.js"></script>

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

	.still-image {
	position: relative;
	line-height: 0;
	overflow: hidden;
	display: inline-flex;
	align-items: center;

	canvas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	visibility: var(--_still-image-canvas-visibility, visible);
	}

	img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	}

	&.animated {
	&::before {
	zoom: var(--_still_image-label-scale, 1);
	content: 'gif';
	position: absolute;
	line-height: 10px;
	font-size: 10px;
	top: 5px;
	left: 5px;
	background: rgba(127, 127, 127, 0.5);
	color: #fff;
	display: block;
	padding: 2px 4px;
	border-radius: $fallback--tooltipRadius;
	border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
	z-index: 2;
	visibility: var(--_still-image-label-visibility, visible);
	}

	&:hover canvas {
	display: none;
	}

	&:hover::before {
	visibility: var(--_still-image-label-visibility, hidden);
	}

	img {
	visibility: var(--_still-image-img-visibility, hidden);
	}

	&:hover img {
	visibility: visible;
	}
	}
	}
	</style>
	diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
	index 29e03bcb23..847d654bde 100644
	--- a/src/components/user_avatar/user_avatar.vue
	+++ b/src/components/user_avatar/user_avatar.vue
	@@ -1,68 +1,72 @@
	<template>
	<StillImage
	v-if="user"
	class="Avatar"
	:alt="user.screen_name_ui"
	:title="user.screen_name_ui"
	:src="imgSrc(user.profile_image_url_original)"
	:class="{ 'avatar-compact': compact, 'better-shadow': betterShadow }"
	:image-load-error="imageLoadError"
	>
	- <FAIcon v-if="bot" icon="robot" class="bot-indicator" />
	+ <FAIcon
	+ v-if="bot"
	+ icon="robot"
	+ class="bot-indicator"
	+ />
	</StillImage>
	<div
	v-else
	class="Avatar -placeholder"
	:class="{ 'avatar-compact': compact }"
	/>
	</template>

	<script src="./user_avatar.js"></script>
	<style lang="scss">
	@import '../../_variables.scss';

	.Avatar {
	--_avatarShadowBox: var(--avatarStatusShadow);
	--_avatarShadowFilter: var(--avatarStatusShadowFilter);
	--_avatarShadowInset: var(--avatarStatusShadowInset);
	--_still-image-label-visibility: hidden;

	width: 48px;
	height: 48px;
	box-shadow: var(--_avatarShadowBox);
	border-radius: $fallback--avatarRadius;
	border-radius: var(--avatarRadius, $fallback--avatarRadius);

	img {
	width: 100%;
	height: 100%;
	}

	& > .bot-indicator {
	position: absolute;
	bottom: 0;
	right: 0;
	}

	&.better-shadow {
	box-shadow: var(--_avatarShadowInset);
	filter: var(--_avatarShadowFilter);
	}

	&.animated::before {
	display: none;
	}

	&.avatar-compact {
	width: 32px;
	height: 32px;
	border-radius: $fallback--avatarAltRadius;
	border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
	}

	&.-placeholder {
	background-color: $fallback--fg;
	background-color: var(--fg, $fallback--fg);
	}
	}
	</style>
	diff --git a/src/i18n/en.json b/src/i18n/en.json
	index 153a0a53f1..76a871fb09 100644
	--- a/src/i18n/en.json
	+++ b/src/i18n/en.json
	@@ -1,926 +1,930 @@
	{
	"about": {
	"mrf": {
	"federation": "Federation",
	"keyword": {
	"keyword_policies": "Keyword policies",
	"ftl_removal": "Removal from \"The Whole Known Network\" Timeline",
	"reject": "Reject",
	"replace": "Replace",
	"is_replaced_by": "→"
	},
	"mrf_policies": "Enabled MRF policies",
	"mrf_policies_desc": "MRF policies manipulate the federation behaviour of the instance. The following policies are enabled:",
	"simple": {
	"simple_policies": "Instance-specific policies",
	"instance": "Instance",
	"reason": "Reason",
	"not_applicable": "N/A",
	"accept": "Accept",
	"accept_desc": "This instance only accepts messages from the following instances:",
	"reject": "Reject",
	"reject_desc": "This instance will not accept messages from the following instances:",
	"quarantine": "Quarantine",
	"quarantine_desc": "This instance will send only public posts to the following instances:",
	"ftl_removal": "Removal from \"Known Network\" Timeline",
	"ftl_removal_desc": "This instance removes these instances from \"Known Network\" timeline:",
	"media_removal": "Media Removal",
	"media_removal_desc": "This instance removes media from posts on the following instances:",
	"media_nsfw": "Media force-set as sensitive",
	"media_nsfw_desc": "This instance forces media to be set sensitive in posts on the following instances:"
	}
	},
	"staff": "Staff"
	},
	"shoutbox": {
	"title": "Shoutbox"
	},
	"domain_mute_card": {
	"mute": "Mute",
	"mute_progress": "Muting…",
	"unmute": "Unmute",
	"unmute_progress": "Unmuting…"
	},
	"exporter": {
	"export": "Export",
	"processing": "Processing, you'll soon be asked to download your file"
	},
	"features_panel": {
	"chat": "Chat",
	"pleroma_chat_messages": "Pleroma Chat",
	"gopher": "Gopher",
	"media_proxy": "Media proxy",
	"scope_options": "Scope options",
	"text_limit": "Text limit",
	"title": "Features",
	"who_to_follow": "Who to follow",
	"upload_limit": "Upload limit"
	},
	"finder": {
	"error_fetching_user": "Error fetching user",
	"find_user": "Find user"
	},
	"general": {
	"apply": "Apply",
	"submit": "Submit",
	"more": "More",
	"loading": "Loading…",
	"generic_error": "An error occured",
	"error_retry": "Please try again",
	"retry": "Try again",
	"optional": "optional",
	"show_more": "Show more",
	"show_less": "Show less",
	"dismiss": "Dismiss",
	"cancel": "Cancel",
	"disable": "Disable",
	"enable": "Enable",
	"confirm": "Confirm",
	"verify": "Verify",
	"close": "Close",
	"peek": "Peek",
	"role": {
	"admin": "Admin",
	"moderator": "Moderator"
	},
	"flash_content": "Click to show Flash content using Ruffle (Experimental, may not work).",
	"flash_security": "Note that this can be potentially dangerous since Flash content is still arbitrary code.",
	"flash_fail": "Failed to load flash content, see console for details."
	},
	"image_cropper": {
	"crop_picture": "Crop picture",
	"save": "Save",
	"save_without_cropping": "Save without cropping",
	"cancel": "Cancel"
	},
	"importer": {
	"submit": "Submit",
	"success": "Imported successfully.",
	"error": "An error occured while importing this file."
	},
	"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",
	"authentication_code": "Authentication code",
	"enter_recovery_code": "Enter a recovery code",
	"enter_two_factor_code": "Enter a two-factor code",
	"recovery_code": "Recovery code",
	"heading": {
	"totp": "Two-factor authentication",
	"recovery": "Two-factor recovery"
	}
	},
	"media_modal": {
	"previous": "Previous",
	"next": "Next",
	"counter": "{current} / {total}",
	"hide": "Close media viewer"
	},
	"nav": {
	"about": "About",
	"administration": "Administration",
	"back": "Back",
	"friend_requests": "Follow requests",
	"mentions": "Mentions",
	"interactions": "Interactions",
	"dms": "Direct messages",
	"public_tl": "Public timeline",
	"timeline": "Timeline",
	"home_timeline": "Home timeline",
	"twkn": "Known Network",
	"bookmarks": "Bookmarks",
	"user_search": "User Search",
	"search": "Search",
	"who_to_follow": "Who to follow",
	"preferences": "Preferences",
	"timelines": "Timelines",
	"chats": "Chats"
	},
	"notifications": {
	"broken_favorite": "Unknown status, searching for it…",
	"error": "Error fetching notifications: {0}",
	"favorited_you": "favorited your status",
	"followed_you": "followed you",
	"follow_request": "wants to follow you",
	"load_older": "Load older notifications",
	"notifications": "Notifications",
	"read": "Read!",
	"repeated_you": "repeated your status",
	"no_more_notifications": "No more notifications",
	"migrated_to": "migrated to",
	"reacted_with": "reacted with {0}"
	},
	"polls": {
	"add_poll": "Add poll",
	"add_option": "Add option",
	"option": "Option",
	"votes": "votes",
	"people_voted_count": "{count} person voted \| {count} people voted",
	"votes_count": "{count} vote \| {count} votes",
	"vote": "Vote",
	"type": "Poll type",
	"single_choice": "Single choice",
	"multiple_choices": "Multiple choices",
	"expiry": "Poll age",
	"expires_in": "Poll ends in {0}",
	"expired": "Poll ended {0} ago",
	"not_enough_options": "Too few unique options in poll"
	},
	"emoji": {
	"stickers": "Stickers",
	"emoji": "Emoji",
	"keep_open": "Keep picker open",
	"search_emoji": "Search for an emoji",
	"add_emoji": "Insert emoji",
	"custom": "Custom emoji",
	"unicode": "Unicode emoji",
	"load_all_hint": "Loaded first {saneAmount} emoji, loading all emoji may cause performance issues.",
	"load_all": "Loading all {emojiAmount} emoji"
	},
	"errors": {
	"storage_unavailable": "Pleroma could not access browser storage. Your login or your local settings won't be saved and you might encounter unexpected issues. Try enabling cookies."
	},
	"interactions": {
	"favs_repeats": "Repeats and favorites",
	"follows": "New follows",
	"moves": "User migrates",
	"load_older": "Load older interactions"
	},
	"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",
	"media_description": "Media description",
	"content_type": {
	"text/plain": "Plain text",
	"text/html": "HTML",
	"text/markdown": "Markdown",
	"text/bbcode": "BBCode"
	},
	"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",
	"post": "Post",
	"preview": "Preview",
	"preview_empty": "Empty",
	"empty_status_error": "Can't post an empty status with no files",
	"media_description_error": "Failed to update media, try again",
	"scope_notice": {
	"public": "This post will be visible to everyone",
	"private": "This post will be visible to your followers only",
	"unlisted": "This post will not be visible in Public Timeline and The Whole Known Network"
	},
	"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.",
	"reason": "Reason to register",
	"reason_placeholder": "This instance approves registrations manually.\nLet the administration know why you want to register.",
	"register": "Register",
	"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"
	}
	},
	"remote_user_resolver": {
	"remote_user_resolver": "Remote user resolver",
	"searching_for": "Searching for",
	"error": "Not found."
	},
	"selectable_list": {
	"select_all": "Select all"
	},
	"settings": {
	"app_name": "App name",
	+ "expert_mode": "Show advanced",
	"save": "Save changes",
	"security": "Security",
	"setting_changed": "Setting is different from default",
	+ "setting_server_side": "This setting is tied to your profile and affects all sessions and clients",
	"enter_current_password_to_confirm": "Enter your current password to confirm your identity",
	"post_look_feel": "Posts Look & Feel",
	+ "mention_links": "Mention links",
	"mfa": {
	"otp": "OTP",
	"setup_otp": "Setup OTP",
	"wait_pre_setup_otp": "presetting OTP",
	"confirm_and_enable": "Confirm & enable OTP",
	"title": "Two-factor Authentication",
	"generate_new_recovery_codes": "Generate new recovery codes",
	"warning_of_generate_new_codes": "When you generate new recovery codes, your old codes won’t work anymore.",
	"recovery_codes": "Recovery codes.",
	"waiting_a_recovery_codes": "Receiving backup codes…",
	"recovery_codes_warning": "Write the codes down or save them somewhere secure - otherwise you won't see them again. If you lose access to your 2FA app and recovery codes you'll be locked out of your account.",
	"authentication_methods": "Authentication methods",
	"scan": {
	"title": "Scan",
	"desc": "Using your two-factor app, scan this QR code or enter text key:",
	"secret_code": "Key"
	},
	"verify": {
	"desc": "To enable two-factor authentication, enter the code from your two-factor app:"
	}
	},
	"allow_following_move": "Allow auto-follow when following account moves",
	"attachmentRadius": "Attachments",
	"attachments": "Attachments",
	"avatar": "Avatar",
	"avatarAltRadius": "Avatars (notifications)",
	"avatarRadius": "Avatars",
	"background": "Background",
	"bio": "Bio",
	"block_export": "Block export",
	"block_export_button": "Export your blocks to a csv file",
	"block_import": "Block import",
	"block_import_error": "Error importing blocks",
	"blocks_imported": "Blocks imported! Processing them will take a while.",
	"mute_export": "Mute export",
	"mute_export_button": "Export your mutes to a csv file",
	"mute_import": "Mute import",
	"mute_import_error": "Error importing mutes",
	"mutes_imported": "Mutes imported! Processing them will take a while.",
	"import_mutes_from_a_csv_file": "Import mutes from a csv file",
	"blocks_tab": "Blocks",
	"bot": "This is a bot account",
	"btnRadius": "Buttons",
	"cBlue": "Blue (Reply, follow)",
	"cGreen": "Green (Retweet)",
	"cOrange": "Orange (Favorite)",
	"cRed": "Red (Cancel)",
	"change_email": "Change email",
	"change_email_error": "There was an issue changing your email.",
	"changed_email": "Email changed successfully!",
	"change_password": "Change password",
	"change_password_error": "There was an issue changing your password.",
	"changed_password": "Password changed successfully!",
	"chatMessageRadius": "Chat message",
	"collapse_subject": "Collapse posts with subjects",
	"composing": "Composing",
	"confirm_new_password": "Confirm new password",
	"current_password": "Current password",
	"mutes_and_blocks": "Mutes and Blocks",
	"data_import_export_tab": "Data import / export",
	"default_vis": "Default visibility scope",
	"delete_account": "Delete account",
	"delete_account_description": "Permanently delete your data and deactivate your account.",
	"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.",
	"discoverable": "Allow discovery of this account in search results and other services",
	"domain_mutes": "Domains",
	"avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels.",
	"pad_emoji": "Pad emoji with spaces when adding from picker",
	"emoji_reactions_on_timeline": "Show emoji reactions on timeline",
	"export_theme": "Save preset",
	"filtering": "Filtering",
	"wordfilter": "Wordfilter",
	"filtering_explanation": "All statuses containing these words will be muted, one per line",
	"word_filter": "Word filter",
	"follow_export": "Follow export",
	"follow_export_button": "Export your follows to a csv file",
	"follow_import": "Follow import",
	"follow_import_error": "Error importing followers",
	"follows_imported": "Follows imported! Processing them will take a while.",
	"accent": "Accent",
	"foreground": "Foreground",
	"general": "General",
	"hide_attachments_in_convo": "Hide attachments in conversations",
	"hide_attachments_in_tl": "Hide attachments in timeline",
	"hide_media_previews": "Hide media previews",
	"hide_muted_posts": "Hide posts of muted users",
	"mute_bot_posts": "Mute bot posts",
	"hide_bot_indication": "Hide bot indication in posts",
	"hide_all_muted_posts": "Hide muted posts",
	"max_thumbnails": "Maximum amount of thumbnails per post (empty = no limit)",
	"hide_isp": "Hide instance-specific panel",
	"hide_shoutbox": "Hide instance shoutbox",
	"right_sidebar": "Show sidebar on the right side",
	"always_show_post_button": "Always show floating New Post button",
	"hide_wallpaper": "Hide instance wallpaper",
	"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 all filtered posts",
	"hide_wordfiltered_statuses": "Hide word-filtered statuses",
	"hide_muted_threads": "Hide muted threads",
	"import_blocks_from_a_csv_file": "Import blocks from a csv file",
	"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 in a popup frame",
	"file_export_import": {
	"backup_restore": "Settings backup",
	"backup_settings": "Backup settings to file",
	"backup_settings_theme": "Backup settings and theme to file",
	"restore_settings": "Restore settings from file",
	"errors": {
	"invalid_file": "The selected file is not a supported Pleroma settings backup. No changes were made.",
	"file_too_new": "Incompatile major version: {fileMajor}, this PleromaFE (settings ver {feMajor}) is too old to handle it",
	"file_too_old": "Incompatile major version: {fileMajor}, file version is too old and not supported (min. set. ver. {feMajor})",
	"file_slightly_new": "File minor version is different, some settings might not load"
	}
	},
	"profile_fields": {
	"label": "Profile metadata",
	"add_field": "Add field",
	"name": "Label",
	"value": "Content"
	},
	+ "account_privacy": "Privacy",
	"use_contain_fit": "Don't crop the attachment in thumbnails",
	"name": "Name",
	"name_bio": "Name & bio",
	"new_email": "New email",
	"new_password": "New password",
	"posts": "Posts",
	"user_profiles": "User Profiles",
	"notification_visibility": "Types of notifications to show",
	"notification_visibility_follows": "Follows",
	"notification_visibility_likes": "Favorites",
	"notification_visibility_mentions": "Mentions",
	"notification_visibility_repeats": "Repeats",
	"notification_visibility_moves": "User Migrates",
	"notification_visibility_emoji_reactions": "Reactions",
	"no_rich_text_description": "Strip rich text formatting from all posts",
	"no_blocks": "No blocks",
	"no_mutes": "No mutes",
	+ "hide_favorites_description": "Don't show list of my favorites (people still get notified)",
	"hide_follows_description": "Don't show who I'm following",
	"hide_followers_description": "Don't show who's following me",
	"hide_follows_count_description": "Don't show follow count",
	"hide_followers_count_description": "Don't show follower count",
	"show_admin_badge": "Show \"Admin\" badge in my profile",
	"show_moderator_badge": "Show \"Moderator\" badge in my profile",
	"nsfw_clickthrough": "Hide sensitive/NSFW media",
	"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",
	+ "pause_on_unfocused": "Pause 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_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",
	"reply_visibility_following_short": "Show replies to my follows",
	"reply_visibility_self_short": "Show replies to self only",
	"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",
	"reset_avatar": "Reset avatar",
	"reset_profile_background": "Reset profile background",
	"reset_profile_banner": "Reset profile banner",
	"reset_avatar_confirm": "Do you really want to reset the avatar?",
	"reset_banner_confirm": "Do you really want to reset the banner?",
	"reset_background_confirm": "Do you really want to reset the background?",
	"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",
	"conversation_display": "Conversation display style",
	"conversation_display_tree": "Tree-style",
	"tree_advanced": "Allow more flexible navigation in tree view",
	"tree_fade_ancestors": "Display ancestors of the current status in faint text",
	"conversation_display_linear": "Linear-style",
	"conversation_other_replies_button": "Show the \"other replies\" button",
	"conversation_other_replies_button_below": "Below statuses",
	"conversation_other_replies_button_inside": "Inside statuses",
	"max_depth_in_thread": "Maximum number of levels in thread to display by default",
	"post_status_content_type": "Post status content type",
	"sensitive_by_default": "Mark posts as sensitive by default",
	"stop_gifs": "Pause animated images until you hover on them",
	- "streaming": "Enable automatic streaming of new posts when scrolled to the top",
	+ "streaming": "Automatically show new posts when scrolled to the top",
	"user_mutes": "Users",
	"useStreamingApi": "Receive posts and notifications real-time",
	- "useStreamingApiWarning": "(Not recommended, experimental, known to skip posts)",
	"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",
	"type_domains_to_mute": "Search domains to mute",
	"upload_a_photo": "Upload a photo",
	"user_settings": "User Settings",
	"values": {
	"false": "no",
	"true": "yes"
	},
	"virtual_scrolling": "Optimize timeline rendering",
	"use_at_icon": "Display @ symbol as an icon instead of text",
	"mention_link_display": "Display mention links",
	"mention_link_display_short": "always as short names (e.g. @foo)",
	"mention_link_display_full_for_remote": "as full names only for remote users (e.g. @foo@example.org)",
	"mention_link_display_full": "always as full names (e.g. @foo@example.org)",
	"mention_link_show_tooltip": "Show full user names as tooltip for remote users",
	"mention_link_show_avatar": "Show user avatar beside the link",
	"mention_link_fade_domain": "Fade domains (e.g. @example.org in @foo@example.org)",
	"mention_link_bolden_you": "Highlight mention of you when you are mentioned",
	"fun": "Fun",
	"greentext": "Meme arrows",
	"show_yous": "Show (You)s",
	"notifications": "Notifications",
	"notification_setting_filters": "Filters",
	"notification_setting_block_from_strangers": "Block notifications from users who you do not follow",
	"notification_setting_privacy": "Privacy",
	"notification_setting_hide_notification_contents": "Hide the sender and contents of push notifications",
	"notification_mutes": "To stop receiving notifications from a specific user, use a mute.",
	"notification_blocks": "Blocking a user stops all notifications as well as unsubscribes them.",
	"enable_web_push_notifications": "Enable web push notifications",
	"more_settings": "More settings",
	"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",
	"load_theme": "Load theme",
	"keep_as_is": "Keep as is",
	"use_snapshot": "Old version",
	"use_source": "New version",
	"help": {
	"upgraded_from_v2": "PleromaFE has been upgraded, theme could look a little bit different than you remember.",
	"v2_imported": "File you imported was made for older FE. We try to maximize compatibility but there still could be inconsistencies.",
	"future_version_imported": "File you imported was made in newer version of FE.",
	"older_version_imported": "File you imported was made in older version of FE.",
	"snapshot_present": "Theme snapshot is loaded, so all values are overriden. You can load theme's actual data instead.",
	"snapshot_missing": "No theme snapshot was in the file so it could look different than originally envisioned.",
	"fe_upgraded": "PleromaFE's theme engine upgraded after version update.",
	"fe_downgraded": "PleromaFE's version rolled back.",
	"migration_snapshot_ok": "Just to be safe, theme snapshot loaded. You can try loading theme data.",
	"migration_napshot_gone": "For whatever reason snapshot was missing, some stuff could look different than you remember.",
	"snapshot_source_mismatch": "Versions conflict: most likely FE was rolled back and updated again, if you changed theme using older version of FE you most likely want to use old version, otherwise use new version."
	}
	},
	"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",
	"alert_warning": "Warning",
	"alert_neutral": "Neutral",
	"post": "Posts/User bios",
	"badge": "Badge background",
	"popover": "Tooltips, menus, popovers",
	"badge_notification": "Notification",
	"panel_header": "Panel header",
	"top_bar": "Top bar",
	"borders": "Borders",
	"buttons": "Buttons",
	"inputs": "Input fields",
	"faint_text": "Faded text",
	"underlay": "Underlay",
	"wallpaper": "Wallpaper",
	"poll": "Poll graph",
	"icons": "Icons",
	"highlight": "Highlighted elements",
	"pressed": "Pressed",
	"selectedPost": "Selected post",
	"selectedMenu": "Selected menu item",
	"disabled": "Disabled",
	"toggled": "Toggled",
	"tabs": "Tabs",
	"chat": {
	"incoming": "Incoming",
	"outgoing": "Outgoing",
	"border": "Border"
	}
	},
	"radii": {
	"_tab_label": "Roundness"
	},
	"shadows": {
	"_tab_label": "Shadow and lighting",
	"component": "Component",
	"override": "Override",
	"shadow_id": "Shadow #{value}",
	"blur": "Blur",
	"spread": "Spread",
	"inset": "Inset",
	"hintV3": "For shadows you can also use the {0} notation to use other color slot.",
	"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"
	}
	},
	"time": {
	"day": "{0} day",
	"days": "{0} days",
	"day_short": "{0}d",
	"days_short": "{0}d",
	"hour": "{0} hour",
	"hours": "{0} hours",
	"hour_short": "{0}h",
	"hours_short": "{0}h",
	"in_future": "in {0}",
	"in_past": "{0} ago",
	"minute": "{0} minute",
	"minutes": "{0} minutes",
	"minute_short": "{0}min",
	"minutes_short": "{0}min",
	"month": "{0} month",
	"months": "{0} months",
	"month_short": "{0}mo",
	"months_short": "{0}mo",
	"now": "just now",
	"now_short": "now",
	"second": "{0} second",
	"seconds": "{0} seconds",
	"second_short": "{0}s",
	"seconds_short": "{0}s",
	"week": "{0} week",
	"weeks": "{0} weeks",
	"week_short": "{0}w",
	"weeks_short": "{0}w",
	"year": "{0} year",
	"years": "{0} years",
	"year_short": "{0}y",
	"years_short": "{0}y"
	},
	"timeline": {
	"collapse": "Collapse",
	"conversation": "Conversation",
	"error": "Error fetching timeline: {0}",
	"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",
	"reload": "Reload",
	"up_to_date": "Up-to-date",
	"no_more_statuses": "No more statuses",
	"no_statuses": "No statuses",
	"socket_reconnected": "Realtime connection established",
	"socket_broke": "Realtime connection lost: CloseEvent code {0}"
	},
	"status": {
	"favorites": "Favorites",
	"repeats": "Repeats",
	"delete": "Delete status",
	"pin": "Pin on profile",
	"unpin": "Unpin from profile",
	"pinned": "Pinned",
	"bookmark": "Bookmark",
	"unbookmark": "Unbookmark",
	"delete_confirm": "Do you really want to delete this status?",
	"reply_to": "Reply to",
	"mentions": "Mentions",
	"replies_list": "Replies:",
	"replies_list_with_others": "Replies (+{numReplies} other): \| Replies (+{numReplies} others):",
	"mute_conversation": "Mute conversation",
	"unmute_conversation": "Unmute conversation",
	"status_unavailable": "Status unavailable",
	"copy_link": "Copy link to status",
	"external_source": "External source",
	"thread_muted": "Thread muted",
	"thread_muted_and_words": ", has words:",
	"show_full_subject": "Show full subject",
	"hide_full_subject": "Hide full subject",
	"show_content": "Show content",
	"hide_content": "Hide content",
	"status_deleted": "This post was deleted",
	"nsfw": "NSFW",
	"expand": "Expand",
	"you": "(You)",
	"plus_more": "+{number} more",
	"many_attachments": "Post has {number} attachment(s)",
	"collapse_attachments": "Collapse attachments",
	"show_all_attachments": "Show all attachments",
	"show_attachment_in_modal": "Show in media modal",
	"show_attachment_description": "Preview description (open attachment for full description)",
	"hide_attachment": "Hide attachment",
	"remove_attachment": "Remove attachment",
	"attachment_stop_flash": "Stop Flash player",
	"move_up": "Shift attachment left",
	"move_down": "Shift attachment right",
	"open_gallery": "Open gallery",
	"thread_hide": "Hide this thread",
	"thread_show": "Show this thread",
	"thread_show_full": "Show everything under this thread ({numStatus} status in total, max depth {depth}) \| Show everything under this thread ({numStatus} statuses in total, max depth {depth})",
	"thread_show_full_with_icon": "{icon} {text}",
	"thread_follow": "See the remaining part of this thread ({numStatus} status in total) \| See the remaining part of this thread ({numStatus} statuses in total)",
	"thread_follow_with_icon": "{icon} {text}",
	"ancestor_follow": "See {numReplies} other reply under this status \| See {numReplies} other replies under this status",
	"ancestor_follow_with_icon": "{icon} {text}",
	"show_all_conversation_with_icon": "{icon} {text}",
	"show_all_conversation": "Show full conversation ({numStatus} other status) \| Show full conversation ({numStatus} other statuses)",
	"show_only_conversation_under_this": "Only show replies to this status"
	},
	"user_card": {
	"approve": "Approve",
	"block": "Block",
	"blocked": "Blocked!",
	"deactivated": "Deactivated",
	"deny": "Deny",
	"edit_profile": "Edit profile",
	"favorites": "Favorites",
	"follow": "Follow",
	"follow_cancel": "Cancel request",
	"follow_sent": "Request sent!",
	"follow_progress": "Requesting…",
	"follow_unfollow": "Unfollow",
	"followees": "Following",
	"followers": "Followers",
	"following": "Following!",
	"follows_you": "Follows you!",
	"hidden": "Hidden",
	"its_you": "It's you!",
	"media": "Media",
	"mention": "Mention",
	"message": "Message",
	"mute": "Mute",
	"muted": "Muted",
	"per_day": "per day",
	"remote_follow": "Remote follow",
	"report": "Report",
	"statuses": "Statuses",
	"subscribe": "Subscribe",
	"unsubscribe": "Unsubscribe",
	"unblock": "Unblock",
	"unblock_progress": "Unblocking…",
	"block_progress": "Blocking…",
	"unmute": "Unmute",
	"unmute_progress": "Unmuting…",
	"mute_progress": "Muting…",
	"hide_repeats": "Hide repeats",
	"show_repeats": "Show repeats",
	"bot": "Bot",
	"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."
	},
	"highlight": {
	"disabled": "No highlight",
	"solid": "Solid bg",
	"striped": "Striped bg",
	"side": "Side stripe"
	}
	},
	"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."
	},
	"user_reporting": {
	"title": "Reporting {0}",
	"add_comment_description": "The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:",
	"additional_comments": "Additional comments",
	"forward_description": "The account is from another server. Send a copy of the report there as well?",
	"forward_to": "Forward to {0}",
	"submit": "Submit",
	"generic_error": "An error occurred while processing your request."
	},
	"who_to_follow": {
	"more": "More",
	"who_to_follow": "Who to follow"
	},
	"tool_tip": {
	"media_upload": "Upload media",
	"repeat": "Repeat",
	"reply": "Reply",
	"favorite": "Favorite",
	"add_reaction": "Add Reaction",
	"user_settings": "User Settings",
	"accept_follow_request": "Accept follow request",
	"reject_follow_request": "Reject follow request",
	"bookmark": "Bookmark"
	},
	"upload": {
	"error": {
	"base": "Upload failed.",
	"message": "Upload failed: {0}",
	"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"
	}
	},
	"search": {
	"people": "People",
	"hashtags": "Hashtags",
	"person_talking": "{count} person talking",
	"people_talking": "{count} people talking",
	"no_results": "No results"
	},
	"password_reset": {
	"forgot_password": "Forgot password?",
	"password_reset": "Password reset",
	"instruction": "Enter your email address or username. We will send you a link to reset your password.",
	"placeholder": "Your email or username",
	"check_email": "Check your email for a link to reset your password.",
	"return_home": "Return to the home page",
	"too_many_requests": "You have reached the limit of attempts, try again later.",
	"password_reset_disabled": "Password reset is disabled. Please contact your instance administrator.",
	"password_reset_required": "You must reset your password to log in.",
	"password_reset_required_but_mailer_is_disabled": "You must reset your password, but password reset is disabled. Please contact your instance administrator."
	},
	"chats": {
	"you": "You:",
	"message_user": "Message {nickname}",
	"delete": "Delete",
	"chats": "Chats",
	"new": "New Chat",
	"empty_message_error": "Cannot post empty message",
	"more": "More",
	"delete_confirm": "Do you really want to delete this message?",
	"error_loading_chat": "Something went wrong when loading the chat.",
	"error_sending_message": "Something went wrong when sending the message.",
	"empty_chat_list_placeholder": "You don't have any chats yet. Start a new chat!"
	},
	"file_type": {
	"audio": "Audio",
	"video": "Video",
	"image": "Image",
	"file": "File"
	},
	"display_date": {
	"today": "Today"
	}
	}
	diff --git a/src/main.js b/src/main.js
	index 0349352569..bdf8368b5b 100644
	--- a/src/main.js
	+++ b/src/main.js
	@@ -1,117 +1,119 @@
	import Vue from 'vue'
	import VueRouter from 'vue-router'
	import Vuex from 'vuex'

	import 'custom-event-polyfill'
	import './lib/event_target_polyfill.js'

	import interfaceModule from './modules/interface.js'
	import instanceModule from './modules/instance.js'
	import statusesModule from './modules/statuses.js'
	import usersModule from './modules/users.js'
	import apiModule from './modules/api.js'
	import configModule from './modules/config.js'
	+import serverSideConfigModule from './modules/serverSideConfig.js'
	import shoutModule from './modules/shout.js'
	import oauthModule from './modules/oauth.js'
	import authFlowModule from './modules/auth_flow.js'
	import mediaViewerModule from './modules/media_viewer.js'
	import oauthTokensModule from './modules/oauth_tokens.js'
	import reportsModule from './modules/reports.js'
	import pollsModule from './modules/polls.js'
	import postStatusModule from './modules/postStatus.js'
	import chatsModule from './modules/chats.js'

	import VueI18n from 'vue-i18n'

	import createPersistedState from './lib/persisted_state.js'
	import pushNotifications from './lib/push_notifications_plugin.js'

	import messages from './i18n/messages.js'

	import VueClickOutside from 'v-click-outside'
	import PortalVue from 'portal-vue'
	import VBodyScrollLock from './directives/body_scroll_lock'

	import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'

	import afterStoreSetup from './boot/after_store.js'

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

	Vue.use(Vuex)
	Vue.use(VueRouter)
	Vue.use(VueI18n)
	Vue.use(VueClickOutside)
	Vue.use(PortalVue)
	Vue.use(VBodyScrollLock)

	Vue.config.ignoredElements = ['pinch-zoom']

	Vue.component('FAIcon', FontAwesomeIcon)
	Vue.component('FALayers', FontAwesomeLayers)

	const i18n = new VueI18n({
	// By default, use the browser locale, we will update it if neccessary
	locale: 'en',
	fallbackLocale: 'en',
	messages: messages.default
	})

	messages.setLanguage(i18n, currentLocale)

	const persistedStateOptions = {
	paths: [
	'config',
	'users.lastLoginName',
	'oauth'
	]
	};

	(async () => {
	let storageError = false
	const plugins = [pushNotifications]
	try {
	const persistedState = await createPersistedState(persistedStateOptions)
	plugins.push(persistedState)
	} catch (e) {
	console.error(e)
	storageError = true
	}
	const store = new Vuex.Store({
	modules: {
	i18n: {
	getters: {
	i18n: () => i18n
	}
	},
	interface: interfaceModule,
	instance: instanceModule,
	statuses: statusesModule,
	users: usersModule,
	api: apiModule,
	config: configModule,
	+ serverSideConfig: serverSideConfigModule,
	shout: shoutModule,
	oauth: oauthModule,
	authFlow: authFlowModule,
	mediaViewer: mediaViewerModule,
	oauthTokens: oauthTokensModule,
	reports: reportsModule,
	polls: pollsModule,
	postStatus: postStatusModule,
	chats: chatsModule
	},
	plugins,
	strict: false // Socket modifies itself, let's ignore this for now.
	// strict: process.env.NODE_ENV !== 'production'
	})
	if (storageError) {
	store.dispatch('pushGlobalNotice', { messageKey: 'errors.storage_unavailable', level: 'error' })
	}
	afterStoreSetup({ store, i18n })
	})()

	// These are inlined by webpack's DefinePlugin
	/* eslint-disable */
	window.___pleromafe_mode = process.env
	window.___pleromafe_commit_hash = COMMIT_HASH
	window.___pleromafe_dev_overrides = DEV_OVERRIDES
	diff --git a/src/modules/config.js b/src/modules/config.js
	index c9ee4a51a2..ef140bcb63 100644
	--- a/src/modules/config.js
	+++ b/src/modules/config.js
	@@ -1,171 +1,172 @@
	import { set, delete as del } from 'vue'
	import { setPreset, applyTheme } from '../services/style_setter/style_setter.js'
	import messages from '../i18n/messages'

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

	/* TODO this is a bit messy.
	* We need to declare settings with their types and also deal with
	* instance-default settings in some way, hopefully try to avoid copy-pasta
	* in general.
	*/
	export const multiChoiceProperties = [
	'postContentType',
	'subjectLineBehavior',
	'conversationDisplay', // tree \| linear
	'conversationOtherRepliesButton', // below \| inside
	'mentionLinkDisplay' // short \| full_for_remote \| full
	]

	export const defaultState = {
	+ expertLevel: 0, // used to track which settings to show and hide
	colors: {},
	theme: undefined,
	customTheme: undefined,
	customThemeSource: undefined,
	hideISP: false,
	hideInstanceWallpaper: false,
	hideShoutbox: false,
	// bad name: actually hides posts of muted USERS
	hideMutedPosts: undefined, // instance default
	hideMutedThreads: undefined, // instance default
	hideWordFilteredPosts: undefined, // instance default
	muteBotStatuses: undefined, // instance default
	collapseMessageWithSubject: undefined, // instance default
	padEmoji: true,
	hideAttachments: false,
	hideAttachmentsInConv: false,
	maxThumbnails: 16,
	hideNsfw: true,
	preloadImage: true,
	loopVideo: true,
	loopVideoSilentOnly: true,
	streaming: false,
	emojiReactionsOnTimeline: true,
	alwaysShowNewPostButton: false,
	autohideFloatingPostButton: false,
	pauseOnUnfocused: true,
	- stopGifs: false,
	+ stopGifs: true,
	replyVisibility: 'all',
	notificationVisibility: {
	follows: true,
	mentions: true,
	likes: true,
	repeats: true,
	moves: true,
	emojiReactions: true,
	followRequest: true,
	chatMention: true
	},
	webPushNotifications: false,
	muteWords: [],
	highlight: {},
	interfaceLanguage: browserLocale,
	hideScopeNotice: false,
	useStreamingApi: false,
	sidebarRight: undefined, // instance default
	scopeCopy: undefined, // instance default
	subjectLineBehavior: undefined, // instance default
	alwaysShowSubjectInput: undefined, // instance default
	postContentType: undefined, // instance default
	minimalScopesMode: undefined, // instance default
	// This hides statuses filtered via a word filter
	hideFilteredStatuses: undefined, // instance default
	playVideosInModal: false,
	useOneClickNsfw: false,
	- useContainFit: false,
	+ useContainFit: true,
	greentext: undefined, // instance default
	useAtIcon: undefined, // instance default
	mentionLinkDisplay: undefined, // instance default
	mentionLinkShowTooltip: undefined, // instance default
	mentionLinkShowAvatar: undefined, // instance default
	mentionLinkFadeDomain: undefined, // instance default
	mentionLinkShowYous: undefined, // instance default
	mentionLinkBoldenYou: undefined, // instance default
	hidePostStats: undefined, // instance default
	hideBotIndication: undefined, // instance default
	hideUserStats: undefined, // instance default
	virtualScrolling: undefined, // instance default
	sensitiveByDefault: undefined, // instance default
	conversationDisplay: undefined, // instance default
	conversationTreeAdvanced: undefined, // instance default
	conversationOtherRepliesButton: undefined, // instance default
	conversationTreeFadeAncestors: undefined, // instance default
	maxDepthInThread: undefined // instance default
	}

	// caching the instance default properties
	export const instanceDefaultProperties = Object.entries(defaultState)
	.filter(([key, value]) => value === undefined)
	.map(([key, value]) => key)

	const config = {
	state: { ...defaultState },
	getters: {
	defaultConfig (state, getters, rootState, rootGetters) {
	const { instance } = rootState
	return {
	...defaultState,
	...Object.fromEntries(
	instanceDefaultProperties.map(key => [key, instance[key]])
	)
	}
	},
	mergedConfig (state, getters, rootState, rootGetters) {
	const { defaultConfig } = rootGetters
	return {
	...defaultConfig,
	// Do not override with undefined
	...Object.fromEntries(Object.entries(state).filter(([k, v]) => v !== undefined))
	}
	}
	},
	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: {
	loadSettings ({ dispatch }, data) {
	const knownKeys = new Set(Object.keys(defaultState))
	const presentKeys = new Set(Object.keys(data))
	const intersection = new Set()
	for (let elem of presentKeys) {
	if (knownKeys.has(elem)) {
	intersection.add(elem)
	}
	}

	intersection.forEach(
	name => dispatch('setOption', { name, value: data[name] })
	)
	},
	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)
	break
	case 'customTheme':
	case 'customThemeSource':
	applyTheme(value)
	break
	case 'interfaceLanguage':
	messages.setLanguage(this.getters.i18n, value)
	break
	}
	}
	}
	}

	export default config
	diff --git a/src/modules/serverSideConfig.js b/src/modules/serverSideConfig.js
	new file mode 100644
	index 0000000000..5c1baedb56
	--- /dev/null
	+++ b/src/modules/serverSideConfig.js
	@@ -0,0 +1,137 @@
	+import { get, set } from 'lodash'
	+
	+const defaultApi = ({ rootState, commit }, { path, value }) => {
	+ const params = {}
	+ set(params, path, value)
	+ return rootState
	+ .api
	+ .backendInteractor
	+ .updateProfile({ params })
	+ .then(result => {
	+ commit('addNewUsers', [result])
	+ commit('setCurrentUser', result)
	+ })
	+}
	+
	+const notificationsApi = ({ rootState, commit }, { path, value, oldValue }) => {
	+ const settings = {}
	+ set(settings, path, value)
	+ return rootState
	+ .api
	+ .backendInteractor
	+ .updateNotificationSettings({ settings })
	+ .then(result => {
	+ if (result.status === 'success') {
	+ commit('confirmServerSideOption', { name, value })
	+ } else {
	+ commit('confirmServerSideOption', { name, value: oldValue })
	+ }
	+ })
	+}
	+
	+/**
	+ * Map that stores relation between path for reading (from user profile),
	+ * for writing (into API) an what API to use.
	+ *
	+ * Shorthand - instead of { get, set, api? } object it's possible to use string
	+ * in case default api is used and get = set
	+ *
	+ * If no api is specified, defaultApi is used (see above)
	+ */
	+export const settingsMap = {
	+ 'defaultScope': 'source.privacy',
	+ 'defaultNSFW': 'source.sensitive', // BROKEN: pleroma/pleroma#2837
	+ 'stripRichContent': {
	+ get: 'source.pleroma.no_rich_text',
	+ set: 'no_rich_text'
	+ },
	+ // Privacy
	+ 'locked': 'locked',
	+ 'acceptChatMessages': {
	+ get: 'pleroma.accepts_chat_messages',
	+ set: 'accepts_chat_messages'
	+ },
	+ 'allowFollowingMove': {
	+ get: 'pleroma.allow_following_move',
	+ set: 'allow_following_move'
	+ },
	+ 'discoverable': 'source.discoverable',
	+ 'hideFavorites': {
	+ get: 'pleroma.hide_favorites',
	+ set: 'hide_favorites'
	+ },
	+ 'hideFollowers': {
	+ get: 'pleroma.hide_followers',
	+ set: 'hide_followers'
	+ },
	+ 'hideFollows': {
	+ get: 'pleroma.hide_follows',
	+ set: 'hide_follows'
	+ },
	+ 'hideFollowersCount': {
	+ get: 'pleroma.hide_followers_count',
	+ set: 'hide_followers_count'
	+ },
	+ 'hideFollowsCount': {
	+ get: 'pleroma.hide_follows_count',
	+ set: 'hide_follows_count'
	+ },
	+ // NotificationSettingsAPIs
	+ 'webPushHideContents': {
	+ get: 'pleroma.notification_settings.hide_notification_contents',
	+ set: 'hide_notification_contents',
	+ api: notificationsApi
	+ },
	+ 'blockNotificationsFromStrangers': {
	+ get: 'pleroma.notification_settings.block_from_strangers',
	+ set: 'block_from_strangers',
	+ api: notificationsApi
	+ }
	+}
	+
	+export const defaultState = Object.fromEntries(Object.keys(settingsMap).map(key => [key, null]))
	+
	+const serverSideConfig = {
	+ state: { ...defaultState },
	+ mutations: {
	+ confirmServerSideOption (state, { name, value }) {
	+ set(state, name, value)
	+ },
	+ wipeServerSideOption (state, { name }) {
	+ set(state, name, null)
	+ },
	+ wipeAllServerSideOptions (state) {
	+ Object.keys(settingsMap).forEach(key => {
	+ set(state, key, null)
	+ })
	+ },
	+ // Set the settings based on their path location
	+ setCurrentUser (state, user) {
	+ Object.entries(settingsMap).forEach((map) => {
	+ const [name, value] = map
	+ const { get: path = value } = value
	+ set(state, name, get(user._original, path))
	+ })
	+ }
	+ },
	+ actions: {
	+ setServerSideOption ({ rootState, state, commit, dispatch }, { name, value }) {
	+ const oldValue = get(state, name)
	+ const map = settingsMap[name]
	+ if (!map) throw new Error('Invalid server-side setting')
	+ const { set: path = map, api = defaultApi } = map
	+ commit('wipeServerSideOption', { name })
	+
	+ api({ rootState, commit }, { path, value, oldValue })
	+ .catch((e) => {
	+ console.warn('Error setting server-side option:', e)
	+ commit('confirmServerSideOption', { name, value: oldValue })
	+ })
	+ },
	+ logout ({ commit }) {
	+ commit('wipeAllServerSideOptions')
	+ }
	+ }
	+}
	+
	+export default serverSideConfig
	diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
	index 7025d80324..f219c161f4 100644
	--- a/src/services/entity_normalizer/entity_normalizer.service.js
	+++ b/src/services/entity_normalizer/entity_normalizer.service.js
	@@ -1,453 +1,454 @@
	import escape from 'escape-html'
	import parseLinkHeader from 'parse-link-header'
	import { isStatusNotification } from '../notification_utils/notification_utils.js'
	import punycode from 'punycode.js'

	/ NOTICE!
	* Do not initialize UI-generated data here.
	* It will override existing data.
	*
	* i.e. user.pinnedStatusIds was set to [] here
	* UI code would update it with data but upon next user fetch
	* it would be reverted back to []
	*/

	const qvitterStatusType = (status) => {
	if (status.is_post_verb) {
	return 'status'
	}

	if (status.retweeted_status) {
	return 'retweet'
	}

	if ((typeof status.uri === 'string' && status.uri.match(/(fave\|objectType=Favourite)/)) \|\|
	(typeof status.text === 'string' && status.text.match(/favorited/))) {
	return 'favorite'
	}

	if (status.text.match(/deleted notice {{tag/) \|\| status.qvitter_delete_notice) {
	return 'deletion'
	}

	if (status.text.match(/started following/) \|\| status.activity_type === 'follow') {
	return 'follow'
	}

	return 'unknown'
	}

	export const parseUser = (data) => {
	const output = {}
	const masto = data.hasOwnProperty('acct')
	// case for users in "mentions" property for statuses in MastoAPI
	const mastoShort = masto && !data.hasOwnProperty('avatar')

	output.id = String(data.id)
	+ output._original = data // used for server-side settings

	if (masto) {
	output.screen_name = data.acct
	output.statusnet_profile_url = data.url

	// There's nothing else to get
	if (mastoShort) {
	return output
	}

	output.emoji = data.emojis
	output.name = escape(data.display_name)
	output.name_html = output.name
	output.name_unescaped = data.display_name

	output.description = data.note
	// TODO cleanup this shit, output.description is overriden with source data
	output.description_html = data.note

	output.fields = data.fields
	output.fields_html = data.fields.map(field => {
	return {
	name: escape(field.name),
	value: field.value
	}
	})
	output.fields_text = data.fields.map(field => {
	return {
	name: unescape(field.name.replace(/<[^>]*>/g, '')),
	value: unescape(field.value.replace(/<[^>]*>/g, ''))
	}
	})

	// Utilize avatar_static for gif avatars?
	output.profile_image_url = data.avatar
	output.profile_image_url_original = data.avatar

	// Same, utilize header_static?
	output.cover_photo = data.header

	output.friends_count = data.following_count

	output.bot = data.bot

	if (data.pleroma) {
	const relationship = data.pleroma.relationship

	output.background_image = data.pleroma.background_image
	output.favicon = data.pleroma.favicon
	output.token = data.pleroma.chat_token

	if (relationship) {
	output.relationship = relationship
	}

	output.allow_following_move = data.pleroma.allow_following_move

	output.hide_follows = data.pleroma.hide_follows
	output.hide_followers = data.pleroma.hide_followers
	output.hide_follows_count = data.pleroma.hide_follows_count
	output.hide_followers_count = data.pleroma.hide_followers_count

	output.rights = {
	moderator: data.pleroma.is_moderator,
	admin: data.pleroma.is_admin
	}
	// TODO: Clean up in UI? This is duplication from what BE does for qvitterapi
	if (output.rights.admin) {
	output.role = 'admin'
	} else if (output.rights.moderator) {
	output.role = 'moderator'
	} else {
	output.role = 'member'
	}
	}

	if (data.source) {
	output.description = data.source.note
	output.default_scope = data.source.privacy
	output.fields = data.source.fields
	if (data.source.pleroma) {
	output.no_rich_text = data.source.pleroma.no_rich_text
	output.show_role = data.source.pleroma.show_role
	output.discoverable = data.source.pleroma.discoverable
	}
	}

	// TODO: handle is_local
	output.is_local = !output.screen_name.includes('@')
	} else {
	output.screen_name = data.screen_name

	output.name = data.name
	output.name_html = data.name_html

	output.description = data.description
	output.description_html = data.description_html

	output.profile_image_url = data.profile_image_url
	output.profile_image_url_original = data.profile_image_url_original

	output.cover_photo = data.cover_photo

	output.friends_count = data.friends_count

	// output.bot = ??? missing

	output.statusnet_profile_url = data.statusnet_profile_url

	output.is_local = data.is_local
	output.role = data.role
	output.show_role = data.show_role

	if (data.rights) {
	output.rights = {
	moderator: data.rights.delete_others_notice,
	admin: data.rights.admin
	}
	}
	output.no_rich_text = data.no_rich_text
	output.default_scope = data.default_scope
	output.hide_follows = data.hide_follows
	output.hide_followers = data.hide_followers
	output.hide_follows_count = data.hide_follows_count
	output.hide_followers_count = data.hide_followers_count
	output.background_image = data.background_image
	// Websocket token
	output.token = data.token

	// Convert relationsip data to expected format
	output.relationship = {
	muting: data.muted,
	blocking: data.statusnet_blocking,
	followed_by: data.follows_you,
	following: data.following
	}
	}

	output.created_at = new Date(data.created_at)
	output.locked = data.locked
	output.followers_count = data.followers_count
	output.statuses_count = data.statuses_count

	if (data.pleroma) {
	output.follow_request_count = data.pleroma.follow_request_count

	output.tags = data.pleroma.tags

	// deactivated was changed to is_active in Pleroma 2.3.0
	// so check if is_active is present
	output.deactivated = typeof data.pleroma.is_active !== 'undefined'
	? !data.pleroma.is_active // new backend
	: data.pleroma.deactivated // old backend

	output.notification_settings = data.pleroma.notification_settings
	output.unread_chat_count = data.pleroma.unread_chat_count
	}

	output.tags = output.tags \|\| []
	output.rights = output.rights \|\| {}
	output.notification_settings = output.notification_settings \|\| {}

	// Convert punycode to unicode for UI
	output.screen_name_ui = output.screen_name
	if (output.screen_name && output.screen_name.includes('@')) {
	const parts = output.screen_name.split('@')
	let unicodeDomain = punycode.toUnicode(parts[1])
	if (unicodeDomain !== parts[1]) {
	// Add some identifier so users can potentially spot spoofing attempts:
	// lain.com and xn--lin-6cd.com would appear identical otherwise.
	unicodeDomain = '🌏' + unicodeDomain
	output.screen_name_ui = [parts[0], unicodeDomain].join('@')
	}
	}

	return output
	}

	export const parseAttachment = (data) => {
	const output = {}
	const masto = !data.hasOwnProperty('oembed')

	if (masto) {
	// Not exactly same...
	output.mimetype = data.pleroma ? data.pleroma.mime_type : data.type
	output.meta = data.meta // not present in BE yet
	output.id = data.id
	} else {
	output.mimetype = data.mimetype
	// output.meta = ??? missing
	}

	output.url = data.url
	output.large_thumb_url = data.preview_url
	output.description = data.description

	return output
	}

	export const parseStatus = (data) => {
	const output = {}
	const masto = data.hasOwnProperty('account')

	if (masto) {
	output.favorited = data.favourited
	output.fave_num = data.favourites_count

	output.repeated = data.reblogged
	output.repeat_num = data.reblogs_count

	output.bookmarked = data.bookmarked

	output.type = data.reblog ? 'retweet' : 'status'
	output.nsfw = data.sensitive

	output.raw_html = data.content
	output.emojis = data.emojis

	output.tags = data.tags

	if (data.pleroma) {
	const { pleroma } = data
	output.text = pleroma.content ? data.pleroma.content['text/plain'] : data.content
	output.summary = pleroma.spoiler_text ? data.pleroma.spoiler_text['text/plain'] : data.spoiler_text
	output.statusnet_conversation_id = data.pleroma.conversation_id
	output.is_local = pleroma.local
	output.in_reply_to_screen_name = data.pleroma.in_reply_to_account_acct
	output.thread_muted = pleroma.thread_muted
	output.emoji_reactions = pleroma.emoji_reactions
	output.parent_visible = pleroma.parent_visible === undefined ? true : pleroma.parent_visible
	} else {
	output.text = data.content
	output.summary = data.spoiler_text
	}

	output.in_reply_to_status_id = data.in_reply_to_id
	output.in_reply_to_user_id = data.in_reply_to_account_id
	output.replies_count = data.replies_count

	if (output.type === 'retweet') {
	output.retweeted_status = parseStatus(data.reblog)
	}

	output.summary_raw_html = escape(data.spoiler_text)
	output.external_url = data.url
	output.poll = data.poll
	if (output.poll) {
	output.poll.options = (output.poll.options \|\| []).map(field => ({
	...field,
	title_html: escape(field.title)
	}))
	}
	output.pinned = data.pinned
	output.muted = data.muted
	} else {
	output.favorited = data.favorited
	output.fave_num = data.fave_num

	output.repeated = data.repeated
	output.repeat_num = data.repeat_num

	// catchall, temporary
	// Object.assign(output, data)

	output.type = qvitterStatusType(data)

	if (data.nsfw === undefined) {
	output.nsfw = isNsfw(data)
	if (data.retweeted_status) {
	output.nsfw = data.retweeted_status.nsfw
	}
	} else {
	output.nsfw = data.nsfw
	}

	output.raw_html = data.statusnet_html
	output.text = data.text

	output.in_reply_to_status_id = data.in_reply_to_status_id
	output.in_reply_to_user_id = data.in_reply_to_user_id
	output.in_reply_to_screen_name = data.in_reply_to_screen_name
	output.statusnet_conversation_id = data.statusnet_conversation_id

	if (output.type === 'retweet') {
	output.retweeted_status = parseStatus(data.retweeted_status)
	}

	output.summary = data.summary
	output.summary_html = data.summary_html
	output.external_url = data.external_url
	output.is_local = data.is_local
	}

	output.id = String(data.id)
	output.visibility = data.visibility
	output.card = data.card
	output.created_at = new Date(data.created_at)

	// Converting to string, the right way.
	output.in_reply_to_status_id = output.in_reply_to_status_id
	? String(output.in_reply_to_status_id)
	: null
	output.in_reply_to_user_id = output.in_reply_to_user_id
	? String(output.in_reply_to_user_id)
	: null

	output.user = parseUser(masto ? data.account : data.user)

	output.attentions = ((masto ? data.mentions : data.attentions) \|\| []).map(parseUser)

	output.attachments = ((masto ? data.media_attachments : data.attachments) \|\| [])
	.map(parseAttachment)

	const retweetedStatus = masto ? data.reblog : data.retweeted_status
	if (retweetedStatus) {
	output.retweeted_status = parseStatus(retweetedStatus)
	}

	output.favoritedBy = []
	output.rebloggedBy = []

	return output
	}

	export const parseNotification = (data) => {
	const mastoDict = {
	'favourite': 'like',
	'reblog': 'repeat'
	}
	const masto = !data.hasOwnProperty('ntype')
	const output = {}

	if (masto) {
	output.type = mastoDict[data.type] \|\| data.type
	output.seen = data.pleroma.is_seen
	output.status = isStatusNotification(output.type) ? parseStatus(data.status) : null
	output.action = output.status // TODO: Refactor, this is unneeded
	output.target = output.type !== 'move'
	? null
	: parseUser(data.target)
	output.from_profile = parseUser(data.account)
	output.emoji = data.emoji
	} else {
	const parsedNotice = parseStatus(data.notice)
	output.type = data.ntype
	output.seen = Boolean(data.is_seen)
	output.status = output.type === 'like'
	? parseStatus(data.notice.favorited_status)
	: parsedNotice
	output.action = parsedNotice
	output.from_profile = output.type === 'pleroma:chat_mention' ? parseUser(data.account) : parseUser(data.from_profile)
	}

	output.created_at = new Date(data.created_at)
	output.id = parseInt(data.id)

	return output
	}

	const isNsfw = (status) => {
	const nsfwRegex = /#nsfw/i
	return (status.tags \|\| []).includes('nsfw') \|\| !!(status.text \|\| '').match(nsfwRegex)
	}

	export const parseLinkHeaderPagination = (linkHeader, opts = {}) => {
	const flakeId = opts.flakeId
	const parsedLinkHeader = parseLinkHeader(linkHeader)
	if (!parsedLinkHeader) return
	const maxId = parsedLinkHeader.next.max_id
	const minId = parsedLinkHeader.prev.min_id

	return {
	maxId: flakeId ? maxId : parseInt(maxId, 10),
	minId: flakeId ? minId : parseInt(minId, 10)
	}
	}

	export const parseChat = (chat) => {
	const output = {}
	output.id = chat.id
	output.account = parseUser(chat.account)
	output.unread = chat.unread
	output.lastMessage = parseChatMessage(chat.last_message)
	output.updated_at = new Date(chat.updated_at)
	return output
	}

	export const parseChatMessage = (message) => {
	if (!message) { return }
	if (message.isNormalized) { return message }
	const output = message
	output.id = message.id
	output.created_at = new Date(message.created_at)
	output.chat_id = message.chat_id
	output.emojis = message.emojis
	output.content = message.content
	if (message.attachment) {
	output.attachments = [parseAttachment(message.attachment)]
	} else {
	output.attachments = []
	}
	output.pending = !!message.pending
	output.error = false
	output.idempotency_key = message.idempotency_key
	output.isNormalized = true
	return output
	}

File Metadata

Mime Type: text/x-diff
Expires: Fri, Oct 30, 2:43 AM (1 d, 5 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1799239
Default Alt Text: (142 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions