xXx

Hexid M1n1 5h3ll MobiLe

C:/local/DynamicCache/wwwroot/Areas/CMS/Views/Kategori/_[ Writable ]

File:C:/local/DynamicCache/wwwroot/Areas/CMS/Views/Kategori/Index.cshtml


@{
    ViewBag.Title = "Index";
}


<script>
    $j(document).ready(function () {
        loadTable();
    })

    function ReloadData() {
        $j("#GridKategori").DataTable().ajax.reload();
    }
    function loadTable() {
        //var url = '@Url.Action("GetLokasi", "Lokasi", new {Area = "CMS"})';
        $j("#GridKategori").DataTable({
            "processing": true, // for show progress bar
            "serverSide": true, // for process server side
            "filter": true,
            "scrollX": true,
            "dom": 'lfrtip',
            "lengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
            "pageLength": 10,
            "ajax": {
                "url": "Kategori/GetKategori",
                "type": "POST",
                "datatype": "json"
            },

            "columns": [
                {
                    "title": "No",
                    "data": "id",
                    render: function (data, type, row, meta) {
                        return meta.row + meta.settings._iDisplayStart + 1;
                    }
                },
                 { "title": "Lokasi", "data": "Deskripsi", "searchable": true, "autoWidth": true, "name": "Deskripsi" },
                 { "title": "Sub Lokasi", "data": "DeskripsiDetail", "autoWidth": true, "name": "DeskripsiDetail" },
                 { "title": "Kategori", "data": "KategoriDetail", "autoWidth": true, "name": "KategoriDetail" },
                  {
                      "title": "Aksi",
                      "data": "DetailKategoriID",
                      "searchable": false,
                      "sortable": false,
                      "render": function (data, type, full, meta) {
                          return "<a href='#' class='btn btn-primary waves-effect' onclick=showModalKategori('" + data + "');  ><i class='material-icons'>create</i></a> <a href='#' class='btn btn-danger waves-effect' onclick=HapusKategori('" + data + "');  ><i class='material-icons'>delete_sweep</i></a>";
                      }
                  },
            ]

        });
    }

    function AddKategori() {
        var lokasi = new FormData();
        lokasi.append("DetailLokasiID", $("#SelectLokasi option:selected").val());
        lokasi.append("KategoriHeadID", $("#SelectKategori option:selected").val());
        lokasi.append("KategoriDetail", $("#inputKategori").val());
        lokasi.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
        $.ajax({
            url: "/Kategori/AddKategori",
            data: lokasi,
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            contentType: false,
            processData: false,
            beforeSend: function(){
                $j.preloader.start({
                    modal: true,
                    src : "sprites1.png"
                });
            },
            complete: function(){
                $j.preloader.stop();
            },
            success: function (result) {
                swal({
                    text: "Data Berhasil Diimpan",
                    type: 'success',
                    showCancelButton: false,
                    confirmButtonColor: '#3085d6',
  
                    confirmButtonText: 'Ok'
                }).then((result) => {
                    if (result.value) {
                     clearAll();       
            }
        });                 
    },
    error: function (errormessage) {
        //alert(errormessage.responseText);
        swal(
              'Error',
              errormessage.responseText,
              'error'
            );
    }
    });
    }


    function clearAll() {
        location.reload()
    }

    function HapusKategori(id) {
        var dataPhoto = new FormData();
        dataPhoto.append("DetailKategoriID",id);


        swal({
            text: "Yakin ingin menghapus ?",
            type: 'warning',
            showCancelButton: false,
            confirmButtonColor: '#3085d6',

            confirmButtonText: 'Ok'
        }).then((result) => {
            if (result.value) {
                        $.ajax({
            url: "/Kategori/DeleteKategori",
        data: dataPhoto,
        type: "POST",
        contentType: "application/json;charset=UTF-8",
        dataType: "json",
        contentType: false,
        processData: false,
        beforeSend: function(){
            $j.preloader.start({
                modal: true,
                src : "sprites1.png"
            });
        },
        complete: function(){
            $j.preloader.stop();
        },
        success: function (result) {
            clearAll();
        },
        error: function (errormessage) {
            swal(
              'Error',
              errormessage.responseText,
              'error'
            );
        }
    });
    }
    });
    }

    function showModalKategori(id) {
        var url = "Kategori/getEditKategori";
        $.get(url,{id:id} ,function (data) {

            $("#EditKategoriContainer").replaceWith(data);
            $("#EditKategori").modal("show");
        });
    }

    function EditKategori(ID) {
        var lokasi = new FormData();
        lokasi.append("DetailLokasiID", $("#SelectLokasi option:selected").val());
        lokasi.append("KategoriHeadID", $("#SelectKategori option:selected").val());
        lokasi.append("KategoriDetail", $("#inputKategori").val());
        lokasi.append("Photo", $("#frmFileUpload2")[0].dropzone.getAcceptedFiles()[0]);
        lokasi.append("DetailKategoriID", ID);
        $.ajax({
            url: "/Kategori/EditKategori",
            data: lokasi,
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            contentType: false,
            processData: false,
            beforeSend: function(){
                $j.preloader.start({
                    modal: true,
                    src : "sprites1.png"
                });
            },
            complete: function(){
                $j.preloader.stop();
            },
            success: function (result) {
                swal({
                    text: "Data Berhasil Diimpan",
                    type: 'success',
                    showCancelButton: false,
                    confirmButtonColor: '#3085d6',
  
                    confirmButtonText: 'Ok'
                }).then((result) => {
                    if (result.value) {
                     clearAll();       
            }
        });                 
    },
    error: function (errormessage) {
        //alert(errormessage.responseText);
        swal(
              'Error',
              errormessage.responseText,
              'error'
            );
    }
    });
    }
</script>

<div id="EditKategoriContainer">

</div>

<section class="content">
    <div class="container-fluid">
        <!-- Basic Examples -->
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header">
                        <div class="row">
                            <div class="col-md-12">
                                <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#tambahKategori" id="tambahLokasi-button">
                                    <i class="material-icons">add_circle_outline</i> Tambah Kategori
                                </button>
                            </div>
                            @*<ul class="header-dropdown m-r--5">
                                    <li class="dropdown">
                                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="collapse" role="button" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                        </a>
                                    </li>
                                </ul>*@
                        </div>
                    </div>
                    <div class="body"> 
                        <div class="row">
                            <div class="container">
                                <br />
                                <div style="width:100%; margin:0 auto;">
                                    <table id="GridKategori" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Lokasi</th>
                                                <th>Sub Lokasi</th>
                                                <th>Kategori</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@Html.Action("TambahKategori", "Kategori")

Your Access Expired	Date. in : 12-09-2025
Regist : 09-12-2024	Expired : 01-12-2027