diff options
| author | xengineering <me@xengineering.eu> | 2023-04-23 22:01:50 +0200 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2023-04-23 22:01:50 +0200 |
| commit | 205a36008672c7137e9190f243a9ba137d679e11 (patch) | |
| tree | c274850cfd3d02938cb5f280b00de23fc8903a9e /data/templates/recipe_edit.html | |
| parent | 0543c1cc8b7d210079e8de730d6eba9d9d4b878e (diff) | |
| download | ceres-205a36008672c7137e9190f243a9ba137d679e11.tar ceres-205a36008672c7137e9190f243a9ba137d679e11.tar.zst ceres-205a36008672c7137e9190f243a9ba137d679e11.zip | |
Replace JavaScript on edit page by form
This is actually possible when using <textarea> instead of <pre>. With
this change the recipe server has full support for browsers without
JavaScript.
Diffstat (limited to 'data/templates/recipe_edit.html')
| -rw-r--r-- | data/templates/recipe_edit.html | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/data/templates/recipe_edit.html b/data/templates/recipe_edit.html index fc1d74c..6ef41f8 100644 --- a/data/templates/recipe_edit.html +++ b/data/templates/recipe_edit.html @@ -14,18 +14,13 @@ </header> <main> - <pre contenteditable="true" id="editor">{{.Text}}</pre> - <button onclick="save()">save</button> - <a href="/recipe?id={{.Id}}"><button>back</button></a> + <form action="/recipe/edit" method="POST"> + <input type="hidden" name="id" value="{{.Id}}" /> + <textarea style="resize:none;font-family:monospace, monospace;font-size: 1rem;" rows="18" wrap="soft" name="text">{{.Text}}</textarea> + <button type="submit">save</button> + <a href="/recipe?id={{.Id}}"><button type="button">cancel</button></a> + </form> {{ template "footer.html" }} </main> - - <script> - function save() { - const xhttp = new XMLHttpRequest(); - xhttp.open("POST", "/recipe/edit?id={{.Id}}", true); - xhttp.send(document.getElementById('editor').innerText); - } - </script> </body> </html> |