RoleCheckPoint

2025-03-31 11:55:24 +02:00
parent d7c198acfa
commit 56f17681be
26 changed files with 1511 additions and 20 deletions
@@ -0,0 +1,112 @@
+@page
+@model WorkFlowCheck.Web.Pages.UserAndRole.RoleCheckPointsPageModel
+@{
+    ViewData["Title"] = "Szabályok - Ellenőrzési sablonok";
+}
+<h1>@ViewData["Title"]</h1>
+
+<div class="card shadow p-4">
+    <div class="d-flex justify-content-end">
+        <button id="newRoleCheckPointsBtn" class="btn btn-primary float-right new-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Új felhasználó">
+            <i class="bi bi-plus-square"></i>
+        </button>
+    </div>
+    <table id="tbRoleCheckPointsPage" class="table table-bordered table-hover table-sm" style="width:100%">
+        <thead class="table-primary">
+            <tr>
+                <th>ID</th>
+                <th>Role name</th>
+                <th>Checkpoint name</th>
+                <th>Enabled</th>
+                <th class="text-center">Action</th>
+            </tr>
+        </thead>
+        <tfoot class="table-light">
+            <tr>
+                <th>ID</th>
+                <th>Role name</th>
+                <th>Checkpoint name</th>
+                <th>Enabled</th>
+                <th class="text-center">Action</th>
+            </tr>
+        </tfoot>
+    </table>
+</div>
+
+@section Scripts {
+    <script>
+        const table = new DataTable('#tbRoleCheckPointsPage', {
+                ajax: {
+                        url: "@Url.Page("./RoleCheckPointsPage", "LoadRoleCheckPoints")",
+                        type: "GET",
+                        dataSrc : "data"
+                },
+                columns: [
+                    { data: "id" },
+                    { data: "roleDTO.roleName" },
+                    { data: "CheckPointDTO.description" },
+                    {
+                            data: "enabled",
+                            searchable: false,
+                            sortable: false,
+                            className: "text-center",
+                            render: function ( data, type, row ) {
+                                if (data === true) {
+                                    return '<input type="checkbox" class="editor-active" disabled checked>';
+                                }
+                                if (data === false) {
+                                    return '<input type="checkbox" class="editor-active" disabled>';
+                                }
+                                return data;
+                            }
+
+                    },
+                    { data: null, render: function (data, type, row) {
+                         return renderActionButtons(row.id);
+                    }}
+                ],
+                columnDefs: [
+                    {
+                        "targets": 0,
+                        "visible": false
+                    },
+                    {
+                        "targets": 4,
+                        "className": "text-center",
+                        "width": "10%"
+                    }
+                ],
+
+                processing:true,
+                language: { url: '//cdn.datatables.net/plug-ins/2.2.2/i18n/hu.json',}
+        });
+
+        $('#newRoleCheckPointsBtn').on('click', function ()
+        {
+            console.log('New button clicked!"');
+            window.location.href = `@Url.Page("./RoleCheckPointEditPage")?id=0`;
+        });
+
+        $('#tbRoleCheckPointsPage').on('click', '.edit-btn', function ()
+        {
+            const row = table.row($(this).closest('tr')).data();
+            window.location.href = `@Url.Page("./RoleCheckPointEditPage")?id=${row.id}`;
+        });
+
+        $('#tbRoleCheckPointsPage').on('click', '.delete-btn', function ()
+        {
+            const row = table.row($(this).closest('tr')).data();
+            console.log(row);
+            showConfirmModal({
+                title: 'Törlés megerősítése',
+                message: 'Biztosan törölni szeretnéd ezt az elemet?',
+                okText: 'Törlés',
+                cancelText: 'Mégsem'
+            }).then(function(result) {
+                if(result === 'ok') {
+                    console.log('Törlés végrehajtva');
+                }
+            });
+        });
+    </script>
+}