a97db1efd6
* origin/develop: (83 commits) Make media modal buttons larger Add English translation for hide tooltip Add hide button to media modal Lint Prevent hiding media viewer if swiped over SwipeClick Fix webkit image blurs Fix video in media modal not displaying properly Add changelog for https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1403 Remove image box-shadow in media modal Clean up debug code for image pinch zoom Bump @kazvmoe-infra/pinch-zoom-element to 1.2.0 on npm Bump pinch-zoom-element version Clean up Check whether we swiped only for mouse pointer Scale swipe threshold with viewport width Update pinch-zoom-element Allow pinch-zoom to fill the whole screen Use native click for hiding overlay Reset position on swipe end even if we cannot navigate Make lint happy ...
400 lines
11 KiB
Vue
400 lines
11 KiB
Vue
<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"
|
|
expert="1"
|
|
>
|
|
{{ $t('settings.useStreamingApi') }}
|
|
</BooleanSetting>
|
|
</li>
|
|
<li>
|
|
<BooleanSetting
|
|
path="virtualScrolling"
|
|
expert="1"
|
|
>
|
|
{{ $t('settings.virtual_scrolling') }}
|
|
</BooleanSetting>
|
|
</li>
|
|
<li>
|
|
<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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
expert="1"
|
|
>
|
|
{{ $t('settings.play_videos_in_modal') }}
|
|
</BooleanSetting>
|
|
</li>
|
|
<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"
|
|
expert="1"
|
|
>
|
|
{{ $t('settings.mention_link_show_tooltip') }}
|
|
</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
|
|
v-if="user"
|
|
class="setting-item"
|
|
>
|
|
<h2>{{ $t('settings.composing') }}</h2>
|
|
<ul class="setting-list">
|
|
<li>
|
|
<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"
|
|
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"
|
|
expert="1"
|
|
>
|
|
{{ $t('settings.minimal_scopes_mode') }}
|
|
</BooleanSetting>
|
|
</li>
|
|
<li>
|
|
<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>
|
|
<BooleanSetting
|
|
path="padEmoji"
|
|
expert="1"
|
|
>
|
|
{{ $t('settings.pad_emoji') }}
|
|
</BooleanSetting>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./general_tab.js"></script>
|