album/templates/details.tpl

40 lines
1.5 KiB
Smarty
Raw Normal View History

2015-11-22 15:01:39 +03:00
<!doctype html>
<html>
<head>
<title>Photo details</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
{{{csslink}}}
2015-11-22 15:01:39 +03:00
</head>
<body>
2015-11-30 23:00:07 +03:00
{{> head}}
2015-11-22 15:01:39 +03:00
<h1>Photo details</h1>
2015-11-30 23:00:07 +03:00
2015-12-06 16:42:03 +03:00
<p><a href="/img/{{photo.id}}/l">{{photo.path}}</a></p>
<p><img src="/img/{{photo.id}}/m"></p>
2016-07-09 17:04:19 +03:00
{{#position}}
<div id="map" style="height: 8em;width: 40%;float: right;border: solid 1px #666;"> </div>
<link href="https://rasmus.krats.se/static/leaflet077c/leaflet.css" rel="stylesheet"/>
<script language="javascript" src="https://rasmus.krats.se/static/leaflet077c/leaflet.js" type="text/javascript">
</script>
<script language="javascript" type="text/javascript">
var pos = [{{x}}, {{y}}];
var map = document.getElementById('map');
map.style.height = 3 * map.clientWidth / 4 + "px";
var map = L.map('map').setView(pos, 16);
L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker(pos).addTo(map);
</script>
{{/position}}
2015-11-29 22:06:11 +03:00
{{#photo.grade}}<p>Betyg: {{.}}</p>{{/photo.grade}}
{{#photo}}<p>Tid: {{date}}</p>{{/photo}}
2016-06-30 13:15:07 +03:00
<p>People: {{#people}}<a href="/person/{{slug}}">{{person_name}}</a>, {{/people}}</p>
2016-06-30 14:16:12 +03:00
<p>Places: {{#places}}<a href="/place/{{slug}}">{{place_name}}</a>, {{/places}}</p>
2016-06-30 02:29:02 +03:00
<p>Tags: {{#tags}}<a href="/tag/{{slug}}">{{tag_name}}</a>, {{/tags}}</p>
2016-07-09 17:04:19 +03:00
{{#position}}<p>Position: {{x}} {{y}}</p>{{/position}}
2015-11-22 15:01:39 +03:00
</body>
</html>