summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/IpxeBuilderModuleConfig.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/IpxeBuilderModuleConfig.vue')
-rw-r--r--webapp/src/components/IpxeBuilderModuleConfig.vue78
1 files changed, 39 insertions, 39 deletions
diff --git a/webapp/src/components/IpxeBuilderModuleConfig.vue b/webapp/src/components/IpxeBuilderModuleConfig.vue
index 26ceb01..fc6b2ff 100644
--- a/webapp/src/components/IpxeBuilderModuleConfig.vue
+++ b/webapp/src/components/IpxeBuilderModuleConfig.vue
@@ -119,24 +119,24 @@
@input="createTarget"
>
<template #no-data>
- <v-list-tile>
- <v-list-tile-content>
- <v-list-tile-title>
+ <v-list-item>
+ <v-list-item-content>
+ <v-list-item-title>
No results matching "<strong>{{ search }}</strong>". Press <kbd>enter</kbd> to create a new one
- </v-list-tile-title>
- </v-list-tile-content>
- </v-list-tile>
+ </v-list-item-title>
+ </v-list-item-content>
+ </v-list-item>
</template>
<template #item="{ index, item }">
- <v-list-tile-content>
+ <v-list-item-content>
{{ item }}
- </v-list-tile-content>
- <v-list-tile-action @click.stop>
+ </v-list-item-content>
+ <v-list-item-action @click.stop>
<v-btn icon @click.stop.prevent="deleteTarget(item)">
<v-icon color="error">delete</v-icon>
</v-btn>
- </v-list-tile-action>
+ </v-list-item-action>
</template>
</v-combobox>
@@ -145,17 +145,17 @@
</v-layout>
</v-flex>
- <v-flex v-if="!editParametersMode" lg3 md4 sm4 xs12 order-lg3 order-md2 order-sm2 order-xs1 class="text-xs-right">
+ <v-flex v-if="!editParametersMode" lg3 md4 sm4 xs12 order-lg3 order-md2 order-sm2 order-xs1 class="text-right">
<div class="info-input">
- <v-btn color="primary" flat @click="editParameters" class="info-buttons">
+ <v-btn color="primary" text @click="editParameters" class="info-buttons">
<v-icon left>create</v-icon>{{ $t('edit') }}
</v-btn>
</div>
</v-flex>
- <v-flex v-else lg3 md4 sm4 xs12 order-lg3 order-md2 order-sm2 order-xs1 class="text-xs-right">
+ <v-flex v-else lg3 md4 sm4 xs12 order-lg3 order-md2 order-sm2 order-xs1 class="text-right">
<div class="info-input">
- <v-btn color="primary" flat @click="cancelEditParameters" class="info-buttons">{{ $t('cancel') }}</v-btn>
+ <v-btn color="primary" text @click="cancelEditParameters" class="info-buttons">{{ $t('cancel') }}</v-btn>
<v-btn color="primary" @click="submitParameters" class="info-buttons">
<v-icon left>save</v-icon>{{ $t('save') }}
</v-btn>
@@ -192,14 +192,14 @@
</div>
</div>
- <div class="text-xs-right">
- <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 class="text-right">
+ <v-btn text color="error" @click="cleanIpxe" :disabled=disableButtons class="ma-2 tutorial-element label-left" style="--label-number: '1'"><v-icon left>delete</v-icon>{{ $t('cleanIpxe') }}</v-btn>
+ <v-btn text color="warning" @click="cancelIpxe" :disabled=!disableButtons class="ma-2 tutorial-element label-bottom" style="--label-number: '2'"><v-icon left>cancel</v-icon>{{ $t('cancelIpxe') }}</v-btn>
+ <v-btn text color="primary" @click="buildIpxe" :disabled=disableButtons class="ma-2 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 class="tutorial-element tutorial-border label-bottom" style="--label-number: '1'">
+ <v-tabs v-model="tabs" grow :dark="tabsDark" :background-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>
@@ -207,47 +207,47 @@
</v-tabs>
</v-card>
<v-tabs-items v-model="tabs" style="padding-bottom: 12px"> <!--20px-->
- <v-tab-item lazy :transition="false" :reverse-transition="false">
+ <v-tab-item :transition="false" :reverse-transition="false">
<div slot="header">{{ $t('script') }}</div>
<v-card>
<codemirror class="script-editor" ref="script" v-model="script"></codemirror>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="undo('script')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
- <v-btn flat color="success" @click="redo('script')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
- <v-btn color="primary" @click="save('script')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
+ <div class="text-right">
+ <v-btn class="ma-2" text color="error" @click="undo('script')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
+ <v-btn class="ma-2" text color="success" @click="redo('script')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
+ <v-btn class="ma-2" color="primary" @click="save('script')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
</div>
</v-card>
</v-tab-item>
- <v-tab-item lazy :transition="false" :reverse-transition="false">
+ <v-tab-item :transition="false" :reverse-transition="false">
<div slot="header">{{ $t('trust') }}</div>
<v-card>
<codemirror class="script-editor" ref="certificate" v-model="certificate"></codemirror>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="undo('certificate')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
- <v-btn flat color="success" @click="redo('certificate')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
- <v-btn color="primary" @click="save('certificate')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
+ <div class="text-right">
+ <v-btn class="ma-2" text color="error" @click="undo('certificate')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
+ <v-btn class="ma-2" text color="success" @click="redo('certificate')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
+ <v-btn class="ma-2" color="primary" @click="save('certificate')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
</div>
</v-card>
</v-tab-item>
- <v-tab-item lazy :transition="false" :reverse-transition="false">
+ <v-tab-item :transition="false" :reverse-transition="false">
<div slot="header">{{ $t('general') }}</div>
<v-card>
<codemirror class="script-editor" ref="general" v-model="general"></codemirror>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="undo('general')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
- <v-btn flat color="success" @click="redo('general')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
- <v-btn color="primary" @click="save('general')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
+ <div class="text-right">
+ <v-btn class="ma-2" text color="error" @click="undo('general')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
+ <v-btn class="ma-2" text color="success" @click="redo('general')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
+ <v-btn class="ma-2" color="primary" @click="save('general')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
</div>
</v-card>
</v-tab-item>
- <v-tab-item lazy :transition="false" :reverse-transition="false">
+ <v-tab-item :transition="false" :reverse-transition="false">
<div slot="header">{{ $t('console') }}</div>
<v-card>
<codemirror class="script-editor" ref="console" v-model="console"></codemirror>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="undo('console')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
- <v-btn flat color="success" @click="redo('console')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
- <v-btn color="primary" @click="save('console')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
+ <div class="text-right">
+ <v-btn class="ma-2" text color="error" @click="undo('console')"><v-icon left>undo</v-icon>{{ $t('undo') }}</v-btn>
+ <v-btn class="ma-2" text color="success" @click="redo('console')"><v-icon left>redo</v-icon>{{ $t('redo') }}</v-btn>
+ <v-btn class="ma-2" color="primary" @click="save('console')"><v-icon left>save</v-icon>{{ $t('save') }}</v-btn>
</div>
</v-card>
</v-tab-item>