logo

pleroma-fe

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

desktop_nav.js (3092B)

    

  1. import SearchBar from 'components/search_bar/search_bar.vue'
  2. import ConfirmModal from '../confirm_modal/confirm_modal.vue'
  3. import { library } from '@fortawesome/fontawesome-svg-core'
  4. import {
  5.   faSignInAlt,
  6.   faSignOutAlt,
  7.   faHome,
  8.   faComments,
  9.   faBell,
  10.   faUserPlus,
  11.   faBullhorn,
  12.   faSearch,
  13.   faTachometerAlt,
  14.   faCog,
  15.   faInfoCircle
  16. } from '@fortawesome/free-solid-svg-icons'
  17. import { useInterfaceStore } from 'src/stores/interface'
  19. library.add(
  20.   faSignInAlt,
  21.   faSignOutAlt,
  22.   faHome,
  23.   faComments,
  24.   faBell,
  25.   faUserPlus,
  26.   faBullhorn,
  27.   faSearch,
  28.   faTachometerAlt,
  29.   faCog,
  30.   faInfoCircle
  31. )
  33. export default {
  34.   components: {
  35.     SearchBar,
  36.     ConfirmModal
  37.   },
  38.   data: () => ({
  39.     searchBarHidden: true,
  40.     supportsMask: window.CSS && window.CSS.supports && (
  41.       window.CSS.supports('mask-size', 'contain') ||
  42.         window.CSS.supports('-webkit-mask-size', 'contain') ||
  43.         window.CSS.supports('-moz-mask-size', 'contain') ||
  44.         window.CSS.supports('-ms-mask-size', 'contain') ||
  45.         window.CSS.supports('-o-mask-size', 'contain')
  46.     ),
  47.     showingConfirmLogout: false
  48.   }),
  49.   computed: {
  50.     enableMask () { return this.supportsMask && this.$store.state.instance.logoMask },
  51.     logoStyle () {
  52.       return {
  53.         visibility: this.enableMask ? 'hidden' : 'visible'
  54.       }
  55.     },
  56.     logoMaskStyle () {
  57.       return this.enableMask
  58.         ? {
  59.             'mask-image': `url(${this.$store.state.instance.logo})`
  60.           }
  61.         : {
  62.             'background-color': this.enableMask ? '' : 'transparent'
  63.           }
  64.     },
  65.     logoBgStyle () {
  66.       return Object.assign({
  67.         margin: `${this.$store.state.instance.logoMargin} 0`,
  68.         opacity: this.searchBarHidden ? 1 : 0
  69.       }, this.enableMask
  70.         ? {}
  71.         : {
  72.             'background-color': this.enableMask ? '' : 'transparent'
  73.           })
  74.     },
  75.     logo () { return this.$store.state.instance.logo },
  76.     sitename () { return this.$store.state.instance.name },
  77.     hideSitename () { return this.$store.state.instance.hideSitename },
  78.     logoLeft () { return this.$store.state.instance.logoLeft },
  79.     currentUser () { return this.$store.state.users.currentUser },
  80.     privateMode () { return this.$store.state.instance.private },
  81.     shouldConfirmLogout () {
  82.       return this.$store.getters.mergedConfig.modalOnLogout
  83.     }
  84.   },
  85.   methods: {
  86.     scrollToTop () {
  87.       window.scrollTo(0, 0)
  88.     },
  89.     showConfirmLogout () {
  90.       this.showingConfirmLogout = true
  91.     },
  92.     hideConfirmLogout () {
  93.       this.showingConfirmLogout = false
  94.     },
  95.     logout () {
  96.       if (!this.shouldConfirmLogout) {
  97.         this.doLogout()
  98.       } else {
  99.         this.showConfirmLogout()
  100.       }
  101.     },
  102.     doLogout () {
  103.       this.$router.replace('/main/public')
  104.       this.$store.dispatch('logout')
  105.       this.hideConfirmLogout()
  106.     },
  107.     onSearchBarToggled (hidden) {
  108.       this.searchBarHidden = hidden
  109.     },
  110.     openSettingsModal () {
  111.       useInterfaceStore().openSettingsModal('user')
  112.     },
  113.     openAdminModal () {
  114.       useInterfaceStore().openSettingsModal('admin')
  115.     }
  116.   }
  117. }