Spaces:
Sleeping
Sleeping
| <nav class="space-y-1"> | |
| <NavLink class="nav-link-v" href="" Match="NavLinkMatch.All"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg> | |
| Dashboard | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/books"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18 18.246 18.477 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg> | |
| Books Catalog | |
| </NavLink> | |
| <AuthorizeView Roles="Member"> | |
| <NavLink class="nav-link-v" href="/borrowings"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path></svg> | |
| My Loans | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/rewards"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7"></path></svg> | |
| Rewards | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/membership"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path></svg> | |
| Plans | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/wishlist"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg> | |
| Wishlist | |
| </NavLink> | |
| </AuthorizeView> | |
| <AuthorizeView Roles="Librarian"> | |
| <NavLink class="nav-link-v" href="/user-insights"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg> | |
| Insights | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/members"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path></svg> | |
| Members | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/borrowings/manage"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path></svg> | |
| Manage Borrowings | |
| </NavLink> | |
| <NavLink class="nav-link-v" href="/rewards/manage"> | |
| <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7"></path></svg> | |
| Manage Rewards | |
| </NavLink> | |
| </AuthorizeView> | |
| </nav> | |
| <style> | |
| .nav-link-v { | |
| display: flex; | |
| align-items: center; | |
| padding: 0.75rem 1.25rem; | |
| border-radius: 12px; | |
| font-size: 0.875rem; | |
| font-weight: 600; | |
| color: var(--text-muted); | |
| text-decoration: none; | |
| transition: all 0.2s; | |
| margin-bottom: 0.25rem; | |
| } | |
| .nav-link-v:hover { | |
| color: var(--primary); | |
| background: var(--bg-body); | |
| } | |
| .nav-link-v.active { | |
| color: var(--primary); | |
| background: var(--bg-body); | |
| box-shadow: inset 0 0 0 1px var(--border); | |
| } | |
| .nav-link-v.active svg { | |
| color: var(--primary); | |
| } | |
| </style> | |