diff options
| author | xengineering <me@xengineering.eu> | 2024-05-12 20:20:14 +0200 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2024-05-12 20:20:14 +0200 |
| commit | 64ece1c4455ed6f8e8be5cb8f060f14b6131823f (patch) | |
| tree | 2f9267febeebd4e1e2f7d3b83076edb323504470 | |
| parent | f2800e8289e9637bb3227a5f9622edabf6529b0f (diff) | |
| download | ceres-64ece1c4455ed6f8e8be5cb8f060f14b6131823f.tar ceres-64ece1c4455ed6f8e8be5cb8f060f14b6131823f.tar.zst ceres-64ece1c4455ed6f8e8be5cb8f060f14b6131823f.zip | |
view: Create new html/recipe-step.html
This allows to use it in two places:
- template for loop for backend-generated steps
- a HTML template tag for frontend- / JS-generated steps
| -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 fb9cf74..5467895 100644 --- a/view/html/recipe-edit.html +++ b/view/html/recipe-edit.html @@ -16,11 +16,7 @@ <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}} - <section> - <textarea rows="4" cols="50" placeholder="Step description">{{.Text}}</textarea> - <button type="button" onclick="parentNode.remove();">remove</button> - </section>{{end}} + <div id="steps">{{range .Steps}}{{template "recipe-step" .}}{{end}} </div> <button type="button" onclick="addNewStep();">add step</button> diff --git a/view/html/recipe-step.html b/view/html/recipe-step.html new file mode 100644 index 0000000..96fbb48 --- /dev/null +++ b/view/html/recipe-step.html @@ -0,0 +1,6 @@ +{{define "recipe-step"}} + <section> + <textarea rows="4" cols="50" placeholder="Step description">{{.Text}}</textarea> + <button type="button" onclick="parentNode.remove();">remove</button> + </section> +{{end}} |