summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/BackendModuleEdit.vue
diff options
context:
space:
mode:
authorJannik Schönartz2018-08-02 23:18:05 +0200
committerJannik Schönartz2018-08-02 23:18:05 +0200
commit5fd895d5c956fee295f96217c4f8b903c4e55c8e (patch)
tree1ed1f9ac6003f16ff4ffd1426c123b865e4cecb2 /webapp/src/components/BackendModuleEdit.vue
parent[server/external-backends] Added sync settings for the backends. Method for g... (diff)
downloadbas-5fd895d5c956fee295f96217c4f8b903c4e55c8e.tar.gz
bas-5fd895d5c956fee295f96217c4f8b903c4e55c8e.tar.xz
bas-5fd895d5c956fee295f96217c4f8b903c4e55c8e.zip
[server/external-backends] Added sync settings for the backends. Groups and clients can be defined there.
Diffstat (limited to 'webapp/src/components/BackendModuleEdit.vue')
-rw-r--r--webapp/src/components/BackendModuleEdit.vue170
1 files changed, 85 insertions, 85 deletions
diff --git a/webapp/src/components/BackendModuleEdit.vue b/webapp/src/components/BackendModuleEdit.vue
index c5ef75f..49ae801 100644
--- a/webapp/src/components/BackendModuleEdit.vue
+++ b/webapp/src/components/BackendModuleEdit.vue
@@ -30,95 +30,95 @@
<v-dialog
v-if="$store.state.backends.edit"
:value="$store.state.backends.edit"
- @input="$store.commit('backends/setEdit', { show: $event })"
+ @input="$store.commit('backends/setEdit', $event)"
max-width="700px"
scrollable
>
- <!-- dialog needs scrollable attribute-->
- <v-card>
- <v-card-title style="padding: 0px">
- <v-stepper v-model="step" horizontal style="width: 100%; background: transparent;" class="elevation-3">
- <v-stepper-header>
- <v-stepper-step
- :complete="stepCompleted >= 1"
- step="1"
- :editable="stepCompleted >= 1 && !loadData"
- :rules="[() => true]"
- >{{ $t('backend_type') }}<small>{{ backendType }}</small>
- </v-stepper-step>
- <v-divider></v-divider>
- <v-stepper-step
- :complete="stepCompleted >= 2"
- step="2"
- :editable="stepCompleted >= 2"
- >{{ $t('input_credentials') }}</v-stepper-step>
- <v-divider></v-divider>
- <v-stepper-step
- :complete="stepCompleted >= 3"
- step="3"
- :editable="stepCompleted >= 3"
- >{{ $t('test_connection') }}<small>{{ $t('stepper_optional') }}</small>
- </v-stepper-step>
- </v-stepper-header>
- </v-stepper>
- </v-card-title>
- <v-card-text style="height: 500px;">
- <v-form class="edit-backend-form" ref="form" v-model="valid" @submit.prevent="submit" lazy-validation>
- <v-stepper v-model="step" horizontal style="width: 100%; background: transparent" class="elevation-0">
- <v-stepper-items>
- <v-stepper-content step="1" class="stepper-content">
- <v-select
- offset-y
- v-model="backendType"
- :items="backendChoices"
- :label="$t('backend_type')"
- :rules="[() => !!backendType || $t('backendtype_empty_error')]"
- @change="loadInputFields"
- prepend-icon="view_list"
- ></v-select>
- </v-stepper-content>
- <v-stepper-content step="2" class="stepper-content">
- <v-text-field
- v-model="backendName"
- :label="$t('backend_name')"
- :rules="[() => !!backendName || $t('backend_empty_error')]"
- ref="backendName"
- prepend-icon="assignment_ind"
- ></v-text-field>
- <backend-module-edit-dynamic-fields :elements="elements"/>
- </v-stepper-content>
- <v-stepper-content step="3" class="stepper-content">
- <v-container>
- <v-layout align-center justify-center column>
- <v-btn
- fab
- dark
- icon
- :loading="loading"
- :disabled="loading"
- @click.stop="checkConnection"
- large
- >
- <v-icon x-large color="primary">cached</v-icon>
- </v-btn>
- <div class="display-1">{{ $t('status') }}: <strong :class="statusColor">{{ statusLabel }}</strong></div>
- </v-layout>
- </v-container>
- </v-stepper-content>
- </v-stepper-items>
+ <!-- dialog needs scrollable attribute-->
+ <v-card>
+ <v-card-title style="padding: 0px">
+ <v-stepper v-model="step" horizontal style="width: 100%; background: transparent;" class="elevation-3">
+ <v-stepper-header>
+ <v-stepper-step
+ :complete="stepCompleted >= 1"
+ step="1"
+ :editable="stepCompleted >= 1 && !loadData"
+ :rules="[() => true]"
+ >{{ $t('backend_type') }}<small>{{ backendType }}</small>
+ </v-stepper-step>
+ <v-divider></v-divider>
+ <v-stepper-step
+ :complete="stepCompleted >= 2"
+ step="2"
+ :editable="stepCompleted >= 2"
+ >{{ $t('input_credentials') }}</v-stepper-step>
+ <v-divider></v-divider>
+ <v-stepper-step
+ :complete="stepCompleted >= 3"
+ step="3"
+ :editable="stepCompleted >= 3"
+ >{{ $t('test_connection') }}<small>{{ $t('stepper_optional') }}</small>
+ </v-stepper-step>
+ </v-stepper-header>
</v-stepper>
- </v-form>
- </v-card-text>
- <v-divider></v-divider>
- <v-card-actions>
- <v-flex xl10 offset-xl2 lg12 text-xs-right>
- <v-btn flat @click.native="$store.commit('backends/setEdit', false)">{{ $t('cancel') }}</v-btn>
- <v-btn color="primary" v-show="step == 1" @click.native="completeStepOne()">{{ $t('continue') }}</v-btn>
- <v-btn color="primary" v-show="step == 2" @click.native="completeStepTwo()">{{ $t('continue') }}</v-btn>
- <v-btn type="submit" @click="submit" v-show="step == 3" class="primary" raised>{{ $t('submit') }}</v-btn>
- </v-flex>
- </v-card-actions>
- </v-card>
+ </v-card-title>
+ <v-card-text style="height: 500px;">
+ <v-form class="edit-backend-form" ref="form" v-model="valid" @submit.prevent="submit" lazy-validation>
+ <v-stepper v-model="step" horizontal style="width: 100%; background: transparent" class="elevation-0">
+ <v-stepper-items>
+ <v-stepper-content step="1" class="stepper-content">
+ <v-select
+ offset-y
+ v-model="backendType"
+ :items="backendChoices"
+ :label="$t('backend_type')"
+ :rules="[() => !!backendType || $t('backendtype_empty_error')]"
+ @change="loadInputFields"
+ prepend-icon="view_list"
+ ></v-select>
+ </v-stepper-content>
+ <v-stepper-content step="2" class="stepper-content">
+ <v-text-field
+ v-model="backendName"
+ :label="$t('backend_name')"
+ :rules="[() => !!backendName || $t('backend_empty_error')]"
+ ref="backendName"
+ prepend-icon="assignment_ind"
+ ></v-text-field>
+ <backend-module-edit-dynamic-fields :elements="elements"/>
+ </v-stepper-content>
+ <v-stepper-content step="3" class="stepper-content">
+ <v-container>
+ <v-layout align-center justify-center column>
+ <v-btn
+ fab
+ dark
+ icon
+ :loading="loading"
+ :disabled="loading"
+ @click.stop="checkConnection"
+ large
+ >
+ <v-icon x-large color="primary">cached</v-icon>
+ </v-btn>
+ <div class="display-1">{{ $t('status') }}: <strong :class="statusColor">{{ statusLabel }}</strong></div>
+ </v-layout>
+ </v-container>
+ </v-stepper-content>
+ </v-stepper-items>
+ </v-stepper>
+ </v-form>
+ </v-card-text>
+ <v-divider></v-divider>
+ <v-card-actions>
+ <v-flex xl10 offset-xl2 lg12 text-xs-right>
+ <v-btn flat @click.native="$store.commit('backends/setEdit', false)">{{ $t('cancel') }}</v-btn>
+ <v-btn color="primary" v-show="step == 1" @click.native="completeStepOne()">{{ $t('continue') }}</v-btn>
+ <v-btn color="primary" v-show="step == 2" @click.native="completeStepTwo()">{{ $t('continue') }}</v-btn>
+ <v-btn type="submit" @click="submit" v-show="step == 3" class="primary" raised>{{ $t('submit') }}</v-btn>
+ </v-flex>
+ </v-card-actions>
+ </v-card>
</v-dialog>
</template>