xXx

Hexid M1n1 5h3ll MobiLe

C:/home/site/wwwroot/Areas/CMS/Views/ListRusa/_[ Writable ]

File:C:/home/site/wwwroot/Areas/CMS/Views/ListRusa/Index.cshtml

@{
    ViewBag.Title = "Index";
}

<script>
    $j(document).ready(function () {
        loadTableRusa();
        CKEDITOR.replace('ListRusaEditor');
        CKEDITOR.config.height = 300;
        $("#ckLaki").change(function () {
            $("#ckPerempuan").prop("checked", false);
        });

        $("#ckPerempuan").change(function () {
            $("#ckLaki").prop("checked", false);
        });
        //AutoComplete();
    })
    function loadData(){
        var request = $.ajax({
            type: "POST",
            url: "ListRusa/ListRusas?Prefix=" +  $("#SelectSubLokasi option:selected").val(),
            success: function (data) {
                $(".selectpicker").selectpicker();
                var kategories = $("#inputKategori");
                kategories.empty();
                $.each(data, function(){
                    kategories.append($('<option></option>').val(this.DetailKategoriID).html(this.DeskripsiDetail))
                });
                $('.selectpicker').selectpicker('refresh');
            },
            error: function (errormessage) {
                //alert(errormessage.responseText);
                swal(
                      'Error',
                      errormessage.responseText,
                      'error'
                    );
            }
        });
    }
    function loadTableRusa() {
        var model = @Html.Raw(Json.Encode(Model));
        $j("#GridRusa").DataTable({
            "processing": true, // for show progress bar
            "serverSide": true, // for process server side
            "filter": true, // this is for disable filter (search box)
            "orderMulti": true, // for disable multiple column at once
            "sScrollX": "100%",

            "ajax": {
                "url": "ListRusa/GetRusa",
                "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": "Lokasi", "searchable": true, "autoWidth": true, "name": "Lokasi" },
                      { "title": "Kategori", "data": "Kategori", "searchable": true, "autoWidth": true, "name": "Kategori" },
                      { "title": "Tag Rusa Timor", "data": "TagRusaTimor", "searchable": true, "autoWidth": true, "name": "TagRusaTimor" },
                      { "title": "No Registrasi", "data": "NoRegistrasi", "searchable": true, "autoWidth": true, "name": "NoRegistrasi" },
                      { "title": "Jenis Kelamin", "data": "JenisKelamins", "searchable": true, "autoWidth": true,"name": "JenisKelamins" },
                       {
                           "title": "Aksi",
                           "data": "ListDetailRusaID",
                           "searchable": false,
                           "sortable": false,
                           "render": function (data, type, full, meta) {
                               return "<a href='#' class='btn btn-primary waves-effect' onclick=showModalListRusa('" + data + "');  ><i class='material-icons'>create</i></a> <a href='#' class='btn btn-danger waves-effect' onclick=HapusListRusa('" + data + "');  ><i class='material-icons'>delete_sweep</i></a>";
                           }
                       }
            ]

        });
    }
    //function AutoComplete()
    //{
    //    $x("#inputKategori").autocomplete({
    //        appendTo:"#tambahListRusa",
    //        source: function (request, response) {
    //            $x.ajax({
    //                url: "ListRusa/ListRusas",
    //                type: "POST",
    //                dataType: "json",
    //                data: { Prefix: request.term },
    //                success: function (data) {
    //                    response($.map(data, function (item) {
    //                        return { label: item.DeskripsiDetail, value: item.DetailKategoriID };
    //                    }))
    //                }
    //            })
    //        },
    //        messages: {
    //            noResults: "", results: ""
    //        }
    //    });
    //}
    function AddListRusa() {
        var Rusa = new FormData();
        Rusa.append("DetailKategoriID", $("#inputKategori option:selected").val());
        Rusa.append("TagRusaTimor",  $("#inputTagNoRusa").val());
        Rusa.append("NoRegistrasi", $("#inputNoRegistrasi").val());
        if ($("#ckLaki").is(":checked")){
            Rusa.append("JenisKelamin", false);
        }else
        {
            Rusa.append("JenisKelamin", true);
        }
        Rusa.append("JenisKelamin", $("#inputFamili").val());

        Rusa.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
        Rusa.append("Keterangan", CKEDITOR.instances.ListRusaEditor.getData());
        $.ajax({
            url: "/ListRusa/AddRusa",
            data: Rusa,
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            contentType: false,
            processData: false,
            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 EditListRusa(ID) {
        var Rusa = new FormData();
        Rusa.append("DetailKategoriID", $("#inputKategori").val());
        Rusa.append("TagRusaTimor",  $("#inputTagNoRusa").val());
        Rusa.append("NoRegistrasi", $("#inputNoRegistrasi").val());
        Rusa.append("ListDetailRusaID", ID);
        if ($("#ckLaki").is(":checked")){
            Rusa.append("JenisKelamin", false);
        }else if ($("#ckPerempuan").is(":checked"))
        {
            Rusa.append("JenisKelamin", true);
        }
        Rusa.append("JenisKelamin", $("#inputFamili").val());

        Rusa.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
        Rusa.append("Keterangan", CKEDITOR.instances.ListRusaEditor.getData());
        $.ajax({
            url: "/ListRusa/EditListRusa",
            data: Rusa,
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            contentType: false,
            processData: false,
            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 HapusListRusa(id) {
        var dataPhoto = new FormData();
        dataPhoto.append("ListDetailRusaID",id);


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

            confirmButtonText: 'Ok'
        }).then((result) => {
            if (result.value) {
                        $.ajax({
            url: "/ListRusa/DeleteListRusa",
        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 clearAll() {
        location.reload()
    }

    
    function showModalListRusa(id) {
        var url =  "ListRusa/getEditListRusa";
        $.get(url,{id:id} ,function (data) {

            $("#EditListRusaContainer").replaceWith(data);
            $("#EditListRusa").modal("show");
        });
    }
</script>


<div id="EditListRusaContainer">

</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="#tambahListRusa" id="tambahListFauna-button">
                                    <i class="material-icons">add_circle_outline</i> Tambah Rusa
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="body">
                        <div class="row">
                            <div class="container">
                                <br />
                                <div style="width:100%; margin:0 auto;">
                                    <table id="GridRusa" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Lokasi</th>
                                                <th>Kategori</th>
                                                <th>Tag Rusa Timor</th>
                                                <th>No Registrasi</th>
                                                <th>Jenis Kelamin</th>
                                                <th>Detail</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@Html.Action("AddRusaShow", "ListRusa")

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