logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://anongit.hacktivis.me/git/pleroma-fe.git/

general_tab.vue (13572B)

    

  1. <template>
  2.   <div :label="$t('settings.general')">
  3.     <div class="setting-item">
  4.       <h2>{{ $t('settings.interface') }}</h2>
  5.       <ul class="setting-list">
  6.         <li>
  7.           <interface-language-switcher
  8.             :prompt-text="$t('settings.interfaceLanguage')"
  9.             :language="language"
  10.             :set-language="val => language = val"
  11.           />
  12.         </li>
  13.         <li v-if="instanceSpecificPanelPresent">
  14.           <BooleanSetting path="hideISP">
  15.             {{ $t('settings.hide_isp') }}
  16.           </BooleanSetting>
  17.         </li>
  18.         <li>
  19.           <BooleanSetting path="stopGifs">
  20.             {{ $t('settings.stop_gifs') }}
  21.           </BooleanSetting>
  22.         </li>
  23.         <li>
  24.           <BooleanSetting path="streaming">
  25.             {{ $t('settings.streaming') }}
  26.           </BooleanSetting>
  27.           <ul class="setting-list suboptions">
  28.             <li>
  29.               <BooleanSetting
  30.                 path="pauseOnUnfocused"
  31.                 parent-path="streaming"
  32.               >
  33.                 {{ $t('settings.pause_on_unfocused') }}
  34.               </BooleanSetting>
  35.             </li>
  36.           </ul>
  37.         </li>
  38.         <li>
  39.           <BooleanSetting
  40.             path="useStreamingApi"
  41.             expert="1"
  42.           >
  43.             {{ $t('settings.useStreamingApi') }}
  44.           </BooleanSetting>
  45.         </li>
  46.         <li>
  47.           <BooleanSetting
  48.             path="virtualScrolling"
  49.             expert="1"
  50.           >
  51.             {{ $t('settings.virtual_scrolling') }}
  52.           </BooleanSetting>
  53.         </li>
  54.         <li>
  55.           <ChoiceSetting
  56.             id="userPopoverAvatarAction"
  57.             path="userPopoverAvatarAction"
  58.             :options="userPopoverAvatarActionOptions"
  59.             expert="1"
  60.           >
  61.             {{ $t('settings.user_popover_avatar_action') }}
  62.           </ChoiceSetting>
  63.         </li>
  64.         <li>
  65.           <BooleanSetting
  66.             path="userPopoverOverlay"
  67.             expert="1"
  68.           >
  69.             {{ $t('settings.user_popover_avatar_overlay') }}
  70.           </BooleanSetting>
  71.         </li>
  72.         <li>
  73.           <BooleanSetting
  74.             path="alwaysShowNewPostButton"
  75.             expert="1"
  76.           >
  77.             {{ $t('settings.always_show_post_button') }}
  78.           </BooleanSetting>
  79.         </li>
  80.         <li>
  81.           <BooleanSetting
  82.             path="autohideFloatingPostButton"
  83.             expert="1"
  84.           >
  85.             {{ $t('settings.autohide_floating_post_button') }}
  86.           </BooleanSetting>
  87.         </li>
  88.         <li v-if="instanceShoutboxPresent">
  89.           <BooleanSetting
  90.             path="hideShoutbox"
  91.             expert="1"
  92.           >
  93.             {{ $t('settings.hide_shoutbox') }}
  94.           </BooleanSetting>
  95.         </li>
  96.         <li class="select-multiple">
  97.           <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
  98.           <ul class="option-list">
  99.             <li>
  100.               <BooleanSetting path="modalOnRepeat">
  101.                 {{ $t('settings.confirm_dialogs_repeat') }}
  102.               </BooleanSetting>
  103.             </li>
  104.             <li>
  105.               <BooleanSetting path="modalOnUnfollow">
  106.                 {{ $t('settings.confirm_dialogs_unfollow') }}
  107.               </BooleanSetting>
  108.             </li>
  109.             <li>
  110.               <BooleanSetting path="modalOnBlock">
  111.                 {{ $t('settings.confirm_dialogs_block') }}
  112.               </BooleanSetting>
  113.             </li>
  114.             <li>
  115.               <BooleanSetting path="modalOnMute">
  116.                 {{ $t('settings.confirm_dialogs_mute') }}
  117.               </BooleanSetting>
  118.             </li>
  119.             <li>
  120.               <BooleanSetting path="modalOnDelete">
  121.                 {{ $t('settings.confirm_dialogs_delete') }}
  122.               </BooleanSetting>
  123.             </li>
  124.             <li>
  125.               <BooleanSetting path="modalOnLogout">
  126.                 {{ $t('settings.confirm_dialogs_logout') }}
  127.               </BooleanSetting>
  128.             </li>
  129.             <li>
  130.               <BooleanSetting path="modalOnApproveFollow">
  131.                 {{ $t('settings.confirm_dialogs_approve_follow') }}
  132.               </BooleanSetting>
  133.             </li>
  134.             <li>
  135.               <BooleanSetting path="modalOnDenyFollow">
  136.                 {{ $t('settings.confirm_dialogs_deny_follow') }}
  137.               </BooleanSetting>
  138.             </li>
  139.             <li>
  140.               <BooleanSetting path="modalOnRemoveUserFromFollowers">
  141.                 {{ $t('settings.confirm_dialogs_remove_follower') }}
  142.               </BooleanSetting>
  143.             </li>
  144.           </ul>
  145.         </li>
  146.       </ul>
  147.     </div>
  148.     <div class="setting-item">
  149.       <h2>{{ $t('settings.post_look_feel') }}</h2>
  150.       <ul class="setting-list">
  151.         <li>
  152.           <ChoiceSetting
  153.             id="conversationDisplay"
  154.             path="conversationDisplay"
  155.             :options="conversationDisplayOptions"
  156.           >
  157.             {{ $t('settings.conversation_display') }}
  158.           </ChoiceSetting>
  159.         </li>
  160.         <ul
  161.           v-if="mergedConfig.conversationDisplay !== 'linear'"
  162.           class="setting-list suboptions"
  163.         >
  164.           <li>
  165.             <BooleanSetting path="conversationTreeAdvanced">
  166.               {{ $t('settings.tree_advanced') }}
  167.             </BooleanSetting>
  168.           </li>
  169.           <li>
  170.             <BooleanSetting
  171.               path="conversationTreeFadeAncestors"
  172.               :expert="1"
  173.             >
  174.               {{ $t('settings.tree_fade_ancestors') }}
  175.             </BooleanSetting>
  176.           </li>
  177.           <li>
  178.             <IntegerSetting
  179.               path="maxDepthInThread"
  180.               :min="3"
  181.               :expert="1"
  182.             >
  183.               {{ $t('settings.max_depth_in_thread') }}
  184.             </IntegerSetting>
  185.           </li>
  186.           <li>
  187.             <ChoiceSetting
  188.               id="conversationOtherRepliesButton"
  189.               path="conversationOtherRepliesButton"
  190.               :options="conversationOtherRepliesButtonOptions"
  191.               :expert="1"
  192.             >
  193.               {{ $t('settings.conversation_other_replies_button') }}
  194.             </ChoiceSetting>
  195.           </li>
  196.         </ul>
  197.         <li>
  198.           <BooleanSetting path="collapseMessageWithSubject">
  199.             {{ $t('settings.collapse_subject') }}
  200.           </BooleanSetting>
  201.         </li>
  202.         <li>
  203.           <BooleanSetting
  204.             path="emojiReactionsOnTimeline"
  205.             expert="1"
  206.           >
  207.             {{ $t('settings.emoji_reactions_on_timeline') }}
  208.           </BooleanSetting>
  209.         </li>
  210.         <li>
  211.           <BooleanSetting
  212.             v-if="user"
  213.             source="profile"
  214.             path="stripRichContent"
  215.             expert="1"
  216.           >
  217.             {{ $t('settings.no_rich_text_description') }}
  218.           </BooleanSetting>
  219.         </li>
  220.         <h3>{{ $t('settings.attachments') }}</h3>
  221.         <li>
  222.           <BooleanSetting
  223.             path="useContainFit"
  224.             expert="1"
  225.           >
  226.             {{ $t('settings.use_contain_fit') }}
  227.           </BooleanSetting>
  228.         </li>
  229.         <li>
  230.           <BooleanSetting path="hideNsfw">
  231.             {{ $t('settings.nsfw_clickthrough') }}
  232.           </BooleanSetting>
  233.         </li>
  234.         <ul class="setting-list suboptions">
  235.           <li>
  236.             <BooleanSetting
  237.               path="preloadImage"
  238.               expert="1"
  239.               parent-path="hideNsfw"
  240.             >
  241.               {{ $t('settings.preload_images') }}
  242.             </BooleanSetting>
  243.           </li>
  244.           <li>
  245.             <BooleanSetting
  246.               path="useOneClickNsfw"
  247.               expert="1"
  248.               parent-path="hideNsfw"
  249.             >
  250.               {{ $t('settings.use_one_click_nsfw') }}
  251.             </BooleanSetting>
  252.           </li>
  253.         </ul>
  254.         <li>
  255.           <BooleanSetting
  256.             path="loopVideo"
  257.             expert="1"
  258.           >
  259.             {{ $t('settings.loop_video') }}
  260.           </BooleanSetting>
  261.           <ul class="setting-list suboptions">
  262.             <li>
  263.               <BooleanSetting
  264.                 path="loopVideoSilentOnly"
  265.                 expert="1"
  266.                 parent-path="loopVideo"
  267.                 :disabled="!loopSilentAvailable"
  268.               >
  269.                 {{ $t('settings.loop_video_silent_only') }}
  270.               </BooleanSetting>
  271.               <div
  272.                 v-if="!loopSilentAvailable"
  273.                 class="unavailable"
  274.               >
  275.                 <FAIcon icon="globe" />! {{ $t('settings.limited_availability') }}
  276.               </div>
  277.             </li>
  278.           </ul>
  279.         </li>
  280.         <li>
  281.           <BooleanSetting
  282.             path="playVideosInModal"
  283.             expert="1"
  284.           >
  285.             {{ $t('settings.play_videos_in_modal') }}
  286.           </BooleanSetting>
  287.         </li>
  288.         <h3>{{ $t('settings.mention_links') }}</h3>
  289.         <li>
  290.           <ChoiceSetting
  291.             id="mentionLinkDisplay"
  292.             path="mentionLinkDisplay"
  293.             :options="mentionLinkDisplayOptions"
  294.           >
  295.             {{ $t('settings.mention_link_display') }}
  296.           </ChoiceSetting>
  297.         </li>
  298.         <li>
  299.           <BooleanSetting
  300.             path="mentionLinkShowTooltip"
  301.             expert="1"
  302.           >
  303.             {{ $t('settings.mention_link_use_tooltip') }}
  304.           </BooleanSetting>
  305.         </li>
  306.         <li>
  307.           <BooleanSetting
  308.             path="useAtIcon"
  309.             expert="1"
  310.           >
  311.             {{ $t('settings.use_at_icon') }}
  312.           </BooleanSetting>
  313.         </li>
  314.         <li>
  315.           <BooleanSetting path="mentionLinkShowAvatar">
  316.             {{ $t('settings.mention_link_show_avatar') }}
  317.           </BooleanSetting>
  318.         </li>
  319.         <li>
  320.           <BooleanSetting
  321.             path="mentionLinkFadeDomain"
  322.             expert="1"
  323.           >
  324.             {{ $t('settings.mention_link_fade_domain') }}
  325.           </BooleanSetting>
  326.         </li>
  327.         <li v-if="user">
  328.           <BooleanSetting
  329.             path="mentionLinkBoldenYou"
  330.             expert="1"
  331.           >
  332.             {{ $t('settings.mention_link_bolden_you') }}
  333.           </BooleanSetting>
  334.         </li>
  335.         <h3 v-if="expertLevel > 0">
  336.           {{ $t('settings.fun') }}
  337.         </h3>
  338.         <li>
  339.           <BooleanSetting
  340.             path="greentext"
  341.             expert="1"
  342.           >
  343.             {{ $t('settings.greentext') }}
  344.           </BooleanSetting>
  345.         </li>
  346.         <li v-if="user">
  347.           <BooleanSetting
  348.             path="mentionLinkShowYous"
  349.             expert="1"
  350.           >
  351.             {{ $t('settings.show_yous') }}
  352.           </BooleanSetting>
  353.         </li>
  354.       </ul>
  355.     </div>
  357.     <div
  358.       v-if="user"
  359.       class="setting-item"
  360.     >
  361.       <h2>{{ $t('settings.composing') }}</h2>
  362.       <ul class="setting-list">
  363.         <li>
  364.           <label for="default-vis">
  365.             {{ $t('settings.default_vis') }} <ProfileSettingIndicator :is-profile="true" />
  366.             <ScopeSelector
  367.               class="scope-selector"
  368.               :show-all="true"
  369.               :user-default="$store.state.profileConfig.defaultScope"
  370.               :initial-scope="$store.state.profileConfig.defaultScope"
  371.               :on-scope-change="changeDefaultScope"
  372.             />
  373.           </label>
  374.         </li>
  375.         <li>
  376.           <!-- <BooleanSetting source="profile" path="defaultNSFW"> -->
  377.           <BooleanSetting path="sensitiveByDefault">
  378.             {{ $t('settings.sensitive_by_default') }}
  379.           </BooleanSetting>
  380.         </li>
  381.         <li>
  382.           <BooleanSetting
  383.             path="scopeCopy"
  384.             expert="1"
  385.           >
  386.             {{ $t('settings.scope_copy') }}
  387.           </BooleanSetting>
  388.         </li>
  389.         <li>
  390.           <BooleanSetting
  391.             path="alwaysShowSubjectInput"
  392.             expert="1"
  393.           >
  394.             {{ $t('settings.subject_input_always_show') }}
  395.           </BooleanSetting>
  396.         </li>
  397.         <li>
  398.           <ChoiceSetting
  399.             id="subjectLineBehavior"
  400.             path="subjectLineBehavior"
  401.             :options="subjectLineOptions"
  402.             expert="1"
  403.           >
  404.             {{ $t('settings.subject_line_behavior') }}
  405.           </ChoiceSetting>
  406.         </li>
  407.         <li v-if="postFormats.length > 0">
  408.           <ChoiceSetting
  409.             id="postContentType"
  410.             path="postContentType"
  411.             :options="postContentOptions"
  412.           >
  413.             {{ $t('settings.post_status_content_type') }}
  414.           </ChoiceSetting>
  415.         </li>
  416.         <li>
  417.           <BooleanSetting
  418.             path="minimalScopesMode"
  419.             expert="1"
  420.           >
  421.             {{ $t('settings.minimal_scopes_mode') }}
  422.           </BooleanSetting>
  423.         </li>
  424.         <li>
  425.           <BooleanSetting
  426.             path="alwaysShowNewPostButton"
  427.             expert="1"
  428.           >
  429.             {{ $t('settings.always_show_post_button') }}
  430.           </BooleanSetting>
  431.         </li>
  432.         <li>
  433.           <BooleanSetting
  434.             path="autohideFloatingPostButton"
  435.             expert="1"
  436.           >
  437.             {{ $t('settings.autohide_floating_post_button') }}
  438.           </BooleanSetting>
  439.         </li>
  440.         <li>
  441.           <BooleanSetting
  442.             path="padEmoji"
  443.             expert="1"
  444.           >
  445.             {{ $t('settings.pad_emoji') }}
  446.           </BooleanSetting>
  447.         </li>
  448.         <li>
  449.           <BooleanSetting
  450.             path="autocompleteSelect"
  451.             expert="1"
  452.           >
  453.             {{ $t('settings.autocomplete_select_first') }}
  454.           </BooleanSetting>
  455.         </li>
  456.       </ul>
  457.     </div>
  458.   </div>
  459. </template>
  461. <script src="./general_tab.js"></script>