andis/flask-fet-fotos
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

convert to a fotogallery

Browse Source
This commit is contained in:
Andreas Stephanides
2020-02-22 16:58:15 +01:00
parent 3b8bd884da
commit 5eddd2b66e
47 changed files with 19191 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
foto_gallery/templates/gallery.html Normal file
View File

@@ -0,0 +1,44 @@
{# -*-jinja2-*- #}
{% extends "layout.html" %}
{% block content %}
<h1>{{post.title}}</h1>
{{post.html | safe}}
{% if post.links.images |length > 0 %}
<hr/>
<!-- The Gallery as lightbox dialog, should be a document body child element -->
<div id="blueimp-gallery" class="blueimp-gallery">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
<div id="links">
{% for d in post.links.images %}
<a href="{{d.url}}" title="{{d.title}}">
<img src="{{d.thumb_url}}" alt="{{d.title}}" />
</a>
{% endfor %}
</div>
<script src="/gallery/js/blueimp-gallery.min.js"></script>
<script>
document.getElementById('links').onclick = function(event) {
event = event || window.event
var target = event.target || event.srcElement,
link = target.src ? target.parentNode : target,
options = { index: link, event: event },
links = this.getElementsByTagName('a')
blueimp.Gallery(links, options)
}
</script>
{% endif %}
{% endblock %}

26
foto_gallery/templates/layout.html Normal file
View File

@@ -0,0 +1,26 @@
{# -*-jinja2-*- #}
<html>
<head></head>
<LINK href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/gallery/css/blueimp-gallery.min.css" />
<body>
<div class="container">
<div class="row">
<div class="col-12">
<nav class="breadcrumb" style="background-color: #FFF">
{% for b in post.links.breadcrumbs %}
<a href="{#url_for('page',name=b.path)#}{{b.url}}" class="breadcrumb-item">{{b.title}} </a>
{% endfor %}
</nav>
{% block content %}
{% endblock %}
</div>
</div>
</div>
</body>
</html>

53
foto_gallery/templates/page.html Normal file
View File

@@ -0,0 +1,53 @@
{# -*-jinja2-*- #}
{% extends "layout.html" %}
{% block content %}
<h1>{{post.title}}</h1>
{{post.date}}
{% if post.links.subindexpages | length > 0 %}
<hr/>
<b id="up_head"> Unterseiten: </b>
<ul class="nav flex-column flex-sm-row " labeledby="up_head">
{% for d in post.links.subindexpages %}
<li class="nav-item">
<a href="{{d.url}}" class="nav-link">
<h6> {{d.title}} <small class="text-muted">{{d.desc}} </small> </h6>
</a>
</li>
{% endfor %}
</ul>
{% endif %}
{{ post.html|safe }}
{% if post.links["subpages"] |length > 0 %}
<ul class="nav flex-column flex-sm-row" labeledby="inf_head">
{% for d in post.links.subpages %}
<li class="nav-item">
<a href="{{d.url}}" class="nav-link text-info">
<h6> {{d.title}} <small class="text-muted">{{d.desc}} </small>
</h6>
</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% if post.links.files |length > 0 %}
<hr/>
<b id="inf_head">Files:</b>
<ul>
{% for d in post.list_files %}
<li>
<a href="{{d.url}}">{{d}} </a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endblock %}