show order and add property types from property editor

This commit is contained in:
vabene1111 2023-12-02 20:37:23 +01:00
parent f3e11e6358
commit 21653465e0
3 changed files with 18 additions and 5 deletions

View File

@ -43,7 +43,7 @@ router.register(r'recipe', api.RecipeViewSet)
router.register(r'recipe-book', api.RecipeBookViewSet) router.register(r'recipe-book', api.RecipeBookViewSet)
router.register(r'recipe-book-entry', api.RecipeBookEntryViewSet) router.register(r'recipe-book-entry', api.RecipeBookEntryViewSet)
router.register(r'unit-conversion', api.UnitConversionViewSet) router.register(r'unit-conversion', api.UnitConversionViewSet)
router.register(r'food-property-type', api.PropertyTypeViewSet) router.register(r'food-property-type', api.PropertyTypeViewSet) # TODO rename + regenerate
router.register(r'food-property', api.PropertyViewSet) router.register(r'food-property', api.PropertyViewSet)
router.register(r'shopping-list', api.ShoppingListViewSet) router.register(r'shopping-list', api.ShoppingListViewSet)
router.register(r'shopping-list-entry', api.ShoppingListEntryViewSet) router.register(r'shopping-list-entry', api.ShoppingListEntryViewSet)

View File

@ -19,7 +19,7 @@
<div class="col col-12"> <div class="col col-12">
<b-button variant="success" href="https://fdc.nal.usda.gov/index.html" target="_blank"><i class="fas fa-external-link-alt"></i> {{$t('FDC_Search')}}</b-button> <b-button variant="success" href="https://fdc.nal.usda.gov/index.html" target="_blank"><i class="fas fa-external-link-alt"></i> {{$t('FDC_Search')}}</b-button>
<table class="table table-sm table-bordered table-responsive mt-2"> <table class="table table-sm table-bordered table-responsive mt-2 pb-5">
<thead> <thead>
<tr> <tr>
<td>{{ $t('Name') }}</td> <td>{{ $t('Name') }}</td>
@ -29,10 +29,14 @@
<td v-for="pt in property_types" v-bind:key="pt.id"> <td v-for="pt in property_types" v-bind:key="pt.id">
<b-button variant="primary" @click="editing_property_type = pt" class="btn-block">{{ pt.name }} <b-button variant="primary" @click="editing_property_type = pt" class="btn-block">{{ pt.name }}
<span v-if="pt.unit !== ''">({{ pt.unit }}) </span> <br/> <span v-if="pt.unit !== ''">({{ pt.unit }}) </span> <br/>
<b-badge variant="light" ><i class="fas fa-sort-amount-down-alt"></i> {{ pt.order}}</b-badge>
<b-badge variant="success" v-if="pt.fdc_id > 0" class="mt-2" v-b-tooltip.hover :title="$t('property_type_fdc_hint')"><i class="fas fa-check"></i> FDC</b-badge> <b-badge variant="success" v-if="pt.fdc_id > 0" class="mt-2" v-b-tooltip.hover :title="$t('property_type_fdc_hint')"><i class="fas fa-check"></i> FDC</b-badge>
<b-badge variant="warning" v-if="pt.fdc_id < 1" class="mt-2" v-b-tooltip.hover :title="$t('property_type_fdc_hint')"><i class="fas fa-times"></i> FDC</b-badge> <b-badge variant="warning" v-if="pt.fdc_id < 1" class="mt-2" v-b-tooltip.hover :title="$t('property_type_fdc_hint')"><i class="fas fa-times"></i> FDC</b-badge>
</b-button> </b-button>
</td> </td>
<td>
<b-button variant="success" @click="new_property_type = true"><i class="fas fa-plus"></i></b-button>
</td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -40,11 +44,12 @@
<td> <td>
{{ f.name }} {{ f.name }}
</td> </td>
<td style="width: 11em;"> <td style="width: 15em;">
<b-input-group> <b-input-group>
<b-form-input v-model="f.fdc_id" type="number" @change="updateFood(f)" :disabled="f.loading"></b-form-input> <b-form-input v-model="f.fdc_id" type="number" @change="updateFood(f)" :disabled="f.loading"></b-form-input>
<b-input-group-append> <b-input-group-append>
<b-button variant="success" @click="updateFoodFromFDC(f)" :disabled="f.loading"><i class="fas fa-sync-alt" :class="{'fa-spin': loading}"></i></b-button> <b-button variant="success" @click="updateFoodFromFDC(f)" :disabled="f.loading"><i class="fas fa-sync-alt" :class="{'fa-spin': loading}"></i></b-button>
<b-button variant="info" :href="`https://fdc.nal.usda.gov/fdc-app.html#/food-details/${f.fdc_id}`" :disabled="f.fdc_id < 1" target="_blank"><i class="fas fa-external-link-alt"></i></b-button>
</b-input-group-append> </b-input-group-append>
</b-input-group> </b-input-group>
@ -52,7 +57,7 @@
<td style="width: 5em; "> <td style="width: 5em; ">
<b-input v-model="f.properties_food_amount" type="number" @change="updateFood(f)" :disabled="f.loading"></b-input> <b-input v-model="f.properties_food_amount" type="number" @change="updateFood(f)" :disabled="f.loading"></b-input>
</td> </td>
<td style="width: 8em;"> <td style="width: 11em;">
<generic-multiselect <generic-multiselect
@change="f.properties_food_unit = $event.val; updateFood(f)" @change="f.properties_food_unit = $event.val; updateFood(f)"
:initial_single_selection="f.properties_food_unit" :initial_single_selection="f.properties_food_unit"
@ -80,6 +85,13 @@
@finish-action="editing_property_type = null; loadData()"> @finish-action="editing_property_type = null; loadData()">
</generic-modal-form> </generic-modal-form>
<generic-modal-form
:show="new_property_type"
:model="Models.PROPERTY_TYPE"
:action="Actions.CREATE"
@finish-action="new_property_type = false; loadData()">
</generic-modal-form>
</div> </div>
</div> </div>
</template> </template>
@ -112,6 +124,7 @@ export default {
recipe: null, recipe: null,
property_types: [], property_types: [],
editing_property_type: null, editing_property_type: null,
new_property_type: false,
loading: false, loading: false,
foods: [], foods: [],
} }

View File

@ -14,7 +14,7 @@ export default {
props: { props: {
field: { type: String, default: "You Forgot To Set Field Name" }, field: { type: String, default: "You Forgot To Set Field Name" },
label: { type: String, default: "Text Field" }, label: { type: String, default: "Text Field" },
value: { type: String, default: "" }, value: { type: Number, default: 0 },
placeholder: { type: Number, default: 0 }, placeholder: { type: Number, default: 0 },
help: { type: String, default: undefined }, help: { type: String, default: undefined },
subtitle: { type: String, default: undefined }, subtitle: { type: String, default: undefined },