Edit file File name : arrange-activity-photos.php Content :<?php include_once(dirname(__FILE__) . '/../class/include.php'); include_once(dirname(__FILE__) . '/auth.php'); $id = $_GET['id']; $ACTIVITY_PHOTO = ActivitiesPhoto::getActivitiesPhotosById($id); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <title>Activities</title> <!-- Favicon--> <link rel="icon" href="favicon.ico" type="image/x-icon"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css"> <link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="plugins/node-waves/waves.css" rel="stylesheet" /> <link href="plugins/animate-css/animate.css" rel="stylesheet" /> <link href="plugins/sweetalert/sweetalert.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet"> <link href="css/themes/all-themes.css" rel="stylesheet" /> </head> <body class="theme-red"> <?php include './navigation-and-header.php'; ?> <section class="content"> <div class="container-fluid"> <!-- Vertical Layout --> <div class="row clearfix"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="card"> <div class="header"> <h2>Arrange Activities photos</h2> <ul class="header-dropdown"> <li class=""> <a href="manage-activity.php"> <i class="material-icons">list</i> </a> </li> </ul> </div> <div class="body"> <form method="post" action="post-and-get/activity-photo.php" class="form-horizontal" > <div class="panel-body"> <div class="row"> <div class="col-md-12 arrange-container"> <ul id="sortable"> <?php if (count($ACTIVITY_PHOTO) > 0) { foreach ($ACTIVITY_PHOTO as $key => $img) { ?> <div class="col-md-3" style="list-style: none;"> <li class="ui-state-default"> <span class="number-class">(<?php echo $key + 1; ?>)</span> <img class="img-responsive" src="../upload/activity/gallery/thumb/<?php echo $img["image_name"]; ?>" alt=""/> <input type="hidden" name="sort[]" value="<?php echo $img["id"]; ?>" class="sort-input"/> </li> </div> <?php } } else { ?> <b>No images in the database.</b> <?php } ?> </ul> <div class="row"> <div class="col-sm-12 text-center" style="margin-top: 19px;"> <input type="submit" class="btn btn-info" id="btn-submit" value="Save Images" name="save-data"> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> <!-- #END# Vertical Layout --> </div> </section> <!-- Jquery Core Js --> <script src="plugins/jquery/jquery.min.js"></script> <script src="plugins/bootstrap/js/bootstrap.js"></script> <script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script> <script src="plugins/node-waves/waves.js"></script> <script src="js/admin.js"></script> <script src="js/demo.js"></script> <script src="js/add-new-ad.js" type="text/javascript"></script> <script src="delete/js/slider.js" type="text/javascript"></script> <script src="plugins/sweetalert/sweetalert.min.js"></script> <script src="plugins/bootstrap-notify/bootstrap-notify.js"></script> <script src="js/pages/ui/dialogs.js"></script> <script src="plugins/jquery-ui/jquery-ui.js" type="text/javascript"></script> <script src="tinymce/js/tinymce/tinymce.min.js"></script> <script> tinymce.init({ selector: "#description", // =========================================== // INCLUDE THE PLUGIN // =========================================== plugins: [ "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table contextmenu paste" ], // =========================================== // PUT PLUGIN'S BUTTON on the toolbar // =========================================== toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages", // =========================================== // SET RELATIVE_URLS to FALSE (This is required for images to display properly) // =========================================== relative_urls: false }); </script> <script> $(function () { $("#sortable").sortable(); $("#sortable").disableSelection(); }); </script> </body> </html>Save