mirror of
https://github.com/go-gitea/gitea.git
synced 2024-12-14 20:34:07 +01:00
c1331d1f7a
# Preview Tab - Removed the jQuery AJAX call and replaced with our fetch wrapper - Tested the preview tab functionality and it works as before # Diff Tab - Removed the jQuery AJAX call and replaced with htmx - Tested the diff tab functionality and it works as before ## htmx Attributes - `hx-post="{{.RepoLink}}..."`: make a POST request to the endpoint - `hx-indicator=".tab[data-tab='diff']"`: attach the loading indicator to the tab body - `hx-target=".tab[data-tab='diff']"`: target the tab body for swapping with the response - `hx-swap="innerHTML"`: swap the target's inner HTML - `hx-include="#edit_area"`: include the value of the textarea (content) in the request body - `hx-vals='{"context":"{{.BranchLink}}"}'`: include the context in the request body - `hx-params="context,content"`: include only these keys in the request body # Demo using `fetch` and `htmx` instead of jQuery AJAX ![demo](https://github.com/go-gitea/gitea/assets/20454870/585cd6e8-f329-4c9e-ab53-a540acbd7988) --------- Signed-off-by: Yarden Shoham <git@yardenshoham.com> Co-authored-by: silverwind <me@silverwind.io> |
||
---|---|---|
.. | ||
components | ||
features | ||
markup | ||
modules | ||
render | ||
standalone | ||
utils | ||
vendor | ||
webcomponents | ||
bootstrap.js | ||
bootstrap.test.js | ||
htmx.js | ||
index.js | ||
jquery.js | ||
svg.js | ||
svg.test.js | ||
utils.js | ||
utils.test.js | ||
vitest.setup.js |