summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/BackendModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/BackendModule.vue')
-rw-r--r--webapp/src/components/BackendModule.vue67
1 files changed, 67 insertions, 0 deletions
diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue
new file mode 100644
index 0000000..8774db4
--- /dev/null
+++ b/webapp/src/components/BackendModule.vue
@@ -0,0 +1,67 @@
+<i18n>
+{
+ "en": {
+ },
+ "de": {
+ }
+}
+</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>
+</template>
+
+<script>
+
+export default {
+ name: 'BackendModule',
+ data () {
+ return {
+ step: 1,
+ stepCompleted: 0
+ }
+ },
+ methods: {
+ }
+}
+
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+
+</style>