logo

pleroma-fe

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

general_tab.js (4140B)

    

  1. import BooleanSetting from '../helpers/boolean_setting.vue'
  2. import ChoiceSetting from '../helpers/choice_setting.vue'
  3. import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
  4. import IntegerSetting from '../helpers/integer_setting.vue'
  5. import FloatSetting from '../helpers/float_setting.vue'
  6. import SizeSetting, { defaultHorizontalUnits } from '../helpers/size_setting.vue'
  7. import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
  9. import SharedComputedObject from '../helpers/shared_computed_object.js'
  10. import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
  11. import { library } from '@fortawesome/fontawesome-svg-core'
  12. import {
  13.   faGlobe
  14. } from '@fortawesome/free-solid-svg-icons'
  16. library.add(
  17.   faGlobe
  18. )
  20. const GeneralTab = {
  21.   data () {
  22.     return {
  23.       subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
  24.         key: mode,
  25.         value: mode,
  26.         label: this.$t(`settings.subject_line_${mode === 'masto' ? 'mastodon' : mode}`)
  27.       })),
  28.       conversationDisplayOptions: ['tree', 'linear'].map(mode => ({
  29.         key: mode,
  30.         value: mode,
  31.         label: this.$t(`settings.conversation_display_${mode}`)
  32.       })),
  33.       conversationOtherRepliesButtonOptions: ['below', 'inside'].map(mode => ({
  34.         key: mode,
  35.         value: mode,
  36.         label: this.$t(`settings.conversation_other_replies_button_${mode}`)
  37.       })),
  38.       mentionLinkDisplayOptions: ['short', 'full_for_remote', 'full'].map(mode => ({
  39.         key: mode,
  40.         value: mode,
  41.         label: this.$t(`settings.mention_link_display_${mode}`)
  42.       })),
  43.       thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(mode => ({
  44.         key: mode,
  45.         value: mode,
  46.         label: this.$t(`settings.third_column_mode_${mode}`)
  47.       })),
  48.       userPopoverAvatarActionOptions: ['close', 'zoom', 'open'].map(mode => ({
  49.         key: mode,
  50.         value: mode,
  51.         label: this.$t(`settings.user_popover_avatar_action_${mode}`)
  52.       })),
  53.       loopSilentAvailable:
  54.       // Firefox
  55.       Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
  56.       // Chrome-likes
  57.       Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
  58.       // Future spec, still not supported in Nightly 63 as of 08/2018
  59.       Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
  60.     }
  61.   },
  62.   components: {
  63.     BooleanSetting,
  64.     ChoiceSetting,
  65.     IntegerSetting,
  66.     FloatSetting,
  67.     SizeSetting,
  68.     InterfaceLanguageSwitcher,
  69.     ScopeSelector,
  70.     ProfileSettingIndicator
  71.   },
  72.   computed: {
  73.     horizontalUnits () {
  74.       return defaultHorizontalUnits
  75.     },
  76.     postFormats () {
  77.       return this.$store.state.instance.postFormats || []
  78.     },
  79.     postContentOptions () {
  80.       return this.postFormats.map(format => ({
  81.         key: format,
  82.         value: format,
  83.         label: this.$t(`post_status.content_type["${format}"]`)
  84.       }))
  85.     },
  86.     columns () {
  87.       const mode = this.$store.getters.mergedConfig.thirdColumnMode
  89.       const notif = mode === 'none' ? [] : ['notifs']
  91.       if (this.$store.getters.mergedConfig.sidebarRight || mode === 'postform') {
  92.         return [...notif, 'content', 'sidebar']
  93.       } else {
  94.         return ['sidebar', 'content', ...notif]
  95.       }
  96.     },
  97.     instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
  98.     instanceWallpaperUsed () {
  99.       return this.$store.state.instance.background &&
  100.         !this.$store.state.users.currentUser.background_image
  101.     },
  102.     instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
  103.     language: {
  104.       get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
  105.       set: function (val) {
  106.         this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
  107.       }
  108.     },
  109.     ...SharedComputedObject()
  110.   },
  111.   methods: {
  112.     changeDefaultScope (value) {
  113.       this.$store.dispatch('setProfileOption', { name: 'defaultScope', value })
  114.     }
  115.   }
  116. }
  118. export default GeneralTab