Activate UIUX V2 navigation for manager and partner pilots
This commit is contained in:
A R R R Associates
@@ -1,12 +1,2 @@
|
||||
{% set manager_path = request.url.path %}
|
||||
<div class="mb-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-soft">
|
||||
<div class="flex min-w-max items-center gap-2">
|
||||
<a href="/manager/dashboard" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path == '/manager/dashboard' %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Overview</a>
|
||||
<a href="/manager/work" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/manager/work') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Team Work Board</a>
|
||||
<a href="/employees/work" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/work') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Detailed Allocation</a>
|
||||
<a href="/employees/progress" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/progress') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Engagement Progress</a>
|
||||
<a href="/employees/attendance" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/attendance') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Team Attendance</a>
|
||||
<a href="/employees/leave" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/employees/leave') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Team Leave</a>
|
||||
<a href="/alerts" class="rounded-xl px-4 py-2 text-sm font-semibold transition {% if manager_path.startswith('/alerts') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">My Alert</a>
|
||||
</div>
|
||||
</div>
|
||||
{# UI/UX V2 Phase 1D — Manager pilot. Existing URLs and route protection are preserved in the shared component. #}
|
||||
{% include "ui/templates/components/manager_navigation_v2.html" %}
|
||||
|
||||
@@ -1,12 +1,2 @@
|
||||
{% set path = request.url.path %}
|
||||
<div class="mb-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-soft">
|
||||
<div class="flex min-w-max gap-2 text-sm font-medium">
|
||||
<a href="/partner/dashboard" class="rounded-xl px-4 py-2 transition {% if path == '/partner/dashboard' %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Overview</a>
|
||||
<a href="/partner/reviews" class="rounded-xl px-4 py-2 transition {% if path.startswith('/partner/reviews') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">Review Board</a>
|
||||
<a href="/partner/clients" class="rounded-xl px-4 py-2 transition {% if path.startswith('/partner/clients') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">My Clients</a>
|
||||
<a href="/services/engagements" class="rounded-xl px-4 py-2 text-slate-700 transition hover:bg-slate-100">Engagements</a>
|
||||
<a href="/documents" class="rounded-xl px-4 py-2 text-slate-700 transition hover:bg-slate-100">Documents</a>
|
||||
<a href="/billing" class="rounded-xl px-4 py-2 text-slate-700 transition hover:bg-slate-100">Billing</a>
|
||||
<a href="/alerts" class="rounded-xl px-4 py-2 transition {% if path.startswith('/alerts') %}bg-brand-600 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}">My Alert</a>
|
||||
</div>
|
||||
</div>
|
||||
{# UI/UX V2 Phase 1D — Partner pilot. Existing URLs and route protection are preserved in the shared component. #}
|
||||
{% include "ui/templates/components/partner_navigation_v2.html" %}
|
||||
|
||||
@@ -0,0 +1,59 @@
|
||||
{#
|
||||
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.
|
||||
#}
|
||||
{% set _manager_path = request.url.path %}
|
||||
{% set navigation_aria_label_v2 = 'Manager workspace navigation' %}
|
||||
{% set navigation_items_v2 = [
|
||||
{
|
||||
'label': 'Dashboard',
|
||||
'url': '/manager/dashboard',
|
||||
'visible': true,
|
||||
'active': _manager_path == '/manager/dashboard'
|
||||
},
|
||||
{
|
||||
'label': 'Team Work Board',
|
||||
'url': '/manager/work',
|
||||
'visible': true,
|
||||
'active': _manager_path.startswith('/manager/work')
|
||||
},
|
||||
{
|
||||
'label': 'Detailed Allocation',
|
||||
'url': '/employees/work',
|
||||
'visible': true,
|
||||
'active': _manager_path.startswith('/employees/work')
|
||||
},
|
||||
{
|
||||
'label': 'Engagement Progress',
|
||||
'url': '/employees/progress',
|
||||
'visible': true,
|
||||
'active': _manager_path.startswith('/employees/progress')
|
||||
},
|
||||
{
|
||||
'label': 'Team Attendance',
|
||||
'url': '/employees/attendance',
|
||||
'visible': true,
|
||||
'active': _manager_path.startswith('/employees/attendance')
|
||||
},
|
||||
{
|
||||
'label': 'Team Leave',
|
||||
'url': '/employees/leave',
|
||||
'visible': true,
|
||||
'active': _manager_path.startswith('/employees/leave')
|
||||
},
|
||||
{
|
||||
'label': 'Alerts',
|
||||
'url': '/alerts',
|
||||
'visible': true,
|
||||
'active': _manager_path.startswith('/alerts'),
|
||||
'badge': unread_alert_count if unread_alert_count is defined and unread_alert_count > 0 else none
|
||||
}
|
||||
] %}
|
||||
|
||||
<div class="mb-6 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft" data-uiux-v2-pilot="manager">
|
||||
{% include "ui/templates/components/navigation_v2.html" %}
|
||||
{% include "ui/templates/components/mobile_navigation_v2.html" %}
|
||||
</div>
|
||||
@@ -0,0 +1,59 @@
|
||||
{#
|
||||
UI/UX V2 Phase 1D — Partner pilot navigation
|
||||
|
||||
Presentation-only replacement for the existing partner tab strip.
|
||||
Existing URLs, route protection, dashboard content, forms and page actions
|
||||
are unchanged.
|
||||
#}
|
||||
{% set _partner_path = request.url.path %}
|
||||
{% set navigation_aria_label_v2 = 'Partner workspace navigation' %}
|
||||
{% set navigation_items_v2 = [
|
||||
{
|
||||
'label': 'Dashboard',
|
||||
'url': '/partner/dashboard',
|
||||
'visible': true,
|
||||
'active': _partner_path == '/partner/dashboard'
|
||||
},
|
||||
{
|
||||
'label': 'Review Board',
|
||||
'url': '/partner/reviews',
|
||||
'visible': true,
|
||||
'active': _partner_path.startswith('/partner/reviews')
|
||||
},
|
||||
{
|
||||
'label': 'My Clients',
|
||||
'url': '/partner/clients',
|
||||
'visible': true,
|
||||
'active': _partner_path.startswith('/partner/clients')
|
||||
},
|
||||
{
|
||||
'label': 'Engagements',
|
||||
'url': '/services/engagements',
|
||||
'visible': true,
|
||||
'active': _partner_path.startswith('/services/engagements')
|
||||
},
|
||||
{
|
||||
'label': 'Documents',
|
||||
'url': '/documents',
|
||||
'visible': true,
|
||||
'active': _partner_path.startswith('/documents')
|
||||
},
|
||||
{
|
||||
'label': 'Billing',
|
||||
'url': '/billing',
|
||||
'visible': true,
|
||||
'active': _partner_path.startswith('/billing')
|
||||
},
|
||||
{
|
||||
'label': 'Alerts',
|
||||
'url': '/alerts',
|
||||
'visible': true,
|
||||
'active': _partner_path.startswith('/alerts'),
|
||||
'badge': unread_alert_count if unread_alert_count is defined and unread_alert_count > 0 else none
|
||||
}
|
||||
] %}
|
||||
|
||||
<div class="mb-6 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft" data-uiux-v2-pilot="partner">
|
||||
{% include "ui/templates/components/navigation_v2.html" %}
|
||||
{% include "ui/templates/components/mobile_navigation_v2.html" %}
|
||||
</div>
|
||||
Reference in New Issue
Block a user