mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-04 21:58:54 -05:00
proof of concept for recipe search explain
This commit is contained in:
vabene1111
@@ -8,15 +8,21 @@
|
|||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<div class="col-12 col-lg-10 col-xl-8 mt-3 mb-3">
|
<div class="col-12 col-lg-10 col-xl-8 mt-3 mb-3">
|
||||||
<b-input-group>
|
<b-input-group>
|
||||||
<b-input class="form-control form-control-lg form-control-borderless form-control-search" v-model="search.search_input" v-bind:placeholder="$t('Search')"></b-input>
|
<b-input
|
||||||
|
class="form-control form-control-lg form-control-borderless form-control-search"
|
||||||
|
v-model="search.search_input" v-bind:placeholder="$t('Search')"></b-input>
|
||||||
<b-input-group-append>
|
<b-input-group-append>
|
||||||
<b-button v-b-tooltip.hover :title="$t('show_sql')" @click="showSQL()" v-if="debug && ui.sql_debug">
|
<b-button v-b-tooltip.hover :title="$t('show_sql')" @click="showSQL()"
|
||||||
|
v-if="debug && ui.sql_debug">
|
||||||
<i class="fas fa-bug" style="font-size: 1.5em"></i>
|
<i class="fas fa-bug" style="font-size: 1.5em"></i>
|
||||||
</b-button>
|
</b-button>
|
||||||
<b-button variant="light" v-b-tooltip.hover :title="$t('Random Recipes')" @click="openRandom()">
|
<b-button variant="light" v-b-tooltip.hover :title="$t('Random Recipes')"
|
||||||
|
@click="openRandom()">
|
||||||
<i class="fas fa-dice-five" style="font-size: 1.5em"></i>
|
<i class="fas fa-dice-five" style="font-size: 1.5em"></i>
|
||||||
</b-button>
|
</b-button>
|
||||||
<b-button v-b-toggle.collapse_advanced_search v-b-tooltip.hover :title="$t('Advanced Settings')" v-bind:variant="searchFiltered(true) ? 'danger' : 'primary'">
|
<b-button v-b-toggle.collapse_advanced_search v-b-tooltip.hover
|
||||||
|
:title="$t('Advanced Settings')"
|
||||||
|
v-bind:variant="searchFiltered(true) ? 'danger' : 'primary'">
|
||||||
<!-- TODO consider changing this icon to a filter -->
|
<!-- TODO consider changing this icon to a filter -->
|
||||||
<i class="fas fa-caret-down" v-if="!search.advanced_search_visible"></i>
|
<i class="fas fa-caret-down" v-if="!search.advanced_search_visible"></i>
|
||||||
<i class="fas fa-caret-up" v-if="search.advanced_search_visible"></i>
|
<i class="fas fa-caret-up" v-if="search.advanced_search_visible"></i>
|
||||||
@@ -26,15 +32,18 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<b-collapse id="collapse_advanced_search" class="mt-2 shadow-sm" v-model="search.advanced_search_visible">
|
<b-collapse id="collapse_advanced_search" class="mt-2 shadow-sm"
|
||||||
|
v-model="search.advanced_search_visible">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body p-4">
|
<div class="card-body p-4">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<a class="btn btn-primary btn-block text-uppercase" :href="resolveDjangoUrl('new_recipe')">{{ $t("New_Recipe") }}</a>
|
<a class="btn btn-primary btn-block text-uppercase"
|
||||||
|
:href="resolveDjangoUrl('new_recipe')">{{ $t("New_Recipe") }}</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<a class="btn btn-primary btn-block text-uppercase" :href="resolveDjangoUrl('data_import_url')">{{ $t("Import") }}</a>
|
<a class="btn btn-primary btn-block text-uppercase"
|
||||||
|
:href="resolveDjangoUrl('data_import_url')">{{ $t("Import") }}</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<button
|
<button
|
||||||
@@ -53,101 +62,173 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<button id="id_settings_button" class="btn btn-primary btn-block text-uppercase"><i class="fas fa-cog fa-lg m-1"></i></button>
|
<button id="id_settings_button"
|
||||||
</div>
|
class="btn btn-primary btn-block text-uppercase"><i
|
||||||
</div>
|
class="fas fa-cog fa-lg m-1"></i></button>
|
||||||
<div v-if="ui.enable_expert" class="row justify-content-end small">
|
|
||||||
<div class="col-auto">
|
|
||||||
<b-button class="my-0" variant="link" size="sm" @click="search.expert_mode = !search.expert_mode">
|
|
||||||
<div v-if="!expertMode">{{ $t("expert_mode") }}</div>
|
|
||||||
<div v-if="expertMode">{{ $t("simple_mode") }}</div>
|
|
||||||
</b-button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<b-popover target="id_settings_button" triggers="click" placement="bottom">
|
<b-popover target="id_settings_button" triggers="click" placement="bottom">
|
||||||
<b-tabs content-class="mt-1 text-nowrap" small>
|
<b-tabs content-class="mt-1 text-nowrap" small>
|
||||||
<b-tab :title="$t('Settings')" active :title-link-class="['mx-0']">
|
<b-tab :title="$t('Settings')" active :title-link-class="['mx-0']">
|
||||||
<b-form-group v-bind:label="$t('Recently_Viewed')" label-for="popover-input-1" label-cols="6" class="mb-1">
|
<b-form-group v-bind:label="$t('Recently_Viewed')"
|
||||||
<b-form-input type="number" v-model="ui.recently_viewed" id="popover-input-1" size="sm"></b-form-input>
|
label-for="popover-input-1" label-cols="6" class="mb-1">
|
||||||
|
<b-form-input type="number" v-model="ui.recently_viewed"
|
||||||
|
id="popover-input-1" size="sm"></b-form-input>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
|
|
||||||
<b-form-group v-bind:label="$t('Recipes_per_page')" label-for="popover-input-page-count" label-cols="6" class="mb-1">
|
<b-form-group v-bind:label="$t('Recipes_per_page')"
|
||||||
<b-form-input type="number" v-model="ui.page_size" id="popover-input-page-count" size="sm"></b-form-input>
|
label-for="popover-input-page-count" label-cols="6"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-input type="number" v-model="ui.page_size"
|
||||||
|
id="popover-input-page-count"
|
||||||
|
size="sm"></b-form-input>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
|
|
||||||
<b-form-group v-bind:label="$t('Meal_Plan')" label-for="popover-input-2" label-cols="6" class="mb-1">
|
<b-form-group v-bind:label="$t('Meal_Plan')" label-for="popover-input-2"
|
||||||
<b-form-checkbox switch v-model="ui.show_meal_plan" id="popover-input-2" size="sm"></b-form-checkbox>
|
label-cols="6" class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_meal_plan"
|
||||||
|
id="popover-input-2" size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
|
|
||||||
<b-form-group v-if="ui.show_meal_plan" v-bind:label="$t('Meal_Plan_Days')" label-for="popover-input-5" label-cols="6" class="mb-1">
|
<b-form-group v-if="ui.show_meal_plan"
|
||||||
<b-form-input type="number" v-model="ui.meal_plan_days" id="popover-input-5" size="sm"></b-form-input>
|
v-bind:label="$t('Meal_Plan_Days')"
|
||||||
|
label-for="popover-input-5" label-cols="6" class="mb-1">
|
||||||
|
<b-form-input type="number" v-model="ui.meal_plan_days"
|
||||||
|
id="popover-input-5" size="sm"></b-form-input>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
|
|
||||||
<b-form-group v-bind:label="$t('Sort_by_new')" label-for="popover-input-3" label-cols="6" class="mb-1">
|
<b-form-group v-bind:label="$t('Sort_by_new')"
|
||||||
<b-form-checkbox switch v-model="ui.sort_by_new" id="popover-input-3" size="sm"></b-form-checkbox>
|
label-for="popover-input-3" label-cols="6" class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.sort_by_new"
|
||||||
|
id="popover-input-3" size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<div class="row" style="margin-top: 1vh">
|
<div class="row" style="margin-top: 1vh">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<a :href="resolveDjangoUrl('view_settings') + '#search'">{{ $t("Search Settings") }}</a>
|
<a :href="resolveDjangoUrl('view_settings') + '#search'">{{
|
||||||
|
$t("Search Settings")
|
||||||
|
}}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</b-tab>
|
</b-tab>
|
||||||
<b-tab :title="$t('fields')" :title-link-class="['mx-0']" v-if="ui.enable_expert">
|
<b-tab :title="$t('fields')" :title-link-class="['mx-0']"
|
||||||
<b-form-group v-bind:label="$t('show_keywords')" label-for="popover-show_keywords" label-cols="8" class="mb-1">
|
v-if="ui.enable_expert">
|
||||||
<b-form-checkbox switch v-model="ui.show_keywords" id="popover-show_keywords" size="sm"></b-form-checkbox>
|
<b-form-group v-bind:label="$t('show_keywords')"
|
||||||
|
label-for="popover-show_keywords" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_keywords"
|
||||||
|
id="popover-show_keywords"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-bind:label="$t('show_foods')" label-for="popover-show_foods" label-cols="8" class="mb-1">
|
<b-form-group v-bind:label="$t('show_foods')"
|
||||||
<b-form-checkbox switch v-model="ui.show_foods" id="popover-show_foods" size="sm"></b-form-checkbox>
|
label-for="popover-show_foods" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_foods"
|
||||||
|
id="popover-show_foods"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-bind:label="$t('show_books')" label-for="popover-input-show_books" label-cols="8" class="mb-1">
|
<b-form-group v-bind:label="$t('show_books')"
|
||||||
<b-form-checkbox switch v-model="ui.show_books" id="popover-input-show_books" size="sm"></b-form-checkbox>
|
label-for="popover-input-show_books" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_books"
|
||||||
|
id="popover-input-show_books"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-bind:label="$t('show_rating')" label-for="popover-show_rating" label-cols="8" class="mb-1">
|
<b-form-group v-bind:label="$t('show_rating')"
|
||||||
<b-form-checkbox switch v-model="ui.show_rating" id="popover-show_rating" size="sm"></b-form-checkbox>
|
label-for="popover-show_rating" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_rating"
|
||||||
|
id="popover-show_rating"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('show_units')" label-for="popover-show_units" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('show_units')"
|
||||||
<b-form-checkbox switch v-model="ui.show_units" id="popover-show_units" size="sm"></b-form-checkbox>
|
label-for="popover-show_units" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_units"
|
||||||
|
id="popover-show_units"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('show_filters')" label-for="popover-show_filters" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('show_filters')"
|
||||||
<b-form-checkbox switch v-model="ui.show_filters" id="popover-show_filters" size="sm"></b-form-checkbox>
|
label-for="popover-show_filters" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_filters"
|
||||||
|
id="popover-show_filters"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('show_sortby')" label-for="popover-show_sortby" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('show_sortby')"
|
||||||
<b-form-checkbox switch v-model="ui.show_sortby" id="popover-show_sortby" size="sm"></b-form-checkbox>
|
label-for="popover-show_sortby" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_sortby"
|
||||||
|
id="popover-show_sortby"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('times_cooked')" label-for="popover-show_sortby" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('times_cooked')"
|
||||||
<b-form-checkbox switch v-model="ui.show_timescooked" id="popover-show_cooked" size="sm"></b-form-checkbox>
|
label-for="popover-show_sortby" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_timescooked"
|
||||||
|
id="popover-show_cooked"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('make_now')" label-for="popover-show_sortby" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('make_now')"
|
||||||
<b-form-checkbox switch v-model="ui.show_makenow" id="popover-show_makenow" size="sm"></b-form-checkbox>
|
label-for="popover-show_sortby" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_makenow"
|
||||||
|
id="popover-show_makenow"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('last_cooked')" label-for="popover-show_sortby" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.enable_expert" v-bind:label="$t('last_cooked')"
|
||||||
<b-form-checkbox switch v-model="ui.show_lastcooked" id="popover-show_lastcooked" size="sm"></b-form-checkbox>
|
label-for="popover-show_sortby" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.show_lastcooked"
|
||||||
|
id="popover-show_lastcooked"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
</b-tab>
|
</b-tab>
|
||||||
|
|
||||||
<b-tab :title="$t('advanced')" :title-link-class="['mx-0']">
|
<b-tab :title="$t('advanced')" :title-link-class="['mx-0']">
|
||||||
<b-form-group v-bind:label="$t('remember_search')" label-for="popover-rem-search" label-cols="8" class="mb-1">
|
<b-form-group v-bind:label="$t('remember_search')"
|
||||||
<b-form-checkbox switch v-model="ui.remember_search" id="popover-rem-search" size="sm"></b-form-checkbox>
|
label-for="popover-rem-search" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.remember_search"
|
||||||
|
id="popover-rem-search"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="ui.remember_search" v-bind:label="$t('remember_hours')" label-for="popover-input-rem-hours" label-cols="8" class="mb-1">
|
<b-form-group v-if="ui.remember_search"
|
||||||
<b-form-input type="number" v-model="ui.remember_hours" id="popover-rem-hours" size="sm"></b-form-input>
|
v-bind:label="$t('remember_hours')"
|
||||||
|
label-for="popover-input-rem-hours" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-input type="number" v-model="ui.remember_hours"
|
||||||
|
id="popover-rem-hours" size="sm"></b-form-input>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-bind:label="$t('tree_select')" label-for="popover-input-treeselect" label-cols="8" class="mb-1">
|
<b-form-group v-bind:label="$t('tree_select')"
|
||||||
<b-form-checkbox switch v-model="ui.tree_select" id="popover-input-treeselect" size="sm"></b-form-checkbox>
|
label-for="popover-input-treeselect" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.tree_select"
|
||||||
|
id="popover-input-treeselect"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-bind:label="$t('enable_expert')" label-for="popover-input-expert" label-cols="8" class="mb-1">
|
<b-form-group v-bind:label="$t('enable_expert')"
|
||||||
<b-form-checkbox switch v-model="ui.enable_expert" id="popover-input-expert" size="sm"></b-form-checkbox>
|
label-for="popover-input-expert" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.enable_expert"
|
||||||
|
id="popover-input-expert"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
<b-form-group v-if="debug" v-bind:label="$t('sql_debug')" label-for="popover-input-sqldebug" label-cols="8" class="mb-1">
|
<b-form-group v-if="debug" v-bind:label="$t('sql_debug')"
|
||||||
<b-form-checkbox switch v-model="ui.sql_debug" id="popover-input-sqldebug" size="sm"></b-form-checkbox>
|
label-for="popover-input-sqldebug" label-cols="8"
|
||||||
|
class="mb-1">
|
||||||
|
<b-form-checkbox switch v-model="ui.sql_debug"
|
||||||
|
id="popover-input-sqldebug"
|
||||||
|
size="sm"></b-form-checkbox>
|
||||||
</b-form-group>
|
</b-form-group>
|
||||||
</b-tab>
|
</b-tab>
|
||||||
</b-tabs>
|
</b-tabs>
|
||||||
|
|
||||||
<div class="row" style="margin-top: 1vh">
|
<div class="row" style="margin-top: 1vh">
|
||||||
<div class="col-12" style="text-align: right">
|
<div class="col-12" style="text-align: right">
|
||||||
<b-button size="sm" variant="secondary" style="margin-right: 8px" @click="$root.$emit('bv::hide::popover')">{{ $t("Close") }} </b-button>
|
<b-button size="sm" variant="secondary" style="margin-right: 8px"
|
||||||
|
@click="$root.$emit('bv::hide::popover')">{{ $t("Close") }}
|
||||||
|
</b-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</b-popover>
|
</b-popover>
|
||||||
@@ -184,16 +265,21 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- keywords filter -->
|
<!-- keywords filter -->
|
||||||
<h6 class="mb-0" v-if="search.expert_mode && search.keywords_fields > 1">{{ $t("Keywords") }}</h6>
|
<h6 class="mb-0" v-if="search.expert_mode && search.keywords_fields > 1">
|
||||||
|
{{ $t("Keywords") }}</h6>
|
||||||
<div class="row" v-if="ui.show_keywords">
|
<div class="row" v-if="ui.show_keywords">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<b-input-group class="mt-2" v-for="(k, a) in keywordFields" :key="a">
|
<b-input-group class="mt-2" v-for="(k, a) in keywordFields" :key="a">
|
||||||
<template #prepend v-if="search.expert_mode">
|
<template #prepend v-if="search.expert_mode">
|
||||||
<b-input-group-text style="width: 3em" @click="addField('keywords', k)">
|
<b-input-group-text style="width: 3em"
|
||||||
<i class="fas fa-plus-circle text-primary" v-if="k == search.keywords_fields && k < 4" />
|
@click="addField('keywords', k)">
|
||||||
|
<i class="fas fa-plus-circle text-primary"
|
||||||
|
v-if="k == search.keywords_fields && k < 4"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
<b-input-group-text style="width: 3em" @click="removeField('keywords', k)">
|
<b-input-group-text style="width: 3em"
|
||||||
<i class="fas fa-minus-circle text-primary" v-if="k == search.keywords_fields && k > 1" />
|
@click="removeField('keywords', k)">
|
||||||
|
<i class="fas fa-minus-circle text-primary"
|
||||||
|
v-if="k == search.keywords_fields && k > 1"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</template>
|
</template>
|
||||||
<treeselect
|
<treeselect
|
||||||
@@ -230,14 +316,20 @@
|
|||||||
switch
|
switch
|
||||||
style="width: 4em"
|
style="width: 4em"
|
||||||
>
|
>
|
||||||
<span class="text-uppercase" v-if="search.search_keywords[a].operator">{{ $t("or") }}</span>
|
<span class="text-uppercase"
|
||||||
|
v-if="search.search_keywords[a].operator">{{
|
||||||
|
$t("or")
|
||||||
|
}}</span>
|
||||||
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</b-input-group-append>
|
</b-input-group-append>
|
||||||
<b-input-group-append v-if="search.expert_mode">
|
<b-input-group-append v-if="search.expert_mode">
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_keywords[a].not" name="check-button" @change="refreshData(false)" class="shadow-none">
|
<b-form-checkbox v-model="search.search_keywords[a].not"
|
||||||
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none">
|
||||||
<span class="text-uppercase">{{ $t("not") }}</span>
|
<span class="text-uppercase">{{ $t("not") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
@@ -247,16 +339,21 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- foods filter -->
|
<!-- foods filter -->
|
||||||
<h6 class="mt-2 mb-0" v-if="search.expert_mode && search.foods_fields > 1">{{ $t("Foods") }}</h6>
|
<h6 class="mt-2 mb-0" v-if="search.expert_mode && search.foods_fields > 1">
|
||||||
|
{{ $t("Foods") }}</h6>
|
||||||
<div class="row" v-if="ui.show_foods">
|
<div class="row" v-if="ui.show_foods">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<b-input-group class="mt-2" v-for="(f, i) in foodFields" :key="i">
|
<b-input-group class="mt-2" v-for="(f, i) in foodFields" :key="i">
|
||||||
<template #prepend v-if="search.expert_mode">
|
<template #prepend v-if="search.expert_mode">
|
||||||
<b-input-group-text style="width: 3em" @click="addField('foods', f)">
|
<b-input-group-text style="width: 3em"
|
||||||
<i class="fas fa-plus-circle text-primary" v-if="f == search.foods_fields && f < 4" />
|
@click="addField('foods', f)">
|
||||||
|
<i class="fas fa-plus-circle text-primary"
|
||||||
|
v-if="f == search.foods_fields && f < 4"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
<b-input-group-text style="width: 3em" @click="removeField('foods', f)">
|
<b-input-group-text style="width: 3em"
|
||||||
<i class="fas fa-minus-circle text-primary" v-if="f == search.foods_fields && f > 1" />
|
@click="removeField('foods', f)">
|
||||||
|
<i class="fas fa-minus-circle text-primary"
|
||||||
|
v-if="f == search.foods_fields && f > 1"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</template>
|
</template>
|
||||||
<treeselect
|
<treeselect
|
||||||
@@ -285,15 +382,24 @@
|
|||||||
/>
|
/>
|
||||||
<b-input-group-append>
|
<b-input-group-append>
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_foods[i].operator" name="check-button" @change="refreshData(false)" class="shadow-none" switch style="width: 4em">
|
<b-form-checkbox v-model="search.search_foods[i].operator"
|
||||||
<span class="text-uppercase" v-if="search.search_foods[i].operator">{{ $t("or") }}</span>
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" switch style="width: 4em">
|
||||||
|
<span class="text-uppercase"
|
||||||
|
v-if="search.search_foods[i].operator">{{
|
||||||
|
$t("or")
|
||||||
|
}}</span>
|
||||||
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</b-input-group-append>
|
</b-input-group-append>
|
||||||
<b-input-group-append v-if="search.expert_mode">
|
<b-input-group-append v-if="search.expert_mode">
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_foods[i].not" name="check-button" @change="refreshData(false)" class="shadow-none">
|
<b-form-checkbox v-model="search.search_foods[i].not"
|
||||||
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none">
|
||||||
<span class="text-uppercase">{{ $t("not") }}</span>
|
<span class="text-uppercase">{{ $t("not") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
@@ -303,16 +409,21 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- books filter -->
|
<!-- books filter -->
|
||||||
<h6 class="mt-2 mb-0" v-if="search.expert_mode && search.books_fields > 1">{{ $t("Books") }}</h6>
|
<h6 class="mt-2 mb-0" v-if="search.expert_mode && search.books_fields > 1">
|
||||||
|
{{ $t("Books") }}</h6>
|
||||||
<div class="row" v-if="ui.show_books">
|
<div class="row" v-if="ui.show_books">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<b-input-group class="mt-2" v-for="(b, i) in bookFields" :key="i">
|
<b-input-group class="mt-2" v-for="(b, i) in bookFields" :key="i">
|
||||||
<template #prepend v-if="search.expert_mode">
|
<template #prepend v-if="search.expert_mode">
|
||||||
<b-input-group-text style="width: 3em" @click="addField('books', b)">
|
<b-input-group-text style="width: 3em"
|
||||||
<i class="fas fa-plus-circle text-primary" v-if="b == search.books_fields && b < 4" />
|
@click="addField('books', b)">
|
||||||
|
<i class="fas fa-plus-circle text-primary"
|
||||||
|
v-if="b == search.books_fields && b < 4"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
<b-input-group-text style="width: 3em" @click="removeField('books', b)">
|
<b-input-group-text style="width: 3em"
|
||||||
<i class="fas fa-minus-circle text-primary" v-if="b == search.books_fields && b > 1" />
|
@click="removeField('books', b)">
|
||||||
|
<i class="fas fa-minus-circle text-primary"
|
||||||
|
v-if="b == search.books_fields && b > 1"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</template>
|
</template>
|
||||||
<generic-multiselect
|
<generic-multiselect
|
||||||
@@ -326,15 +437,24 @@
|
|||||||
></generic-multiselect>
|
></generic-multiselect>
|
||||||
<b-input-group-append>
|
<b-input-group-append>
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_books[i].operator" name="check-button" @change="refreshData(false)" class="shadow-none" style="width: 4em" switch>
|
<b-form-checkbox v-model="search.search_books[i].operator"
|
||||||
<span class="text-uppercase" v-if="search.search_books[i].operator">{{ $t("or") }}</span>
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" style="width: 4em" switch>
|
||||||
|
<span class="text-uppercase"
|
||||||
|
v-if="search.search_books[i].operator">{{
|
||||||
|
$t("or")
|
||||||
|
}}</span>
|
||||||
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</b-input-group-append>
|
</b-input-group-append>
|
||||||
<b-input-group-append v-if="search.expert_mode">
|
<b-input-group-append v-if="search.expert_mode">
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_books[i].not" name="check-button" @change="refreshData(false)" class="shadow-none">
|
<b-form-checkbox v-model="search.search_books[i].not"
|
||||||
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none">
|
||||||
<span class="text-uppercase">{{ $t("not") }}</span>
|
<span class="text-uppercase">{{ $t("not") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
@@ -358,8 +478,12 @@
|
|||||||
/>
|
/>
|
||||||
<b-input-group-append>
|
<b-input-group-append>
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_rating_gte" name="check-button" @change="refreshData(false)" class="shadow-none" switch style="width: 4em">
|
<b-form-checkbox v-model="search.search_rating_gte"
|
||||||
<span class="text-uppercase" v-if="search.search_rating_gte">>=</span>
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" switch style="width: 4em">
|
||||||
|
<span class="text-uppercase"
|
||||||
|
v-if="search.search_rating_gte">>=</span>
|
||||||
<span class="text-uppercase" v-else><=</span>
|
<span class="text-uppercase" v-else><=</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
@@ -382,8 +506,13 @@
|
|||||||
></generic-multiselect>
|
></generic-multiselect>
|
||||||
<b-input-group-append>
|
<b-input-group-append>
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.search_units_or" name="check-button" @change="refreshData(false)" class="shadow-none" style="width: 4em" switch>
|
<b-form-checkbox v-model="search.search_units_or"
|
||||||
<span class="text-uppercase" v-if="search.search_units_or">{{ $t("or") }}</span>
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" style="width: 4em" switch>
|
||||||
|
<span class="text-uppercase" v-if="search.search_units_or">{{
|
||||||
|
$t("or")
|
||||||
|
}}</span>
|
||||||
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
<span class="text-uppercase" v-else>{{ $t("and") }}</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
@@ -393,17 +522,23 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- special switches -->
|
<!-- special switches -->
|
||||||
<div class="row g-0" v-if="ui.show_timescooked || ui.show_makenow || ui.show_lastcooked">
|
<div class="row g-0"
|
||||||
|
v-if="ui.show_timescooked || ui.show_makenow || ui.show_lastcooked">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<b-input-group class="mt-2">
|
<b-input-group class="mt-2">
|
||||||
<!-- times cooked -->
|
<!-- times cooked -->
|
||||||
<b-input-group-prepend is-text v-if="ui.show_timescooked">
|
<b-input-group-prepend is-text v-if="ui.show_timescooked">
|
||||||
{{ $t("times_cooked") }}
|
{{ $t("times_cooked") }}
|
||||||
</b-input-group-prepend>
|
</b-input-group-prepend>
|
||||||
<b-form-input id="timescooked" type="number" min="0" v-model="search.timescooked" v-if="ui.show_timescooked"></b-form-input>
|
<b-form-input id="timescooked" type="number" min="0"
|
||||||
|
v-model="search.timescooked"
|
||||||
|
v-if="ui.show_timescooked"></b-form-input>
|
||||||
<b-input-group-append v-if="ui.show_timescooked">
|
<b-input-group-append v-if="ui.show_timescooked">
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.timescooked_gte" name="check-button" @change="refreshData(false)" class="shadow-none" switch style="width: 4em">
|
<b-form-checkbox v-model="search.timescooked_gte"
|
||||||
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" switch style="width: 4em">
|
||||||
<span class="text-uppercase" v-if="search.timescooked_gte">>=</span>
|
<span class="text-uppercase" v-if="search.timescooked_gte">>=</span>
|
||||||
<span class="text-uppercase" v-else><=</span>
|
<span class="text-uppercase" v-else><=</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
@@ -422,7 +557,10 @@
|
|||||||
@input="refreshData(false)"
|
@input="refreshData(false)"
|
||||||
/>
|
/>
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
<b-form-checkbox v-model="search.lastcooked_gte" name="check-button" @change="refreshData(false)" class="shadow-none" switch style="width: 4em">
|
<b-form-checkbox v-model="search.lastcooked_gte"
|
||||||
|
name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" switch style="width: 4em">
|
||||||
<span class="text-uppercase" v-if="search.lastcooked_gte">>=</span>
|
<span class="text-uppercase" v-if="search.lastcooked_gte">>=</span>
|
||||||
<span class="text-uppercase" v-else><=</span>
|
<span class="text-uppercase" v-else><=</span>
|
||||||
</b-form-checkbox>
|
</b-form-checkbox>
|
||||||
@@ -432,18 +570,112 @@
|
|||||||
<b-input-group-append v-if="ui.show_makenow">
|
<b-input-group-append v-if="ui.show_makenow">
|
||||||
<b-input-group-text>
|
<b-input-group-text>
|
||||||
{{ $t("make_now") }}
|
{{ $t("make_now") }}
|
||||||
<b-form-checkbox v-model="search.makenow" name="check-button" @change="refreshData(false)" class="shadow-none" switch style="width: 4em" />
|
<b-form-checkbox v-model="search.makenow" name="check-button"
|
||||||
|
@change="refreshData(false)"
|
||||||
|
class="shadow-none" switch style="width: 4em"/>
|
||||||
</b-input-group-text>
|
</b-input-group-text>
|
||||||
</b-input-group-append>
|
</b-input-group-append>
|
||||||
</b-input-group>
|
</b-input-group>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="ui.enable_expert && searchFiltered(false)" class="row justify-content-end small">
|
<div class="row">
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
|
<div>
|
||||||
|
<span v-if="search.search_input"> Return all recipes that match <i>{{
|
||||||
|
search.search_input
|
||||||
|
}}</i> <br/>
|
||||||
|
</span>
|
||||||
|
<span v-else>
|
||||||
|
Return all recipes without a search term <br/>
|
||||||
|
</span>
|
||||||
|
<!-- TODO sentence connection depending if filters exist -->
|
||||||
|
|
||||||
|
<span
|
||||||
|
v-if="search.search_internal"> <b>and</b> are internal <br/></span>
|
||||||
|
|
||||||
|
<span v-for="k in search.search_keywords" v-bind:key="k.id">
|
||||||
|
<template v-if="k.items.length > 0">
|
||||||
|
<b>and</b>
|
||||||
|
<template v-if="k.not"> don't</template>
|
||||||
|
contain
|
||||||
|
<b v-if="k.operator">any</b><b v-else>all</b>
|
||||||
|
of the following keywords:
|
||||||
|
<span v-for="i in k.items" v-bind:key="i.id">{{ i.name }} </span>
|
||||||
|
<br/>
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-for="k in search.search_foods" v-bind:key="k.id">
|
||||||
|
<template v-if="k.items.length > 0">
|
||||||
|
<b>and</b>
|
||||||
|
<template v-if="k.not"> don't</template>
|
||||||
|
contain
|
||||||
|
<b v-if="k.operator">any</b><b v-else>all</b>
|
||||||
|
of the following foods:
|
||||||
|
<span v-for="i in k.items" v-bind:key="i.id">{{ i.name }} </span>
|
||||||
|
<br/>
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-for="k in search.search_books" v-bind:key="k.id">
|
||||||
|
<template v-if="k.items.length > 0">
|
||||||
|
<b>and</b>
|
||||||
|
<template v-if="k.not"> don't</template>
|
||||||
|
contain
|
||||||
|
<b v-if="k.operator">any</b><b v-else>all</b>
|
||||||
|
of the following books:
|
||||||
|
<span v-for="i in k.items" v-bind:key="i.id">{{ i.name }} </span>
|
||||||
|
<br/>
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-if="search.makenow"> <b>and</b> you can make right now (based on the on hand flag) <br/></span>
|
||||||
|
|
||||||
|
<span v-if="search.search_units.length > 0"> <b>and</b> contain <template
|
||||||
|
v-if="search.search_units_or">any of </template> the following units <template
|
||||||
|
v-for="u in search.search_units">{{ u.name }} </template><br/>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-if="search.search_rating !== undefined"> <b>and</b> have a rating <template
|
||||||
|
v-if="search.search_rating_gte">greater than</template><template
|
||||||
|
v-else> less than</template> {{ search.search_rating }}<br/>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-if="search.lastcooked !== undefined"> <b>and</b> have been last cooked <template
|
||||||
|
v-if="search.lastcooked_gte"> after</template><template
|
||||||
|
v-else> before</template> {{ search.lastcooked }}<br/>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-if="search.timescooked !== undefined"> <b>and</b> have been cooked <template
|
||||||
|
v-if="search.timescooked_gte"> at least</template><template
|
||||||
|
v-else> less than</template> {{ search.timescooked }} times <br/>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span v-if="search.sort_order"> <b>and</b> order them by <template
|
||||||
|
v-for="s in search.sort_order"> {{ s.text }}</template><br/>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div v-if="ui.enable_expert && searchFiltered(false)"
|
||||||
|
class="row justify-content-end small">
|
||||||
|
|
||||||
|
<div class="col-auto">
|
||||||
|
|
||||||
<b-button class="my-0" variant="link" size="sm" @click="saveSearch">
|
<b-button class="my-0" variant="link" size="sm" @click="saveSearch">
|
||||||
<div>{{ $t("save_filter") }}</div>
|
<div>{{ $t("save_filter") }}</div>
|
||||||
</b-button>
|
</b-button>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-if="ui.enable_expert" class="row justify-content-end small">
|
||||||
|
<div class="col-auto">
|
||||||
|
<b-button class="my-0" variant="link" size="sm"
|
||||||
|
@click="search.expert_mode = !search.expert_mode">
|
||||||
|
<div v-if="!expertMode">{{ $t("expert_mode") }}</div>
|
||||||
|
<div v-if="expertMode">{{ $t("simple_mode") }}</div>
|
||||||
|
</b-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -453,7 +685,8 @@
|
|||||||
|
|
||||||
<div class="row align-content-center">
|
<div class="row align-content-center">
|
||||||
<div class="col col-md-6" style="margin-top: 2vh">
|
<div class="col col-md-6" style="margin-top: 2vh">
|
||||||
<b-dropdown id="sortby" :text="sortByLabel" variant="link" toggle-class="text-decoration-none " class="m-0 p-0">
|
<b-dropdown id="sortby" :text="sortByLabel" variant="link" toggle-class="text-decoration-none "
|
||||||
|
class="m-0 p-0">
|
||||||
<div v-for="o in sortOptions" :key="o.id">
|
<div v-for="o in sortOptions" :key="o.id">
|
||||||
<b-dropdown-item
|
<b-dropdown-item
|
||||||
v-on:click="
|
v-on:click="
|
||||||
@@ -468,7 +701,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col col-md-6 text-right" style="margin-top: 2vh">
|
<div class="col col-md-6 text-right" style="margin-top: 2vh">
|
||||||
<span class="text-muted">
|
<span class="text-muted">
|
||||||
{{ $t("Page") }} {{ search.pagination_page }}/{{ Math.ceil(pagination_count / ui.page_size) }}
|
{{ $t("Page") }} {{ search.pagination_page }}/{{
|
||||||
|
Math.ceil(pagination_count / ui.page_size)
|
||||||
|
}}
|
||||||
<a href="#" @click="resetSearch()"><i class="fas fa-times-circle"></i> {{ $t("Reset") }}</a>
|
<a href="#" @click="resetSearch()"><i class="fas fa-times-circle"></i> {{ $t("Reset") }}</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -476,18 +711,24 @@
|
|||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col col-md-12">
|
<div class="col col-md-12">
|
||||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 0.8rem">
|
<div
|
||||||
|
style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 0.8rem">
|
||||||
<template v-if="searchFiltered()">
|
<template v-if="searchFiltered()">
|
||||||
<recipe-card v-bind:key="`mp_${m.id}`" v-for="m in meal_plans" :recipe="m.recipe" :meal_plan="m" :footer_text="m.meal_type_name" footer_icon="far fa-calendar-alt"></recipe-card>
|
<recipe-card v-bind:key="`mp_${m.id}`" v-for="m in meal_plans" :recipe="m.recipe"
|
||||||
|
:meal_plan="m" :footer_text="m.meal_type_name"
|
||||||
|
footer_icon="far fa-calendar-alt"></recipe-card>
|
||||||
</template>
|
</template>
|
||||||
<recipe-card v-for="r in recipes" v-bind:key="r.id" :recipe="r" :footer_text="isRecentOrNew(r)[0]" :footer_icon="isRecentOrNew(r)[1]"></recipe-card>
|
<recipe-card v-for="r in recipes" v-bind:key="r.id" :recipe="r"
|
||||||
|
:footer_text="isRecentOrNew(r)[0]"
|
||||||
|
:footer_icon="isRecentOrNew(r)[1]"></recipe-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row" style="margin-top: 2vh" v-if="!random_search">
|
<div class="row" style="margin-top: 2vh" v-if="!random_search">
|
||||||
<div class="col col-md-12">
|
<div class="col col-md-12">
|
||||||
<b-pagination pills v-model="search.pagination_page" :total-rows="pagination_count" :per-page="ui.page_size" @change="pageChange" align="center"></b-pagination>
|
<b-pagination pills v-model="search.pagination_page" :total-rows="pagination_count"
|
||||||
|
:per-page="ui.page_size" @change="pageChange" align="center"></b-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -556,9 +797,9 @@ export default {
|
|||||||
{items: [], operator: true, not: false},
|
{items: [], operator: true, not: false},
|
||||||
],
|
],
|
||||||
search_units: [],
|
search_units: [],
|
||||||
|
search_units_or: true,
|
||||||
search_rating: undefined,
|
search_rating: undefined,
|
||||||
search_rating_gte: true,
|
search_rating_gte: true,
|
||||||
search_units_or: true,
|
|
||||||
search_filter: undefined,
|
search_filter: undefined,
|
||||||
timescooked: undefined,
|
timescooked: undefined,
|
||||||
timescooked_gte: true,
|
timescooked_gte: true,
|
||||||
@@ -950,7 +1191,8 @@ export default {
|
|||||||
},
|
},
|
||||||
showSQL: function () {
|
showSQL: function () {
|
||||||
let params = this.buildParams()
|
let params = this.buildParams()
|
||||||
this.genericAPI(this.Models.RECIPE, this.Actions.LIST, params).then((result) => {})
|
this.genericAPI(this.Models.RECIPE, this.Actions.LIST, params).then((result) => {
|
||||||
|
})
|
||||||
},
|
},
|
||||||
// TODO refactor to combine with load KeywordChildren
|
// TODO refactor to combine with load KeywordChildren
|
||||||
loadFoodChildren({action, parentNode, callback}) {
|
loadFoodChildren({action, parentNode, callback}) {
|
||||||
@@ -1108,10 +1350,12 @@ export default {
|
|||||||
height: 44px;
|
height: 44px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.multiselect__tags {
|
.multiselect__tags {
|
||||||
border-radius: 0px !important;
|
border-radius: 0px !important;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* copied from vue-multiselect */
|
/* copied from vue-multiselect */
|
||||||
.vue-treeselect__placeholder {
|
.vue-treeselect__placeholder {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -1121,6 +1365,7 @@ export default {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* copied from vue-multiselect */
|
/* copied from vue-multiselect */
|
||||||
.vue-treeselect__control-arrow-container {
|
.vue-treeselect__control-arrow-container {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
|||||||
Reference in New Issue
Block a user