prvi
This commit is contained in:
David Štaleker
339
EveryThing/Pages/FleetFueling/Index.cshtml
Normal file
339
EveryThing/Pages/FleetFueling/Index.cshtml
Normal file
@@ -0,0 +1,339 @@
|
||||
@page
|
||||
@model EveryThing.Pages.FleetFueling.IndexModel
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Gorivo";
|
||||
Layout = "~/Pages/Layouts/_Layout.cshtml";
|
||||
}
|
||||
|
||||
<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
|
||||
<span>
|
||||
<span class="text-muted font-weight-light">Gorivo /</span> Pregled
|
||||
</span>
|
||||
|
||||
<a asp-page="Create" class="btn btn-primary"><span class="fa fas fa-plus"></span> Vnos porabe goriva</a>
|
||||
</h4>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-2">
|
||||
<select type="text" class="form-control selectpicker" data-style="btn-default" placeholder="Jane Doe" asp-items="Html.GetEnumSelectList<Models.CodeTable.CodeTableEmployeeGender>()">
|
||||
<option value="">Vozilo</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<select type="text" class="form-control selectpicker" data-style="btn-default" placeholder="Jane Doe" asp-items="Html.GetEnumSelectList<Models.CodeTable.CodeTableEmployeeGender>()">
|
||||
<option value="">Kartica</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<select type="text" class="form-control selectpicker" data-style="btn-default" placeholder="Jane Doe" asp-items="Html.GetEnumSelectList<Models.CodeTable.CodeTableEmployeeGender>()">
|
||||
<option value="">Voznik</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button class="btn btn-primary"><i class="far fa-sync"></i> Osveži</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xl-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="far fa-road text-danger" style="font-size: 2rem"></div>
|
||||
<div class="ml-3">
|
||||
<div class="text-muted small">Prevoženo [km]</div>
|
||||
<div class="text-large">60.067,00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="far fa-gas-pump text-info" style="font-size: 2rem"></div>
|
||||
<div class="ml-3">
|
||||
<div class="text-muted small">Natočeno gorivo [l]</div>
|
||||
<div class="text-large">18.461,00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xl-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="far fa-leaf text-success" style="font-size: 2rem"></div>
|
||||
<div class="ml-3">
|
||||
<div class="text-muted small">Natočeno AdBlue [l]</div>
|
||||
<div class="text-large">1.572,00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="far fa-toolbox text-warning" style="font-size: 2rem"></div>
|
||||
<div class="ml-3">
|
||||
<div class="text-muted small">Gorivo delavnica [l]</div>
|
||||
<div class="text-large">1.484,00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body p-2">
|
||||
<div style="height: 202px;">
|
||||
<canvas id="statistics-chart-1"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-xl-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="far fa-tachometer-alt text-info" style="font-size: 2rem"></div>
|
||||
<div class="ml-3">
|
||||
<div class="text-muted small">Poraba goriva [l/100km]</div>
|
||||
<div class="text-large">29,87</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-xl-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="far fa-tachometer-alt text-success" style="font-size: 2rem"></div>
|
||||
<div class="ml-3">
|
||||
<div class="text-muted small">Poraba AdBlue [l/100km]</div>
|
||||
<div class="text-large">7,03</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="container-m-nx mt-0 mb-4">
|
||||
|
||||
<div class="card">
|
||||
<h6 class="card-header">
|
||||
Seznam porabe goriva
|
||||
|
||||
@*<button class="btn btn-sm btn-primary" data-toggle="ajax-modal" data-url="@Url.Page("/Notes/Create", "Modal")">
|
||||
<span class="ion ion-md-add"></span> Vnos porabe goriva
|
||||
</button>*@
|
||||
</h6>
|
||||
<table class="table card-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].DateOfFueling)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].FuelingCardInvoiceDate)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].FuelingCardInvoiceNumber)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Quantity)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Mileage)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].FullTank)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Amount)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].City)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Reference)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Note)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Vehicle)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Employee)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].Country)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].VehicleFuelingCard)
|
||||
</th>
|
||||
<th>
|
||||
@Html.DisplayNameFor(model => model.VehicleFueling[0].VehicleFuelType)
|
||||
</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in Model.VehicleFueling)
|
||||
{
|
||||
<tr>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.DateOfFueling)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.FuelingCardInvoiceDate)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.FuelingCardInvoiceNumber)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Quantity)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Mileage)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.FullTank)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Amount)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.City)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Reference)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Note)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Vehicle.RegistrationNumber)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Employee.BankAccount)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.Country.Title)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.VehicleFuelingCard.CardNumber)
|
||||
</td>
|
||||
<td>
|
||||
@Html.DisplayFor(modelItem => item.VehicleFuelType.Title)
|
||||
</td>
|
||||
<td>
|
||||
<a asp-page="./Edit" asp-route-id="@item.IdVehicleFueling">Edit</a> |
|
||||
<a asp-page="./Details" asp-route-id="@item.IdVehicleFueling">Details</a> |
|
||||
<a asp-page="./Delete" asp-route-id="@item.IdVehicleFueling">Delete</a>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
||||
|
||||
<script src="~/vendor/libs/chartjs/chartjs.js"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
var chart1 = new Chart(document.getElementById('statistics-chart-1').getContext("2d"),
|
||||
{
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [
|
||||
'2016-10', '2016-11', '2016-12', '2017-01', '2017-02', '2017-03', '2017-04', '2017-05'
|
||||
],
|
||||
datasets: [
|
||||
{
|
||||
label: 'Prevoženo [km]',
|
||||
data: [93, 25, 95, 59, 46, 68, 4, 41],
|
||||
borderWidth: 1,
|
||||
backgroundColor: 'rgba(217,83,79,0)',
|
||||
borderColor: '#d9534f',
|
||||
pointBackgroundColor: '#d9534f'
|
||||
|
||||
}, {
|
||||
label: 'Natočeno gorivo [l]',
|
||||
data: [53, 1, 43, 28, 56, 82, 80, 66],
|
||||
borderWidth: 1,
|
||||
backgroundColor: 'rgba(40,195,215,0)',
|
||||
borderColor: '#28c3d7',
|
||||
pointBackgroundColor: '#28c3d7'
|
||||
}, {
|
||||
label: 'Natočeno AdBlue [l]',
|
||||
data: [83, 1, 20, 28, 70, 82, 40, 66],
|
||||
borderWidth: 1,
|
||||
backgroundColor: 'rgba(2,188,119,0)',
|
||||
borderColor: '#02BC77',
|
||||
pointBackgroundColor: '#02BC77'
|
||||
}, {
|
||||
label: 'Poraba goriva [l/100km]',
|
||||
data: [40, 1, 5, 28, 56, 20, 40, 33],
|
||||
borderWidth: 1,
|
||||
backgroundColor: 'rgba(255,217,80,0)',
|
||||
borderColor: '#FFD950',
|
||||
pointBackgroundColor: '#FFD950'
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
},
|
||||
ticks: {
|
||||
fontColor: '#aaa'
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
},
|
||||
ticks: {
|
||||
fontColor: '#aaa',
|
||||
stepSize: 10
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
responsive: true,
|
||||
maintainAspectRatio: false
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user