mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-11-04 06:23:17 -05:00 
			
		
		
		
	
		
			
				
	
	
		
			62 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <div v-if="isAppLoaded" class="h-full">
 | 
						|
    <base-modal />
 | 
						|
    <site-header />
 | 
						|
    <div class="flex h-screen pt-16 pb-10 overflow-hidden">
 | 
						|
      <site-sidebar />
 | 
						|
      <router-view />
 | 
						|
    </div>
 | 
						|
    <site-footer />
 | 
						|
  </div>
 | 
						|
  <div v-else class="h-full">
 | 
						|
    <refresh-icon class="h-6 animate-spin" />
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
 | 
						|
<script type="text/babel">
 | 
						|
import SiteHeader from './partials/TheSiteHeader.vue'
 | 
						|
import SiteFooter from './partials/TheSiteFooter.vue'
 | 
						|
import SiteSidebar from './partials/TheSiteSidebar.vue'
 | 
						|
import BaseModal from '../../components/base/modal/BaseModal'
 | 
						|
import { RefreshIcon } from '@vue-hero-icons/solid'
 | 
						|
import { mapActions, mapGetters } from 'vuex'
 | 
						|
 | 
						|
export default {
 | 
						|
  components: {
 | 
						|
    SiteHeader,
 | 
						|
    SiteSidebar,
 | 
						|
    SiteFooter,
 | 
						|
    BaseModal,
 | 
						|
    RefreshIcon,
 | 
						|
  },
 | 
						|
 | 
						|
  computed: {
 | 
						|
    ...mapGetters(['isAppLoaded']),
 | 
						|
 | 
						|
    ...mapGetters('company', {
 | 
						|
      selectedCompany: 'getSelectedCompany',
 | 
						|
    }),
 | 
						|
 | 
						|
    isShow() {
 | 
						|
      return true
 | 
						|
    },
 | 
						|
  },
 | 
						|
 | 
						|
  created() {
 | 
						|
    this.bootstrap().then(() => {
 | 
						|
      this.setInitialCompany()
 | 
						|
    })
 | 
						|
  },
 | 
						|
 | 
						|
  methods: {
 | 
						|
    ...mapActions(['bootstrap']),
 | 
						|
 | 
						|
    ...mapActions('company', ['setSelectedCompany']),
 | 
						|
 | 
						|
    setInitialCompany() {
 | 
						|
      this.setSelectedCompany(this.selectedCompany)
 | 
						|
    },
 | 
						|
  },
 | 
						|
}
 | 
						|
</script>
 |