summaryrefslogtreecommitdiffstats
path: root/templates/activities/_image_upload.html
blob: 974884a3ad7206c9075baa2e4831abf90c29939f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form
  hx-encoding='multipart/form-data'
  hx-post='{% url "compose_image_upload" %}'
  hx-target="this"
  hx-swap="outerHTML"
  _="on htmx:xhr:progress(loaded, total)
       set #attachmentProgress.value to (loaded/total)*100">
    {% csrf_token %}
    {% include "forms/_field.html" with field=form.image %}
    {% include "forms/_field.html" with field=form.description %}
    <div class="buttons">
        <button _="on click show #attachmentProgress with display:block then hide me">Upload</button>
        <progress id="attachmentProgress" value="0" max="100"></progress>
    </div>
</form>