{% extends "base.html" %} {% block main %} <div id="home_content"> <h1 class="header" id="title_xppl">XPPL</h1> <p class="lead">This is the awesome library of Experimental Publishing. <br> On instance: {{server}} / From: {{client}} <br> This might only be one interface to this library: </p> <a href="{{url_for('scape')}}">Scape</a> <a href="{{url_for('show_books_grid')}}">Grid</a> <a href="{{url_for('show_books')}}">List</a> <br><br><br> <form method="GET" action="/export/csv"> <button type="submit">Export Catalogue (.CSV)</button> </form> <form method="POST" action="/import/csv" id="form_import_csv" enctype=multipart/form-data> <input type="file" id="file_import_csv" name=file style="display:none;" /> <button type = "button" onclick="document.getElementById('file_import_csv').click()">Import Catalogue (.CSV)</button> </form> </div> <div id="app" class="container"> <section class="messages"> <div v-for="message in messages" class="box"> <article class="media"> <div class="media-content"> <div class="content"> <p class="user">[[ message.username ]]</p> <p class="time">[[ message.time ]]</p> <p class="msg">[[ message.text ]]</p> </div> </div> </article> </div> </section> <section class="new-message"> <div class="field has-addons"> <div class="control is-expanded"> <input v-model="newMessage" @keypress.enter="sendMessage" class="input" type="text" placeholder="Enter message"> </div> <div class="control"> <button @click="sendMessage" class="button is-info">Send</button> </div> </div> </section> </div> {% endblock %}