logo

pleroma-fe

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

desktop_nav.js (3043B)

    

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