mamweb/galerie/templates/galerie/Galerie.html

{% extends "galerie/Base.html" %}

{% block title %}{% block nadpis1a %}
{{galerie.nazev}} | Galerie
{% endblock %}{% endblock %}

{% block content %}
  <div id="popis">
    <h2><a title="Zpět na náhled fotek" href="../#obsah">{{galerie.nazev}}</a></h2>
  </div>


  {# TODO šipky na přecházeni dodelat ve stylech #}
  <div class="galerie">
    {% if obrazky_predchozi %}
      {% with obrazky_predchozi|last as predchozi_obrazek %}
        <div>
          <a title="Předchozí" class="predchozi_obrazek" href="../{{predchozi_obrazek.pk}}#popis"></a>
        </div>
      {% endwith %}
    {% endif%}
    <img src={{obrazek.obrazek_stredni.url}}
         height="{{vyska}}"
         width="{{sirka}}"
         alt="{{obrazek.popis}}"
         class="obrazek">
    {% if obrazky_dalsi %}
      {% with obrazky_dalsi|first as dalsi_obrazek %}
        <div>
          <a title="Další" class="dalsi_obrazek" href="../{{dalsi_obrazek.pk}}#popis"></a>
        </div>
      {% endwith %}
    {% endif%}
  </div>

  {# Popisek fotky #}
  <div class="popis">
    {% if preview %}
    <form action=".#popis" method="post">
      {% csrf_token %}
      <table>
        <tr><td><label>Aktuální komentář:</label></td><td>{{obrazek.popis}}</td>
        {{form.as_table}}
        <tr><td></td><td><input name="odeslat" type="submit" value="Změň komentář"></td></tr>
      </table>
    </form>
    {% else %}
      {% if obrazek.popis %}
        {{obrazek.popis}}
      {% endif %}
    {% endif %}
  </div>

  <div class="galerie_nahledy">
    {# odkaz na predchozi galerii #}
    {% if predchozi_galerie %}
      Predchozi: <a href="../../{{predchozi_galerie.pk}}/{{predchozi_galerie.obrazek_set.last.pk}}/#popis">
        {{predchozi_galerie}}
      </a>
    {% endif %}
    {# nahledy predchozich obrazku #}
    {% for obrazek in obrazky_predchozi %}
    <a href="../{{obrazek.pk}}#popis"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
    {% endfor %}
    {# nahled aktualniho obrazku -- TODO po kliknuti vypsat: Prohrál jsi #}
    <img src={{obrazek.obrazek_maly.url}}
         height="{{obrazek.obrazek_maly.height}}"
         width="{{obrazek.obrazek_maly.width}}"
         alt="{{obrazek.popis}}"
         class="obrazek">
    {# nahledy nasledujicich obrazku #}
    {% for obrazek in obrazky_dalsi %}
    <a href="../{{obrazek.pk}}#popis"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
    {% endfor %}
    {# odkaz na nasledujici galerii #}
    {% if nasledujici_galerie %}
      Nasledujici: <a href="../../{{nasledujici_galerie.pk}}/{{nasledujici_galerie.obrazek_set.first.pk}}/#popis">
        {{nasledujici_galerie}}
      </a>
    {% endif %}
  </div>
{% endblock %}