thetool/Layout/default/Devicemanufactor/Index.php

<?php
$pagination_baseurl = $this->getUrl($Mod, "Index");
$pagination_baseurl_params = ["filter" => $filter];
$pagination_entity_name = "Devicemanufactor";
?>
<?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/header.php"); ?>

    <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;
        }

        .edit-weight {
            width: 50px;
        }
    </style>

    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="<?= self::getUrl("Dashboard") ?>"><?= MFAPPNAME_SLUG ?></a>
                        </li>
                        <li class="breadcrumb-item active">Gerätehersteller</li>
                    </ol>
                </div>
                <h4 class="page-title">Gerätehersteller</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->


    <div class="card">
        <div class="card-body mb-3">
            <div class="row">
                <div class="col-12">
                    <div class="float-left">
                        <h4 class="header-title">Liste aller Gerätehersteller</h4>
                    </div>
                    <div class="float-right">
                        <a class="btn btn-primary mb-2" href="<?= self::getUrl("Devicemanufactor", "add") ?>"><i
                                    class="fas fa-plus"></i> Neuen Gerätehersteller anlegen</a>
                    </div>
                </div>
            </div>

            <!--            --><?php //include(realpath(dirname(__FILE__) . "/../") . "/tpl/pagination.php"); ?>
            <!--            --><?php //include(realpath(dirname(__FILE__) . "/../") . "/tpl/pagination-summary.php"); ?>

            <table id="datatable" class="table table-striped table-hover">
                <thead>
                <tr>
                    <th class="text-center">Name</th>
                    <th class="text-center">Erstellt von</th>
                    <th class="edit-weight"></th>
                </tr>
                <tr id="filterrow">
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                <?php foreach ($devicemanufactors as $devicemanufactor): ?>

                    <tr>
                        <td><?= $devicemanufactor->name ?></td>
                        <td><?= $devicemanufactor->creator->name ?>
                            (<?= date("d.m.Y , H:i", $devicemanufactor->create) ?>)
                        </td>

                        <td style="text-align: left; letter-spacing: 4px; font-size: 1.1em;">
                            <a href="<?= self::getUrl("Devicemanufactor", "edit", ["id" => $devicemanufactor->id]) ?>"><i
                                        class="far fa-edit" title="Bearbeiten"></i></a>
                            <a href="<?= self::getUrl("Devicemanufactor", "delete", ["id" => $devicemanufactor->id]) ?>"
                               onclick="if(!confirm('Gerätehersteller wirklich löschen?')) return false;"
                               class="text-danger" title="Löschen"><i class="fas fa-trash"></i></a>
                        </td>
                    </tr>

                <?php endforeach; ?>
                </tbody>
            </table>
        </div>
    </div>

    </div>
    </div>


    <script type="text/javascript">
        let table;
        $('#filterrow th').each(function (i) {
            let title = $('#datatable thead th').eq($(this).index()).text();

            if ($(this).index() == "2") {

            } 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>


<?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/footer.php"); ?>