From a4cf06ec9135a9375fbc9ed2c697bc60ad6052b5 Mon Sep 17 00:00:00 2001 From: Radek Czajka Date: Tue, 13 Sep 2022 15:56:55 +0200 Subject: [PATCH] New layout fixes. --- .../templates/catalogue/2022/book_box.html | 2 +- .../catalogue/2022/theme_detail.html | 2 +- .../templates/catalogue/preview_ad.html | 18 ++- src/catalogue/templatetags/catalogue_tags.py | 8 +- src/chunks/templates/chunks/menu.html | 4 + src/chunks/templatetags/chunks.py | 10 +- .../templates/club/2022/donation_step1.html | 3 + .../club/2022/donation_step_base.html | 23 +--- src/wolnelektury/settings/static.py | 2 + .../static/2022/images/korona.svg | 3 + src/wolnelektury/static/2022/more.scss | 61 +++++++++- src/wolnelektury/templates/2022/header.html | 113 +++++++++--------- 12 files changed, 157 insertions(+), 92 deletions(-) create mode 100644 src/wolnelektury/static/2022/images/korona.svg diff --git a/src/catalogue/templates/catalogue/2022/book_box.html b/src/catalogue/templates/catalogue/2022/book_box.html index 2d2ac05e6..db6bfb103 100644 --- a/src/catalogue/templates/catalogue/2022/book_box.html +++ b/src/catalogue/templates/catalogue/2022/book_box.html @@ -20,7 +20,7 @@ {% if book.is_book %} {% endif %} - {% if book.has_mp3 %} + {% if book.has_mp3_file %} {% endif %} {% if book.is_picture %} diff --git a/src/catalogue/templates/catalogue/2022/theme_detail.html b/src/catalogue/templates/catalogue/2022/theme_detail.html index 622b6b521..71ec04660 100644 --- a/src/catalogue/templates/catalogue/2022/theme_detail.html +++ b/src/catalogue/templates/catalogue/2022/theme_detail.html @@ -57,7 +57,7 @@
- {% if fragment.book.has_mp3 %} + {% if fragment.book.has_mp3_file %} {% endif %}
diff --git a/src/catalogue/templates/catalogue/preview_ad.html b/src/catalogue/templates/catalogue/preview_ad.html index 33ea77329..85b4ed2ff 100644 --- a/src/catalogue/templates/catalogue/preview_ad.html +++ b/src/catalogue/templates/catalogue/preview_ad.html @@ -1,8 +1,18 @@ {% if book %} -

- Prapremiera! - Dziękujemy za wsparcie – przeczytaj w prezencie już dzisiaj! -

+
+ {% if accessible %} +

+ Prapremiera! + Dziękujemy za wsparcie – przeczytaj w prezencie już dzisiaj! +

+ {% else %} +

+ Prapremiera! + Dorzuć się, aby przeczytać. +

+ Dorzuć się + {% endif %} +
{{ book.pretty_title }} diff --git a/src/catalogue/templatetags/catalogue_tags.py b/src/catalogue/templatetags/catalogue_tags.py index 93b6f1c42..f4f121d80 100644 --- a/src/catalogue/templatetags/catalogue_tags.py +++ b/src/catalogue/templatetags/catalogue_tags.py @@ -530,8 +530,10 @@ def content_warning(book): } -@register.inclusion_tag('catalogue/preview_ad.html') -def preview_ad(): +@register.inclusion_tag('catalogue/preview_ad.html', takes_context=True) +def preview_ad(context): + book = Book.objects.filter(preview=True).first() return { - 'book': Book.objects.filter(preview=True).first() + 'accessible': book.is_accessible_to(context['request'].user), + 'book': book, } diff --git a/src/chunks/templates/chunks/menu.html b/src/chunks/templates/chunks/menu.html index 56ccfa258..ed6669a5f 100644 --- a/src/chunks/templates/chunks/menu.html +++ b/src/chunks/templates/chunks/menu.html @@ -4,8 +4,12 @@ {% endif %} {% if item.highlight %} + {% endif %} {{ item.final_name }} + {% if item.highlight %} + + {% endif %} {% if item.has_link %} {% endif %} diff --git a/src/chunks/templatetags/chunks.py b/src/chunks/templatetags/chunks.py index e86288ef7..7c431c13d 100644 --- a/src/chunks/templatetags/chunks.py +++ b/src/chunks/templatetags/chunks.py @@ -11,8 +11,8 @@ from ..models import Chunk, Attachment register = template.Library() -@register.simple_tag -def chunk(key, cache_time=0): +@register.simple_tag(takes_context=True) +def chunk(context, key, cache_time=0): try: cache_key = 'chunk:%s:%s' % (key, get_language()) c = cache.get(cache_key) @@ -23,7 +23,11 @@ def chunk(key, cache_time=0): except Chunk.DoesNotExist: n = Chunk(key=key) n.save() - return '' + content = '' + + if context['request'].user.is_staff: + content = f'' + content + return mark_safe(content) diff --git a/src/club/templates/club/2022/donation_step1.html b/src/club/templates/club/2022/donation_step1.html index 057ab4199..2f28d069d 100644 --- a/src/club/templates/club/2022/donation_step1.html +++ b/src/club/templates/club/2022/donation_step1.html @@ -10,6 +10,9 @@
+ {% if user.is_staff %} + + {% endif %}
diff --git a/src/club/templates/club/2022/donation_step_base.html b/src/club/templates/club/2022/donation_step_base.html index 976b13c0c..df264933f 100644 --- a/src/club/templates/club/2022/donation_step_base.html +++ b/src/club/templates/club/2022/donation_step_base.html @@ -1,4 +1,5 @@ {% extends '2022/base.html' %} +{% load chunks %} {% load club %} {% load static %} @@ -84,9 +85,7 @@

Transparentność jest dla nas bardzo ważna.

-

- O tym, jak wydajemy pozyskane pieniądze, dowiesz się ze sprawozdań finansowych i merytorycznych, które znajdziesz na naszej stronie lub w bazie Narodowego Instytutu Wolności, wpisując nr KRS 0000070056. -

+ {% chunk 'donation-transparency' %}
@@ -94,18 +93,7 @@

Informacja o przetwarzaniu danych osobowych

-

- W każdej chwili możesz zrezygnować z subskrypcji. Więcej informacji. Polityka prywatności. - Administratorem Twoich danych osobowych jest Fundacja Nowoczesna Polska z siedzibą w Warszawie, przy ul. Marszałkowskiej 84/92 lok. 125, 00-514 Warszawa (dalej: Fundacja). -

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam! - Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam! -

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam! - Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias consequatur deserunt doloribus facilis, ipsum nisi nulla quam rem totam! -

+ {% chunk 'donation-data-processing' %}
@@ -114,10 +102,7 @@

FAQ

-

- Chcesz zmienić wysokość darowizny, anulować przyszłe płatności lub masz inne pytania? Tu znajdziesz odpowiedzi na nie: - Pytania i odpowiedzi dotyczące płatności. -

+ {% chunk 'donation-faq' %}
diff --git a/src/wolnelektury/settings/static.py b/src/wolnelektury/settings/static.py index 2469532d9..a1e53186d 100644 --- a/src/wolnelektury/settings/static.py +++ b/src/wolnelektury/settings/static.py @@ -27,6 +27,7 @@ PIPELINE = { 'contrib/jquery-ui-1.13.1.custom/jquery-ui.css', '2022/styles/main.scss', '2022/more.scss', + 'chunks/edit.scss', ], 'output_filename': 'css/compressed/2022.css', }, @@ -141,6 +142,7 @@ PIPELINE = { 'js/search.js', 'js/2022.js', '2022/book/filter.js', + 'chunks/edit.js', ], 'output_filename': 'js/2022.min.js' }, diff --git a/src/wolnelektury/static/2022/images/korona.svg b/src/wolnelektury/static/2022/images/korona.svg new file mode 100644 index 000000000..a53b60b7e --- /dev/null +++ b/src/wolnelektury/static/2022/images/korona.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss index dadf44990..9d7cf2199 100644 --- a/src/wolnelektury/static/2022/more.scss +++ b/src/wolnelektury/static/2022/more.scss @@ -12,16 +12,59 @@ body.is-open { padding: 10px 50px; } -.l-navigation { - //opacity: .5; -} - .l-navigation__logo { height: 44px; } .l-navigation__menu { - overflow-y: scroll; + .scrollable { + height: 100%; + overflow-y: scroll; + padding-bottom: 30px; + } +} + +.l-navigation__menu__book__header { + display: flex; + align-items: center; + justify-content: space-between; + + p { + margin: 0; + + &.korona { + &:before { + content: url('images/korona.svg'); + width: 21px; + margin-right: -21px; + position: relative; + top: -10px; + left: -3px; + } + } + } +} +.l-navigation__menu__book { + .button { + display: inline-block; + font-size: 16px; + font-weight: 700; + padding: 0 20px; + min-width: 212px; + line-height: 38px; + text-align: center; + + /* green 700 */ + background: #92BD39; + color: #083F4D; + border-radius: 6px; + + transition: background-color 150ms; + + &:hover { + background-color: #FBC40F; + } + } } .l-navigation__menu__book__info { img { @@ -29,6 +72,11 @@ body.is-open { height: 60px; } } +.l-navigation__menu__links ul li a em { + font-style: normal; + color: #FFA500; + font-weight: 600; +} .l-navigation__login { color: #74BDC2; margin-right: 20px; @@ -85,6 +133,9 @@ body.is-open { } } +.l-checkout__box { + position: relative; +} .l-checkout__payments { display: none; diff --git a/src/wolnelektury/templates/2022/header.html b/src/wolnelektury/templates/2022/header.html index b7d7a3324..47db25d67 100644 --- a/src/wolnelektury/templates/2022/header.html +++ b/src/wolnelektury/templates/2022/header.html @@ -28,6 +28,7 @@ {% if request.user.is_staff %}
  • Administracja
    • +
  • Edycja
    • {% endif %}
  • Wyloguj się
    • @@ -55,70 +56,70 @@
    -
    -
    - {% cache 30 menu LANGUAGE_CODE %} -
      -
    • Katalog
      • - {% menu 'Katalog' %} -
    -
      -
    • Włącz się
      • - {% menu 'Włącz się' %} -
    -
      -
    • Aktualności
      • - {% latest_blog_posts %} - {% menu 'Aktualności' %} -
    -
      -
    • Narzędzia
      • - {% menu 'Narzędzia' %} -
    -
      -
    • O nas
      • - {% menu 'O nas' %} -
    - {% endcache %} -
    +
    +
    +
    + {% cache 30 menu LANGUAGE_CODE %} +
      +
    • Katalog
      • + {% menu 'Katalog' %} +
    +
      +
    • Włącz się
      • + {% menu 'Włącz się' %} +
    +
      +
    • Aktualności
      • + {% latest_blog_posts %} + {% menu 'Aktualności' %} +
    +
      +
    • Narzędzia
      • + {% menu 'Narzędzia' %} +
    +
      +
    • O nas
      • + {% menu 'O nas' %} +
    + {% endcache %} +
    -
    +
    -
    - {% cache 300 preview_ad LANGUAGE_CODE %} +
    {% preview_ad %} - {% endcache %} -
    +
    - +
    -- 2.20.1