michael/enrecipes
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

cosmetic changes to inputfields

Browse source
This commit is contained in:
vishnuraghavb 2021-04-21 16:01:14 +05:30
parent 88e38c4a41
commit 87776c69e4
1 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/components/EditRecipe.vue
View file

@ -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";