118 lines
4.6 KiB
Plaintext
118 lines
4.6 KiB
Plaintext
@page
|
|
@model EveryThing.Pages.CodeTableVehicles.IndexModel
|
|
|
|
@{
|
|
ViewData["Title"] = "Index";
|
|
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">Vozni park / </span> Pregled
|
|
</span>
|
|
</h4>
|
|
|
|
<div class="row">
|
|
<div class="col-12 mb-2 text-right">
|
|
<form method="get">
|
|
<div class="btn-group">
|
|
<input class="form-control" type="text" name="searchString" value="@ViewData["SearchString"]" placeholder="Iskanje..." autocomplete="off">
|
|
<button id="btnSubmit" type="submit" class="btn btn-secondary" aria-label="Osveži" title="Osveži" asp-route-type="@ViewData["Type"]">
|
|
<i class="opacity-75 ion ion-md-refresh"></i>
|
|
</button>
|
|
<div class="btn-group" title="Columns">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-label="Nastavitve" title="Nastavitve">
|
|
<i class="opacity-75 ion ion-md-apps"></i>
|
|
<span class="caret"></span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<label class="dropdown-item">
|
|
<input type="checkbox" name="inactiveVehicles" @ViewData["InactiveVehicles"]> <span>Neaktivna vozila</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
|
|
<table class="table card-table">
|
|
<thead>
|
|
<tr>
|
|
@*<th style="width: 200px;">#</th>*@
|
|
<th style="width: auto;">
|
|
@Html.DisplayNameFor(modelItem => modelItem.Vehicles[0].Title)
|
|
</th>
|
|
<th style="width: auto;">
|
|
@Html.DisplayNameFor(modelItem => modelItem.Vehicles[0].RegistrationNumber)
|
|
</th>
|
|
<th style="width: 100px">
|
|
@Html.DisplayNameFor(modelItem => modelItem.Vehicles[0].Active)
|
|
</th>
|
|
<th style="width: 120px;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var item in Model.Vehicles)
|
|
{
|
|
<tr data-idvehicle="@item.IdVehicle">
|
|
<td>
|
|
@Html.DisplayFor(modelItem => item.Title)
|
|
</td>
|
|
<td>
|
|
@Html.DisplayFor(modelItem => item.RegistrationNumber)
|
|
</td>
|
|
<td>
|
|
@Html.DisplayFor(modelItem => item.Active)
|
|
</td>
|
|
<td>
|
|
<a class="btn btn-xs icon-btn btn-outline-secondary borderless" href="Javascript:;" onclick="editCodeTableVehicle(this)" data-toggle="tooltip" data-placement="top" title="Urejanje" data-state="secondary"><i class="fas fa-pencil-alt"></i></a>
|
|
<a class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" href='javascript:;' onclick="deleteCodeTableVehicle(this)"><i class="fas fa-times"></i></a>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="card-footer py-3 text-right">
|
|
<a href="Javascript:;" onclick="addNewCodeTableVehicle();" class="btn btn-primary">Vnos novega</a>
|
|
</div>
|
|
</div>
|
|
<div id="divModalCodetableVehicleAddEditPlaceholder"></div>
|
|
@Html.AntiForgeryToken()
|
|
|
|
@section Scripts {
|
|
<script src="~/vendor/libs/select2/select2.js" asp-append-version="true"></script>
|
|
<script src="~/js/codeTableVehicleHelper.js?v=1" asp-append-version="true"></script>
|
|
|
|
<script>
|
|
$('[data-toggle="tooltip"]').tooltip({ container: 'table' });
|
|
|
|
function addNewCodeTableVehicle() {
|
|
codeTableVehicleAddEdit('#divModalCodetableVehicleAddEditPlaceholder', false, null, (idCodeTableItem) => {
|
|
document.getElementById('btnSubmit').click();
|
|
});
|
|
}
|
|
|
|
function editCodeTableVehicle(element) {
|
|
let idVehicle = parseInt($(element).parent().parent().attr('data-idvehicle'));
|
|
|
|
codeTableVehicleAddEdit('#divModalCodetableVehicleAddEditPlaceholder', true, idVehicle, (idVehicle) => {
|
|
document.getElementById('btnSubmit').click();
|
|
});
|
|
}
|
|
|
|
function deleteCodeTableVehicle(element) {
|
|
let row = $(element).parent().parent();
|
|
let idVehicle = parseInt(row.attr('data-idvehicle'));
|
|
|
|
codeTableVehicleDelete(idVehicle, (idVehicle) => {
|
|
row.remove();
|
|
});
|
|
}
|
|
</script>
|
|
}
|