Add indicators to forms
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
143bbed55a
commit
b5b52809b4
2 changed files with 4 additions and 2 deletions
|
@ -19,13 +19,14 @@
|
||||||
</markdown>
|
</markdown>
|
||||||
</fill:subtitle>
|
</fill:subtitle>
|
||||||
<fill:description>
|
<fill:description>
|
||||||
<form hx-post="/api/page-idea" hx-target="#page-idea-result">
|
<form hx-post="/api/page-idea" hx-target="#page-idea-result" hx-indicator="#page-idea-indicator">
|
||||||
<label for="page-idea">
|
<label for="page-idea">
|
||||||
What should we put on page 4 of The SANDWICH?
|
What should we put on page 4 of The SANDWICH?
|
||||||
</label><br>
|
</label><br>
|
||||||
<textarea name="page-idea" id="page-idea"></textarea>
|
<textarea name="page-idea" id="page-idea"></textarea>
|
||||||
<input type="submit" value="Submit Idea!">
|
<input type="submit" value="Submit Idea!">
|
||||||
</form>
|
</form>
|
||||||
|
<img id="page-idea-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
|
||||||
<div id="page-idea-result"></div>
|
<div id="page-idea-result"></div>
|
||||||
</fill:description>
|
</fill:description>
|
||||||
</x-project>
|
</x-project>
|
||||||
|
|
|
@ -197,13 +197,14 @@
|
||||||
</fill:subtitle>
|
</fill:subtitle>
|
||||||
<fill:description>
|
<fill:description>
|
||||||
<markdown>Nobody knows what this project is gonna be. The creator, Josh, won't tell anyone.</markdown>
|
<markdown>Nobody knows what this project is gonna be. The creator, Josh, won't tell anyone.</markdown>
|
||||||
<form hx-post="/api/speculate" hx-target="#speculation-result">
|
<form hx-post="/api/speculate" hx-target="#speculation-result" hx-indicator="#speculation-indicator">
|
||||||
<label for="speculation">
|
<label for="speculation">
|
||||||
Speculate about the <i>secret</i> project below:
|
Speculate about the <i>secret</i> project below:
|
||||||
</label><br>
|
</label><br>
|
||||||
<textarea name="speculation" id="speculation"></textarea>
|
<textarea name="speculation" id="speculation"></textarea>
|
||||||
<input type="submit" value="Speculate!">
|
<input type="submit" value="Speculate!">
|
||||||
</form>
|
</form>
|
||||||
|
<img id="speculation-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
|
||||||
<div id="speculation-result"></div>
|
<div id="speculation-result"></div>
|
||||||
</fill:description>
|
</fill:description>
|
||||||
</x-project>
|
</x-project>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue