flask-htmx-board1/templates/answer-post.html

<div class="card"> 
    <div class="card-content">
        <div class="row">
            <span class="card-title">Ты отвечаешь: <a href="#post-{{ target_post_id }}">>>{{ target_post_id }}</a></span>
        </div>
        <div class="row">
            <a class="btn-floating halfway-fab waves-effect waves-light red" href="#post-{{ target_post_id }}"><i class="material-icons">>>{{ target_post_id }}</i></a>
        </div>
        <form hx-encoding='multipart/form-data'  _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
        <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>
        </form>
    </div>  
    <div class="card-action">  
        <a href="#answer-post">
            <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="/post_to_another_post/{{ target_post_id }}"
                hx-target="#neu-posts"
                hx-include="[name='send_this_text'], [name='file']" 
                hx-on::after-request="this.reset()"
            >
                Отправить!!
                <i class="material-icons right">send</i>
            </button>
        </a>
    </div>  
    <!-- <div class="row">
        <form hx-encoding='multipart/form-data' hx-post='/send_dudes'
            _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
            <input type='file' name='file'>
            <button>
                Upload
            </button>
            <progress id='progress' value='0' max='100'></progress>
        </form>
    </div>   -->
        <!-- <h1>Загрузить картинку:</h1>
        <input type="file" #file placeholder="Загрузить картинку" (change)="sendPic($event)" style="display:none;">
        <button type="button" class="btn btn-success" (click)="file.click()">Загрузить картинку</button>
        <div *ngFor="let singlePic of inputImages" >Картинка: {{singlePic}}</div>
        <p>
            <button (click)="eraseData()" >Убрать картинку</button>
        </p> -->
</div>