partnerji na modal

This commit is contained in:
David Štaleker
2023-07-03 16:23:10 +02:00
parent c23c81e288
commit 7e7fecc59f
9 changed files with 603 additions and 22 deletions

View File

@@ -5,6 +5,7 @@
ViewData["Title"] = "Partnerji";
Layout = "~/Pages/Layouts/_Layout.cshtml";
}
<link rel="stylesheet" href="~/vendor/libs/select2/select2.css" asp-append-version="true" />
<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
<span>
@@ -69,7 +70,7 @@
<tbody>
@foreach (var item in Model.Partner)
{
<tr>
<tr data-idCodeTablePartner="@item.IdPartner">
<td>
@Html.DisplayFor(modelItem => item.Title)
@if (!item.Active)
@@ -91,7 +92,8 @@
@Html.DisplayFor(modelItem => item.Email)
</td>
<td class="text-right">
<a class="btn btn-xs icon-btn btn-outline-secondary borderless" asp-page="Edit" asp-route-id="@item.IdPartner" 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-secondary borderless" href="javascript:;" onclick="editCodeTablePartner(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="deleteCodeTablePartner(this)" data-toggle="tooltip" data-placement="top" title="Izbriši"><i class="fas fa-times"></i></a>
</td>
</tr>
}
@@ -99,12 +101,40 @@
</table>
<div class="card-footer py-3 text-right">
<a asp-page="Create" class="btn btn-primary">Vnos partnerja</a>
<button id="btnSubmit" type="button" class="btn btn-primary" onclick="addNewCodeTablePartner();">Vnos partnerja</button>
</div>
<div id="divModalCodetablePartnerAddEditPlaceholder"></div>
</div>
@Html.AntiForgeryToken()
@section Scripts {
<script src="~/vendor/libs/select2/select2.js" asp-append-version="true"></script>
<script src="~/js/codeTablePartnerHelper.js?v=1" asp-append-version="true"></script>
<script>
$('[data-toggle="tooltip"]').tooltip({container: 'table'});
function addNewCodeTablePartner() {
codeTablePartnerAddEdit('#divModalCodetablePartnerAddEditPlaceholder', false, null, (idCodeTableItem) => {
document.getElementById('btnSubmit').click();
});
}
function editCodeTablePartner(element) {
let idCodeTablePartner= parseInt($(element).parent().parent().attr('data-idCodeTablePartner'));
codeTablePartnerAddEdit('#divModalCodetablePartnerAddEditPlaceholder', true, idCodeTablePartner, (idCodeTablePartner) => {
document.getElementById('btnSubmit').click();
});
}
function deleteCodeTablePartner(element) {
let row = $(element).parent().parent();
let idCodeTablePartner= parseInt(row.attr('data-idCodeTablePartner'));
codeTablePartnerDelete(idCodeTablePartner, (idCodeTablePartner) => {
row.remove();
});
}
</script>
}