Merge branch 'matej-galerie'

galerie/models.py

@@ -104,7 +104,7 @@ class Obrazek(models.Model):
                               datum_int[3], datum_int[4], datum_int[5])
     jmeno = os.path.basename(self.obrazek_velky.file.name)
     if not self.obrazek_stredni:
-      Obrazek._vyrobMiniaturu(original, jmeno, 600, self.obrazek_stredni)
+      Obrazek._vyrobMiniaturu(original, jmeno, 1024, self.obrazek_stredni)
     if not self.obrazek_maly:
       Obrazek._vyrobMiniaturu(original, jmeno, 200, self.obrazek_maly)
     super(Obrazek, self).save()

galerie/templates/galerie/Galerie.html

@@ -1,13 +1,48 @@
 {% extends "galerie/Base.html" %}
 
-{% block title %}{% block nadpis1a %}
+
-{{galerie.nazev}} | Galerie
+{% block nadpis1a %}
-{% endblock %}{% endblock %}
+{{galerie.nazev}}: {{ obrazek.popis | default:"Fotka" }}
+{% endblock %}
+
+{% block script %}
+  {% with obrazky_predchozi|last as predchozi_obrazek %}
+  {% with obrazky_dalsi|first as dalsi_obrazek %}
+      <script type="text/javascript">
+          $(document).keydown(function(e) {
+              {% if predchozi_obrazek %}
+                  // doleva
+                  if (e.which == 37) {
+                      window.location.assign("../{{ predchozi_obrazek.pk }}#nahoru");
+                  }
+              {% endif %}
+              {% if dalsi_obrazek %}
+                  // doprava
+                  if (e.which == 39) {
+                      window.location.assign("../{{ dalsi_obrazek.pk }}#nahoru");
+                  }
+              {% endif %}
+              if (e.which == 27) {
+                  window.location.assign("../#obsah")
+              }
+          })
+      </script>
+  {% endwith %}
+  {% endwith %}
+{% endblock %}
 
 {% block content %}
-  <div id="popis">
+
-    <h2><a title="Zpět na náhled fotek" href="../#obsah">{{galerie.nazev}}</a></h2>
+
-  </div>
+  <h2>
+    {% for g in cesta %}
+        <a href="../../{{ g.pk }}">{{ g.nazev }}</a> >
+    {% endfor %}
+    {{ obrazek.nazev }}
+  </h2>
+  <!--<div id="nahoru">-->
+  <!--<a title="Zpět do galerie" href="../#obsah">Zpět na: {{galerie.nazev}}</a>-->
+  <!--</div>-->
 
 
   {# TODO šipky na přecházeni dodelat ve stylech #}
@@ -15,28 +50,32 @@
     {% if obrazky_predchozi %}
       {% with obrazky_predchozi|last as predchozi_obrazek %}
         <div>
-          <a title="Předchozí" class="predchozi_obrazek" href="../{{predchozi_obrazek.pk}}#popis"></a>
+          <a title="Předchozí" class="predchozi_obrazek" href="../{{predchozi_obrazek.pk}}#nahoru"></a>
         </div>
       {% endwith %}
     {% endif%}
-    <img src={{obrazek.obrazek_stredni.url}}
+    <img src="{{obrazek.obrazek_stredni.url}}"
          height="{{vyska}}"
          width="{{sirka}}"
          alt="{{obrazek.popis}}"
-         class="obrazek">
+         class="obrazek" id="nahoru">
+         
     {% if obrazky_dalsi %}
       {% with obrazky_dalsi|first as dalsi_obrazek %}
         <div>
-          <a title="Další" class="dalsi_obrazek" href="../{{dalsi_obrazek.pk}}#popis"></a>
+          <a title="Další" class="dalsi_obrazek" href="../{{dalsi_obrazek.pk}}#nahoru"></a>
         </div>
       {% endwith %}
     {% endif%}
   </div>
+  <!--<div>-->
+  <!--<a href="{{ obrazek.obrazek_velky.url }}">Obrázek v plné velikosti</a>-->
+  <!--</div>-->
 
   {# Popisek fotky #}
   <div class="popis">
-    {% if preview %}
+    {% if not preview %}
-    <form action=".#popis" method="post">
+    <form action=".#nahoru" method="post">
       {% csrf_token %}
       <table>
         <tr><td><label>Aktuální komentář:</label></td><td>{{obrazek.popis}}</td>
@@ -60,7 +99,7 @@
     {% endif %}
     {# nahledy predchozich obrazku #}
     {% for obrazek in obrazky_predchozi %}
-    <a href="../{{obrazek.pk}}#popis"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
+    <a href="../{{obrazek.pk}}#nahoru"><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}}
@@ -70,7 +109,7 @@
          class="obrazek">
     {# nahledy nasledujicich obrazku #}
     {% for obrazek in obrazky_dalsi %}
-    <a href="../{{obrazek.pk}}#popis"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
+    <a href="../{{obrazek.pk}}#nahoru"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
     {% endfor %}
     {# odkaz na nasledujici galerii #}
     {% if nasledujici_galerie %}

galerie/templates/galerie/GalerieNahled.html

@@ -1,35 +1,76 @@
 {% extends "galerie/Base.html" %}
 
-{% block title %}{% block nadpis1a %}
+{% block nadpis1a %}
-{{galerie.nazev}} | Galerie TODO title
+Galerie {{galerie.nazev}}
-{% endblock %}{% endblock %}
+{% endblock %}
 
 {% block content %}
-  <h2>{{galerie.nazev}}</h2>
+
+  <h2>
+    {% for g in cesta %}
+      {% if not forloop.last %}
+        <a href="../{{ g.pk }}">{{ g.nazev }}</a> >
+      {% else %}
+        {{ g.nazev }}
+      {% endif %}
+    {% endfor %}
+  </h2>
+
+  {% if not obrazky %}
+   <div class="galerie_hlavicka">
+    {% if galerie.titulni_obrazek %}
+      <img src="{{ galerie.titulni_obrazek.obrazek_stredni.url }}" style="border: 1px solid black;">
+    {% endif %}
+    {% if galerie.popis %}
+      <div class="popis">
+        {{ galerie.popis }}
+      </div>
+    {% endif %}
+   </div>
+  {% endif %}
 
   {# podgalerie #}
   {% if podgalerie or galerie.galerie_up %}
-    <h3> PODGALERIE </h3>
+
-    <ul>
+    {% if sourozenci|length > 1 %}
-    {% if galerie.galerie_up %}
+      {% for g in sourozenci %}
-      <li><a href="../{{galerie.galerie_up.pk}}">..</a>
+        {% if g.pk != galerie.pk %}
+          <a href="../{{ g.pk }}">{{ g.nazev }}</a>
+        {% else %}
+          {{ g.nazev }}
         {% endif %}
+        <span style="width: 1em; display: inline-block;"></span>
+      {% endfor %}
+    {% endif %}
+
+    {% if podgalerie %}
+      <div class="galerie_nahledy">
       {% for galerie in podgalerie %}
+        <div class="podgalerie_nahled">
           {% if galerie.zobrazit < 1 or user.is_staff %}
-      <li><a href="../{{galerie.pk}}">{{galerie}}</a>
+            {% with galerie.titulni_obrazek.obrazek_maly as obrazek %}
-        {% if user.is_staff and galerie.zobrazit > 0 %}
+            <a href="../{{galerie.pk}}"><img src="{{ obrazek.url }}"
-          ({{galerie.poradi}})
+              width={% widthratio obrazek.width 200 167 %}
-          <span class="plus"><a href="plus/{{galerie.pk}}/">+</a></span>
+              height={% widthratio obrazek.height 200 167 %} /></a>
-          <span class="minus"><a href="minus/{{galerie.pk}}/">-</a></span>
+            {% endwith %}
-        {% endif %}
+           <div>
+              <a href="../{{ galerie.pk }}">{{ galerie }}</a>
+           </div>
+         {#  {% if user.is_staff and galerie.zobrazit > 0 %} #}
+         {#    ({{galerie.poradi}}) #}
+         {#    <span class="plus"><a href="plus/{{galerie.pk}}/">+</a></span> #}
+         {#    <span class="minus"><a href="minus/{{galerie.pk}}/">-</a></span> #}
+         {#  {% endif %} #}
           {% endif %}
+        </div>
       {% endfor %}
-  </ul>
+      </div>
+    {% endif %}
   {% endif %}
   {% if user.is_staff and galerie.zobrazit > 0 %}
-  <ul>
+  <div class="mam-org-only">
-    <li><a href="./new">VYTVOŘIT NOVOU PODGALERII </a>
+      <a href="./new">Vytvořit novou podgalerii </a>
-  </ul>
+  </div>
   {% endif %}
 
   {# obrazky v galerii #}
@@ -38,7 +79,7 @@
     {% for obrazek in obrazky %}
         <div class="galerie_nahled">
           <span class="vystredeno"></span>
-          <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis">
+          <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#nahoru">
           <img
             src="{{obrazek.obrazek_maly.url}}"
             width={% widthratio obrazek.obrazek_maly.width 200 167 %}
@@ -48,9 +89,25 @@
     {% endfor %}
     <br>
   </div>
+
+  <div class="galerie_predchozi_nasledujici">
+    {% if predchozi %}
+      <div class="predchozi">
+        <a href="../{{ predchozi.pk }}">Předchozí: {{ predchozi.nazev }}</a>
+      </div>
+    {% endif %}
+    {% if nasledujici %}
+      <div class="nasledujici">
+        <a href="../{{ nasledujici.pk }}">Následující: {{ nasledujici.nazev }}</a>
+      </div>
+    {% endif %}
+  </div>
+
   {% else %}
+    {% if not podgalerie %}
       <div class="zadne-vysledky">
         V galerii nejsou žádné fotky.
       </div>
     {% endif %}
+  {% endif %}
 {% endblock content %}

galerie/views.py

@@ -20,23 +20,55 @@ def zobrazit(galerie, request):
             raise Http404
     return preview
 
+
+def cesta_od_korene(g):
+    """Vrátí seznam galerií od kořene ke g"""
+    cesta = []
+    while g != None:
+        cesta.append(g)
+        g = g.galerie_up
+    return reversed(cesta)
+
+
 def nahled(request, pk, soustredeni):
     """Zobrazeni nahledu vsech fotek ve skupine."""
     galerie = get_object_or_404(Galerie, pk=pk)
     podgalerie = Galerie.objects.filter(galerie_up = galerie).order_by('poradi')
     obrazky = Obrazek.objects.filter(galerie = galerie).order_by('datum')
     preview = zobrazit(galerie, request)
+
+    sourozenci = []
+    if galerie.galerie_up:
+        sourozenci = galerie.galerie_up.galerie_set.all().order_by('poradi')
+
+    predchozi = None
+    nasledujici = None
+    minuly = None
+    for g in sourozenci:
+        if g.pk == galerie.pk:
+            predchozi = minuly
+        if minuly != None and minuly.pk == galerie.pk:
+            nasledujici = g
+            break
+        minuly = g
+
+    cesta = cesta_od_korene(galerie)
+
     return render(request, 'galerie/GalerieNahled.html',
         {'galerie' : galerie,
          'podgalerie' : podgalerie,
          'obrazky' : obrazky,
          'preview' : preview,
+         'cesta': cesta,
+         'sourozenci': sourozenci,
+         'predchozi': predchozi,
+         'nasledujici': nasledujici,
         })
 
 def detail(request, pk, fotka, soustredeni):
   """Zobrazeni nahledu fotky s id 'fotka'."""
-  MAX_VYSKA = 600
+  MAX_VYSKA = 900
-  MAX_SIRKA = 600
+  MAX_SIRKA = 900
   MAX_VYSKA_MALA = 100
   MAX_SIRKA_MALA = 200
   NAHLEDU = 1
@@ -115,6 +147,7 @@ def detail(request, pk, fotka, soustredeni):
        'obrazky_dalsi' : obrazky_dalsi,
        'preview' : preview,
        'form' : form,
+       'cesta': cesta_od_korene(galerie),
       })
 
 

mamweb/static/css/mamweb.css

@@ -15,6 +15,7 @@ body {
   background: #fff0d7;
   padding: 10px; 
   margin: 10px -10px; 
+  border: orange 2px dashed;
 }
 
 table .border-r {
@@ -150,6 +151,10 @@ div.menu li.selected a {
 	z-index: 15px;
 }
 
+h2 a:hover {
+    text-decoration: none;
+}
+
 #submenu {
 	position: relative;
 	top: -15px;
@@ -467,26 +472,35 @@ div.zadani_azad_termin {
   background-repeat: no-repeat;
 }
 
-.galerie{
+.galerie {
   position: relative;
   text-align: center;
-  width: 630px;
+  /*width: 100%;*/
-  margin: 0 auto 0 auto;
+  margin: 20px auto 0 auto;
 }
 
-.galerie h2{
+.galerie h2 {
   text-align: center;
 }
 
-.popis{
+.galerie_hlavicka {
+    margin: 30px auto 30px auto;
+}
+
+.popis {
+  margin: 10px 10px 30px 0px;
+  clear: all;
+}
+
+#nahoru {
   text-align: center;
-  margin: 10px 10px 30px 10px;
 }
 
 .galerie_nahledy{
   /*margin: 1em 0;*/
-  margin: 0 auto 0 auto;
+  margin: 0 auto 30px auto;
   text-align: center;
+  overflow: auto;
 }
 
 .galerie_nahledy img{
@@ -499,17 +513,21 @@ div.zadani_azad_termin {
 }
 
 .galerie_nahled{ /* frame */
+  display: inline-block;
+  position: relative;
   float: left;
-  width: 190px;
+  width: 200px;
-  height: 190px;
+  height: 200px;
   text-align: center;
   border: solid;
   border-width: 2px;
   border-radius: 5px;
-  border-color: #ffa500;
+  /*border-color: #ffa500;*/
-  background-color: #ffb52d;
+  border-color: #ffd546;
+  /*background-color: #ffb52d;*/
+  background-color: white;
   white-space: nowrap;
-  margin: 10px;
+  margin: 10px 20px 10px 0px;
 }
 
 .vystredeno{ /* helper */
@@ -518,11 +536,61 @@ div.zadani_azad_termin {
   vertical-align: middle;
 }
 
-.galerie_nahled img{
+.galerie_nahled img {
-  border-radius: 2px;
   vertical-align: middle;
   max-height: 180px;
   max-width: 180px;
+  /*border: 1px solid white;*/
+
+}
+
+.galerie_nahled img:hover {
+    /*border: 1px solid #ffa500;*/
+}
+
+.galerie_nahled div {
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+    text-align: center;
+}
+
+
+.podgalerie_nahled {
+  position: relative;
+  float: left;
+  width: 200px;
+  height: 200px;
+  text-align: center;
+  border: solid;
+  border-width: 2px;
+  border-radius: 5px;
+  border-color: #ffa500;
+  /*border-color: #ffd546;*/
+  background-color: #ffd546;
+  /*background-color: white;*/
+  white-space: nowrap;
+  margin: 10px 20px 10px 0px;
+}
+
+.podgalerie_nahled img {
+    margin-top: 20px;
+    margin-bottom: 15px;
+}
+
+
+/* Odkazy na předchozí a následující podgalerii */
+.galerie_predchozi_nasledujici {
+    overflow: auto;
+    margin: 10px auto 10px auto;
+}
+
+.galerie_predchozi_nasledujici .predchozi {
+    float: left;
+}
+
+.galerie_predchozi_nasledujici .nasledujici {
+    float: right;
 }
 
 

mamweb/templates/base.html

@@ -29,6 +29,9 @@
       src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
     </script>
 
+    {# script specifický pro stránku #}
+    {% block script %}{% endblock %}
+
   </head>
   <body class='{% if user.is_staff %}org-logged-in{% endif %}'>
   {% if user.is_staff %}