cosmetic changes to inputfields
This commit is contained in:
parent
88e38c4a41
commit
87776c69e4
1 changed files with 14 additions and 15 deletions
|
@ -129,12 +129,12 @@
|
||||||
class="sectionTitle"
|
class="sectionTitle"
|
||||||
/>
|
/>
|
||||||
<GridLayout
|
<GridLayout
|
||||||
columns="auto,8,auto,8,*,8,auto"
|
columns="auto,8,auto,8,*,auto"
|
||||||
v-for="(ingredient, index) in recipe.ingredients"
|
v-for="(ingredient, index) in recipe.ingredients"
|
||||||
:key="'ing' + index"
|
:key="'ing' + index"
|
||||||
>
|
>
|
||||||
<TextField
|
<TextField
|
||||||
width="60"
|
width="52"
|
||||||
@loaded="!recipe.ingredients[index].item && focusField($event)"
|
@loaded="!recipe.ingredients[index].item && focusField($event)"
|
||||||
v-model="recipe.ingredients[index].quantity"
|
v-model="recipe.ingredients[index].quantity"
|
||||||
hint="1.00"
|
hint="1.00"
|
||||||
|
@ -143,7 +143,7 @@
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
width="76"
|
width="68"
|
||||||
col="2"
|
col="2"
|
||||||
:text="`${recipe.ingredients[index].unit}` | L"
|
:text="`${recipe.ingredients[index].unit}` | L"
|
||||||
editable="false"
|
editable="false"
|
||||||
|
@ -161,9 +161,8 @@
|
||||||
index + 1 == recipe.ingredients.length && addIngredient()
|
index + 1 == recipe.ingredients.length && addIngredient()
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Button
|
<Button
|
||||||
col="6"
|
col="5"
|
||||||
class="ico x"
|
class="ico x"
|
||||||
:text="icon.x"
|
:text="icon.x"
|
||||||
@tap="removeIngredient(index)"
|
@tap="removeIngredient(index)"
|
||||||
|
@ -180,7 +179,7 @@
|
||||||
class="sectionTitle"
|
class="sectionTitle"
|
||||||
/>
|
/>
|
||||||
<GridLayout
|
<GridLayout
|
||||||
columns="*,8,auto"
|
columns="*,auto"
|
||||||
v-for="(instruction, index) in recipe.instructions"
|
v-for="(instruction, index) in recipe.instructions"
|
||||||
:key="'ins' + index"
|
:key="'ins' + index"
|
||||||
>
|
>
|
||||||
|
@ -190,7 +189,7 @@
|
||||||
v-model="recipe.instructions[index]"
|
v-model="recipe.instructions[index]"
|
||||||
/>
|
/>
|
||||||
<Button
|
<Button
|
||||||
col="2"
|
col="1"
|
||||||
class="ico x"
|
class="ico x"
|
||||||
:text="icon.x"
|
:text="icon.x"
|
||||||
@tap="removeInstruction(index)"
|
@tap="removeInstruction(index)"
|
||||||
|
@ -207,7 +206,7 @@
|
||||||
class="sectionTitle"
|
class="sectionTitle"
|
||||||
/>
|
/>
|
||||||
<GridLayout
|
<GridLayout
|
||||||
columns="*,8,auto"
|
columns="*,auto"
|
||||||
v-for="(combination, index) in recipe.combinations"
|
v-for="(combination, index) in recipe.combinations"
|
||||||
:key="'cmbs' + index"
|
:key="'cmbs' + index"
|
||||||
>
|
>
|
||||||
|
@ -217,7 +216,7 @@
|
||||||
editable="false"
|
editable="false"
|
||||||
/>
|
/>
|
||||||
<Button
|
<Button
|
||||||
col="2"
|
col="1"
|
||||||
class="ico x"
|
class="ico x"
|
||||||
:text="icon.x"
|
:text="icon.x"
|
||||||
@tap="removeCombination(combination)"
|
@tap="removeCombination(combination)"
|
||||||
|
@ -231,7 +230,7 @@
|
||||||
<!-- NOTES -->
|
<!-- NOTES -->
|
||||||
<Label :text="getTitleCount('nos', 'notes')" class="sectionTitle" />
|
<Label :text="getTitleCount('nos', 'notes')" class="sectionTitle" />
|
||||||
<GridLayout
|
<GridLayout
|
||||||
columns="*,8,auto"
|
columns="*,auto"
|
||||||
v-for="(note, index) in recipe.notes"
|
v-for="(note, index) in recipe.notes"
|
||||||
:key="'nos' + index"
|
:key="'nos' + index"
|
||||||
>
|
>
|
||||||
|
@ -241,7 +240,7 @@
|
||||||
v-model="recipe.notes[index]"
|
v-model="recipe.notes[index]"
|
||||||
/>
|
/>
|
||||||
<Button
|
<Button
|
||||||
col="2"
|
col="1"
|
||||||
class="ico x"
|
class="ico x"
|
||||||
:text="icon.x"
|
:text="icon.x"
|
||||||
@tap="removeNote(index)"
|
@tap="removeNote(index)"
|
||||||
|
@ -691,7 +690,7 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.recipe.ingredients.splice(index, 1);
|
this.recipe.ingredients.splice(index, 1);
|
||||||
}
|
}
|
||||||
setTimeout((e) => (this.modalOpen = false), 200);
|
setTimeout(() => (this.modalOpen = false), 200);
|
||||||
},
|
},
|
||||||
addInstruction() {
|
addInstruction() {
|
||||||
this.recipe.instructions.push("");
|
this.recipe.instructions.push("");
|
||||||
|
@ -761,7 +760,7 @@ export default {
|
||||||
let binarySource = File.fromPath(this.cacheImagePath).readSync();
|
let binarySource = File.fromPath(this.cacheImagePath).readSync();
|
||||||
File.fromPath(recipeImage).writeSync(binarySource);
|
File.fromPath(recipeImage).writeSync(binarySource);
|
||||||
this.recipe.imageSrc = recipeImage;
|
this.recipe.imageSrc = recipeImage;
|
||||||
knownFolders.temp().clear()
|
knownFolders.temp().clear();
|
||||||
}
|
}
|
||||||
if (this.recipe.imageSrc) {
|
if (this.recipe.imageSrc) {
|
||||||
if (
|
if (
|
||||||
|
@ -870,7 +869,7 @@ export default {
|
||||||
if (type) this.setInputTypeText(args, type);
|
if (type) this.setInputTypeText(args, type);
|
||||||
if (!args.object.text) {
|
if (!args.object.text) {
|
||||||
args.object.focus();
|
args.object.focus();
|
||||||
setTimeout((e) => Utils.ad.showSoftInput(args.object.android), 100);
|
setTimeout(() => Utils.ad.showSoftInput(args.object.android), 100);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
setInputTypeText(args, type) {
|
setInputTypeText(args, type) {
|
||||||
|
@ -978,7 +977,7 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
setTimeout((e) => {
|
setTimeout(() => {
|
||||||
this.setComponent("EditRecipe");
|
this.setComponent("EditRecipe");
|
||||||
}, 500);
|
}, 500);
|
||||||
this.title = this.recipeID ? "editRec" : "newRec";
|
this.title = this.recipeID ? "editRec" : "newRec";
|
||||||
|
|
Loading…
Reference in a new issue