diff options
| author | xengineering <me@xengineering.eu> | 2024-05-12 20:38:24 +0200 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2024-05-12 20:38:24 +0200 |
| commit | fec2fea87615e6ee3a6e73f7f98e021eee1b7098 (patch) | |
| tree | 7eec27ba0c4a1cfaccc18e0f3018cece9d9b9a6f /view/html | |
| parent | 64ece1c4455ed6f8e8be5cb8f060f14b6131823f (diff) | |
| download | ceres-fec2fea87615e6ee3a6e73f7f98e021eee1b7098.tar ceres-fec2fea87615e6ee3a6e73f7f98e021eee1b7098.tar.zst ceres-fec2fea87615e6ee3a6e73f7f98e021eee1b7098.zip | |
view: Use HTML template to add recipe steps
This makes the JS function way simpler and removes a duplication of the
step HTML code.
Diffstat (limited to 'view/html')
| -rw-r--r-- | view/html/recipe-edit.html | 6 | ||||
| -rw-r--r-- | view/html/recipe-step.html | 6 |
2 files changed, 7 insertions, 5 deletions
diff --git a/view/html/recipe-edit.html b/view/html/recipe-edit.html index 5467895..c46bbd4 100644 --- a/view/html/recipe-edit.html +++ b/view/html/recipe-edit.html @@ -16,7 +16,8 @@ <p><input type="text" name="url" value="{{.Url}}" placeholder="URL"></p> <p><textarea name="notes" rows="4" cols="50" placeholder="Notes">{{.Notes}}</textarea></p> - <div id="steps">{{range .Steps}}{{template "recipe-step" .}}{{end}} + <div id="steps">{{range .Steps}} +{{template "recipe-step" .}}{{end}} </div> <button type="button" onclick="addNewStep();">add step</button> @@ -26,6 +27,9 @@ </form> </main> {{ template "footer" }} + <template id="recipe-step-template"> +{{template "recipe-step"}} + </template> <script src="/static/view/static/ceres.js"></script> </body> </html> diff --git a/view/html/recipe-step.html b/view/html/recipe-step.html index 96fbb48..8008d9c 100644 --- a/view/html/recipe-step.html +++ b/view/html/recipe-step.html @@ -1,6 +1,4 @@ -{{define "recipe-step"}} - <section> +{{define "recipe-step"}} <section> <textarea rows="4" cols="50" placeholder="Step description">{{.Text}}</textarea> <button type="button" onclick="parentNode.remove();">remove</button> - </section> -{{end}} + </section>{{end}} |