summaryrefslogblamecommitdiffstats
path: root/webapp/src/components/BackendModule.vue
blob: 46ac7280a1557106bbd5bc1a0894ae66614037da (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 BackendTableComponent from '@/components/BackendTableComponent'
import BackendEditComponent from '@/components/BackendEditComponent'

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

</script>

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

</style>