340 lines
14 KiB
Plaintext
340 lines
14 KiB
Plaintext
@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>
|
|
}
|
|
|