cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

search view fixes/updates

Browse Source
This commit is contained in:
vabene1111
2021-05-01 22:16:29 +02:00
parent 0a99791021
commit aafbc497cc
6 changed files with 22 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
vue/src/apps/RecipeSearchView/RecipeSearchView.vue
View File

@ -42,16 +42,22 @@
{{ $t('Reset_Search') }}
</button>
</div>
<div class="col-md-3" style="position: relative; margin-top: 1vh">
<div class="col-md-2" style="position: relative; margin-top: 1vh">
<b-form-checkbox v-model="search_internal" name="check-button" @change="refreshData"
class="shadow-none"
style="position:relative;top: 50%; transform: translateY(-50%);" switch>
{{ $t('show_only_internal') }}
</b-form-checkbox>
</div>
<div class="col-md-1" style="position: relative; margin-top: 1vh">
<button id="id_settings_button" class="btn btn-primary btn-block"><i class="fas fa-cog"></i></button>
</div>
</div>
<button id="id_settings_button" class="btn btn-primary"><i class="fas fa-cog"></i></button>
<b-popover
target="id_settings_button"
triggers="click"
@ -61,8 +67,8 @@
<b-form-group
v-bind:label="$t('Recently_Viewed')"
label-for="popover-input-1"
label-cols="3"
class="mb-1">
label-cols="6"
class="mb-3">
<b-form-input
type="number"
v-model="settings.recently_viewed"
@ -70,11 +76,12 @@
size="sm"
></b-form-input>
</b-form-group>
<b-form-group
v-bind:label="$t('Meal_Plan')"
label-for="popover-input-2"
label-cols="3"
class="mb-1">
label-cols="6"
class="mb-3">
<b-form-checkbox
switch
v-model="settings.show_meal_plan"
@ -85,9 +92,7 @@
</div>
<div class="row" style="margin-top: 1vh">
<div class="col-12" style="text-align: right">
<b-button size="sm" variant="secondary" style="margin-right:8px">Cancel
</b-button>
<b-button size="sm" variant="primary">Ok</b-button>
<b-button size="sm" variant="secondary" style="margin-right:8px" @click="$root.$emit('bv::hide::popover')">{{$t('Close')}}</b-button>
</div>
</div>
</b-popover>