From 638450511ae12b105fc48235c9b1a27b62958299 Mon Sep 17 00:00:00 2001
From: Jannik Schönartz
Date: Wed, 26 Jun 2019 14:18:36 +0000
Subject: [documentation] Added ipxe builder module.

---
 webapp/src/components/IpxeBuilderModuleConfig.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'webapp/src/components/IpxeBuilderModuleConfig.vue')

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>
-- 
cgit v1.2.3-55-g7522

