flask-htmx-board1/templates/interactive-posts.html

{% extends "base.html" %}

{% block content %} 
 

{% include 'navbar.html' %}

<div class="row">
    <div class="col s7 m6"> 
        <div class="card"> 
            <div class="posting_form">
                <h4>Создай то, о чем будут говорить многие.</h4>
                <br>
                <div class="input-field col s6">
                  <input id="send_this_text" type="text" >
                  <label for="send_this_text">Печатать сюда</label>
                </div> 
                <p>
                    <button (click)="create()" >Отправить</button>
                </p>
                <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>
        </div>
    </div>
</div>

<div class="row" >
    <div class="col s5 m4" id="neu-posts">
    {% include 'i-posts.html' %} 
    </div>
</div>


{% endblock content %}