diff --git a/galerie/admin.py b/galerie/admin.py index 173a6606..f68f1f3c 100644 --- a/galerie/admin.py +++ b/galerie/admin.py @@ -28,14 +28,14 @@ def prepnout_fotogalerii_do_org_rezimu(modeladmin, request, queryset): class GalerieInline(admin.TabularInline): model = Obrazek - fields = ['obrazek_velky', 'nazev', 'popis', 'poradi'] + fields = ['soubor', 'nazev', 'popis', 'poradi'] readonly_fields = ['nazev'] formfield_overrides = { models.TextField: {'widget': forms.TextInput}, } class ObrazekAdmin(admin.ModelAdmin): - list_display = ('obrazek_velky', 'nazev', 'popis', 'obrazek_maly_tag', 'poradi') + list_display = ('soubor', 'nazev', 'popis', 'poradi') search_fields = ['nazev','popis'] class GalerieAdmin(admin.ModelAdmin): diff --git a/galerie/models.py b/galerie/models.py index 8de2863d..f9efb2bc 100644 --- a/galerie/models.py +++ b/galerie/models.py @@ -22,10 +22,12 @@ def obrazek_filename_maly(): pass def obrazek_filename_stredni(): pass +def obrazek_filename(): + pass def obrazek_filename_velky(): pass -def obrazek_filename(self, filename): +def galerie_filename(self, filename): gal = self.galerie cislo_gal = gal.pk @@ -42,31 +44,32 @@ def obrazek_filename(self, filename): return os.path.join(*cesta) +# Technicky misnomer: takový `Obrazek` může být i videjko a výhledově i něco dalšího… class Obrazek(models.Model): # „originál“ (modulo max. velikost uploadu na web FIXME!) - obrazek_velky = models.FileField(upload_to=obrazek_filename, + soubor = models.FileField(upload_to=galerie_filename, help_text = "Lze vložit libovolně velký obrázek. Ideální je, aby alespoň jeden rozměr měl alespoň 500px.") - # To, co se zobrazí v galerii jako hlavní obrázek (při prohlížení konkrétního obrázku a jako tittulní obrázek u galerií, které nemají vlastní obrázky (kupř. Vávrovka 2015)) -# obrazek_stredni = ImageSpecField(source='obrazek_velky', -# processors=[Transpose(Transpose.AUTO), ResizeToFit(900, 675, upscale=False)], -# options={'quality': 95}) - # Zmenšené obrázky v přehledu obrázků a pod hlavním obrázkem (předchozí/následující) -# obrazek_maly = ImageSpecField(source='obrazek_velky', -# processors=[Transpose(Transpose.AUTO), ResizeToFit(167, 167, upscale=False)], -# options={'quality': 95}) + class Typ(models.TextChoices): + OBRAZEK = 'obrazek', 'Obrázek' + VIDEO = 'video', 'Video' + NEVIM = 'nevim', 'Neznámý typ' + typ = models.CharField('Typ', max_length=16, blank=False, null=False, choices=Typ.choices, default=Typ.NEVIM) + # Filename by default; slouží k řazení nazev = models.CharField('Název', max_length=50, blank=True, null=True) + # ~~Rádoby~~ vtipný popisek od orgů popis = models.TextField('Popis', blank=True, null=True) datum_vlozeni = models.DateTimeField('Datum vložení', auto_now_add=True) galerie = models.ForeignKey('Galerie', blank=True, null=True, on_delete=models.SET_NULL) + # Primární klíč k řazení pro overridování řazení podle názvu poradi = models.IntegerField('Pořadí', blank=True, null=True) def __str__(self): - return self.obrazek_velky.name + return f'Obrázek {self.nazev} ({self.soubor.name})' class Meta: verbose_name = 'Obrázek' verbose_name_plural = 'Obrázky' - ordering = ['nazev'] + ordering = ['nazev'] #FIXME: zohlednit pořadí a asi i příslušnost ke galerii def save(self, *args, **kwargs): # obrázek potřebuje název, protože se z něj generuje cesta pro jeho uložení @@ -75,6 +78,17 @@ class Obrazek(models.Model): self.nazev = os.path.basename(self.obrazek_velky.name) super(Obrazek, self).save(*args, **kwargs) + def jako_bazmek(self): + """ + Hlavní metoda pro dělání `galerie.typy.ZobrazitelnyBazmek` z DB objektů + """ + import galerie.typy as typy # pozor, cyklí! + match self.typ: + case self.Typ.OBRAZEK: return typy.Obrazek(self) + case self.Typ.VIDEO: return typy.Video(self) + case self.Typ.NEVIM: return typy.DummyBazmek(self) + case _: raise ValueError("Neznámý typ obrázku, bug v kódu!") + class Galerie(models.Model): nazev = models.CharField('Název', max_length=100) diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html index ff8ebfe3..61453531 100644 --- a/galerie/templates/galerie/Galerie.html +++ b/galerie/templates/galerie/Galerie.html @@ -1,5 +1,6 @@ {% extends "galerie/base.html" %} +{% load bazmeky %} {% block nadpis1a %} {{galerie.nazev}}: {{ obrazek.popis | default:"Fotka" }} @@ -63,11 +64,12 @@ {% endwith %} {% endif%} - {{obrazek.popis}} + {% zobrazit obrazek.jako_bazmek + height=vyska + width=sirka + alt=obrazek.popis + title=obrazek.popis + class=obrazek" %} {% if obrazky_dalsi %} {% with obrazky_dalsi|first as dalsi_obrazek %} @@ -78,7 +80,7 @@ {% endif%} - + {# Popisek fotky #} @@ -109,21 +111,21 @@ {% endif %} {# nahledy predchozich obrazku #} {% for obrazek in obrazky_predchozi %} - + {% zmenseny_nahled obrazek.jako_bazmek height=100 %} {% endfor %} - {{obrazek.popis}} + {% zmenseny_nahled obrazek.jako_bazmek + alt=obrazek.popis + class=obrazek + id=prostredni %} + {# height=obrazek.obrazek_maly.height + width=obrazek.obrazek_maly.width #}
{# nahledy nasledujicich obrazku #} {% for obrazek in obrazky_dalsi %} - + {% zmenseny_nahled obrazek.jako_bazmek height=100 %} {% endfor %} {# odkaz na nasledujici galerii #} {% if nasledujici_galerie %} diff --git a/galerie/templates/galerie/GalerieNahled.html b/galerie/templates/galerie/GalerieNahled.html index 87794680..90a1d403 100644 --- a/galerie/templates/galerie/GalerieNahled.html +++ b/galerie/templates/galerie/GalerieNahled.html @@ -1,5 +1,7 @@ {% extends "galerie/base.html" %} +{% load bazmeky %} + {% block nadpis1a %} Galerie {{galerie.nazev}} {% endblock %} @@ -23,7 +25,7 @@ Galerie {{galerie.nazev}} {% if not obrazky %}
{% if galerie.titulni_obrazek %} - + {% zobrazit galerie.titulni_obrazek.jako_bazmek class=titulni_obrazek %} {% endif %}
{% endif %} @@ -52,10 +54,7 @@ Galerie {{galerie.nazev}} {% endif %} class="podgalerie_nahled"> {% if galerie.titulni_obrazek %} - {% with galerie.titulni_obrazek.obrazek_maly as obrazek %} - - {% endwith %} + {% zmenseny_nahled galerie.titulni_obrazek.jako_bazmek %} {% endif %}
{{ galerie|truncatechars:max_delka_nazvu }} @@ -87,13 +86,12 @@ Galerie {{galerie.nazev}} {% if obrazek.popis %} title="{{ obrazek.popis }}" {% endif %} - href="./{{obrazek.pk}}#nahoru" class="galerie_nahled"> + href="./{{obrazek.pk}}#nahoru" class="galerie_nahled"> + + {% zmenseny_nahled obrazek.jako_bazmek %} +{# title=obrazek.popis (a byl tu if, že se použil jen když existoval…) + width=obrazek.obrazek_maly.width + height=obrazek.obrazek_maly.height #} {% endfor %}
diff --git a/galerie/templatetags/bazmeky.py b/galerie/templatetags/bazmeky.py new file mode 100644 index 00000000..ac7a8cb2 --- /dev/null +++ b/galerie/templatetags/bazmeky.py @@ -0,0 +1,13 @@ +""" +Pomocné tagy pro zobrazování `galerie.typy.ZobrazitelnyBazmek`. Jen volají příslušnou metodu na bazmeku. +""" +from django import template +register = template.Library() + +@register.simple_tag +def zobrazit(bazmek, /, **kwargs): + return bazmek.zobrazit(**kwargs) + +@register.simple_tag +def zmenseny_nahled(bazmek, /, **kwargs): + return bazmek.zmenseny_nahled(**kwargs) diff --git a/galerie/typy.py b/galerie/typy.py new file mode 100644 index 00000000..60da34b1 --- /dev/null +++ b/galerie/typy.py @@ -0,0 +1,102 @@ +""" +Naše typy objektů v galeriích. + +V databázi jsou všechny v jedné tabulce, protože se liší jen prezentací navenek. Všechny implementují ~~rozhraní~~ ABC `ZobrazitelnyBazmek`. + +Doporučené použití: TODO +""" + +import abc +from datetime import datetime + +from django.utils.safestring import mark_safe, SafeString +from django.utils.html import format_html, format_html_join + +from imagekit import ImageSpec +from imagekit.cachefiles import ImageCacheFile +from imagekit.processors import ResizeToFit, Transpose + +HTML = str | SafeString + +from galerie.models import Obrazek as DbObrazek + +class ZobrazitelnyBazmek(abc.ABC): + def __init__(self, db_objekt): + self.db_objekt = db_objekt + # zkratka + self.soubor = db_objekt.soubor + + # Volá se z templatetagu + @abc.abstractmethod + def zobrazit(self, **kwargs) -> HTML: + """To, co se zobrazí v galerii jako hlavní obrázek (při prohlížení konkrétního obrázku a jako tittulní obrázek u galerií, které nemají vlastní obrázky (kupř. Vávrovka 2015))""" + ... + @abc.abstractmethod + def zmenseny_nahled(self, **kwargs) -> HTML: + """Zmenšené obrázky v přehledu obrázků a pod hlavním obrázkem (předchozí/následující)""" + ... + + @property + #@abc.abstractmethod + def cas_porizeni(self) -> datetime | None: + # TODO: použít tohle na automatické řazení věcí. Má vytáhnout datum z metadat + raise NotImplementedError("Prosím, naimplementuj hledání času vzniku v metadatech (nebo vrať None).") + + #TODO: nativní rozměry? + + +### Obrázky ### +# Odpovídá původnímu chování (bo se mi nechce vymýšlet novoty… +class ObrazekStredniSpec(ImageSpec): + """Specifikace obrázku pro velké zobrazení""" + processors = [ + Transpose(Transpose.AUTO), # Rotuj podle dat v EXIFu + ResizeToFit(900, 675, upscale=False), + ] + format = 'JPEG' + options = {'quality': 95} # Proč tolik? + +class ObrazekMalySpec(ImageSpec): + """Specifikace obrázku pro náhledy (pod hlavním obrázkem nebo v přehledu galerie)""" + processors = [ + Transpose(Transpose.AUTO), + ResizeToFit(167, 167, upscale=False), + ] + format = 'JPEG' + options = {'quality': 95} + +class Obrazek(ZobrazitelnyBazmek): + """Obrázek pro zobrazení + + Použije některý z ImageSpec-ů jako popis transformace a ImageCacheFile pro uložení výsledného obrázku. + + Reference: https://django-imagekit.readthedocs.io/en/latest/#defining-specs-outside-of-models + Reference: https://django-imagekit.readthedocs.io/en/latest/caching.html + """ + def zobrazit(self, **kwargs): + # Jak se takový cachefile používá je potřeba vyčíst ze zdrojáků? + file = ImageCacheFile(ObrazekStredniSpec(source=self.soubor)) + file.generate() + attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items())) + html = format_html(r'', file.url, attrs) + return html + + def zmenseny_nahled(self, **kwargs): + file = ImageCacheFile(ObrazekMalySpec(source=self.soubor)) + file.generate() + attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items())) + html = format_html(r'', file.url, attrs) + return html + + +class Video(ZobrazitelnyBazmek): + ... + +class DummyBazmek(ZobrazitelnyBazmek): + def zobrazit(self, **kwargs): + return r'

Tohle zobrazit neumím :-(

' + def zmenseny_nahled(self, **kwargs): + return r'

Tohle zobrazit neumím :-(

' + + +def tipniTyp(soubor) -> DbObrazek.Typ: ...