|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/ombree/Admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
session_start();
$se = $_SESSION["id"];
if (!isset($_SESSION['id'])) {
header("Location: login.php");
}
include("Includes/db.php");
$bid = $_GET['id'];
$sql = "select * from tbl_details where id='$bid'";
$sql_res = mysqli_query($con, $sql) or die(mysqli_error($con));
$sql_row = mysqli_fetch_assoc($sql_res);
$fe_img = $sql_row['img1'];
$hospi_photo = $sql_row['img2'];
$shaps = $sql_row['sadd'];
$shapse = explode(",", $shaps);
?>
<!doctype html>
<html lang="en">
<head>
<?php include 'Includes/head.php'; ?>
<style>
.img-block img {
/*margin: 15px;*/
max-height: 65px;
}
.img-block {
position: relative;
overflow: auto;
}
.img-block img {
/*margin: 15px;*/
max-height: 65px;
}
.img-block button {
position: absolute;
right: 0px;
top: 0px;
font-size: 10px;
border: none;
background-color: #999;
color: white;
}
</style>
</head>
<body data-sidebar="dark">
<!-- <body data-layout="horizontal" data-topbar="dark"> -->
<!-- Begin page -->
<div id="layout-wrapper">
<?php include 'Includes/header.php'; ?>
<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">
<div data-simplebar class="h-100">
<!--- Sidemenu -->
<?php include 'Includes/sidebar.php'; ?>
<!-- Sidebar -->
</div>
</div>
<!-- Left Sidebar End -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">Edit Details</h4>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="card">
<div class="card-body">
<h4 class="card-title"></h4>
<form class="needs-validation" method="POST" action="action/edit_details.php?id=<?php echo $bid; ?>" enctype="multipart/form-data">
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Name </label>
<input type="text" class="form-control " name="name" id="name" value="<?php echo $sql_row['name']; ?>">
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Sub Name </label>
<input type="text" class="form-control " name="subname" id="subname" value="<?php echo $sql_row['subname']; ?>">
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Location </label>
<input type="text" class="form-control " name="location" id="location" value="<?php echo $sql_row['location']; ?>">
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Short Description </label>
<textarea class="form-control " name="desc1" id="desc" ><?php echo $sql_row['desc1']; ?></textarea>
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Image</label>
<input type="file" name="do_photo" class="form-control " id="images" onchange="readThumb(this, 'thumb-error')" class="" accept="image/*">
<img id="thumb" src="details/<?php echo $fe_img; ?>" alt="" style="width: 100px;height: 100px;">
<div id="thumb-error" style="color: red; margin: 10px 0px 0 10px; display: none;">
Please upload file having extensions .jpeg / .jpg / .png only.</div>
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Description </label>
<textarea class="form-control " name="desc2" id="option_text_1" ><?php echo $sql_row['desc2']; ?></textarea>
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Image</label>
<input type="file" class="form-control input-sm" name="ho_photo[]" id="images" onchange="readImages(this, 'images-error')" class="" accept="image/*" multiple>
<div id="images-error" style="color: red;display: none;">
Please upload file having extensions .jpeg / .jpg / .png only.
</div>
<input type="hidden" id="removeImages" name="removeImages" value="">
<input type="hidden" name="oldImages" value="<?php echo $hospi_photo; ?>">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<div class="col-sm-7" id="img-container">
<?php
$img = explode(",", $hospi_photo);
if (!empty(array_filter($img)))
{
foreach ($img as $value)
{
?>
<div class="img-block float-left img-wrap">
<button type="button" onclick="removeImage(this.parentElement)">x</button>
<img src="current_causes/<?php echo $value ?>" height="80px" width="80px">
</div>
<?php
}
?>
<?php } else { }?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<button class="btn btn-primary" type="submit">Submit </button>
</div>
</form>
</div>
</div>
<!-- end card -->
<!-- end col -->
</div>
<!-- end row -->
<!-- end row -->
<!-- end row -->
</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->
<footer class="footer">
<?php include 'Includes/footer.php'; ?>
</footer>
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
<!-- Right Sidebar -->
<!-- /Right-bar -->
<!-- Right bar overlay-->
<div class="rightbar-overlay"></div>
<?php include 'Includes/bscript.php'; ?>
</body>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace('option_text_1');
CKEDITOR.replace('option_text_2');
CKEDITOR.replace('option_text_3');
</script>
<script type="text/javascript">
function removeImage(selectedDiv) {
var image = selectedDiv.getElementsByTagName('img')[0].src;
var tmpArr = image.split("/");
var imageName = decodeURIComponent(tmpArr[tmpArr.length - 1]);
var ele = document.getElementById("removeImages");
if (ele.value == "") {
ele.value = imageName;
} else {
var tmpImg = ele.value;
var IMGs = tmpImg.split(",");
IMGs[IMGs.length] = imageName;
ele.value = IMGs.join(",");
}
selectedDiv.remove();
var IMGs = document.getElementsByClassName("img-block");
// if (IMGs.length == 0) {
// var imgEle = document.getElementById("images");
// imgEle.setAttribute("required", "true");
// }
}
</script>
<script type="text/javascript">
function readImages(input, errorClass) {
// console.log(errorClass);
document.getElementById(errorClass).style.display = "none";
var len = input.files.length;
var error = false;
for (var i = 0; i < len; i++) {
var filePath = input.files[i].name;
var allowedExtensions = /(\.jpg|\.jpeg|\.png)$/i;
if (!allowedExtensions.exec(filePath)) {
document.getElementById(errorClass).style.display = "block";
input.value = '';
error = true;
break;
}
}
if (error == true) {
return false;
} else if (input.files && input.files[0]) {
var total = input.files.length;
for (i = 0; i < total; i++) {
var reader = new FileReader();
reader.onload = function(e) {
var newDiv = document.createElement("div");
newDiv.classList.add("img-block", "float-left");
var newimg = document.createElement("img");
newimg.setAttribute("src", e.target.result);
newDiv.appendChild(newimg);
document.getElementById("img-container").appendChild(newDiv);
}
reader.readAsDataURL(input.files[i]);
}
}
}
</script>
</html>