You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.9 KiB
63 lines
2.9 KiB
@using Biskilog_Accounting.Client.Pages.Dashboard.Elements
|
|
@using Biskilog_Accounting.Shared.Interfaces
|
|
@inject HttpClient m_http
|
|
@inject ITokenService m_tokenService
|
|
@page "/"
|
|
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
<div class="row">
|
|
<div class="col-lg-8 mb-4 order-0">
|
|
<WelcomeCard TradeSummary="@m_tradeSummary" Username="@m_username" />
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 order-1">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-12 col-6 mb-4">
|
|
<AnalyticsItemSmall Icon="../assets/img/icons/unicons/chart-success.png" Title="Transactions" Value="@m_tradeSummary.CurrentTradeSales" Percentage="@(((m_tradeSummary.CurrentTradeSales-m_tradeSummary.LastTradeSales)/m_tradeSummary.LastTradeSales)*100)" />
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 col-6 mb-4">
|
|
<AnalyticsItemSmall Icon="../assets/img/icons/unicons/wallet-info.png" Title="Cancelled Sales" Value="@(m_cancelledWeeklySale)" Percentage="@(m_cancelledPercentage)" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Total Revenue -->
|
|
<div class="col-12 col-lg-8 order-2 order-md-3 order-lg-2 mb-4">
|
|
<ChartElement Series="@m_weeklySaleItems" Title="Weekly Revenue" SubTitle="Sale Trend" IsLoading="@loadWeeklySales" />
|
|
</div>
|
|
<!--/ Total Revenue -->
|
|
<div class="col-12 col-md-8 col-lg-4 order-3 order-md-2">
|
|
<div class="row">
|
|
<div class="col-6 mb-4">
|
|
<AnalyticsItemSmall Icon="../assets/img/icons/unicons/paypal.png" Title="Credit Sales" Value="2456" Percentage="-22" />
|
|
</div>
|
|
<div class="col-6 mb-4">
|
|
<AnalyticsItemSmall Icon="../assets/img/icons/unicons/cc-primary.png" Title="Debts To Collect" Value="@(m_totalDebt)" Percentage="-22" />
|
|
</div>
|
|
<!-- </div>
|
|
<div class="row"> -->
|
|
<div class="col-12 mb-4">
|
|
<ProductPriceHistory ProductHistory="@m_ProductPriceChanges" IsLoading="@loadingPriceHistory" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<!-- Low stock items -->
|
|
<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-4">
|
|
<LowStockItems LowStockProducts="@m_lowstock" />
|
|
</div>
|
|
<!--/ Order Statistics -->
|
|
<!-- Expense Overview -->
|
|
<div class="col-md-6 col-lg-4 order-1 mb-4">
|
|
<MostPurchasedElement MostPurchasedItems="@m_mostPurchased" IsLoading="@m_loadingMostPurchased" />
|
|
</div>
|
|
<!--/ Expense Overview -->
|
|
<!-- Transactions -->
|
|
<div class="col-md-6 col-lg-4 order-2 mb-4">
|
|
<!-- Recent Transactions -->
|
|
<TransactionCard Sales="@m_recentTransaction" />
|
|
<!--/ Recent Transactions -->
|
|
</div>
|
|
<!--/ Transactions -->
|
|
</div>
|
|
</div>
|
|
|
|
|