first commit
This commit is contained in:
35
templates/album/album.html.twig
Normal file
35
templates/album/album.html.twig
Normal file
@@ -0,0 +1,35 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Home -
|
||||
{{ album }}
|
||||
{% endblock %}
|
||||
|
||||
{% block album %}
|
||||
|
||||
<div class="my_album">
|
||||
{% for album_1, albums_1 in items %}
|
||||
{% for album_2, albums_2 in albums_1 %}
|
||||
<div class="my_album_child card bg-base-50 shadow-xl">
|
||||
<figure class="px-2 pt-2">
|
||||
<img class="rounded-xl" src="{{ asset('images/gallery') }}/{{ album_1 }}/{{ album_2 }}"/>
|
||||
</figure>
|
||||
<div class="p-6">
|
||||
|
||||
<div class="flex flex-row">
|
||||
<div class="basis-1/2 justify-items-start gallery">
|
||||
<a href="{{ asset('images/gallery') }}/{{ album_1 }}/{{ album_2 }}">
|
||||
<button type="button" class="inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">DiaShow</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="basis-1/2 justify-items-end">
|
||||
<a href="{{ path ('album.details',{album_id: album_1, image_id:album_2}) }}">
|
||||
<button type="button" class="inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">Details</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
63
templates/album/details.html.twig
Normal file
63
templates/album/details.html.twig
Normal file
@@ -0,0 +1,63 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Home -
|
||||
{{ album }}
|
||||
-
|
||||
{{ image }}
|
||||
{% endblock %}
|
||||
|
||||
{% block details %}
|
||||
|
||||
<div class="card bg-base-50 shadow-xl">
|
||||
<figure class="px-2 pt-2">
|
||||
<img class="rounded-xl" src="{{ asset('images/gallery') }}/{{ album }}/{{ image }}"/>
|
||||
</figure>
|
||||
|
||||
<div class="card-body items-left text-left">
|
||||
<p>
|
||||
<div class="stats shadow">
|
||||
<div class="stat">
|
||||
<div class="stat-title">Blende</div>
|
||||
<div class="stat-value text-lg">{{ items.ApertureFNumber }}</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="stat-title">Brennweite</div>
|
||||
<div class="stat-value text-lg">{{ items.FocalLength }}
|
||||
mm</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="stat-title">Verschlusszeit</div>
|
||||
<div class="stat-value text-lg">{{ items.ExposureTime }}
|
||||
sek.</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="stat-title">ISO Wert</div>
|
||||
<div class="stat-value text-lg">{{ items.ISOSpeedRatings }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats shadow">
|
||||
<div class="stat">
|
||||
<div class="stat-title">Objektiv</div>
|
||||
<div class="stat-value text-lg">{{ items.Lens }}</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="stat-title">Aufnahmedatum</div>
|
||||
<div class="stat-value text-lg">{{ items.DateTimeOriginal }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats shadow">
|
||||
<div class="stat">
|
||||
<div class="stat-title">Tags</div>
|
||||
<div class="stat-value text-lg">
|
||||
{% if items.Tags is not null %}
|
||||
{% for tag_1, tags_1 in tags %}
|
||||
#{{ tags_1 }}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user