everything2/EveryThing/Pages/CodeTablePartners/Index.cshtml

@page
@model EveryThing.Pages.CodeTablePartners.IndexModel

@{
    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>
        <span class="text-muted font-weight-light">Partnerji /</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 type="submit" class="btn btn-secondary" aria-label="Osveži" title="Osveži">
                    <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="inactiveEmployees" @ViewData["InactivePartners"]> <span>Neaktivni partnerji</span>
                        </label>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card">

    <h6 class="card-header">
        Seznam partnerjev
    </h6>

    <table class="table card-table">
        <thead>
            <tr>
                <th>
                    @Html.DisplayNameFor(model => model.Partner[0].Title)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Partner[0].Street)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Partner[0].Post)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Partner[0].IdCountryFk)
                </th>
                <th style="width: 140px;">
                    @Html.DisplayNameFor(model => model.Partner[0].TaxNumber)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Partner[0].Email)
                </th>
                <th style="width: 80px;"></th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.Partner)
            {
                <tr data-idCodeTablePartner="@item.IdPartner">
                    <td>
                        @Html.DisplayFor(modelItem => item.Title)
                        @if (!item.Active)
                        {<span class='badge badge-danger'>Neaktivno</span>}
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Street) @Html.DisplayFor(modelItem => item.HouseNumber)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.PostNumber) @Html.DisplayFor(modelItem => item.Post)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Country.Title)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.TaxNumber)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Email)
                    </td>
                    <td class="text-right">
                        <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>
            }
        </tbody>
    </table>

    <div class="card-footer py-3 text-right">
        <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>
}