xXx

Hexid M1n1 5h3ll MobiLe

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

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


@{
    ViewBag.Title = "Index";
}

<script>
    $j(document).ready(function () {
        loadTableFlora();
        CKEDITOR.replace('ListFloraEditor');
        CKEDITOR.config.height = 300;
    })
    function loadData(){
        var request = $.ajax({
            type: "POST",
            url: "ListFlora/ListFloras?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 loadTableFlora() {
        @*var model = @Html.Raw(Json.Encode(Model));*@
        $j("#GridFlora").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": "ListFlora/getFlora",
                "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": "Koordinat Lattitude", "data": "Lattitude", "searchable": true, "autoWidth": true, "name": "Lattitude" },
                      { "title": "Koordinat Longitude", "data": "Longitude", "searchable": true, "autoWidth": true, "name": "Longitude" },
                      { "title": "Nama Lokal", "data": "NamaUmum", "searchable": true, "autoWidth": true,"name":"NamaUmum" },
                      { "title": "Famili", "data": "Famili", "searchable": true, "autoWidth": true, "name": "Famili" },
                      { "title": "Nama Jenis", "data": "NamaLatin", "autoWidth": true, "name": "NamaLatin" },
                     {
                         "title": "Aksi",
                         "data": "ListDetailFloraID",
                         "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=HapusListFlora('" + data + "');  ><i class='material-icons'>delete_sweep</i></a>";
                         }
                     }
            ]

        });
    }


    function AddListflora() {
            var Flora = new FormData();
            Flora.append("DetailKategoriID", $("#inputKategori option:selected").val());
            Flora.append("NamaUmum",  $("#inputNamaUmum").val());
            Flora.append("NamaLatin", $("#inputNamaLatin").val());
            Flora.append("Famili", $("#inputFamili").val());
            Flora.append("KodeTegakan",$("#inputKodeTegakan").val());
            Flora.append("TahunTanam", $("#inputTahunTanam").val());
            Flora.append("Lattitude", $("#inputLattitude").val());
            Flora.append("Longitude", $("#inputLongitude").val());
            Flora.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
            Flora.append("Keterangan", CKEDITOR.instances.ListFloraEditor.getData());
            $.ajax({
                url: "/ListFlora/AddFlora",
                data: Flora,
                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 EditListflora(ID) {
        var Flora = new FormData();
        Flora.append("DetailKategoriID", $("#inputKategori").val());
        Flora.append("NamaUmum",  $("#inputNamaUmum").val());
        Flora.append("NamaLatin", $("#inputNamaLatin").val());
        Flora.append("Famili", $("#inputFamili").val());
        Flora.append("KodeTegakan",$("#inputKodeTegakan").val());
        Flora.append("TahunTanam", $("#inputTahunTanam").val());
        Flora.append("Lattitude", $("#inputLattitude").val());
        Flora.append("Longitude", $("#inputLongitude").val());
        Flora.append("Photo", $("#frmFileUpload2")[0].dropzone.getAcceptedFiles()[0]);
        Flora.append("Keterangan", CKEDITOR.instances.ListFloraEditor.getData());
        Flora.append("ListDetailFloraID",ID);
        $.ajax({
            url: "/ListFlora/EditListflora",
            data: Flora,
            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 HapusListFlora(id) {
        var dataPhoto = new FormData();
        dataPhoto.append("ListDetailFloraID",id);


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

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

            $("#EditListfloraContainer").replaceWith(data);
            $("#EditListflora").modal("show");
        });
    }

</script>

<div id="EditListfloraContainer">

</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="#tambahListFlora" id="tambahListFauna-button">
                                    <i class="material-icons">add_circle_outline</i> Tambah Flora
                                </button>
                                @*<div class="row clearfix" style="padding-left:15px">
                                    <b>Kategori</b>
                                    <div class="input-group" style="padding-left:15px">
                                        <div class="form-line">
                                            <input type="text" id="inputKategori" class="form-control" required />
                                        </div>
                                    </div>
                                </div>*@
                            </div>
                        </div>
                    </div>
                    <div class="body">
                        <div class="row">
                            <div class="container">
                                <br />
                                <div style="width:100%; margin:0 auto;">
                                    <table id="GridFlora" 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>Koordinat Lattitude</th>
                                                <th>Koordinat Longitude</th>
                                                <th>Nama Lokal</th>
                                                <th>Famili</th>
                                                <th>Nama Jenis</th>
                                                <th>Aksi</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
               </div>
             </div>
          </div>
        </div>
    </div>
</section>
@Html.Action("AddFloraShow", "ListFlora")

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