?
Path : /home/u949514618/domains/karmaasrconsultants.com/public_html/admin/ |
Current File : /home/u949514618/domains/karmaasrconsultants.com/public_html/admin/gallerymanagement.php |
<?php include_once("tophead.php"); if(isset($_SESSION['username']) && $_SESSION['role'] == 'author') { header('Location: index.php'); } ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Admin | Dashboard</title> <!-- Tell the browser to be responsive to screen width --> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <!-- Bootstrap 3.3.7 --> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> <!-- Font Awesome --> <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"> <!-- Ionicons --> <link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css"> <!-- DataTables --> <link rel="stylesheet" href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/AdminLTE.min.css"> <!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. --> <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- Google Font --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> <!-- jQuery 3 --> <script src="bower_components/jquery/dist/jquery.min.js"></script> <!-- Bootstrap 3.3.7 --> <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <!-- DataTables --> <script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script> <script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> <!-- SlimScroll --> <script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> <!-- FastClick --> <script src="bower_components/fastclick/lib/fastclick.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- AdminLTE for demo purposes --> <script src="dist/js/demo.js"></script> <script src="dist/js/ownuse.js"></script> <!-- page script --> </head> <body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> <?php include_once("header.php"); ?> <!-- Left side column. contains the logo and sidebar --> <?php include_once("leftsidebar.php"); ?> <!-- Content Wrapper. Contains page content --> <?php include_once("gallerymanagementcontent.php"); ?> <!-- /.content-wrapper --> <?php include_once("footer.php"); ?> <!-- Control Sidebar --> <?php include_once("controlsidebar.php"); ?> <!-- /.control-sidebar --> <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar --> <div class="control-sidebar-bg"></div> </div> <!-- ./wrapper --> <script> $(function () { $('#example1').DataTable() $('#example2').DataTable({ 'paging' : true, 'lengthChange': false, 'searching' : false, 'ordering' : true, 'info' : true, 'autoWidth' : false }) }) </script> </body> </html> <div id="imageModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <form method="POST" id="edit_image_form"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Edit Image Details</h4> </div> <div class="modal-body"> <div class="form-group"> <label>Image Name</label> <input type="text" name="image_name" id="image_name" class="form-control" /> </div> <div class="form-group"> <label>Gallery Type</label> <select name="image_description" id="image_description" class="form-control"> <option selected>Select Any One</option> <option value="gallery">For Gallery</option> <option value="partners">Partners</option> <option value="awards">Awards</option> <option value="press">Press Release</option> <option value="popup">Popup</option> <option value="warehouse">Warehouse Projects</option> <option value="manufacturing">Manufacturing Projects</option> <option value="food">Food & Beverages</option> <option value="heavy">Heavy Engineering Projects</option> <option value="chemical">Chemical Projects</option> </select> </div> </div> <div class="modal-footer"> <input type="hidden" name="image_id" id="image_id" value="" /> <input type="submit" name="submit" class="btn btn-info" value="Edit" /> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> <script> $(document).ready(function(){ load_image_data(); function load_image_data() { $.ajax({ url:"fetch.php", method:"POST", success:function(data) { $('#image_table').html(data); } }); } $('#multiple_files').change(function(){ var error_images = ''; var form_data = new FormData(); var files = $('#multiple_files')[0].files; if(files.length > 10) { error_images += 'You can not select more than 10 files'; } else { for(var i=0; i<files.length; i++) { var name = document.getElementById("multiple_files").files[i].name; var ext = name.split('.').pop().toLowerCase(); if(jQuery.inArray(ext, ['gif','png','jpg','jpeg']) == -1) { error_images += '<p>Invalid '+i+' File</p>'; } var oFReader = new FileReader(); oFReader.readAsDataURL(document.getElementById("multiple_files").files[i]); var f = document.getElementById("multiple_files").files[i]; var fsize = f.size||f.fileSize; if(fsize > 2000000) { error_images += '<p>' + i + ' File Size is very big</p>'; } else { form_data.append("file[]", document.getElementById('multiple_files').files[i]); } } } if(error_images == '') { $.ajax({ url:"upload.php", method:"POST", data: form_data, contentType: false, cache: false, processData: false, beforeSend:function(){ $('#error_multiple_files').html('<br /><label class="text-primary">Uploading...</label>'); }, success:function(data) { $('#error_multiple_files').html('<br /><label class="text-success">Uploaded</label>'); load_image_data(); } }); } else { $('#multiple_files').val(''); $('#error_multiple_files').html("<span class='text-danger'>"+error_images+"</span>"); return false; } }); $(document).on('click', '.edit', function(){ var image_id = $(this).attr("id"); $.ajax({ url:"edit.php", method:"post", data:{image_id:image_id}, dataType:"json", success:function(data) { $('#imageModal').modal('show'); $('#image_id').val(image_id); $('#image_name').val(data.image_name); $('#image_description').val(data.image_description); } }); }); $(document).on('click', '.delete', function(){ var image_id = $(this).attr("id"); var image_name = $(this).data("image_name"); if(confirm("Are you sure you want to remove it?")) { $.ajax({ url:"delete.php", method:"POST", data:{image_id:image_id, image_name:image_name}, success:function(data) { load_image_data(); alert("Image removed"); } }); } }); $('#edit_image_form').on('submit', function(event){ event.preventDefault(); if($('#image_name').val() == '') { alert("Enter Image Name"); } else { $.ajax({ url:"update.php", method:"POST", data:$('#edit_image_form').serialize(), success:function(data) { $('#imageModal').modal('hide'); load_image_data(); alert('Image Details updated'); } }); } }); }); </script>