summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/BackendModule.vue
diff options
context:
space:
mode:
authorJannik Schönartz2018-07-17 00:22:55 +0200
committerJannik Schönartz2018-07-17 00:22:55 +0200
commite1d4375f741e5c67e0304c7fda36eda41df4b4c1 (patch)
treeff13e78bf7ae322923b2b6c4f371d41f7655752a /webapp/src/components/BackendModule.vue
parent[server/ipxe] Building ipxe with external configs. (diff)
downloadbas-e1d4375f741e5c67e0304c7fda36eda41df4b4c1.tar.gz
bas-e1d4375f741e5c67e0304c7fda36eda41df4b4c1.tar.xz
bas-e1d4375f741e5c67e0304c7fda36eda41df4b4c1.zip
[external-backends] Added API and Frontend module external-backends.
Diffstat (limited to 'webapp/src/components/BackendModule.vue')
-rw-r--r--webapp/src/components/BackendModule.vue57
1 files changed, 20 insertions, 37 deletions
diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue
index 8774db4..46ac728 100644
--- a/webapp/src/components/BackendModule.vue
+++ b/webapp/src/components/BackendModule.vue
@@ -8,54 +8,37 @@
</i18n>
<template>
- <v-container>
- <v-layout>
- <v-flex md8 offset-md2 sm10 offset-sm1>
- <v-stepper v-model="step" vertical>
- <v-stepper-step :complete="stepCompleted >= 1" step="1" :editable="stepCompleted >= 1" edit-icon="check">
- Select an app
- <small>Summarize if needed</small>
- </v-stepper-step>
- <v-stepper-content step="1">
- <v-card color="grey lighten-1" class="mb-5" height="200px"></v-card>
- <v-btn color="primary" @click.native="step = 2; stepCompleted = Math.max(1, stepCompleted)">Continue</v-btn>
- <v-btn flat>Cancel</v-btn>
- </v-stepper-content>
- <v-stepper-step :complete="stepCompleted >= 2" step="2" :editable="stepCompleted >= 2" edit-icon="check">Configure analytics for this app</v-stepper-step>
- <v-stepper-content step="2">
- <v-card color="grey lighten-1" class="mb-5" height="200px"></v-card>
- <v-btn color="primary" @click.native="step = 3; stepCompleted = Math.max(2, stepCompleted)">Continue</v-btn>
- <v-btn flat>Cancel</v-btn>
- </v-stepper-content>
- <v-stepper-step :complete="stepCompleted >= 3" step="3" :editable="stepCompleted >= 3" edit-icon="check">Select an ad format and name ad unit</v-stepper-step>
- <v-stepper-content step="3">
- <v-card color="grey lighten-1" class="mb-5" height="200px"></v-card>
- <v-btn color="primary" @click.native="step = 4; stepCompleted = Math.max(3, stepCompleted)">Continue</v-btn>
- <v-btn flat>Cancel</v-btn>
- </v-stepper-content>
- <v-stepper-step step="4" edit-icon="check">View setup instructions</v-stepper-step>
- <v-stepper-content step="4" :editable="step > 3">
- <v-card color="grey lighten-1" class="mb-5" height="200px"></v-card>
- <v-btn color="primary" @click.native="step = 1">Continue</v-btn>
- <v-btn flat>Cancel</v-btn>
- </v-stepper-content>
- </v-stepper>
- </v-flex>
- </v-layout>
- </v-container>
+ <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 {
- step: 1,
- stepCompleted: 0
+ component: 'BackendTableComponent',
+ backendId: 0
}
},
methods: {
+ setEditComponent (value) {
+ this.component = 'BackendEditComponent'
+ this.backendId = value
+ },
+ setTableComponent () {
+ this.component = 'BackendTableComponent'
+ }
+ },
+ computed: {
+ },
+ beforeMount () {
}
}