xXx

Hexid M1n1 5h3ll MobiLe

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

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


@{
    ViewBag.Title = "Index";
}

<script>
    $j(document).ready(function () {
        CKEDITOR.replace('ListFaunaEditor');
        CKEDITOR.config.height = 300;
        loadTableFauna();
    })

    function loadData(){
        var request = $.ajax({
            type: "POST",
            url: "ListFauna/ListFaunas?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 loadTableFauna() {
        //var model = @Html.Raw(Json.Encode(Model));
        $j("#GridFauna").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": "ListFauna/getFauna",
                "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": "Nama Latin", "data": "NamaLatin", "searchable": true, "autoWidth": true, "name": "NamaLatin" },
                      { "title": "Nama Umum", "data": "NamaUmum", "searchable": true, "autoWidth": true, "name": "NamaUmum" },
                      { "title": "Famili", "data": "Famili", "searchable": true, "autoWidth": true,"name": "NamaUmum" },
                      { "title": "PP No 7 1999", "data": "PPNO71999", "searchable": true, "autoWidth": true, "name": "PPNO71999" },
                      { "title": "Redlist IUCN", "data": "RedlistIUCN", "autoWidth": true, "name": "RedlistIUCN" },
                      { "title": "Cities", "data": "Cities", "searchable": true, "autoWidth": true, "name": "searchable" },
                     {
                         "title": "Aksi",
                         "data": "ListDetailFaunaID",
                         "searchable": false,
                         "sortable": false,
                         "render": function (data, type, full, meta) {
                             return "<a href='#' class='btn btn-primary waves-effect' onclick=showModalListflora('" + data + "');  ><i class='material-icons'>create</i></a> <a href='#' class='btn btn-danger waves-effect' onclick=HapusListFauna('" + data + "');  ><i class='material-icons'>delete_sweep</i></a>";
                         }
                     }
            ]

        });
    }
    //function AutoComplete()
    //{
    //    $x("#inputKategori").autocomplete({
    //        appendTo:"#tambahListFauna",
    //        source: function (request, response) {
    //            $x.ajax({
    //                url: "ListFauna/ListFaunas",
    //                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 AddListFauna() {
        var Fauna = new FormData();
        Fauna.append("DetailKategoriID", $("#inputKategori option:selected").val());
        Fauna.append("NamaUmum",  $("#inputNamaUmum").val());
        Fauna.append("NamaLatin", $("#inputNamaLatin").val());
        Fauna.append("Famili", $("#inputFamili").val());
        Fauna.append("PPNO71999",$("#inputPPNO71999").val());
        Fauna.append("RedlistIUCN", $("#inputRedlistIUCN").val());
        Fauna.append("Cities", $("#inputCities").val());
        Fauna.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
        Fauna.append("Keterangan", CKEDITOR.instances.ListFaunaEditor.getData());
        $.ajax({
            url: "/ListFauna/AddFauna",
            data: Fauna,
            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 EditListFauna(ID) {
        var Fauna = new FormData();
        Fauna.append("DetailKategoriID", $("#inputKategori").val());
        Fauna.append("NamaUmum",  $("#inputNamaUmum").val());
        Fauna.append("NamaLatin", $("#inputNamaLatin").val());
        Fauna.append("Famili", $("#inputFamili").val());
        Fauna.append("PPNO71999",$("#inputPPNO71999").val());
        Fauna.append("RedlistIUCN", $("#inputRedlistIUCN").val());
        Fauna.append("Cities", $("#inputCities").val());
        Fauna.append("Photo", $("#frmFileUpload2")[0].dropzone.getAcceptedFiles()[0]);
        Fauna.append("Keterangan", CKEDITOR.instances.ListFaunaEditor.getData());
        Fauna.append("ListDetailFaunaID", ID);
        $.ajax({
            url: "/ListFauna/EditListFauna",
            data: Fauna,
            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 HapusListFauna(id) {
        var dataPhoto = new FormData();
        dataPhoto.append("ListDetailFaunaID",id);


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

            confirmButtonText: 'Ok'
        }).then((result) => {
            if (result.value) {
                        $.ajax({
            url: "/ListFauna/DeleteListFauna",
        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 showModalListflora(id) {
        var url =  "ListFauna/getEditListFauna";
        $.get(url,{id:id} ,function (data) {

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


<div id="EditListFaunaContainer">

</div>
<section class="content">
    <div class="container-fluid">
        <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="#tambahListFauna" id="tambahListFauna-button">
                                    <i class="material-icons">add_circle_outline</i> Tambah Fauna
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="body">
                        <div class="row">
                            <div class="container">
                                <br />
                                <div style="width:100%; margin:0 auto;">
                                    <table id="GridFauna" 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>Nama Latin</th>
                                                <th>Nama Umum</th>
                                                <th>Famili</th>
                                                <th>PP No 7 1999</th>
                                                <th>Redlist IUCN</th>
                                                <th>Cities</th>
                                                <th>Aksi</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
          </div>
        </div>
</section>
@Html.Action("AddFaunaShow", "ListFauna")

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