added images gallery

This commit is contained in:
2022-05-20 15:35:50 +02:00
parent f018b418c0
commit a440c27895
11 changed files with 324 additions and 45 deletions

View File

@@ -1,34 +0,0 @@
{% extends "layout.jinja2" %}
{% block content %}
<br />
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default text-center">
<div class="panel-body">
<blockquote>
L'argent qu'on possède est l'instrument de la liberté; celui qu'on pourchasse est celui de la servitude.
</blockquote>
</div>
<div class="panel-footer">
<h4>Rousseau</h4>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="panel panel-default text-center">
<div class="panel-body">
<blockquote>
L'intelligence ce n'est pas ce que l'on sait mais ce que l'on fait quand on ne sait pas.
<br />
</blockquote>
</div>
<div class="panel-footer">
<h4>Jean Piaget</h4>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,25 @@
{% extends "cao_blogr:templates/layout.jinja2" %}
{% block content %}
<form action="{{request.route_url('image_edit', name=name)}}" method="post" class="form">
{% for error in form.name.errors %}
<div class="error">{{ error }}</div>
{% endfor %}
<div class="form-group">
<label class="required-field" for="name">{{form.name.label}}</label>
{{form.name(class_='form-control')}}
</div>
<div class="form-group">
<a class="btn btn-default" href="{{ request.route_url('users') }}"><span class="glyphicon glyphicon-chevron-left"></span> Retour</a>
<button class="btn btn-primary" type="submit" name="form.submitted">
<span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
</div>
</form>
{% endblock %}

View File

@@ -0,0 +1,28 @@
{% extends "layout.jinja2" %}
{% block content %}
<br />
<div class="pictures">
{% for item in images_list %}
<div class="item">
<div class="item_description"><span>{{ item[1] }}</span></div>
<img src="{{ item[0] }}" alt="" /></div>
{% endfor %}
</div>
<script src="{{ request.static_url('cao_blogr:static/js/jquery-tjgallery.min.js')}}"></script>
<script>
// waiting for loading page
$(window).on('load', function(){
$('.pictures').tjGallery({
selector: '.item',
margin: 10
});
$('.pictures').tjGallery({
row_min_height: 180
});
})
</script>
{% endblock %}

View File

@@ -15,6 +15,11 @@
<h4>TOPICS / TAGS</h4>
</a>
</div>
<div class="col-sm-3">
<a href=" {{request.route_url('images')}} "><span class="glyphicon glyphicon-picture icone-big"></span>
<h4>IMAGES</h4>
</a>
</div>
</div>
<div class="row">