Skip to content

Commit 48cc47c

Browse files
author
Bart van der Schoor
committed
[#1378] Updated new menus to use dynamic pages
1 parent 45fdabf commit 48cc47c

File tree

7 files changed

+49
-129
lines changed

7 files changed

+49
-129
lines changed

‎src/open_inwoner/cms/context_processors.py

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
from django.db.models import Q
2+
3+
from cms.models import Page
4+
5+
6+
def active_apphooks(request):
7+
"""
8+
add lookup of active CMS apps to context
9+
10+
"cms_apps": {
11+
"ProfileApphook": True,
12+
"profile": True,
13+
}
14+
"""
15+
active_app_hooks = (
16+
Page.objects.published()
17+
.exclude(Q(application_urls="") | Q(application_urls__isnull=True))
18+
.values_list("application_urls", "application_namespace")
19+
)
20+
21+
lookup = dict()
22+
23+
for classname, namespace in active_app_hooks:
24+
lookup[classname] = True
25+
lookup[namespace] = True
26+
27+
context = {"cms_apps": lookup}
28+
29+
return context

‎src/open_inwoner/components/templates/components/Header/Header.html

+13-77
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
{% accessibility_header request=request %}
66
<header class="header" aria-label="Navigatie header">
77
<div class="header__container">
8-
98
<div class="header__menu">
109
<button class="header__button">
1110
<div class="header__menu-icon">
@@ -28,69 +27,32 @@
2827

2928
<dialog class="header__submenu">
3029

30+
{% if cms_apps.products %}
3131
<nav class="header__actions" aria-label="Zoek navigatie mobiel">
3232
{% url 'search:search' as search_url %}
3333
{% render_form form=search_form method="GET" form_action=search_url inline=True spaceless=False %}
3434
{% input search_form.query no_label=True %}
3535
{% form_actions primary_icon="search" primary_text=_("Zoeken") hide_primary_text=True %}
3636
{% endrender_form %}
3737
</nav>
38-
39-
{# * * * Start DISABLED * * * Django CMS dynamic mobile menu#}
40-
{# <nav class="primary-navigation" aria-label="Hoofd navigatie">#}
41-
{# <ul class="primary-navigation__list">#}
42-
{# {% show_menu 0 100 100 100 "cms/menu/primary.html" %}#}
43-
{##}
44-
{# {% if has_general_faq_questions %}#}
45-
{# <li class="primary-navigation__list-item">#}
46-
{# {% link text=_('FAQ') href='general_faq' icon="help_outline" icon_position="before" icon_outlined=True %}#}
47-
{# </li>#}
48-
{# {% endif %}#}
49-
{# </ul>#}
50-
{##}
51-
{# <section class="header__actions" aria-label="Navigatie mobiel voor inloggen en uitloggen">#}
52-
{# <div class="header__text-actions">#}
53-
{# <p class="p">#}
54-
{# {% if request.user.is_authenticated %}{% icon icon="person" icon_position="before" icon_outlined=True %}{% trans "Ingelogd als" %} {{ request.user.get_short_name }}{% endif %}#}
55-
{# </p>#}
56-
{##}
57-
{# {% if request.user.is_authenticated %}#}
58-
{# <ul class="header__list">#}
59-
{# <li class="header__list-item">#}
60-
{# {% trans "Logout" as logout %}#}
61-
{# {% link text=logout href=request.user.get_logout_url icon="arrow_forward" icon_position="before" primary=True %}#}
62-
{# </li>#}
63-
{# </ul>#}
64-
{# {% elif config.login_show %}#}
65-
{# <ul class="header__list">#}
66-
{# <li class="header__list-item">#}
67-
{# {% url 'login' as login_url %}#}
68-
{# {% trans "Inloggen" as login %}#}
69-
{# {% button text="Inloggen" href=login_url icon="person" icon_position="before" primary=True icon_outlined=True transparent=True %}#}
70-
{# </li>#}
71-
{# </ul>#}
72-
{# {% endif %}#}
73-
{# </div>#}
74-
{# </section>#}
75-
{# </nav>#}
76-
{# * * * End of DISABLED * * * Django CMS dynamic mobile menu#}
38+
{% endif %}
7739

7840
<nav class="primary-navigation" aria-label="Hoofd navigatie">
7941
<ul class="primary-navigation__list">
8042

8143
<li class="primary-navigation__list-item">
8244
{% trans "Overzicht" as link_text %}
83-
{% url 'root' as link %}
84-
{% link text=link_text href=link icon="grid_view" icon_position="before" %}
45+
{% link text=link_text href="/" icon="grid_view" icon_position="before" %}
8546
</li>
47+
48+
{% if cms_apps.products and categories %}
8649
<li class="primary-navigation__list-item dropdown-nav__toggle">
8750
<a href="#" class="link link--toggle link--icon link--icon-position-before" aria-label="{% trans "Onderwerpen" %}" title="{% trans "Onderwerpen" %}">
8851
<span >{% trans "Onderwerpen" %}</span>
8952
<span aria-hidden="true" class="material-icons-outlined ">description</span>
9053
{% icon icon="expand_more" icon_position="after" icon_outlined=True %}
9154
</a>
9255

93-
{% if categories %}
9456
<ul class="primary-navigation__list subpage-list">
9557
{% for category in categories %}
9658
<li class="primary-navigation__list-item">
@@ -99,42 +61,11 @@
9961
</li>
10062
{% endfor %}
10163
</ul>
102-
{% endif %}
10364
</li>
65+
{% endif %}
10466

105-
{% if request.user.is_authenticated %}
106-
<li class="primary-navigation__list-item">
107-
{% link text=_("Mijn profiel") href='profile:detail' icon="inventory_2" icon_position="before" icon_outlined=True %}
108-
</li>
109-
<li class="primary-navigation__list-item">
110-
{% link text=_('Mijn berichten') href='inbox:index' icon="inbox" icon_position="before" %}
111-
{% with request.user.get_new_messages_total as total_messages %}
112-
{% if total_messages %}
113-
{% with ""|addstr:total_messages|addstr:"" as message_total %}
114-
<span class="indicator">{% link text=message_total href='inbox:index' secondary=True extra_classes="indicator__link" %}<span class="indicator__dot"></span></span>
115-
{% endwith %}
116-
{% endif %}
117-
{% endwith %}
118-
</li>
67+
{% show_menu_below_id "home" 0 100 100 100 "cms/menu/primary.html" %}
11968

120-
{% if request.user.bsn and config.show_cases %}
121-
<li class="primary-navigation__list-item">
122-
{% link text=_('Mijn aanvragen') href='cases:open_cases' icon="inventory_2" icon_position="before" icon_outlined=True %}
123-
</li>
124-
{% endif %}
125-
{% if show_plans %}
126-
<li class="primary-navigation__list-item">
127-
{% link text=_('Samenwerken') href='collaborate:plan_list' icon="people" icon_outlined=True icon_position="before" %}
128-
{% with request.user.get_plan_contact_new_count as plan_count %}
129-
{% if plan_count %}
130-
{% with ""|addstr:plan_count|addstr:"" as plan_count %}
131-
<span class="indicator">{% link text=plan_count href='collaborate:plan_list' secondary=True %}<span class="indicator__dot"></span></span>
132-
{% endwith %}
133-
{% endif %}
134-
{% endwith %}
135-
</li>
136-
{% endif %}
137-
{% endif %}
13869
{% if has_general_faq_questions %}
13970
<li class="primary-navigation__list-item">
14071
{% link text=_('FAQ') href='general_faq' icon="help_outline" icon_position="before" icon_outlined=True %}
@@ -170,20 +101,24 @@
170101
{% firstof config.logo.default_alt_text config.name as logo_alt_text %}
171102
<div class="logo__desktop">{% logo src=config.logo.file.url alt=logo_alt_text svg_height=75 %}</div>
172103

173-
{% primary_navigation categories=categories request=request has_general_faq_questions=has_general_faq_questions show_plans=show_plans %}
104+
{% primary_navigation categories=categories request=request has_general_faq_questions=has_general_faq_questions cms_apps=cms_apps show_plans=show_plans %}
174105

106+
{% if cms_apps.products %}
175107
<nav class="header__actions" aria-label="Zoek navigatie desktop">
176108
{% url 'search:search' as search_url %}
177109
{% render_form form=search_form method="GET" form_action=search_url inline=True spaceless=True %}
178110
{% input search_form.query no_label=True %}
179111
{% form_actions primary_icon="search" primary_text=_("Zoeken") hide_primary_text=True %}
180112
{% endrender_form %}
181113
</nav>
114+
{% endif %}
182115

183116
{% navigation_authenticated categories=categories request=request has_general_faq_questions=has_general_faq_questions show_plans=show_plans %}
184117

185118
</div>
186119
</header>
120+
121+
{% if cms_apps.products %}
187122
<section class="search search__mobile">
188123
<nav class="search__actions " aria-label="Zoek navigatie mobiel">
189124
{% url 'search:search' as search_url %}
@@ -193,3 +128,4 @@
193128
{% endrender_form %}
194129
</nav>
195130
</section>
131+
{% endif %}

‎src/open_inwoner/components/templates/components/Header/NavigationAuthenticated.html

+2-33
Original file line numberDiff line numberDiff line change
@@ -4,45 +4,14 @@
44

55
{% if request.user.is_authenticated %}
66

7-
<nav class="primary-navigation primary-navigation__authenticated" aria-label="Navigatie na inloggen">
7+
<nav class="primary-navigation primary-navigation__authenticated" aria-label="Navigatie na inloggen" style="outline: 2px solid blue;">
88
<ul class="primary-navigation__list">
99
<li class="primary-navigation__list-item">
1010
{% button text=_('Welkom ')|addstr:request.user.get_short_name type="button" icon="expand_more" icon_position="after" icon_outlined=True transparent=True extra_classes="primary-navigation--toggle" %}
1111

1212
<ul class="primary-navigation__list subpage-list">
13-
<li class="primary-navigation__list-item">
14-
{% link text=_("Mijn profiel") href='profile:detail' icon="inventory_2" icon_position="before" icon_outlined=True %}
15-
</li>
16-
<li class="primary-navigation__list-item">
17-
{% link text=_('Mijn berichten') href='inbox:index' icon="inbox" icon_position="before" %}
18-
{% with request.user.get_new_messages_total as total_messages %}
19-
{% if total_messages %}
20-
{% with ""|addstr:total_messages|addstr:"" as message_total %}
21-
<span class="indicator">{% link text=message_total href='inbox:index' secondary=True extra_classes="indicator__link" %}<span class="indicator__dot"></span></span>
22-
{% endwith %}
23-
{% endif %}
24-
{% endwith %}
25-
</li>
2613

27-
{% get_solo 'configurations.SiteConfiguration' as config %}
28-
29-
{% if request.user.bsn and config.show_cases %}
30-
<li class="primary-navigation__list-item">
31-
{% link text=_('Mijn aanvragen') href='cases:open_cases' icon="inventory_2" icon_position="before" icon_outlined=True %}
32-
</li>
33-
{% endif %}
34-
{% if show_plans %}
35-
<li class="primary-navigation__list-item">
36-
{% link text=_('Samenwerken') href='collaborate:plan_list' icon="people" icon_outlined=True icon_position="before" %}
37-
{% with request.user.get_plan_contact_new_count as plan_count %}
38-
{% if plan_count %}
39-
{% with ""|addstr:plan_count|addstr:"" as plan_count %}
40-
<span class="indicator">{% link text=plan_count href='collaborate:plan_list' secondary=True %}<span class="indicator__dot"></span></span>
41-
{% endwith %}
42-
{% endif %}
43-
{% endwith %}
44-
</li>
45-
{% endif %}
14+
{% show_menu_below_id "home" 0 100 100 100 "cms/menu/primary.html" %}
4615

4716
{% if has_general_faq_questions %}
4817
<li class="primary-navigation__list-item">

‎src/open_inwoner/components/templates/components/Header/PrimaryNavigation.html

+2-16
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,10 @@
11
{% load i18n header_tags form_tags icon_tags link_tags string_tags solo_tags menu_tags button_tags %}
22

3-
{# * * * Start of DISABLED * * * Django CMS dynamic Desktop menu#}
4-
{#<nav class="primary-navigation" aria-label="Hoofd navigatie">#}
5-
{# <ul class="primary-navigation__list">#}
6-
{# {% show_menu 0 100 100 100 "cms/menu/primary.html" %}#}
7-
{##}
8-
{# {% if has_general_faq_questions %}#}
9-
{# <li class="primary-navigation__list-item">#}
10-
{# {% link text=_('FAQ') href='general_faq' icon="help_outline" icon_position="before" icon_outlined=True %}#}
11-
{# </li>#}
12-
{# {% endif %}#}
13-
{# </ul>#}
14-
{#</nav>#}
15-
{# * * * End of DISABLED * * * Django CMS dynamic Desktop menu#}
16-
173
{% get_solo "configurations.SiteConfiguration" as config %}
184

195
<nav class="primary-navigation primary-navigation__main" aria-label="Hoofd navigatie">
206
<ul class="primary-navigation__list">
21-
7+
{% if cms_apps.products and categories %}
228
<li class="primary-navigation__list-item">
239
{% button text=_('Onderwerpen') type="button" icon="expand_more" icon_position="after" icon_outlined=True transparent=True extra_classes="primary-navigation--toggle" %}
2410

@@ -33,6 +19,6 @@
3319
</ul>
3420
{% endif %}
3521
</li>
36-
22+
{% endif %}
3723
</ul>
3824
</nav>

‎src/open_inwoner/conf/base.py

+1
Original file line numberDiff line numberDiff line change
@@ -264,6 +264,7 @@
264264
"django.contrib.auth.context_processors.auth",
265265
"django.contrib.messages.context_processors.messages",
266266
"open_inwoner.utils.context_processors.settings",
267+
"open_inwoner.cms.context_processors.active_apphooks",
267268
"sekizai.context_processors.sekizai",
268269
"cms.context_processors.cms_settings",
269270
"django.template.context_processors.i18n",

‎src/open_inwoner/templates/cms/menu/primary.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{% load menu_tags link_tags %}
22
{% for child in children %}
33
{% with url=child.attr.redirect_url|default:child.get_absolute_url %}
4-
<li class="primary-navigation__list-item child{% if child.selected %} selected{% endif %}{% if child.ancestor %} ancestor{% endif %}{% if child.sibling %} sibling{% endif %}{% if child.descendant %} descendant{% endif %}">
4+
<li class="primary-navigation__list-item">
55
{% link text=child.get_menu_title href=url icon=child.common.menu_icon icon_position="before" %}
66
{% if child.indicator %}
77
<span class="indicator"><a class="link secondary indicator__link" href="{{ url }}">{{ child.indicator }}<span class="indicator__dot"></span></a></span>
@@ -14,4 +14,3 @@
1414
</li>
1515
{% endwith %}
1616
{% endfor %}
17-
lhg

‎src/open_inwoner/templates/master.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636

3737
<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
3838
{% cms_toolbar %}
39-
{% header categories=menu_categories request=request breadcrumbs=breadcrumbs search_form=search_form has_general_faq_questions=has_general_faq_questions show_plans=show_plans %}
39+
{% header categories=menu_categories request=request breadcrumbs=breadcrumbs search_form=search_form has_general_faq_questions=has_general_faq_questions cms_apps=cms_apps show_plans=show_plans %}
4040

4141
{% if anchors %}
4242
{% anchor_menu anchors=anchors desktop=False %}

0 commit comments

Comments
 (0)