107 lines
5.3 KiB
HTML
107 lines
5.3 KiB
HTML
{% extends 'up_squelette.html' %}
|
||
|
||
{% block navbar %}
|
||
<!-- Fixed navbar -->
|
||
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<!--<a class="navbar-brand" href="/blog/">Blog</a>-->
|
||
</div>
|
||
<div class="navbar-collapse collapse">
|
||
<ul class="nav navbar-nav">
|
||
<li><a href="/blog/"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> Blog</a></li>
|
||
<li class="active"><a href="/upload/"><span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span> Upload</a></li>
|
||
<li><a href="/view/"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Fichiers</a></li>
|
||
<li><a href="/gallery/"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Gallerie</a></li>
|
||
<li><a href="/logs/"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Logs</a></li>
|
||
<li class="dropdown">
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> <span id="majuscule">{{ session['username'] }} <span class="caret"></span></a>
|
||
<ul class="dropdown-menu" role="menu">
|
||
<li><a href="/profil/{{ session['username'] }}"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Profil</a></li>
|
||
<li><a href="/parametres/"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Paramètres</a></li>
|
||
<li class="divider"></li>
|
||
<!--<li class="dropdown-header">Nav header</li>-->
|
||
<li><a href="/logout/"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> Déconnexion</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li><a href="/logout/"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> Exit</a></li>
|
||
</ul>
|
||
</div><!--/.nav-collapse -->
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% block main %}
|
||
|
||
<div class="container theme-showcase" role="main">
|
||
|
||
<!-- Main jumbotron for a primary marketing message or call to action -->
|
||
<!--<div class="jumbotron">
|
||
<h1>Hello, {{ session['username'] }} !</h1>
|
||
<p>Hébergeur de fichiers basé sur Flask + Bootstrap 3 et hébergé sur une Orange Pi, vise à promouvoir l'informatique libre. Site en construction.</p>
|
||
<p><a href="http://flask.pocoo.org/" class="btn btn-primary btn-lg" role="button">En savoir plus »</a></p>
|
||
</div>-->
|
||
|
||
|
||
|
||
<!--<div class="page-header">
|
||
<h1>Upload</h1>
|
||
</div>-->
|
||
|
||
<div class="row">
|
||
<div class="col-sm-3"></div>
|
||
<div class="col-sm-6">
|
||
<br />
|
||
<div class="well">Vous pouvez "uploader" ici des fichiers afin de les sauvegarder ou de les rendre accessibles à quelqu'un d'autre. Ils seront par la suite disponibles en téléchargement dans notre rubrique <a href="/view/"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Fichiers</a>. Les images envoyées, quand à elles se retrouveront directement dans la <a href="/gallery/"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Gallerie</a>.<br>Ayez bien conscience que ce site est une expérience est qu'il est indispensable d'avoir une sauvegarde de tous vos fichiers. Nous ne pourrons, en aucun cas, être tenu responsable de la perte de vos données. Merci de votre compréhension.</div>
|
||
<br />
|
||
<div class="panel panel-primary">
|
||
<div class="panel-heading">
|
||
<h3 class="panel-title">Choisissez un ou plusieurs fichiers à uploader</h3>
|
||
</div>
|
||
<div class="panel-body">
|
||
|
||
<!--<div class="form-group">-->
|
||
<form action="" method="post" enctype="multipart/form-data">
|
||
<input type="file" name="fic"id="fic" multiple>
|
||
<br>
|
||
<button type="submit" id="tada" class="btn btn btn-success">Upload !</button>
|
||
</form>
|
||
<!--</div>-->
|
||
|
||
<div class="msginfo">
|
||
{# on affiche les messages d'erreur puis les messages de succes #}
|
||
{% for categorie in ['error', 'succes'] %}
|
||
{% with msgs = get_flashed_messages(category_filter=[categorie]) %}
|
||
{% if msgs %}
|
||
<div class="flashed {{ categorie }}">
|
||
{% for m in msgs %}
|
||
<p>{{ m|safe }}</p>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
{% endwith %}
|
||
{% endfor %}
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--<script src="https://en.lichess.org/training/embed?theme=blue3&bg=auto"></script>
|
||
<script src="https://en.lichess.org/tv/embed?theme=blue2&bg=dark"></script>-->
|
||
|
||
|
||
|
||
</div> <!-- /container -->
|
||
|
||
{% endblock %}
|