From fea69385fd56a34d7ab1c83b453c1246335bb190 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mat=C4=9Bj=20Koci=C3=A1n?= Date: Sun, 8 Nov 2015 21:15:06 +0100 Subject: [PATCH 1/3] =?UTF-8?q?Galerie:=20drobn=C3=A9=20=C3=BApravy?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- galerie/models.py | 2 +- galerie/templates/galerie/Galerie.html | 21 +++++---- galerie/templates/galerie/GalerieNahled.html | 45 +++++++++++++------- galerie/views.py | 4 +- mamweb/static/css/mamweb.css | 34 ++++++++++----- 5 files changed, 69 insertions(+), 37 deletions(-) diff --git a/galerie/models.py b/galerie/models.py index c4839541..2bb793ac 100644 --- a/galerie/models.py +++ b/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() diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html index e699e243..f016770e 100644 --- a/galerie/templates/galerie/Galerie.html +++ b/galerie/templates/galerie/Galerie.html @@ -1,12 +1,13 @@ {% extends "galerie/Base.html" %} -{% block title %}{% block nadpis1a %} -{{galerie.nazev}} | Galerie -{% endblock %}{% endblock %} +{% block nadpis1a %} +{{galerie.nazev}}: {{ obrazek.popis | default:"Fotka" }} +{% endblock %} {% block content %} -
-

{{galerie.nazev}}

+

{{ obrazek.nazev }}

+ @@ -15,23 +16,27 @@ {% if obrazky_predchozi %} {% with obrazky_predchozi|last as predchozi_obrazek %}
- +
{% endwith %} {% endif%} - {{obrazek.popis}} + {% if obrazky_dalsi %} {% with obrazky_dalsi|first as dalsi_obrazek %}
- +
{% endwith %} {% endif%}
+ {#
#} + {# Obrázek v plné velikosti #} + {#
#} {# Popisek fotky #}
diff --git a/galerie/templates/galerie/GalerieNahled.html b/galerie/templates/galerie/GalerieNahled.html index 49ccbd50..6aaafb28 100644 --- a/galerie/templates/galerie/GalerieNahled.html +++ b/galerie/templates/galerie/GalerieNahled.html @@ -1,8 +1,8 @@ {% extends "galerie/Base.html" %} -{% block title %}{% block nadpis1a %} -{{galerie.nazev}} | Galerie TODO title -{% endblock %}{% endblock %} +{% block nadpis1a %} +Galerie {{galerie.nazev}} +{% endblock %} {% block content %}

{{galerie.nazev}}

@@ -10,20 +10,33 @@ {# podgalerie #} {% if podgalerie or galerie.galerie_up %}

PODGALERIE

- {% endif %} {% if user.is_staff and galerie.zobrazit > 0 %} @@ -38,7 +51,7 @@ {% for obrazek in obrazky %} - {#
#} - {# Obrázek v plné velikosti #} - {#
#} + + + {# Popisek fotky #}
- {% if preview %} -
+ {% if not preview %} + {% csrf_token %} @@ -58,7 +63,7 @@
{% for obrazek in obrazky_predchozi %} - + {% endfor %} {{obrazek.popis}} {% for obrazek in obrazky_dalsi %} - + {% endfor %}
{% endblock %} diff --git a/galerie/templates/galerie/GalerieNahled.html b/galerie/templates/galerie/GalerieNahled.html index 6aaafb28..2148131d 100644 --- a/galerie/templates/galerie/GalerieNahled.html +++ b/galerie/templates/galerie/GalerieNahled.html @@ -5,15 +5,44 @@ Galerie {{galerie.nazev}} {% endblock %} {% block content %} -

{{galerie.nazev}}

+ +

+ {% for g in cesta %} + {% if not forloop.last %} + {{ g.nazev }} > + {% else %} + {{ g.nazev }} + {% endif %} + {% endfor %} +

+ + {% if not obrazky %} +
+ {% if galerie.titulni_obrazek %} + + {% endif %} + {% if galerie.popis %} +
+ {{ galerie.popis }} +
+ {% endif %} +
+ {% endif %} {# podgalerie #} {% if podgalerie or galerie.galerie_up %} -

PODGALERIE

- {% if galerie.galerie_up %} - .. + + {% if sourozenci|length > 1 %} + {% for g in sourozenci %} + {% if g.pk != galerie.pk %} + {{ g.nazev }} + {% else %} + {{ g.nazev }} + {% endif %} + + {% endfor %} {% endif %} - + {% if podgalerie %}
{% for galerie in podgalerie %} @@ -37,12 +66,11 @@ Galerie {{galerie.nazev}} {% endfor %}
{% endif %} - {% endif %} {% if user.is_staff and galerie.zobrazit > 0 %} - + {% endif %} {# obrazky v galerii #} @@ -61,9 +89,25 @@ Galerie {{galerie.nazev}} {% endfor %}
+ +
+ {% if predchozi %} + + {% endif %} + {% if nasledujici %} + + {% endif %} +
+ {% else %} -
- V galerii nejsou žádné fotky. -
+ {% if not podgalerie %} +
+ V galerii nejsou žádné fotky. +
+ {% endif %} {% endif %} {% endblock content %} diff --git a/galerie/views.py b/galerie/views.py index 72c8fda4..4abe01ce 100644 --- a/galerie/views.py +++ b/galerie/views.py @@ -20,18 +20,50 @@ 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) - return render(request, 'galerie/GalerieNahled.html', - {'galerie' : galerie, - 'podgalerie' : podgalerie, - 'obrazky' : obrazky, - 'preview' : preview, - }) + """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'.""" @@ -90,6 +122,7 @@ def detail(request, pk, fotka, soustredeni): 'obrazky_dalsi' : obrazky_dalsi, 'preview' : preview, 'form' : form, + 'cesta': cesta_od_korene(galerie), }) diff --git a/mamweb/static/css/mamweb.css b/mamweb/static/css/mamweb.css index 2689df15..cc4a4fba 100644 --- a/mamweb/static/css/mamweb.css +++ b/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; @@ -471,15 +476,20 @@ div.zadani_azad_termin { position: relative; text-align: center; /*width: 100%;*/ - margin: 0 auto 0 auto; + margin: 20px auto 0 auto; } .galerie h2 { text-align: center; } +.galerie_hlavicka { + margin: 30px auto 30px auto; +} + .popis { - margin: 10px 10px 30px 10px; + margin: 10px 10px 30px 0px; + clear: all; } #nahoru { @@ -488,7 +498,7 @@ div.zadani_azad_termin { .galerie_nahledy{ /*margin: 1em 0;*/ - margin: 0 auto 0 auto; + margin: 0 auto 30px auto; text-align: center; overflow: auto; } @@ -503,6 +513,7 @@ div.zadani_azad_termin { } .galerie_nahled{ /* frame */ + display: inline-block; position: relative; float: left; width: 200px; @@ -516,7 +527,7 @@ div.zadani_azad_termin { /*background-color: #ffb52d;*/ background-color: white; white-space: nowrap; - margin: 10px; + margin: 10px 20px 10px 0px; } .vystredeno{ /* helper */ @@ -526,10 +537,15 @@ div.zadani_azad_termin { } .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 { @@ -540,6 +556,44 @@ div.zadani_azad_termin { } +.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; +} + + /* titulni stranka */ .zjistit_vic{ From 03c8c1c8ddc7e3ef24896146d531e40a1ea6d8f3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mat=C4=9Bj=20Koci=C3=A1n?= Date: Mon, 9 Nov 2015 15:09:56 +0100 Subject: [PATCH 3/3] =?UTF-8?q?Galerie:=20p=C5=99ep=C3=ADn=C3=A1n=C3=AD=20?= =?UTF-8?q?fotek=20kl=C3=A1vesnic=C3=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- galerie/templates/galerie/Galerie.html | 29 ++++++++++++++++++++++++++ mamweb/templates/base.html | 3 +++ 2 files changed, 32 insertions(+) diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html index 38e93b4c..4e9019ab 100644 --- a/galerie/templates/galerie/Galerie.html +++ b/galerie/templates/galerie/Galerie.html @@ -1,10 +1,39 @@ {% extends "galerie/Base.html" %} + {% block nadpis1a %} {{galerie.nazev}}: {{ obrazek.popis | default:"Fotka" }} {% endblock %} +{% block script %} + {% with obrazky_predchozi|last as predchozi_obrazek %} + {% with obrazky_dalsi|first as dalsi_obrazek %} + + {% endwith %} + {% endwith %} +{% endblock %} + {% block content %} + +

{% for g in cesta %} {{ g.nazev }} > diff --git a/mamweb/templates/base.html b/mamweb/templates/base.html index a97d5168..2f5826ef 100644 --- a/mamweb/templates/base.html +++ b/mamweb/templates/base.html @@ -29,6 +29,9 @@ src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> + {# script specifický pro stránku #} + {% block script %}{% endblock %} + {% if user.is_staff %}

{{obrazek.popis}}