xXx

Hexid M1n1 5h3ll MobiLe

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

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

@model IEnumerable<Kehati.Areas.CMS.Models.Lokasi>
@{
    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": "GalleryPhoto/GetGallery",
                "type": "POST",
                "datatype": "json",
            },

            "columns": [
                 {
                     "title": "No",
                     "data": "id",
                     render: function (data, type, row, meta) {
                         return meta.row + meta.settings._iDisplayStart + 1;
                     }
                 },
                      { "title": "Sub Lokasi", "data": "Deskripsi", "autoWidth": true, "name": "Deskripsi" },
                      { "title": "Judul", "data": "Tittle", "autoWidth": true, "name": "Tittle" },
                       //{ "title": "Gambar", "data": "Photo", "autoWidth": true, "name": "Photo" },
                       {
                           "title": "Photo",
                           "data": "PhotoUrl",
                           "render": function (data, type, JsonResultRow, meta) {
                               return '<img height="75px" width="75px" src="'+data+'">';
                           }
                       },
                     {
                         "title": "Hapus",
                         "data": "idPhoto",
                         "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("idPhoto",id);


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

            confirmButtonText: 'Ok'
        }).then((result) => {
            if (result.value) {
                        $.ajax({
            url: "/GalleryPhoto/DeleteGallery",
        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("DetailLokasiID",$("#SelectLokasi").val());
        dataPhoto.append("Tittle",$("#inputJudul").val());
        dataPhoto.append("Photo", $("#frmFileUpload")[0].dropzone.getAcceptedFiles()[0]);
        //formData.append( 'action', 'auto_post');

        $.ajax({
            url: "/GalleryPhoto/AddGallery",
            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">
                        <div class="row clearfix">
                            <div class="col-sm-12">

                                <select id="SelectLokasi" class="form-control show-tick">
                                    @foreach (var item in Model)
                                    {
                                        <option value=@item.DetailLokasiID>@item.DeskripsiDetail</option>
                                    }
                                </select>

                            </div>
                        </div>

                           <div class="row clearfix">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" class="form-control" id="inputJudul" placeholder="Judul" required />
                                    </div>
                                </div>
                            </div>
                       
                        <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 Klik 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 Photo</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>Sub Lokasi</th>
                                                <th>Judul</th>
                                                <th>Photo</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