logo

pleroma-fe

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

frontends_tab.js (3253B)

    

  1. import BooleanSetting from '../helpers/boolean_setting.vue'
  2. import ChoiceSetting from '../helpers/choice_setting.vue'
  3. import IntegerSetting from '../helpers/integer_setting.vue'
  4. import StringSetting from '../helpers/string_setting.vue'
  5. import GroupSetting from '../helpers/group_setting.vue'
  6. import Popover from 'src/components/popover/popover.vue'
  7. import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
  9. import SharedComputedObject from '../helpers/shared_computed_object.js'
  10. import { library } from '@fortawesome/fontawesome-svg-core'
  11. import {
  12.   faGlobe
  13. } from '@fortawesome/free-solid-svg-icons'
  15. library.add(
  16.   faGlobe
  17. )
  19. const FrontendsTab = {
  20.   provide () {
  21.     return {
  22.       defaultDraftMode: true,
  23.       defaultSource: 'admin'
  24.     }
  25.   },
  26.   data () {
  27.     return {
  28.       working: false
  29.     }
  30.   },
  31.   components: {
  32.     BooleanSetting,
  33.     ChoiceSetting,
  34.     IntegerSetting,
  35.     StringSetting,
  36.     GroupSetting,
  37.     PanelLoading,
  38.     Popover
  39.   },
  40.   created () {
  41.     if (this.user.rights.admin) {
  42.       this.$store.dispatch('loadFrontendsStuff')
  43.     }
  44.   },
  45.   computed: {
  46.     frontends () {
  47.       return this.$store.state.adminSettings.frontends
  48.     },
  49.     ...SharedComputedObject()
  50.   },
  51.   methods: {
  52.     canInstall (frontend) {
  53.       const fe = this.frontends.find(f => f.name === frontend.name)
  54.       if (!fe) return false
  55.       return fe.refs.includes(frontend.ref)
  56.     },
  57.     getSuggestedRef (frontend) {
  58.       if (this.adminDraft) {
  59.         const defaultFe = this.adminDraft[':pleroma'][':frontends'][':primary']
  60.         if (defaultFe?.name === frontend.name && this.canInstall(defaultFe)) {
  61.           return defaultFe.ref
  62.         } else {
  63.           return frontend.refs[0]
  64.         }
  65.       } else {
  66.         return frontend.refs[0]
  67.       }
  68.     },
  69.     update (frontend, suggestRef) {
  70.       const ref = suggestRef || this.getSuggestedRef(frontend)
  71.       const { name } = frontend
  72.       const payload = { name, ref }
  74.       this.working = true
  75.       this.$store.state.api.backendInteractor.installFrontend({ payload })
  76.         .finally(() => {
  77.           this.working = false
  78.         })
  79.         .then(async (response) => {
  80.           this.$store.dispatch('loadFrontendsStuff')
  81.           if (response.error) {
  82.             const reason = await response.error.json()
  83.             this.$store.dispatch('pushGlobalNotice', {
  84.               level: 'error',
  85.               messageKey: 'admin_dash.frontend.failure_installing_frontend',
  86.               messageArgs: {
  87.                 version: name + '/' + ref,
  88.                 reason: reason.error
  89.               },
  90.               timeout: 5000
  91.             })
  92.           } else {
  93.             this.$store.dispatch('pushGlobalNotice', {
  94.               level: 'success',
  95.               messageKey: 'admin_dash.frontend.success_installing_frontend',
  96.               messageArgs: {
  97.                 version: name + '/' + ref
  98.               },
  99.               timeout: 2000
  100.             })
  101.           }
  102.         })
  103.     },
  104.     setDefault (frontend, suggestRef) {
  105.       const ref = suggestRef || this.getSuggestedRef(frontend)
  106.       const { name } = frontend
  108.       this.$store.commit('updateAdminDraft', { path: [':pleroma', ':frontends', ':primary'], value: { name, ref } })
  109.     }
  110.   }
  111. }
  113. export default FrontendsTab