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 (4135B)

    

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