summaryrefslogblamecommitdiffstats
path: root/webapp/src/components/BackendModule.vue
blob: 85a7a6fbed797996af4a5a653c5092ee224080bc (plain) (tree)
1
2
3
4
5
6
7
8
9
10









          
                                                                                                                                   


           

                                                                


                        
               

                       
    

            
                                      
                  


            
                              
                                          


                            
                                           




                  








                                                                   
<i18n>
{
  "en": {
  },
  "de": {
  }
}
</i18n>

<template>
  <component :is="component" @edit-backend="setEditComponent" @cancel-edit="setTableComponent" :backend-id="backendId"></component>
</template>

<script>
import BackendModuleTable from '@/components/BackendModuleTable'
import BackendModuleEdit from '@/components/BackendModuleEdit'

export default {
  name: 'BackendModule',
  components: {
    BackendModuleTable,
    BackendModuleEdit
  },
  data () {
    return {
      component: 'BackendModuleTable',
      backendId: 0
    }
  },
  methods: {
    setEditComponent (value) {
      this.component = 'BackendModuleEdit'
      this.backendId = value
    },
    setTableComponent () {
      this.component = 'BackendModuleTable'
    }
  },
  computed: {
  },
  beforeMount () {
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>