diff options
Diffstat (limited to 'view/html')
| -rw-r--r-- | view/html/recipe-edit.html | 3 | ||||
| -rw-r--r-- | view/html/recipe-ingredient.html | 6 | ||||
| -rw-r--r-- | view/html/recipe-step.html | 3 |
3 files changed, 8 insertions, 4 deletions
diff --git a/view/html/recipe-edit.html b/view/html/recipe-edit.html index c46bbd4..f8a6bd9 100644 --- a/view/html/recipe-edit.html +++ b/view/html/recipe-edit.html @@ -30,6 +30,9 @@ <template id="recipe-step-template"> {{template "recipe-step"}} </template> + <template id="recipe-ingredient-template"> +{{template "recipe-ingredient"}} + </template> <script src="/static/view/static/ceres.js"></script> </body> </html> diff --git a/view/html/recipe-ingredient.html b/view/html/recipe-ingredient.html index 9ea90be..e925737 100644 --- a/view/html/recipe-ingredient.html +++ b/view/html/recipe-ingredient.html @@ -1,6 +1,6 @@ {{define "recipe-ingredient"}} <p> - <input type="text" placeholder="Amount" value="{{.Amount}}"> - <input type="text" placeholder="Unit" value="{{.Unit}}"> - <input type="text" placeholder="Type" value="{{.Type}}"> + <input class="amount" type="text" placeholder="Amount" value="{{.Amount}}"> + <input class="unit" type="text" placeholder="Unit" value="{{.Unit}}"> + <input class="type" type="text" placeholder="Type" value="{{.Type}}"> <button type="button" onclick="parentNode.remove();">remove ingredient</button> </p>{{end}} diff --git a/view/html/recipe-step.html b/view/html/recipe-step.html index 3fd22a7..13c0bb7 100644 --- a/view/html/recipe-step.html +++ b/view/html/recipe-step.html @@ -1,7 +1,8 @@ {{define "recipe-step"}} <section> <textarea rows="4" cols="50" placeholder="Step description">{{.Text}}</textarea> - <div>{{range .Ingredients}} + <div class="ingredients">{{range .Ingredients}} {{ template "recipe-ingredient" . }}{{end}} </div> + <button type="button" onclick="addNewIngredient(this);">add ingredient</button> <button type="button" onclick="parentNode.remove();">remove step</button> </section>{{end}} |