관리-도구
편집 파일: about_gallery.php
<?php include('header.php'); include 'admin/process/connection.php'; ?> <html> <title>Gallery Image</title> <body> <div class="main-content"> <!-- Main Content --> <section class="section"> <div class="section-body"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4>Gallery Image</h4> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Add New</button> <div align="left" style="padding-left: 500px"> <a href="home.php" type="button" class="btn btn-primary">Back</a> <a href="home.php" type="button" class="btn btn-primary">Home</a> <a href="home.php" type="button" class="btn btn-primary">Dash Board</a> </div> </div> <div class="card-body"> <div class="table-responsive"> <table class="table table-striped table-hover" id="tableExport" style="width:100%;"> <thead> <tr> <th>#</th> <th>Title</th> <th>Image</th> <th>Action</th> </tr> </thead> <tbody> <?php $i=1; $sql = "SELECT * FROM about_gallery ORDER BY id desc"; $result = $conn->query($sql); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { $id = $row['id']; $title = $row['title']; $image = $row['image']; ?> <tr> <td><?php echo $i++;?></td> <td><?php echo $title;?></td> <td> <?php $image_h = explode(',', $image); foreach ($image_h as $image_h) { if ($image_h != '') { $image_h1=$image_h; ?> <span class="list-img"> <img src="uploads/about_gallery/<?php echo $image_h1;?>" style="width:70px; height:50px;"> <?php }} ?> </td> <td> <div style="padding-bottom: 10px;" class="todoedit" data-toggle="tooltip" data-placement="top" title="Edit"> <a href="about_gallery_edit.php?edit_id=<?php echo $id;?>" class="btn btn-info" style="width:43.1px"> <i class="fa fa-edit" style="color: white"></i></a> </div> <div style="padding-bottom: 10px;" class="todoedit" data-toggle="tooltip" data-placement="top" title="Delete"> <a onClick="return confirm('Do You Want To Delete This Image?')" href="process/about_gallery_delete.php?del_id=<?php echo $id; ?>&src=<?php echo $image;?>" class="btn btn-danger" style="width:43.1px"> <i class="fas fa-trash" style="color: white"></i> </a> </div> </td> </tr> <?php }}?> </tbody> </table> </div> </div> </div> </div> </div> </div> </section> <!-- End Main Content --> <!-- Add image --> <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header bg-whitesmoke mb-4"> <h5 class="modal-title" id="myLargeModalLabel">Gallery Image</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form action="process/about_gallery_add.php" method="post" enctype="multipart/form-data"> <div class="form-group row mb-2"> <label class="col-form-label text-md-right col-12 col-md-2 col-lg-2">Title</label> <div class="col-sm-12 col-md-9"> <input type="text" class="form-control" name="title" required> </div> </div> <div class="form-group row mb-2"> <label class="col-form-label text-md-right col-12 col-md-2 col-lg-2">Image(800px * 640px) </label> <div class="col-sm-12 col-md-9"> <img id="blah1" alt="Selected Image" width="100" height="100" /> <input type="file" onchange="document.getElementById('blah1').src = window.URL.createObjectURL(this.files[0])" name="image[]" multiple required> </div> </div> <div class="modal-footer bg-whitesmoke br"> <button type="submit" class="btn btn-primary" name="submit">Submit</button> <button type="submit" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> <!--End Add image --> </div> <?php include('footer.php');?> <!-- General JS Scripts --> <script src="assets/js/app.min.js"></script> <!-- JS Libraies --> <!-- Page Specific JS File --> <script src="assets/bundles/datatables/datatables.min.js"></script> <script src="assets/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js"></script> <script src="assets/bundles/datatables/export-tables/dataTables.buttons.min.js"></script> <script src="assets/bundles/datatables/export-tables/buttons.flash.min.js"></script> <script src="assets/bundles/datatables/export-tables/jszip.min.js"></script> <script src="assets/bundles/datatables/export-tables/pdfmake.min.js"></script> <script src="assets/bundles/datatables/export-tables/vfs_fonts.js"></script> <script src="assets/bundles/datatables/export-tables/buttons.print.min.js"></script> <script src="assets/js/page/datatables.js"></script> <!-- Template JS File --> <script src="assets/js/scripts.js"></script> <!-- Custom JS File --> <script src="assets/js/custom.js"></script> <script src="assets/bundles/summernote/summernote-bs4.js"></script> <script src="assets/bundles/codemirror/lib/codemirror.js"></script> <script src="assets/bundles/codemirror/mode/javascript/javascript.js"></script> <script src="assets/bundles/ckeditor/ckeditor.js"></script> <!-- Page Specific JS File --> <script src="assets/js/page/ckeditor.js"></script> <script src="assets/bundles/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script> <!-- Page Specific JS File --> <script src="assets/js/page/create-post.js"></script> </body> </html>