149 lines
8.0 KiB
Plaintext
149 lines
8.0 KiB
Plaintext
@using Microsoft.AspNetCore.Mvc.Localization
|
|
@using gehGassi.Web.Helper
|
|
|
|
@model gehGassi.Web.Models.StatisticDateRangeVm
|
|
|
|
@inject IViewLocalizer Localizer
|
|
@{
|
|
ViewData["Title"] = Localizer["Menu_Statistics_WalkPerTimeRange"];
|
|
}
|
|
@section pageTitle{
|
|
<a href="@Url.Action("WalksPerTimeange", "Statistic")">@Localizer["Menu_Statistics_WalkPerTimeRange"]</a>
|
|
}
|
|
|
|
<section id="statisticWalksPerTimeRangeContainer">
|
|
<div id="list">
|
|
<div id="listContainer">
|
|
<div class="text-center">
|
|
<h4>@Localizer["Menu_Statistics_WalkPerTimeRange"]</h4>
|
|
<div class="row mb-5">
|
|
<div class="col-sm-4 offset-sm-2">
|
|
<label class="form-label" asp-for="Start"></label>
|
|
<div class="e-input-group">
|
|
<div class="e-input-group-icon"><i class="fa fa-fw fa-calendar"></i></div>
|
|
<input asp-for="Start" class="form-control" />
|
|
</div>
|
|
<span asp-validation-for="Start" class="invalid-feedback"></span>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<label class="form-label" asp-for="End"></label>
|
|
<div class="e-input-group">
|
|
<div class="e-input-group-icon"><i class="fa fa-fw fa-calendar"></i></div>
|
|
<input asp-for="End" class="form-control" />
|
|
</div>
|
|
<span asp-validation-for="End" class="invalid-feedback"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-sm-4 offset-sm-4 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-person-walking fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="total" class="text-value-md text-primary fs-4">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Gesamt</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-money-bill fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="toPay" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="toPayPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Zu bezahlen</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-play fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="running" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="runningPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Laufend</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-circle-check fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="completed" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="completedPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Beendet</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-circle-exclamation fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="notCompleted" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="notCompletedPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Nicht beendet</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-user-check fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="confirmed" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="confirmedPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Bestätigt</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-triangle-exclamation fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="complained" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="complainedPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Reklamiert</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 mb-3">
|
|
<div class="card">
|
|
<div class="card-body p-3 d-flex align-items-center">
|
|
<i class="fa fa-check-double fa-2xl bg-primary p-4 font-2xl me-3"></i>
|
|
<div>
|
|
<div id="complainResolved" class="text-value-md text-primary fs-4">0</div>
|
|
<div id="complainResolvedPercent" class="text-value-md text-primary">0</div>
|
|
<div class="text-muted text-uppercase font-weight-bold">Reklamation gelöst</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="detail" style="display: none;">
|
|
</div>
|
|
@Html.Hidden("jsGetUrl", Url.Action("GetWalksPerTimeRange", "Statistic"))
|
|
|
|
@section Scripts{
|
|
<system-js url="~/scripts/Views/Statistic/walksPerTimeRange.js" fresh-import="true"></system-js>
|
|
}
|
|
|
|
</section> |