xXx

Hexid M1n1 5h3ll MobiLe

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

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

@{
    ViewBag.Title = "Index";
}

<script>
    $j(document).ready(function () {
        loadTable();
    })
    function ReloadData() {
        $j("#GridSlider").DataTable().ajax.reload();
    }

    function loadTable() {
        $j("#GridSlider").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": "Slider/GetSlider",
                "type": "POST",
                "datatype": "json",
            },

            "columns": [
                 {
                     "title": "No",
                     "data": "id",
                     render: function (data, type, row, meta) {
                         return meta.row + meta.settings._iDisplayStart + 1;
                     }
                 },
                      { "title": "Deskripsi", "data": "Deskripsi", "autoWidth": true, "name": "deskripsi" },
                       //{ "title": "Gambar", "data": "Photo", "autoWidth": true, "name": "Photo" },
                       {
                           "title": "Gambar",
                           "data": "Url",
                           "render": function (data, type, JsonResultRow, meta) {
                               return '<img height="75px" width="75px" src="'+data+'">';
                           }
                       },
                     {
                         "title": "Hapus",
                         "data": "id",
                         "searchable": false,
                         "sortable": false,
                         "render": function (data, type, full, meta) {
                             return "<a href='#' class='btn btn-danger' onclick=HapusGambar('" + data + "');  >Hapus</a>";
                         }
                     }
            ]

        });
    }

    function clearAll() {
        location.reload();
    }

    function HapusGambar(id) {
        var dataPhoto = new FormData();
        dataPhoto.append("Id",id);


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

            confirmButtonText: 'Ok'
        }).then((result) => {
            if (result.value) {
                        $.ajax({
            url: "/Slider/DeleteSlider",
        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 AddGambar() {
        var dataPhoto = new FormData();
        dataPhoto.append("Deskripsi",$("#inputKategori").val());
        dataPhoto.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
        //formData.append( 'action', 'auto_post');

        $.ajax({
            url: "/Slider/AddSlider",
            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) {
                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>

<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">
                        <h4 class="modal-title">Tambah Gambar</h4>
                    </div>
                    <div class="body">
                        <form id="form_advanced_validation" method="POST">
                            <div class="row clearfix">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" class="form-control" id="inputKategori" placeholder="Kategori" required />
                                    </div>
                                </div>
                            </div>
                        </form>
                            <div class="row clearfix">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <form action="/CMS/Kategori/Index" id="frmFileUpload" class="dropzone" method="post" enctype="multipart/form-data">
                                        <div class="dz-message">
                                            <div class="drag-icon-cph">
                                                <i class="material-icons">touch_app</i>
                                            </div>
                                            <h3>Drag & Drop File Ke sini Atau Klick untuk Memilih</h3>
                                        </div>
                                        <div class="fallback">
                                            <input name="file" type="file" multiple />
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <button class="btn btn-primary waves-effect" type="submit" onclick="AddGambar()">Simpan</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header">
                        <h4 class="modal-title">List Gambar</h4>
                    </div>
                    <div class="body">
                        <div class="row">
                            <div class="container">
                                <br />
                                <div style="width:100%; margin:0 auto;">
                                    <table id="GridSlider" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Deskripsi</th>
                                                <th>Url Dokumen</th>
                                                <th>Hapus</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
  </div>
</section>

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