91 lines
3.5 KiB
Plaintext
91 lines
3.5 KiB
Plaintext
@inject IAccountRepository AccountService
|
|
@inject AuthenticationStateProvider AuthStateProvider
|
|
@inject AppState AppState
|
|
@inject NavigationManager Navigation
|
|
@implements IDisposable
|
|
@rendermode InteractiveServer
|
|
|
|
<div class="top-row ps-3 navbar navbar-dark">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="">💰 Budgeteer <span class="badge bg-warning text-dark" style="font-size: 0.55em; vertical-align: middle;">beta</span></a>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
|
|
|
|
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
|
|
<nav class="nav flex-column">
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
|
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Dashboard
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="accounts">
|
|
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Accounts
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="transactions">
|
|
<span class="bi bi-arrow-left-right-nav-menu" aria-hidden="true"></span> Transactions
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="salary">
|
|
<span class="bi bi-cash-coin-nav-menu" aria-hidden="true"></span> Salary
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="categories">
|
|
<span class="bi bi-tag-nav-menu" aria-hidden="true"></span> Categories
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="reports">
|
|
<span class="bi bi-bar-chart-nav-menu" aria-hidden="true"></span> Reports
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="settings">
|
|
<span class="bi bi-gear-nav-menu" aria-hidden="true"></span> Settings
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="help">
|
|
<span class="bi bi-question-circle-nav-menu" aria-hidden="true"></span> Help
|
|
</NavLink>
|
|
</div>
|
|
|
|
<div class="nav-item px-3 mt-auto">
|
|
<NavLink class="nav-link" href="logout">
|
|
<span class="bi bi-box-arrow-right-nav-menu" aria-hidden="true"></span> Logout
|
|
</NavLink>
|
|
</div>
|
|
</nav>
|
|
|
|
@if (_accounts is not null && _accounts.Count > 0)
|
|
{
|
|
<div class="nav-balances px-3">
|
|
<div class="balances-header">Balances</div>
|
|
@foreach (var account in _accounts)
|
|
{
|
|
<div class="balance-item" style="cursor: pointer;" title="Click to manage accounts" @onclick="NavigateToAccounts">
|
|
<div class="balance-color" style="background-color: @account.Color;"></div>
|
|
<div class="balance-details">
|
|
<span class="balance-name">@account.Name</span>
|
|
<span class="balance-amount @(account.CurrentBalance >= 0 ? "text-success" : "text-danger")">
|
|
@account.FormatAmount(account.CurrentBalance)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
</div> |