logo

pleroma-fe

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

quick_view_settings.vue (4169B)

    

  1. <template>
  2.   <Popover
  3.     trigger="click"
  4.     class="QuickViewSettings"
  5.     :bound-to="{ x: 'container' }"
  6.     :trigger-attrs="triggerAttrs"
  7.   >
  8.     <template #content>
  9.       <div
  10.         class="dropdown-menu"
  11.         role="menu"
  12.       >
  13.         <div
  14.           v-if="mobileLayout"
  15.           class="menu-item dropdown-item -icon"
  16.         >
  17.           <QuickFilterSettings :nested="true" />
  18.         </div>
  19.         <div
  20.           v-if="mobileLayout"
  21.           role="separator"
  22.           class="dropdown-divider"
  23.         />
  24.         <div role="group">
  25.           <div class="menu-item dropdown-item -icon-double">
  26.             <button
  27.               class="main-button"
  28.               :aria-checked="conversationDisplay === 'tree'"
  29.               role="menuitemradio"
  30.               @click="conversationDisplay = 'tree'"
  31.             >
  32.               <span
  33.                 class="input menu-checkbox -radio"
  34.                 :aria-hidden="true"
  35.                 :class="{ 'menu-checkbox-checked': conversationDisplay === 'tree' }"
  36.               /><FAIcon
  37.                 icon="folder-tree"
  38.                 :aria-hidden="true"
  39.                 fixed-width
  40.               /> {{ $t('settings.conversation_display_tree_quick') }}
  41.             </button>
  42.           </div>
  43.           <div class="menu-item dropdown-item -icon-double">
  44.             <button
  45.               class="main-button"
  46.               :aria-checked="conversationDisplay === 'linear'"
  47.               role="menuitemradio"
  48.               @click="conversationDisplay = 'linear'"
  49.             >
  50.               <span
  51.                 class="input menu-checkbox -radio"
  52.                 :class="{ 'menu-checkbox-checked': conversationDisplay === 'linear' }"
  53.                 :aria-hidden="true"
  54.               /><FAIcon
  55.                 icon="list"
  56.                 :aria-hidden="true"
  57.                 fixed-width
  58.               /> {{ $t('settings.conversation_display_linear_quick') }}
  59.             </button>
  60.           </div>
  61.         </div>
  62.         <div
  63.           role="separator"
  64.           class="dropdown-divider"
  65.         />
  66.         <div class="menu-item dropdown-item -icon">
  67.           <button
  68.             class="main-button"
  69.             role="menuitemcheckbox"
  70.             :aria-checked="showUserAvatars"
  71.             @click="showUserAvatars = !showUserAvatars"
  72.           >
  73.             <span
  74.               class="input menu-checkbox"
  75.               :class="{ 'menu-checkbox-checked': showUserAvatars }"
  76.               :aria-hidden="true"
  77.             />{{ $t('settings.mention_link_show_avatar_quick') }}
  78.           </button>
  79.         </div>
  80.         <div
  81.           v-if="!conversation"
  82.           class="menu-item dropdown-item -icon"
  83.         >
  84.           <button
  85.             class="main-button"
  86.             role="menuitemcheckbox"
  87.             :aria-checked="autoUpdate"
  88.             @click="autoUpdate = !autoUpdate"
  89.           >
  90.             <span
  91.               class="input menu-checkbox"
  92.               :class="{ 'menu-checkbox-checked': autoUpdate }"
  93.               :aria-hidden="true"
  94.             />{{ $t('settings.auto_update') }}
  95.           </button>
  96.         </div>
  97.         <div
  98.           v-if="!conversation"
  99.           class="menu-item dropdown-item -icon"
  100.         >
  101.           <button
  102.             class="main-button"
  103.             role="menuitemcheckbox"
  104.             :aria-checked="collapseWithSubjects"
  105.             @click="collapseWithSubjects = !collapseWithSubjects"
  106.           >
  107.             <span
  108.               class="input menu-checkbox"
  109.               :class="{ 'menu-checkbox-checked': collapseWithSubjects }"
  110.               :aria-hidden="true"
  111.             />{{ $t('settings.collapse_subject') }}
  112.           </button>
  113.         </div>
  114.         <div class="menu-item dropdown-item -icon">
  115.           <button
  116.             class="main-button"
  117.             role="menuitem"
  118.             @click="openTab('general')"
  119.           >
  120.             <FAIcon
  121.               icon="wrench"
  122.               fixed-width
  123.             />{{ $t('settings.more_settings') }}
  124.           </button>
  125.         </div>
  126.       </div>
  127.     </template>
  128.     <template #trigger>
  129.       <FAIcon icon="bars" />
  130.     </template>
  131.   </Popover>
  132. </template>
  134. <script src="./quick_view_settings.js"></script>