48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
|
<div class="card">
|
||
|
|
<form
|
||
|
|
hx-encoding='multipart/form-data'
|
||
|
|
_='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'
|
||
|
|
hx-on::after-request="this.reset()"
|
||
|
|
>
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="row">
|
||
|
|
<span class="card-title">Создавай тред уже!</span>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="input-field col s6">
|
||
|
|
<input id="send_this_text" name="send_this_text" type="text" >
|
||
|
|
<label for="send_this_text">Печатать сюда</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="input-field col s6">
|
||
|
|
<div class="file-field input-field">
|
||
|
|
<div class="btn">
|
||
|
|
<span>File</span>
|
||
|
|
<input id="file" name="file" type="file" multiple>
|
||
|
|
</div>
|
||
|
|
<div class="file-path-wrapper">
|
||
|
|
<input class="file-path validate" type="text" placeholder="Upload one or more files">
|
||
|
|
<progress id='progress' value='0' max='100'></progress>
|
||
|
|
</div>
|
||
|
|
<!-- <div class="file-progress">
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-action">
|
||
|
|
<a href="/{{board}}/create-thread/{{ target_post_id }}">
|
||
|
|
<button class="btn waves-effect waves-light"
|
||
|
|
type="submit" name="action" hx-encoding='multipart/form-data'
|
||
|
|
_='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'
|
||
|
|
hx-post="/{{board}}/create-thread/{{ target_post_id }}"
|
||
|
|
hx-include="[name='send_this_text'], [name='file']"
|
||
|
|
>
|
||
|
|
Отправить!!
|
||
|
|
<i class="material-icons right">send</i>
|
||
|
|
</button>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|