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.
47 lines
2.2 KiB
47 lines
2.2 KiB
@using Biskilog_Accounting.Shared.Interfaces;
|
|
@using Microsoft.Fast.Components.FluentUI
|
|
@inject ICalculator m_calculator;
|
|
|
|
@if (!IsLoading)
|
|
{
|
|
<div class="card">
|
|
<div class="d-flex align-items-end row">
|
|
<div class="col-sm-7">
|
|
<div class="card-body">
|
|
<h5 class="card-title text-primary">@(TradeSummary.CurrentTradeSales > TradeSummary.LastTradeSales ? "Congratulations 🎉" : TradeSummary.LastTradeSales > TradeSummary.CurrentTradeSales ? "Tough shift there" : "Well Done") @Username!</h5>
|
|
<p class="mb-4">
|
|
@m_remarks
|
|
</p>
|
|
<a href="javascript:;" class="btn btn-sm btn-outline-primary">View Trade Summary</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 text-center text-sm-left">
|
|
<div class="card-body pb-0 px-0 px-md-4">
|
|
<img src="../assets/img/illustrations/man-with-laptop-light.png"
|
|
height="140"
|
|
alt="View Badge User"
|
|
data-app-dark-img="illustrations/man-with-laptop-dark.png"
|
|
data-app-light-img="illustrations/man-with-laptop-light.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<FluentCard class="card-padding">
|
|
<FluentSkeleton style="border-radius: 4px; width: 50px; height: 50px;" Shape="SkeletonShape.Circle" Shimmer="true"></FluentSkeleton>
|
|
<FluentSkeleton style="border-radius: 4px; margin-top: 10px; height: 10px;" Shape="SkeletonShape.Rect" Shimmer="true"></FluentSkeleton>
|
|
<FluentSkeleton style="border-radius: 4px; margin-top: 10px; height: 10px;" Shape="SkeletonShape.Rect" Shimmer="true"></FluentSkeleton>
|
|
<FluentSkeleton style="border-radius: 4px; margin-top: 10px; height: 10px;" Shape="SkeletonShape.Rect" Shimmer="true"></FluentSkeleton>
|
|
<FluentSkeleton style="
|
|
border-radius: 4px;
|
|
width: 75px;
|
|
height: 30px;
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
"
|
|
Shape="SkeletonShape.Rect"
|
|
Shimmer="true"></FluentSkeleton>
|
|
</FluentCard>
|
|
}
|