summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorJannik Schönartz2019-06-26 16:18:36 +0200
committerJannik Schönartz2019-06-26 16:18:36 +0200
commit638450511ae12b105fc48235c9b1a27b62958299 (patch)
treecd2f1fbd3c47b28b5b33996e5e0585d9f5d5556e /webapp
parent[external-backends/idoit] Small bug fix (diff)
downloadbas-638450511ae12b105fc48235c9b1a27b62958299.tar.gz
bas-638450511ae12b105fc48235c9b1a27b62958299.tar.xz
bas-638450511ae12b105fc48235c9b1a27b62958299.zip
[documentation] Added ipxe builder module.
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/components/IpxeBuilderModuleConfig.vue16
1 files changed, 8 insertions, 8 deletions
diff --git a/webapp/src/components/IpxeBuilderModuleConfig.vue b/webapp/src/components/IpxeBuilderModuleConfig.vue
index 230e82a..26ceb01 100644
--- a/webapp/src/components/IpxeBuilderModuleConfig.vue
+++ b/webapp/src/components/IpxeBuilderModuleConfig.vue
@@ -56,7 +56,7 @@
</i18n>
<template>
- <div>
+ <div class="">
<v-subheader>{{ $t('parameters') }}</v-subheader>
<v-card>
<v-card-text>
@@ -67,7 +67,7 @@
<div class="info-input">
<div class="info-heading"><v-icon>label</v-icon><span>{{ $t('repoUrl') }}</span></div>
<div v-if="!editParametersMode" class="info-text">{{ repoUrl }}</div>
- <v-text-field v-else v-model="repoUrl" class="info-text pa-0" hide-details></v-text-field>
+ <v-text-field v-else v-model="repoUrl" class="info-text pa-0 tutorial-element tutorial-no-border label-far-left" style="--label-number: '1'" hide-details></v-text-field>
</div>
</v-layout>
</v-flex>
@@ -77,13 +77,13 @@
<div class="info-input">
<div class="info-heading"><v-icon>label</v-icon><span>{{ $t('branchName') }}</span></div>
<div v-if="!editParametersMode" class="info-text">{{ branchName }}</div>
- <v-text-field v-else v-model="branchName" class="info-text pa-0" hide-details></v-text-field>
+ <v-text-field v-else v-model="branchName" class="info-text pa-0 tutorial-element tutorial-no-border label-far-left" style="--label-number: '2'" hide-details></v-text-field>
</div>
</v-layout>
</v-flex>
<v-flex lg9 md6 sm6 xs12 order-lg4 order-md3 order-sm3 order-xs4>
- <v-layout column>
+ <v-layout column class="tutorial-element tutorial-no-border" style="--label-number: '3'">
<div class="info-input">
<div class="info-heading"><v-icon>my_location</v-icon><span>{{ $t('buildTargetsLabel') }}</span></div>
@@ -193,13 +193,13 @@
</div>
<div class="text-xs-right">
- <v-btn flat color="error" @click="cleanIpxe" :disabled=disableButtons><v-icon left>delete</v-icon>{{ $t('cleanIpxe') }}</v-btn>
- <v-btn flat color="warning" @click="cancelIpxe" :disabled=!disableButtons><v-icon left>cancel</v-icon>{{ $t('cancelIpxe') }}</v-btn>
- <v-btn flat color="primary" @click="buildIpxe" :disabled=disableButtons><v-icon left>gavel</v-icon>{{ $t('buildIpxe') }}</v-btn>
+ <v-btn flat color="error" @click="cleanIpxe" :disabled=disableButtons class="tutorial-element label-left" style="--label-number: '1'"><v-icon left>delete</v-icon>{{ $t('cleanIpxe') }}</v-btn>
+ <v-btn flat color="warning" @click="cancelIpxe" :disabled=!disableButtons class="tutorial-element label-bottom" style="--label-number: '2'"><v-icon left>cancel</v-icon>{{ $t('cancelIpxe') }}</v-btn>
+ <v-btn flat color="primary" @click="buildIpxe" :disabled=disableButtons class="tutorial-element label-right" style="--label-number: '3'"><v-icon left>gavel</v-icon>{{ $t('buildIpxe') }}</v-btn>
</div>
<v-subheader>{{ $t('scripts') }}</v-subheader>
<v-card class="tabbar-card subtabs" :color="tabsColor">
- <v-tabs v-model="tabs" grow :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor" hide-slider>
+ <v-tabs v-model="tabs" grow :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor" hide-slider class="tutorial-element tutorial-border label-bottom" style="--label-number: '1'">
<v-tab :class="tabs === 0 ? 'primary--text' : ''"><v-icon class="tabbar-tabicon" :color="tabs === 0 ? 'primary' : ''">description</v-icon>{{ $t('script') }}</v-tab>
<v-tab :class="tabs === 1 ? 'primary--text' : ''"><v-icon class="tabbar-tabicon" :color="tabs === 1 ? 'primary' : ''">description</v-icon>{{ $t('trust') }}</v-tab>
<v-tab :class="tabs === 2 ? 'primary--text' : ''"><v-icon class="tabbar-tabicon" :color="tabs === 2 ? 'primary' : ''">description</v-icon>{{ $t('general') }}</v-tab>