Rakseeibra/arrr-erp
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify Manager navigation and align full-width header

Browse Source
This commit is contained in:
A R R R Associates
2026-07-11 07:58:55 +05:30
parent 63a296ad07
commit 5d5a0d9bd6
3 changed files with 129 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/ui/templates/components/manager_navigation_v2.html
+65 -8
View File
@@ -1,19 +1,27 @@
{% if navigation_render_location_v2|default('page') == 'global-host' or not global_role_navigation_host_v2|default(false) %}
{#
UI/UX V2 Phase 1D — Manager pilot navigation
Presentation-only replacement for the existing manager tab strip.
Existing URLs, route protection, dashboard content, forms and page actions
are unchanged.
UI/UX V2 Phase 1D.6 — Unified Manager navigation.
Presentation only. Existing routes and route-level permissions remain authoritative.
#}
{% set _manager_path = request.url.path %}
{% set _manager_tab = request.query_params.get('tab', 'overview') %}
{% set navigation_aria_label_v2 = 'Manager workspace navigation' %}
{% set navigation_items_v2 = [
{
'label': 'Dashboard',
'url': '/manager/dashboard',
'visible': true,
'active': _manager_path == '/manager/dashboard'
'active': _manager_path.startswith('/manager/dashboard'),
'children': [
{'label': 'Overview', 'url': '/manager/dashboard?tab=overview', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'overview'},
{'label': 'Team Work', 'url': '/manager/dashboard?tab=team-work', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'team-work'},
{'label': 'Due Calendar', 'url': '/manager/dashboard?tab=due-calendar', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'due-calendar'},
{'label': 'Review Queue', 'url': '/manager/dashboard?tab=review-queue', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'review-queue'},
{'label': 'Client Pending', 'url': '/manager/dashboard?tab=client-pending', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'client-pending'},
{'label': 'Documents', 'url': '/manager/dashboard?tab=documents', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'documents'},
{'label': 'Escalations', 'url': '/manager/dashboard?tab=escalations', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'escalations'},
{'label': 'Reports', 'url': '/manager/dashboard?tab=reports', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'reports'},
{'label': 'Wizards', 'url': '/manager/dashboard?tab=wizards', 'active': _manager_path.startswith('/manager/dashboard') and _manager_tab == 'wizards'}
]
},
{
'label': 'Team Work Board',
@@ -54,8 +62,57 @@
}
] %}
<div class="mb-6 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft" data-uiux-v2-pilot="manager">
<div class="border-b border-slate-200 bg-white shadow-sm" data-uiux-v2-pilot="manager">
{% include "ui/templates/components/navigation_v2.html" %}
{% include "ui/templates/components/mobile_navigation_v2.html" %}
</div>
<script>
(function () {
"use strict";
function initialiseManagerDropdowns() {
var root = document.querySelector('[data-uiux-v2-pilot="manager"]');
if (!root || root.dataset.dropdownAutoCloseInitialised === 'true') return;
var desktopNav = root.querySelector('nav[data-uiux-v2="desktop-navigation"]');
if (!desktopNav) return;
root.dataset.dropdownAutoCloseInitialised = 'true';
var dropdowns = Array.from(desktopNav.querySelectorAll('details'));
function closeAllExcept(exception) {
dropdowns.forEach(function (details) {
if (details !== exception) details.removeAttribute('open');
});
}
dropdowns.forEach(function (details) {
details.addEventListener('toggle', function () {
if (details.open) closeAllExcept(details);
});
details.querySelectorAll('a[href]').forEach(function (link) {
link.addEventListener('click', function () {
details.removeAttribute('open');
});
});
});
document.addEventListener('click', function (event) {
if (!root.contains(event.target)) closeAllExcept(null);
});
document.addEventListener('keydown', function (event) {
if (event.key === 'Escape') closeAllExcept(null);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initialiseManagerDropdowns, { once: true });
} else {
initialiseManagerDropdowns();
}
})();
</script>
{% endif %}
app/ui/templates/components/top_workspace_bar.html
+1 -1
View File
@@ -1,4 +1,4 @@
{% set _uiux_full_width_header = ('System Admin' in (ui_roles|default([], true))) or ('Firm Admin' in (ui_roles|default([], true))) or ('Partner' in (ui_roles|default([], true))) %}
{% set _uiux_full_width_header = ('System Admin' in (ui_roles|default([], true))) or ('Firm Admin' in (ui_roles|default([], true))) or ('Partner' in (ui_roles|default([], true))) or ('Manager' in (ui_roles|default([], true))) or ('Branch Manager' in (ui_roles|default([], true))) %}
<header class="sticky top-0 z-40 border-b border-slate-200/70 {{ 'bg-white/95' if _uiux_full_width_header else 'bg-slate-100/85' }} backdrop-blur-xl">
<div class="{{ 'w-full px-4 py-3 sm:px-6 lg:px-8' if _uiux_full_width_header else 'mx-auto max-w-[1500px] px-3 py-3 sm:px-6 lg:px-8' }}">
<div class="{{ 'border-0 bg-transparent px-0 py-0 shadow-none' if _uiux_full_width_header else 'rounded-3xl border border-slate-200 bg-white/95 px-3 py-3 shadow-soft sm:px-4' }}">