{% extends 'up_squelette.html' %} {% block main %} <div class="col-sm-1"></div> <div class="col-sm-10"> <br /> <div class="well"> Hello <span id="majuscule">{{ session['username'] }} ! </span> Bienvenue sur le tableau de post-it communautaire. Il vous est possible de laisser des post-its en tout genre sur cette page. Vous disposez pour cela d'un éditeur de type Markdown. Une page <a href="/postit/board"><span class="glyphicon glyphicon-star" aria-hidden="true"></span> est là pour consulter le tableau public du serveur</a>. Celui-ci regroupe tout les post-it public des utilisateurs inscrits sur le serveur.<br> Vous pouvez aussi écrire des post-its privé que vous seul pourrez consulter. </div> </div> <br /> <form method="POST" action="{{ url_for('post-it.racine_blog') }}" id="postform"> <!--<input type="text" name="category" id="category" placeholder="Catégorie" class="form-control"><br />--> <input type="text" name="title" id="title" placeholder="Titre" class="form-control"><br /> <textarea id="editeurMarkdown" class="form-control" form="postform" name="content" id="content" placeholder="Contenu" style="height:10vw;"></textarea><br /> <div class="row"> <div class="col-sm-4"></div> <div class="col-sm-1"><input type="radio" name="status" value="prive" checked>Privé</div> <div class="col-sm-2"></div> <div class="col-sm-1"><input type="radio" name="status" value="public">Public<br></div> <div class="col-sm-4"></div> </div> <br /> <button id="tada" class="btn btn-default btn-primary" type="submit">Publier</button> </form> <br> <div class="row"> {% for post in posts %} <div class="well col-sm-5 post-it" style="margin: 30px;"> <div class="col-sm-1"> {% if post.avatar != None %} <img src="/profil/{{ post.author }}/{{ post.avatar }}" class="img-rounded" alt="" width="50" height="50"/> {% endif %} <br><br> <p> {{ post.author }} </p> </div> <div class="col-sm-8 content" style="margin: 10px;"> <h6>{{ post.time }}</h6> <h1>{{ post.title }}</h1> {{ post.content[0:100]|safe }} ... <br/> <br/> <button type="button" class="btn btn-default btn-primary" data-toggle="modal" data-target="#{{ post.id_postit }}"> Déplier </button> </div> <div class="col-sm-1"> {% if post.author == session['username'] %} {% if post.status == 'prive' %} <h4><span class="label label-danger">Privé</span></h4> {% else %} <h4><span class="label label-success">Public</span></h4> {% endif %} <br /><br> <a href="{{ url_for('post-it.edit', title=post.title, time=post.time) }}"><button type="button" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></button></a><br /><br> <a href="{{ url_for('post-it.delete', title=post.title, time=post.time ) }}"><button type="button" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button></a><br /><br> {% endif %} </div> </div> <!-- Modal --> <div class="modal fade" id="{{ post.id_postit }}" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">{{ post.title }}</h4> </div> <div class="modal-body"> {{ post.content|safe }} </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> {% endfor %} </div> {% endblock %}