logo

pleroma-fe

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

quick_view_settings.vue (3296B)

    

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