refactor: vue comp: page-loader + modal-create-page
This commit is contained in:
		
							
								
								
									
										24
									
								
								client/js/components/page-loader.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										24
									
								
								client/js/components/page-loader.vue
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,24 @@
 | 
			
		||||
<template lang="pug">
 | 
			
		||||
  transition(name='page-loader')
 | 
			
		||||
    .page-loader(v-if='isShown')
 | 
			
		||||
      i
 | 
			
		||||
      span {{ msg }}
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
  export default {
 | 
			
		||||
    name: 'page-loader',
 | 
			
		||||
    props: ['text'],
 | 
			
		||||
    data () {
 | 
			
		||||
      return {}
 | 
			
		||||
    },
 | 
			
		||||
    computed: {
 | 
			
		||||
      msg () { return this.$store.state.pageLoader.msg },
 | 
			
		||||
      isShown () { return this.$store.state.pageLoader.shown }
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
      this.$store.commit('pageLoader/msgChange', this.text)
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</script>
 | 
			
		||||
		Reference in New Issue
	
	Block a user