[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/BACKUP C 19-12/XAMPP74/htdocs/simaku-aset/application/views/admin/inventaris/ [ Home ]
File: index_js.php
<div id="createWindow">
    <form action="" id="createForm" method="POST">
        <input type="hidden" id="isEdit" name="isEdit" value="0">
        <input type="hidden" id="idUp" name="idUp" value=''>
        <div class="form-group row">
            <label for="nominal" class="col-md-4 text-right">Nominal Penyusutan:</label>
            <div class="col-md-5">
                <input id="nominal" title="" class="k-textbox" type="number" style="width: 100%" />
            </div>
        </div>
        <div class="form-group row pull-right">
            <div class="col-md-6">
                <button class="btn btn-primary" id='saveChanges' type="submit">Simpan</button>
            </div>
        </div>
    </form>
</div>

<script id="toolbarTemplate" type="text/x-kendo-tmpl">
    <div class="toolbar" style="margin: 10px" >
    <div class="col-md-12">
        <form>
        <div class="form-group">
            <label for="coa_drop">Output: Berbasis Nama Rekening</label>
            <br>
            <input type="search" class="form-control" id="coa_drop" style="width: 280px" />
        </div>
        
        <div class="form-group">
            <label for="aset_item_drop">Output: Berbasis Nama Item</label>
            <br>
            <input type="search" class="form-control" id="aset_item_drop" style="width: 280px">
        </div>

        <div class="form-group">
            <label for="rooms_drop">Output: Berbasis Ruangan</label>
            <br>
            <input type="search" class="form-control" id="rooms_drop" style="width: 280px">
        </div>
        </form>
    </div>
    
    </div>
</script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#search").keyup(function() {
            var searchValue = $('#search').val();
            $("#grid").data("kendoGrid").dataSource.filter({
                field: "aset_code",
                operator: "Contains",
                value: searchValue
            });
        });

        deleteDialogTemplateitem = kendo.template($("#deleteDialogTemplateitem").html());
        const grid = $('#grid').kendoGrid({
            excel: {
                fileName: "Inventaris Export.xlsx",
                allPages: true
            },
            dataSource: {
                transport: {
                    read: function(options) {
                        $.ajax({
                            dataType: 'json',
                            url: '<?= base_url("Inventaris/show") ?>',
                            type: 'get',
                            data: {
                                coa_drop: $('#coa_drop').val(),
                                aset_item_drop: $('#aset_item_drop').val(),
                                rooms_drop: $('#rooms_drop').val(),
                            },
                            success: function(res) {
                                options.success(res);

                            },
                            error: function(xhr, ajaxOptions, thrownError) {
                                console.log(ajaxOptions);
                            }
                        })
                    },
                    update: function(options) {
                        $.ajax({
                            dataType: 'json',
                            url: '<?= base_url("Inventaris/update") ?>',
                            type: 'post',
                            data: options.data,
                            success: function(res) {
                                options.success(res);

                            },
                            error: function(xhr, ajaxOptions, thrownError) {
                                console.log(ajaxOptions);
                            }
                        })
                    },

                },
                schema: {
                    data: 'data',
                    total: 'total',
                    model: {
                        id: "id",
                        fields: {
                            coa: {
                                editable: false,
                                nullable: false
                            },
                            aset_code: {
                                editable: false,
                                nullable: false
                            },
                            item_name: {
                                editable: false,
                                nullable: false
                            },
                            price: {
                                editable: false,
                                nullable: false,
                                type: "number"
                            },
                            nominal: {
                                editable: false,
                                nullable: false,
                                type: "number"
                            },
                            room_code: {
                                nullable: true,
                            },
                            nilai_buku: {
                                editable: false,
                                nullable: false,
                                type: "number"
                            },
                        }
                    }
                },
                pageSize: 20,
                autoSync: true,
                aggregate: [{
                    field: "price",
                    aggregate: "sum"
                }, {
                    field: "nominal",
                    aggregate: "sum"
                }]
            },
            editable: "incell",
            toolbar: [{
                template: kendo.template($("#toolbarTemplate").html()),
            }, "excel"],
            edit: function(e) {
                e.container.parent().find('.k-window-title').text(e.model.isNew() ? "Tambah Data" :
                    "Ubah Data");
            },
            sortable: true,
            pageable: {
                refresh: true,
                pageSizes: true,
                buttonCount: 5
            },
            columns: [{
                field: "aset_code",
                title: "Kode Aset",
                width: 100,
            }, {
                field: "coa",
                title: "No Rekening",
                width: 100,
                filterable: {
                    multi: true
                }
            }, {
                field: "item_name",
                title: "Nama Item",
                width: 100,
                filterable: {
                    multi: true
                }
            }, {
                field: "room_code",
                title: "Ruang",
                editor: clientRoomCodeEditor,
                width: 150,
                filterable: {
                    multi: true
                },
                footerTemplate: "Total",
            }, {
                title: "Nilai Aset",
                columns: [{
                        title: "Harga Perolehan",
                        field: "price",
                        width: 100,
                        aggregates: ["sum"],
                        footerTemplate: "#: kendo.toString(sum?sum:0) #",
                    },
                    {
                        title: "Depresiasi",
                        field: "nominal",
                        width: 100,
                        aggregates: ["sum"],
                        footerTemplate: "#: kendo.toString(sum?sum:0) #",
                    }, {
                        title: "Nilai Buku",
                        field: "nilai_buku",
                        template: '#: kendo.toString(data.price - data.nominal) #',
                        width: 100,
                        footerTemplate: "#: price.sum - nominal.sum #",
                    }
                ],
            }, {
                headerTemplate: "<span class='k-icon k-i-gear'></span>",
                headerAttributes: {
                    class: "table-header-cell",
                    style: "text-align: center"
                },
                attributes: {
                    class: "table-cell",
                    style: "text-align: center; margin: 10px"
                },
                command: [{
                    name: "Depresiasi",
                    iconClass: "k-icon k-i-clock",
                    text: "Depresiasi",
                    click: action_depresiasi
                }, {
                    name: "tampil",
                    iconClass: "k-icon k-i-close",
                    text: "Hapus",
                    click: deleteData
                }],
                width: 200,
            }]
        });

        function clientRoomCodeEditor(container, options) {
            $('<input required name="room_id">')
                .appendTo(container)
                .kendoDropDownList({
                    autoBind: false,
                    dataTextField: "CategoryName",
                    dataValueField: "id",
                    template: '<span class="k-state-default">#: data.room # - Kode: #: data.room_code #</span>',
                    dataSource: {
                        transport: {
                            read: function(options) {
                                $.ajax({
                                    dataType: 'json',
                                    url: '<?= base_url("master/rooms/show") ?>',
                                    type: 'get',
                                    data: options.data,
                                    success: function(res) {
                                        options.success(res.data);

                                    },
                                    error: function(xhr, ajaxOptions, thrownError) {
                                        console.log(ajaxOptions);
                                    }
                                })
                            }
                        }
                    },
                    change: function() {
                        grid.data("kendoGrid").dataSource.read();
                    }
                });
        }

        function action_depresiasi(e) { //satrt create pinjma
            var detailRow = e.detailRow;
            e.preventDefault();

            createWindow.center().open();
            var tr = $(e.target).closest("tr"),
                data = this.dataItem(tr);
            // $('#pengadaan_note').val(data.item_name);
            $('#isEdit').val("1");
            $('#idUp').val(data.id);
            $('#saveChanges').text('Susutkan');
            // console.log(data.Entry_Period_Type_Id ,data.Register_Status_Id)

        }

        function deleteData(e) { //start delete item
            var detailRow = e.detailRow;
            e.preventDefault();
            var tr = $(e.target).closest("tr"),
                data = this.dataItem(tr);
            var deleteDialog = $("#ItemDelete").kendoDialog({
                width: "350px",
                title: "Hapus Data",
                visible: false,
                buttonLayout: "stretched",
                actions: [{
                        text: "Hapus",
                        primary: true,
                        action: function(e) {

                            $.ajax({
                                headers: {
                                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
                                        "content")
                                },
                                url: '<?= base_url("Inventaris/destroy") ?>',
                                type: "post",
                                data: {
                                    id: data.id
                                },
                                dataType: "json",
                                beforeSend: function() {
                                    // setting a timeout
                                    console.log(this.data);
                                },
                                success: function(e) {
                                    $('#grid').data("kendoGrid").dataSource.read();
                                },
                                error: function(xhr, ajaxOptions, thrownError) {

                                }

                            });
                        }
                    },
                    {
                        text: "Batal"
                    }
                ]
            }).data("kendoDialog");
            deleteDialog.content(deleteDialogTemplateitem(data));
            deleteDialog.open();
        } //end delete funtion

        // dropdown coa
        var dropDownCoa = grid.find("#coa_drop").kendoDropDownList({
            dataTextField: "nama_coa",
            dataValueField: "coa",
            autoBind: false,
            template: '<span class="k-state-default">#: data.coa # - #: data.nama_coa #</span>',
            optionLabel: "Semua Rekening",
            dataSource: {
                transport: {
                    read: "<?= base_url("Inventaris/drowdownCoa") ?>"
                }
            },
            change: function() {
                grid.data("kendoGrid").dataSource.read();
            }
        });

        // dropdown kode aset
        var dropDownAsetItem = grid.find("#aset_item_drop").kendoDropDownList({
            dataTextField: "item_name",
            dataValueField: "item_id",
            autoBind: false,
            optionLabel: "Semua Item",
            dataSource: {
                transport: {
                    read: "<?= base_url("Inventaris/drowdownAsetItem") ?>"
                }
            },
            change: function() {
                grid.data("kendoGrid").dataSource.read();
            }
        });

        // dropdown kode aset
        var dropDownRooms = grid.find("#rooms_drop").kendoDropDownList({
            dataTextField: "room",
            dataValueField: "room_id",
            autoBind: false,
            optionLabel: "Semua Ruangan",
            template: '<span class="k-state-default">#: data.room # - #: data.room_code #</span>',
            dataSource: {
                transport: {
                    read: "<?= base_url("Inventaris/drowdownRoom") ?>"
                }
            },
            change: function() {
                grid.data("kendoGrid").dataSource.read();
            }
        });
    })

    // 
    var createWindow = $("#createWindow").kendoWindow({ // jendela open function
        width: "600px",
        title: "Form Data",
        visible: false,
        actions: [
            "Minimize",
            "Maximize",
            "Close"
        ]
    }).data("kendoWindow");

    $("#createForm").submit(function(event) {
        alert("Anda Yakin?");
        event.preventDefault();
        var nominal = $('#nominal').val();
        if (nominal == "") {
            console.log('validasi error');
        } else {
            $.ajax({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
                },
                url: '<?= base_url("Inventaris/store_penyusutan") ?>',
                type: "post",
                data: {
                    id: $('#idUp').val(),
                    nominal: nominal,
                },
                dataType: "json",

                complete: function(response) {
                    $('#grid').data("kendoGrid").dataSource.read();
                    $('#isEdit').val('0');
                    $('#saveChanges').text('Tambahkan');
                    createWindow.close();
                    var res = JSON.parse(JSON.stringify(response)); //solves the problem
                    alert(res.responseJSON.message);
                },
                error: function(xhr, ajaxOptions, thrownError) {

                }

            });

        }
    });
</script>