diff options
| author | Daniel Baumann <daniel@debian.org> | 2024-10-18 20:33:49 +0200 |
|---|---|---|
| committer | Daniel Baumann <daniel@debian.org> | 2024-12-12 23:57:56 +0100 |
| commit | e68b9d00a6e05b3a941f63ffb696f91e554ac5ec (patch) | |
| tree | 97775d6c13b0f416af55314eb6a89ef792474615 /templates/devtest/fetch-action.tmpl | |
| parent | Initial commit. (diff) | |
| download | forgejo-e68b9d00a6e05b3a941f63ffb696f91e554ac5ec.tar.xz forgejo-e68b9d00a6e05b3a941f63ffb696f91e554ac5ec.zip | |
Adding upstream version 9.0.3.
Signed-off-by: Daniel Baumann <daniel@debian.org>
Diffstat (limited to '')
| -rw-r--r-- | templates/devtest/fetch-action.tmpl | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/templates/devtest/fetch-action.tmpl b/templates/devtest/fetch-action.tmpl new file mode 100644 index 0000000..be15a53 --- /dev/null +++ b/templates/devtest/fetch-action.tmpl @@ -0,0 +1,44 @@ +{{template "base/head" .}} +<div class="page-content devtest ui container"> + {{template "base/alert" .}} + <div> + <h1>link-action</h1> + <div> + Use "window.fetch" to send a request to backend, the request is defined in an "A" or "BUTTON" element. + It might be renamed to "link-fetch-action" to match the "form-fetch-action". + </div> + <div> + <button class="link-action" data-url="fetch-action-test?k=1">test action</button> + <button class="link-action" data-url="fetch-action-test?k=1" data-modal-confirm="confirm?">test with confirm</button> + <button class="ui red button link-action" data-url="fetch-action-test?k=1" data-modal-confirm="confirm?">test with risky confirm</button> + </div> + </div> + <div> + <h1>form-fetch-action</h1> + <div>Use "window.fetch" to send a form request to backend</div> + <div> + <form method="get" action="fetch-action-test?k=1" class="form-fetch-action"> + <button name="btn">submit get</button> + </form> + <form method="post" action="fetch-action-test?k=1" class="form-fetch-action"> + <div><textarea name="text" rows="3" class="js-quick-submit"></textarea></div> + <div><label><input name="check" type="checkbox"> check</label></div> + <div><button name="btn">submit post</button></div> + </form> + <form method="post" action="no-such-uri" class="form-fetch-action"> + <div class="tw-py-8">bad action url</div> + <div><button name="btn">submit test</button></div> + </form> + </div> + </div> +</div> +<style> + .ui.message.flash-message { + text-align: left; + } + .form-fetch-action { + margin-bottom: 1em; + border: 1px red dashed; /* show the border for demo purpose */ + } +</style> +{{template "base/footer" .}} |