datatables-std.css für Standard DT erstellt

datatables-std.js für Standard DT erstellt
zugewiesen an:
Device,Devicetype,Devicemanufactor,Pop,Filestore

Pop Detail Ansicht erstellt
Filestore auf DT umgebaut

Bugfixing:
* Bearbeiten aus verschiedenen Ansichten werden nun richtig zurückgeleitet (Devices/Pops)
* Sortierung Devicetype in Devices wurde nun per Arraysort durchgeführt

Layout/default/Device/Index.php

@@ -4,37 +4,9 @@ $pagination_baseurl_params = ["filter" => $filter];
 $pagination_entity_name = "Device";
 ?>
 <?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/header.php"); ?>
-
+    <link href="<?=self::getResourcePath()?>assets/css/datatables-std.css" rel="stylesheet" type="text/css" />
     <style>
-        #filterrow input {
-            width: 100%;
-            padding: 3px;
-            box-sizing: border-box;
-            display: table-header-group;
-            height: unset;
-        }
 
-        .dataTables_wrapper .dataTables_filter {
-            float: left;
-            text-align: left;
-        }
-
-        .dataTables_wrapper .dataTables_length {
-            float: right;
-        }
-
-        .clear-fa {
-            margin-left: 5px;
-            font-size: 23px;
-            vertical-align: middle;
-            color: #cb2929;
-            cursor: pointer;
-        }
-
-        .margina {
-            margin-left: 30px !important;
-            margin-top: -5px;
-        }
     </style>
     <!-- start page title -->
     <div class="row">
@@ -74,7 +46,7 @@ $pagination_entity_name = "Device";
             <table id="datatable" class="table table-striped table-hover">
                 <thead>
                 <tr>
-                    <th>Geräte Name</th>
+                    <th>Device Name</th>
                     <th class="text-center">Geräte Typ</th>
                     <th class="text-center">Hersteller</th>
                     <th class="text-center">Pop</th>
@@ -83,7 +55,7 @@ $pagination_entity_name = "Device";
                     <th class="text-center">Seriennummer</th>
                     <th class="text-center">Preis</th>
                     <th class="text-center">max. Leistung</th>
-                    <th class="w15"></th>
+                    <th class="edit-width"></th>
                 </tr>
                 <tr id="filterrow">
                     <th></th>
@@ -111,7 +83,7 @@ $pagination_entity_name = "Device";
 
                     <tr>
                         <td>
-                            <a href="<?= self::getUrl("Device", "detail", ["id" => $device->id]) ?>"><?= $device->name ?></a>
+                            <a href="<?= self::getUrl("Device", "Detail", ["id" => $device->id]) ?>"><?= $device->name ?></a>
                         </td>
                         <td class="text-center"><?= $device->devicetype->name ?></td>
                         <td class="text-center"><?= $device->devicetype->devicemanufactor->name ?></td>
@@ -152,69 +124,13 @@ $pagination_entity_name = "Device";
 
 
     <script type="text/javascript">
-        let table;
-        $('#filterrow th').each(function (i) {
-            let title = $('#datatable thead th').eq($(this).index()).text();
+        var hidesearch=[9];
 
-            if ($(this).index() == "9") {
-
-            } else {
-                $(this).html('<input type="text" placeholder="' + title + '" class="form-control" data-index="' + i + '" value="" />');
-            }
-        });
-
-        table = $('#datatable').DataTable({
-            buttons: [
-                {
-                    extend: 'excelHtml5',
-                    text: 'XLSX Export',
-                    className: 'btn-success margina'
-
-                }
-            ],
-            orderCellsTop: true,
-            stateSave: true,
-            "initComplete": function () {
-                $('#datatable_filter').append('<i id="clear_cookie" class="fas fa-times clear-fa" title="Filter löschen" aria-hidden="true" ></i>');
-                $('#clear_cookie').click(function () {
-                    $('input').val('');
-
-                    table.search('').columns().search('').draw();
-                });
-            },
-            "dom": 'flBrtip'
-
-        });
-
-        $('#filterrow').on('keyup', 'input', function () {
-
-            table
-                .column($(this).data('index'))
-                .search(this.value)
-                .draw();
-
-
-        });
-        var state = table.state.loaded();
-        if (state) {
-            table.columns().eq(0).each(function (colIdx) {
-                var colSearch = state.columns[colIdx].search;
-
-                if (colSearch.search) {
-
-
-                    $('#filterrow').find("[data-index='" + colIdx + "']").val(colSearch.search);
-
-
-                }
-            });
-
-            table.draw();
-        }
         $(document).ready(function () {
 
         });
     </script>
+    <script type="text/javascript" src="<?=self::getResourcePath()?>assets/js/datatables-std.js"></script>
 
 
 <?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/footer.php"); ?>