logo

pleroma-fe

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

mutes_and_blocks_tab.vue (4998B)

    

  1. <template>
  2.   <tab-switcher
  3.     :scrollable-tabs="true"
  4.     class="mutes-and-blocks-tab"
  5.   >
  6.     <div :label="$t('settings.blocks_tab')">
  7.       <div class="usersearch-wrapper">
  8.         <Autosuggest
  9.           :filter="filterUnblockedUsers"
  10.           :query="queryUserIds"
  11.           :placeholder="$t('settings.search_user_to_block')"
  12.         >
  13.           <template #default="row">
  14.             <BlockCard
  15.               :user-id="row.item"
  16.             />
  17.           </template>
  18.         </Autosuggest>
  19.       </div>
  20.       <BlockList
  21.         :refresh="true"
  22.         :get-key="i => i"
  23.       >
  24.         <template #header="{selected}">
  25.           <div class="bulk-actions">
  26.             <ProgressButton
  27.               v-if="selected.length > 0"
  28.               class="btn button-default bulk-action-button"
  29.               :click="() => blockUsers(selected)"
  30.             >
  31.               {{ $t('user_card.block') }}
  32.               <template #progress>
  33.                 {{ $t('user_card.block_progress') }}
  34.               </template>
  35.             </ProgressButton>
  36.             <ProgressButton
  37.               v-if="selected.length > 0"
  38.               class="btn button-default"
  39.               :click="() => unblockUsers(selected)"
  40.             >
  41.               {{ $t('user_card.unblock') }}
  42.               <template #progress>
  43.                 {{ $t('user_card.unblock_progress') }}
  44.               </template>
  45.             </ProgressButton>
  46.           </div>
  47.         </template>
  48.         <template #item="{item}">
  49.           <BlockCard :user-id="item" />
  50.         </template>
  51.         <template #empty>
  52.           {{ $t('settings.no_blocks') }}
  53.         </template>
  54.       </BlockList>
  55.     </div>
  57.     <div :label="$t('settings.mutes_tab')">
  58.       <tab-switcher>
  59.         <div :label="$t('settings.user_mutes')">
  60.           <div class="usersearch-wrapper">
  61.             <Autosuggest
  62.               :filter="filterUnMutedUsers"
  63.               :query="queryUserIds"
  64.               :placeholder="$t('settings.search_user_to_mute')"
  65.             >
  66.               <template #default="row">
  67.                 <MuteCard
  68.                   :user-id="row.item"
  69.                 />
  70.               </template>
  71.             </Autosuggest>
  72.           </div>
  73.           <MuteList
  74.             :refresh="true"
  75.             :get-key="i => i"
  76.           >
  77.             <template #header="{selected}">
  78.               <div class="bulk-actions">
  79.                 <ProgressButton
  80.                   v-if="selected.length > 0"
  81.                   class="btn button-default"
  82.                   :click="() => muteUsers(selected)"
  83.                 >
  84.                   {{ $t('user_card.mute') }}
  85.                   <template #progress>
  86.                     {{ $t('user_card.mute_progress') }}
  87.                   </template>
  88.                 </ProgressButton>
  89.                 <ProgressButton
  90.                   v-if="selected.length > 0"
  91.                   class="btn button-default"
  92.                   :click="() => unmuteUsers(selected)"
  93.                 >
  94.                   {{ $t('user_card.unmute') }}
  95.                   <template #progress>
  96.                     {{ $t('user_card.unmute_progress') }}
  97.                   </template>
  98.                 </ProgressButton>
  99.               </div>
  100.             </template>
  101.             <template #item="{item}">
  102.               <MuteCard :user-id="item" />
  103.             </template>
  104.             <template #empty>
  105.               {{ $t('settings.no_mutes') }}
  106.             </template>
  107.           </MuteList>
  108.         </div>
  110.         <div :label="$t('settings.domain_mutes')">
  111.           <div class="domain-mute-form">
  112.             <Autosuggest
  113.               :filter="filterUnMutedDomains"
  114.               :query="queryKnownDomains"
  115.               :placeholder="$t('settings.type_domains_to_mute')"
  116.             >
  117.               <template #default="row">
  118.                 <DomainMuteCard
  119.                   :domain="row.item"
  120.                 />
  121.               </template>
  122.             </Autosuggest>
  123.           </div>
  124.           <DomainMuteList
  125.             :refresh="true"
  126.             :get-key="i => i"
  127.           >
  128.             <template #header="{selected}">
  129.               <div class="bulk-actions">
  130.                 <ProgressButton
  131.                   v-if="selected.length > 0"
  132.                   class="btn button-default"
  133.                   :click="() => unmuteDomains(selected)"
  134.                 >
  135.                   {{ $t('domain_mute_card.unmute') }}
  136.                   <template #progress>
  137.                     {{ $t('domain_mute_card.unmute_progress') }}
  138.                   </template>
  139.                 </ProgressButton>
  140.               </div>
  141.             </template>
  142.             <template #item="{item}">
  143.               <DomainMuteCard :domain="item" />
  144.             </template>
  145.             <template #empty>
  146.               {{ $t('settings.no_mutes') }}
  147.             </template>
  148.           </DomainMuteList>
  149.         </div>
  150.       </tab-switcher>
  151.     </div>
  152.   </tab-switcher>
  153. </template>
  155. <script src="./mutes_and_blocks_tab.js"></script>
  156. <style lang="scss" src="./mutes_and_blocks_tab.scss"></style>