Subversion-Projekte lars-tiefland.webanos.marine-sales.de

{extends file="index.tpl"}
{block name="maincontent"}
    <!-- $Id: manufacturerList.tpl 123 2023-07-15 23:10:48Z lars $ BEGIN -->
    <script>
        $(function (){
            $('#editDlg').dialog({
                autoOpen:false,
                modal:true,
                resizable:false,
                width:800,
                buttons:[
                    {
                        text:"OK",
                        icon:"ui-icon-check",
                        click:function (){
                            let url="/Online-Shop/manufacturers";
                            if($("#ID").val())
                            {
                                url+="/"+$("#ID").val()
                            }
                            $.post(url,$('#manufacturerForm').serializeArray(),function(){
                                $('#editDlg').dialog("close")
                                location.reload()
                            });
                        }
                    },
                    {
                        text:"Abbrechen",
                        icon:"ui-icon-cancel",
                        click:function (){
                            $('#editDlg').dialog("close");
                        }
                    }
                ]
            })
            $('#delDlg').dialog({
                autoOpen:false,
                modal:true,
                resizable:false,
                width:800,
                buttons:[
                    {
                        text:"OK",
                        icon:"ui-icon-check",
                        click:function (){
                            let url="/Online-Shop/manufacturers/"+$("#mId").html();
                            $.post(url,$('#manufacturerDelForm').serializeArray(),function(){
                                $('#delDlg').dialog("close")
                                location.reload()
                            });
                        }
                    },
                    {
                        text:"Abbrechen",
                        icon:"ui-icon-cancel",
                        click:function (){
                            $('#delDlg').dialog("close");
                        }
                    }
                ]
            })
            $("#new").uibutton({
                icons:{
                    primary:"ui-icon-plus"
                }
            }).click(function()
            {
                let url="/Online-Shop/manufacturers/create/";
                $('#editDlg').load(url).dialog("open");
            });
            $(".edit").uibutton({
                icons:{
                    primary:"ui-icon-pencil"
                }
            }).click(function() {
                let url="/Online-Shop/manufacturers/"+$(this).attr("data-id")+"/edit/";
                $('#editDlg').load(url).dialog("open");
            });
            $(".del").uibutton({
                icons:{
                    primary:"ui-icon-trash"
                }
            }).click(function() {
                let mId=$(this).attr("data-id");
                $.get("/Online-Shop/manufacturers/"+mId,function(name) {
                    $('#manufacturerName').html(name);
                    $('#mId').html(mId);
                    $('#delDlg').dialog("open");
                })
            })
            $("#dataTable").dataTable({
                "lengthMenu": [[100, -1], [100, "Alle"]],
                "language": {
                    "url": "/js/DataTables-1.10.19/German.json"
                }
            });
        })
    </script>
    <button id="new"></button>
    <br><br>
    <table style="width:100%" id="dataTable">
        <thead>
        <tr>
            <th>Name</th>
            <th>Aktionen</th>
        </tr>
        </thead>
        <tbody>
        {foreach $manufacturers as $manufacturer}
            <tr>
                <td>{$manufacturer.name}</td>
                <td>
                    <button class="edit" data-id="{$manufacturer.id}"></button>
                    <button class="del" data-id="{$manufacturer.id}"></button>
                </td>
            </tr>
        {/foreach}
        </tbody>
    </table>
    <div id="editDlg"></div>
    <div id="delDlg" title="Hersteller löschen">
        Wollen Sie den Hersteller <span id="manufacturerName"></span> wirklich löschen?
        <span id="mId" style="display: none"></span>
        <form id="manufacturerDelForm">
            <input type="hidden" name="_method" value="DELETE">
            <input type="hidden" name="_token" value="{csrf_token()}">
        </form>
    </div>
    <!-- $Id: manufacturerList.tpl 123 2023-07-15 23:10:48Z lars $ END -->
{/block}