templates/topbar.html.twig line 1

1. {% set avatar = _args.avatar %}
2. {% set displayName = _args.displayName %}
5. {% do dom_scripts_top([
6.     'https://honeycomb.style/js/honeycomb.js',
7. ]) %}
10. {% set mainItems = [
11.     (cms.tenant.products.checkAnyFlag('SCHOOLNOW__BASE')) ? {
12.         title: 'Home',
13.         link: path('app.schoolnow.dashboard.default.main'),
14.         active: (app.request.attributes.get('_route') starts with 'app.schoolnow.'),
15.     } : null,
16.     maybe_granted('@app.notifications.access') ? {
17.         title: 'Messages',
18.         link: path('app.notifications.dashboard.default.main'),
19.         active: (app.request.attributes.get('_route') starts with 'app.notifications.'),
20.     } : null,
21.     {
22.         title: 'Website',
23.         link: path('app.app.dashboard.websites.default.main'),
24.         active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.websites.'),
25.     },
26. ]|filter((item) => item is not empty and (not item.permission is defined or is_granted(item.permission))) %}
28. {% set settingsItems = [
29.     {
30.         header: 'Account set-up',
31.         permission: 'app.schools.admin',
32.         items: [
33.         {
34.             title: 'Schools',
35.             link: path('app.app.dashboard.settings.schools.list'),
36.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.schools.'),
37.             icon: 'school',
38.         },
39.         {
40.             title: 'Branding',
41.             link: path('app.app.dashboard.settings.branding.list'),
42.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.branding.'),
43.             icon: 'building',
44.         },
45.         {
46.             title: 'Mobile App',
47.             link: path('app.app.dashboard.settings.mobile.list'),
48.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.mobile.'),
49.             icon: 'phone',
50.         },
51.         {
52.             title: 'Accessibility',
53.             link: path('products.ada.dashboard.default.main'),
54.             active: (app.request.attributes.get('_route') starts with 'products.ada.'),
55.             icon: "accessibility",
56.         },
57.     ],
58.     },
59.     {
60.         header: 'Users and groups',
61.         permission: 'app.security.admin',
62.         items: [
63.         {
64.             title: 'User accounts',
65.             link: path('app.app.dashboard.settings.accounts.main'),
66.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.accounts.'),
67.             icon: 'users',
68.         },
69.         {
70.             title: 'Groups',
71.             link: path('app.app.dashboard.settings.groups.main'),
72.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.groups.'),
73.             icon: 'user-group',
74.         },
75.         {
76.             title: 'Roles',
77.             link: path('app.app.dashboard.settings.roles.main'),
78.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.roles.'),
79.             icon: 'eye',
80.         },
81.     ],
82.     },
83.     {
84.         header: 'Messages',
85.         permission: 'app.notifications.automations.admin',
86.         items: [
87.         {
88.             title: 'Auto Notices',
89.             link: path('app.app.dashboard.settings.automations.main'),
90.             active: (app.request.attributes.get('_route') starts with 'app.app.dashboard.settings.automations.'),
91.             icon: 'bolt',
92.         },
93.     ],
94.     },
95.     {
96.         header: 'Social media',
97.         permission: 'app.social.admin',
98.         items: [
99.         {
100.             title: 'Connections',
101.             link: path('cms.tenant.dashboard.social.main'),
102.             active: (app.request.attributes.get('_route') starts with 'cms.tenant.dashboard.social'),
103.             icon: 'share-alt',
104.         },
105.     ],
106.     },
107.     {
108.         header: null,
109.         items: [
110.         is_granted('campussuite.cms.me.sites') ? {
111.             title: 'Teacher Websites',
112.             link: path('cms.container.dashboard.container.index_personal'),
113.             icon: 'page',
114.         } : null,
115.     ]
116.     },
117.     {
118.         header: null,
119.         items: [
120.         cms.impersonatedAccount is empty ? {
121.             title: 'Logout',
122.             link: path('app.platform.security.logout'),
123.             color: 'danger',
124.             icon: 'log-out',
125.         } : {
126.             title: 'Stop Impersonation',
127.             link: path('app.schoolnow.dashboard.default.main', { _switch_user: '_exit' }),
128.             color: 'danger',
129.             icon: 'log-out',
130.         },
131.     ],
132.     },
133. ]|filter((item) => item is not empty and (not item.permission is defined or is_granted(item.permission))) %}
135. {% embed 'hc/header.html.twig' with {
136.     logoLink: (cms.tenant.products.checkAnyFlag('SCHOOLNOW__BASE'))
137.     ? path('app.schoolnow.dashboard.default.main')
138.     : null,
139. } %}
140.     {% block mainMenu %}
141.         {% include 'hc/header-menu-main.html.twig' with {
142.             items: mainItems,
143.         } %}
144.     {% endblock %}
146.     {% block settingsMenu %}
147.         {% include 'hc/button.html.twig' with {
148.             button: 'button',
149.             text: 'Help',
150.             sidepanel: 'topbar-help',
151.             styles: 'primary brand',
152.             attr: {
153.                 class: 'mr-3',
154.             },
155.             icon: {
156.                 glyph: 'support',
157.                 color: 'solid',
158.                 varinat: 'contrast',
159.             }
160.         } %}
162.         {% embed 'hc/dropdown.html.twig' with {
163.             separator: 'left',
164.             items: settingsItems,
165.             variant: 'account'
166.         } %}
167.             {% block toggle %}
168.                 {% embed 'hc/button-button.html.twig' with {
169.                     icon: true,
170.                     dropdown: {
171.                         caret: true,
172.                     },
173.                 } %}
174.                     {% block content %}
175.                         {% if avatar %}
176.                             {% include 'hc/avatar.html.twig' with {
177.                                 image: avatar
178.                             } %}
179.                         {% else %}
180.                             {% include 'hc/icon.html.twig' with {
181.                                 glyph: 'user',
182.                                 variant: 'contrast',
183.                             } %}
184.                         {% endif %}
185.                     {% endblock %}
186.                 {% endembed %}
187.             {% endblock %}
188.             {% block content %}
189.                 {% embed 'hc/dropdown-menu.html.twig' with {
190.                     variant: variant,
191.                     items: items
192.                 } %}
193.                     {% block header %}
194.                         {% include 'hc/header-menu-session.html.twig' with {
195.                             variant: 'active',
196.                             avatar: avatar,
197.                             displayName: displayName,
198.                             profileLink: path('app.app.dashboard.settings.profiles.view'),
199.                         } %}
200.                     {% endblock %}
201.                 {% endembed %}
202.             {% endblock %}
203.         {% endembed %}
204.     {% endblock %}
206.     {% block mobileMenu %}
207.         {% include 'hc/button.html.twig' with {
208.             button: 'button',
209.             sidepanel: 'topbar-help',
210.             styles: 'primary brand ',
211.             attr: {
212.                 class: 'mr-3',
213.             },
214.             icon: {
215.                 glyph: 'support',
216.                 color: 'solid',
217.                 varinat: 'contrast',
218.             }
219.         } %}
221.         {% embed 'hc/dropdown.html.twig' with {
222.             items: [{header:null, items: mainItems}],
223.             mobile: true,
224.             caret: false,
225.             icon: {
226.                 glyph: 'menu',
227.                 variant: 'contrast',
228.             }
229.         } %}
230.         {% endembed %}
232.         {% embed 'hc/dropdown.html.twig' with {
233.             separator: 'left',
234.             items: settingsItems,
235.             variant: 'account',
236.         } %}
237.             {% block toggle %}
238.                 {% embed 'hc/button-button.html.twig' with {
239.                     icon: true,
240.                     dropdown: {
241.                         caret: true,
242.                     },
243.                 } %}
244.                     {% block content %}
245.                         {% if avatar %}
246.                             {% include 'hc/avatar.html.twig' with {
247.                                 image: avatar
248.                             } %}
249.                         {% else %}
250.                             {% include 'hc/icon.html.twig' with {
251.                                 glyph: 'user',
252.                                 variant: 'contrast',
253.                             } %}
254.                         {% endif %}
255.                     {% endblock %}
256.                 {% endembed %}
257.             {% endblock %}
258.             {% block content %}
259.                 {% embed 'hc/dropdown-menu.html.twig' with {
260.                     variant: variant,
261.                     items: items,
262.                     mobile: true,
263.                 } %}
264.                     {% block header %}
265.                         {% include 'hc/header-menu-session.html.twig' with {
266.                             variant: 'active',
267.                             avatar: avatar,
268.                             displayName: displayName,
269.                             profileLink: path('app.app.dashboard.settings.profiles.view'),
270.                         } %}
271.                     {% endblock %}
272.                 {% endembed %}
273.             {% endblock %}
274.         {% endembed %}
275.     {% endblock %}
276. {% endembed %}