perf(UI): improved view setting tab

This commit is contained in:
Fabio Di Stasio 2021-08-12 10:07:31 +02:00
parent 8f0ac26b69
commit 198368605b
2 changed files with 18 additions and 76 deletions

View File

@ -91,7 +91,7 @@
:class="{'badge': tab.isChanged}" :class="{'badge': tab.isChanged}"
> >
<i class="mdi mdi-tune-vertical-variant mdi-18px mr-1" /> <i class="mdi mdi-tune-vertical-variant mdi-18px mr-1" />
<span :title="`${$t('word.settings').toUpperCase()}: ${$tc(`word.${tab.elementType}`)}`"> <span :title="`${$t('word.settings').toUpperCase()}: ${$tc(`word.view`)}`">
{{ tab.elementName | cutText }} {{ tab.elementName | cutText }}
<span <span
class="btn btn-clear" class="btn btn-clear"

View File

@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="columns mb-4"> <div class="columns">
<div class="column col-auto"> <div class="column col-auto">
<div class="form-group"> <div class="form-group">
<label class="form-label">{{ $t('word.name') }}</label> <label class="form-label">{{ $t('word.name') }}</label>
@ -71,93 +71,35 @@
</select> </select>
</div> </div>
</div> </div>
</div>
<div class="columns">
<div class="column col-auto mr-2"> <div class="column col-auto mr-2">
<div v-if="workspace.customizations.viewSqlSecurity" class="form-group"> <div v-if="workspace.customizations.viewSqlSecurity" class="form-group">
<label class="form-label">{{ $t('message.sqlSecurity') }}</label> <label class="form-label">{{ $t('message.sqlSecurity') }}</label>
<label class="form-radio"> <select v-model="localView.security" class="form-select">
<input <option>DEFINER</option>
v-model="localView.security" <option>INVOKER</option>
type="radio" </select>
name="security"
value="DEFINER"
>
<i class="form-icon" /> DEFINER
</label>
<label class="form-radio">
<input
v-model="localView.security"
type="radio"
name="security"
value="INVOKER"
>
<i class="form-icon" /> INVOKER
</label>
</div> </div>
</div> </div>
<div class="column col-auto mr-2"> <div class="column col-auto mr-2">
<div v-if="workspace.customizations.viewAlgorithm" class="form-group"> <div v-if="workspace.customizations.viewAlgorithm" class="form-group">
<label class="form-label">{{ $t('word.algorithm') }}</label> <label class="form-label">{{ $t('word.algorithm') }}</label>
<label class="form-radio"> <select v-model="localView.algorithm" class="form-select">
<input <option>UNDEFINED</option>
v-model="localView.algorithm" <option>MERGE</option>
type="radio" <option>TEMPTABLE</option>
name="algorithm" </select>
value="UNDEFINED"
>
<i class="form-icon" /> UNDEFINED
</label>
<label class="form-radio">
<input
v-model="localView.algorithm"
type="radio"
value="MERGE"
name="algorithm"
>
<i class="form-icon" /> MERGE
</label>
<label class="form-radio">
<input
v-model="localView.algorithm"
type="radio"
value="TEMPTABLE"
name="algorithm"
>
<i class="form-icon" /> TEMPTABLE
</label>
</div> </div>
</div> </div>
<div v-if="workspace.customizations.viewUpdateOption" class="column col-auto mr-2"> <div v-if="workspace.customizations.viewUpdateOption" class="column col-auto mr-2">
<div class="form-group"> <div class="form-group">
<label class="form-label">{{ $t('message.updateOption') }}</label> <label class="form-label">{{ $t('message.updateOption') }}</label>
<label class="form-radio"> <select v-model="localView.updateOption" class="form-select">
<input <option value="">
v-model="localView.updateOption" None
type="radio" </option>
name="update" <option>CASCADED</option>
value="" <option>LOCAL</option>
> </select>
<i class="form-icon" /> None
</label>
<label class="form-radio">
<input
v-model="localView.updateOption"
type="radio"
name="update"
value="CASCADED"
>
<i class="form-icon" /> CASCADED
</label>
<label class="form-radio">
<input
v-model="localView.updateOption"
type="radio"
name="update"
value="LOCAL"
>
<i class="form-icon" /> LOCAL
</label>
</div> </div>
</div> </div>
</div> </div>