rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Cleanup form display a bit, for App Settings

Browse source
This commit is contained in:
Lance Edgar 2021-10-13 17:29:41 -04:00
parent 1463c09385
commit 80589cde2f
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
tailbone/templates/appsettings.mako
View file

@ -88,7 +88,9 @@
</header> </header>
<div class="card-content"> <div class="card-content">
<div v-for="setting in group.settings" <div v-for="setting in group.settings"
:class="'field-wrapper' + (setting.error ? ' with-error' : '')"> ## TODO: not sure how the error handling looks now?
## :class="'field-wrapper' + (setting.error ? ' with-error' : '')"
>
<div v-if="setting.error" class="field-error"> <div v-if="setting.error" class="field-error">
<span v-for="msg in setting.error_messages" <span v-for="msg in setting.error_messages"
@ -97,16 +99,18 @@
</span> </span>
</div> </div>
<div class="field-row"> <div style="margin-bottom: 2rem;">
<label :for="setting.field_name">{{ setting.label }}</label>
<div class="field">
<input v-if="setting.data_type == 'bool'" <b-field horizontal
type="checkbox" :label="setting.label">
<b-checkbox v-if="setting.data_type == 'bool'"
:name="setting.field_name" :name="setting.field_name"
:id="setting.field_name" :id="setting.field_name"
v-model="setting.value" v-model="setting.value"
value="true" /> native-value="true">
{{ setting.value || false }}
</b-checkbox>
<b-input v-else-if="setting.data_type == 'list'" <b-input v-else-if="setting.data_type == 'list'"
type="textarea" type="textarea"
@ -128,14 +132,15 @@
:name="setting.field_name" :name="setting.field_name"
:id="setting.field_name" :id="setting.field_name"
v-model="setting.value" /> v-model="setting.value" />
</div>
</div> </b-field>
<span v-if="setting.helptext" class="instructions"> <span v-if="setting.helptext" class="instructions">
{{ setting.helptext }} {{ setting.helptext }}
</span> </span>
</div>
</div><!-- field-wrapper --> </div>
</div><!-- card-content --> </div><!-- card-content -->
</div><!-- card --> </div><!-- card -->