logo

pleroma-fe

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

settings_modal_admin_content.js (2282B)

    

  1. import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
  3. import InstanceTab from './admin_tabs/instance_tab.vue'
  4. import LimitsTab from './admin_tabs/limits_tab.vue'
  5. import FrontendsTab from './admin_tabs/frontends_tab.vue'
  6. import EmojiTab from './admin_tabs/emoji_tab.vue'
  8. import { library } from '@fortawesome/fontawesome-svg-core'
  9. import {
  10.   faWrench,
  11.   faHand,
  12.   faLaptopCode,
  13.   faPaintBrush,
  14.   faBell,
  15.   faDownload,
  16.   faEyeSlash,
  17.   faInfo
  18. } from '@fortawesome/free-solid-svg-icons'
  20. library.add(
  21.   faWrench,
  22.   faHand,
  23.   faLaptopCode,
  24.   faPaintBrush,
  25.   faBell,
  26.   faDownload,
  27.   faEyeSlash,
  28.   faInfo
  29. )
  31. const SettingsModalAdminContent = {
  32.   components: {
  33.     TabSwitcher,
  35.     InstanceTab,
  36.     LimitsTab,
  37.     FrontendsTab,
  38.     EmojiTab
  39.   },
  40.   computed: {
  41.     user () {
  42.       return this.$store.state.users.currentUser
  43.     },
  44.     isLoggedIn () {
  45.       return !!this.$store.state.users.currentUser
  46.     },
  47.     open () {
  48.       return this.$store.state.interface.settingsModalState !== 'hidden'
  49.     },
  50.     bodyLock () {
  51.       return this.$store.state.interface.settingsModalState === 'visible'
  52.     },
  53.     adminDbLoaded () {
  54.       return this.$store.state.adminSettings.loaded
  55.     },
  56.     adminDescriptionsLoaded () {
  57.       return this.$store.state.adminSettings.descriptions !== null
  58.     },
  59.     noDb () {
  60.       return this.$store.state.adminSettings.dbConfigEnabled === false
  61.     }
  62.   },
  63.   created () {
  64.     if (this.user.rights.admin) {
  65.       this.$store.dispatch('loadAdminStuff')
  66.     }
  67.   },
  68.   methods: {
  69.     onOpen () {
  70.       const targetTab = this.$store.state.interface.settingsModalTargetTab
  71.       // We're being told to open in specific tab
  72.       if (targetTab) {
  73.         const tabIndex = this.$refs.tabSwitcher.$slots.default().findIndex(elm => {
  74.           return elm.props && elm.props['data-tab-name'] === targetTab
  75.         })
  76.         if (tabIndex >= 0) {
  77.           this.$refs.tabSwitcher.setTab(tabIndex)
  78.         }
  79.       }
  80.       // Clear the state of target tab, so that next time settings is opened
  81.       // it doesn't force it.
  82.       this.$store.dispatch('clearSettingsModalTargetTab')
  83.     }
  84.   },
  85.   mounted () {
  86.     this.onOpen()
  87.   },
  88.   watch: {
  89.     open: function (value) {
  90.       if (value) this.onOpen()
  91.     }
  92.   }
  93. }
  95. export default SettingsModalAdminContent