mam
/
mamweb
11
0
Fork 0
Code Issues Pull Requests 9 Projects Releases Wiki Activity
Browse Source

archiv ročníku vzhled

middleware_test
Kateřina Čížková 5 years ago
parent
3b4daeb9a1
commit
0ac67f1a81
4 changed files with 87 additions and 97 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 54
      mamweb/static/css/mamweb.css
  2. 2
      seminar/templates/seminar/archiv/cisla.html
  3. 50
      seminar/templates/seminar/archiv/rocnik.html
  4. 74
      seminar/views/views_all.py

54
mamweb/static/css/mamweb.css
View File

@ -51,7 +51,10 @@ a:focus, a:hover, a:active {
color: #e84e10;
text-decoration: none;
}
a:focus a:hover
img {
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}
h1 { /*todo: odlišit 1 a 2 */
font-size: 200%;
@ -594,6 +597,14 @@ div.org_pole, div.rocnik_pole {
text-align: center;
}
div.cislo_pole {
display: inline-block;
width: 15%;
min-width: 165px;
text-align: center;
padding: 10px;
}
div.seznam_orgu h3 {
text-align: center;
margin-top: 10px;
@ -623,6 +634,11 @@ div.org_email {
height: 298px;
}
#archiv-rocnik.flip-card {
width: 144px;
height: 205px;
}
/* This container is needed to position the front and back side */
.flip-card-inner {
position: relative;
@ -654,16 +670,13 @@ div.org_email {
div.flip-card-foto img {
width: 100%;
height: 100%;
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); /* FIXME: obecně k obrázkům */
}
/* Style the back side */
.flip-card-back {
/*background-color: #e84e10;
color: #fffbf6;
background-color: #fdedd5;*/
background-color: #f9d59e;
color: black;/**/
color: black;
transform: rotateY(180deg);
padding: 10px;
padding-top: 20px;
@ -678,26 +691,35 @@ div.popis_rocniku {
}
div.popis_rocniku a{
div.popis_rocniku a, div.cislo_odkazy a {
font-weight: bold;
color: black;
}
div.popis_rocniku a:hover{
div.popis_rocniku a:hover,
div.cislo_odkazy a:hover {
color: #6f2509;
}
/* graf na úvodní stránce */
a span.popup {
position: absolute;
visibility: hidden;
div.cislo_odkazy ul {
margin: 0px;
padding: 0px;
}
a span.popup:hover {
visibility:visible;
top:37px; left:37px;
/* archiv ročník
div.cisla-v-rocniku {
font-weight: bold;
color: #6f2509;
}
div.cislo-v-rocniku-blok {
display: inline-block;
width: 150px;
height: 220px;
text-align: center;
}*/
/* galerie */
/* velká fotka */

2
seminar/templates/seminar/archiv/cisla.html
View File

@ -40,7 +40,7 @@
{% for cislo in rocnik.cisla.all reversed %}
<li><a href='{{ cislo.verejne_url }}'>{{ cislo.poradi }}. číslo</a> {% if cislo.pdf %}(<a href='{{ cislo.pdf.url }}'>pdf</a>) {% endif %}
{% empty %}
---
Žádná čísla k zobrazení
{% endfor %}
</ul>
<a href='{{ rocnik.verejne_url }}'>Výsledková listina</a> <!-- FIXME: url výsledkovky-->

50
seminar/templates/seminar/archiv/rocnik.html
View File

@ -17,17 +17,49 @@
</ul>
{% endif %}
<ul>
<div class="cisla-v-rocniku">
{% for c in rocnik.verejna_cisla %}
<li><a href="{{ c.verejne_url }}">Číslo {{ c.kod }}</a>
{% if c.pdf %}
(<a href='{{ c.pdf.url }}'>pdf</a>)
{% endif %}
{% if c.titulka_nahled %}
<img src="{{ c.titulka_nahled.url }}" alt="">
{% endif %}
<div class="cislo_pole">
<h6> Číslo {{ c.kod }}</h6>
<div class="flip-card" id="archiv-rocnik">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="flip-card-foto">
{% if c.titulka_nahled %}
<img src="{{ c.titulka_nahled.url }}" alt="{{ c.kod }}" height=180px>
{% else %}
<img src="" alt="no image" height=180px>
{% endif %}
</div>
</div>
<div class="flip-card-back">
<div class="cislo_odkazy">
<ul>
<li>
<a href="{{ c.verejne_url }}">archiv čísla</a>
</li>
{% if c.pdf %}
<li>
<a href='{{ c.pdf.url }}'>pdf</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</ul>
</div>
{% if vysledkovka %}
{% if user.is_staff %}

74
seminar/views/views_all.py
View File

@ -308,81 +308,17 @@ class ArchivView(generic.ListView):
def get_context_data(self, **kwargs):
context = super(ArchivView, self).get_context_data(**kwargs)
vyska = 594 # px
sirka = 420 # px
# první číslo z každého ročníku
cisla = Cislo.objects.filter(poradi=1)
# op == os.path, udělá z argumentů cestu
png_dir = op.join(settings.MEDIA_ROOT, "cislo", "png")
# slovník {(ročník, url obrázku)}
urls ={}
for i,c in enumerate(cisla):
if not c.pdf:
urls[c.rocnik] = op.join(settings.MEDIA_URL, "cislo", "png", "default.png")
else:
filename = os.path.split(c.pdf.file.name)[1].split(".")[0]
png_filename = "{}.png".format(filename)
# Pokud obrázek neexistuje nebo není aktuální, vytvoř jej
png_path = op.join(png_dir, png_filename)
if not op.exists(png_path) or \
op.getmtime(png_path) < op.getmtime(c.pdf.path):
subprocess.call([
"convert",
"-density", "300x300",
"-geometry", "{}x{}".format(vyska, sirka),
"-background", "white",
"-flatten",
"{}[0]".format(c.pdf.path), # titulní strana
png_path
])
urls[c.rocnik] = op.join(settings.MEDIA_URL, "cislo", "png", png_filename)
for i, c in enumerate(cisla):
if c.titulka_nahled:
urls[c.rocnik] = c.titulka_nahled.url
else:
urls[c.rocnik] = op.join(settings.MEDIA_URL, "cislo", "png", "default.png")
context["object_list"] = urls
print(context)
# def spirala(urls, tags, idx):
# """Rekurzivně prochází urls a generuje strom elementů do tags"""
# if idx >= len(urls):
# return
# img_url, cislo = urls[idx]
# tags.append(
# "<div style='top:{}%;left:{}%;width:{}%;height:{}%;'>"
# .format(
# 50 if idx % 4 == 2 else 0,
# 50 if idx % 4 == 1 else 0,
# 50 if idx % 2 == 1 else 100,
# 50 if idx > 0 and idx % 2 == 0 else 100
# )
# )
# tags.append("<a href='{}' title='{}'>".format(
# cislo.verejne_url(), cislo.kod()
# ))
# tags.append(
# "<img src='{}' style='top:{}%;left:{}%;width:{}%;height:{}%;'>"
# .format(
# img_url,
# 50 if idx % 4 == 3 else 0,
# 50 if idx % 4 == 2 else 0,
# 50 if idx % 2 == 0 else 100,
# 50 if idx % 2 == 1 else 100
# )
# )
# tags.append("</a>")
# spirala(urls, tags, idx + 1)
# tags.append("</div>")
# spirala(urls, tags, 0)
# context["nahledy"] = "\n".join(tags)
return context
### Výsledky

Write Preview
Loading…
Cancel
Save