| Server IP : 147.79.69.148 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/saumasale.in/public_html/admin/ |
Upload File : |
<?php
session_start();
if (empty($_SESSION['logged_in_id'])) {
header('Location:login.php');
}
include_once('includes/db.php');
$ob = new database();
include('function.php');
head();
?>
<div class="content-wrapper">
<!-- Main content -->
<section class="content mt-2">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">Sub Category</h2>
<a href="#" class="btn btn-success btn-sm btn-icon icon-left success_button float-right" data-toggle="modal" data-target="#add_new_product">
<i class="fas fa-plus"></i> Add Sub Category
</a>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="example121" class="table table-bordered table-striped">
<thead>
<tr>
<th>S no.</th>
<th>Main Category</th>
<th>Sub Category Title</th>
<th>Image</th>
<th style="min-width: 170px;">Action</th>
</tr>
</thead>
<tbody id="show_sub_cat" class="show_sub_cat"></tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<div class="modal fade mt-3" id="add_new_product">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header mymodel-header">
<h4 class="modal-title mymodel-title">Add Sub Category</h4>
<button type="button" class="mymodel-button close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form>
<div class="modal-body">
<div class="form-group">
<input type="text" name="title" id="title" class="form-control txt" placeholder="Title" required />
</div>
<div class="form-group">
<select name="cat_id" id="cat_id" required class="form-control">
<option value="0">Select Category</option>
<?php
$ob->query("SELECT * FROM category");
if ($ob->affected_rows() >= 1) {
foreach ($ob->rows() as $parent) {
?>
<option value="<?php echo $parent['id']; ?>"><?php echo $parent['category']; ?></option>
<?php
}
}
?>
</select>
</div>
<div class="form-group file btn btn-lg btn-primary">
<label for="image">Choose Image: </label>
<input type="file" required name="image">
</div>
</div>
<div class="modal-footer">
<div class="form-group">
<input type="reset" name="reset" class="btn btn-danger boton" />
<input type="submit" name="submit" class="btn btn-success boton" />
</div>
<input type="hidden" name="command" value="do_add_sub_cat" />
</div>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal fade mt-3" id="myuser">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header mymodel-header">
<h4 class="modal-title mymodel-title">Edit Product</h4>
<button type="button" class="mymodel-button close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="product_edit"></div>
</div>
</div>
</div>
<?php
$ob->query("SELECT * FROM sub_category");
if ($ob->affected_rows() >= 1) {
foreach ($ob->rows() as $cat) {
$image = $cat['image'];
$id = $cat['id'];
?>
<div class="modal" id="myModal_img<?php echo $id; ?>">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title"><?php echo $cat['title'] ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body" align="center">
<img src='<?php echo $image; ?>' style='max-width:600px;height:auto;' />
<br />
</div>
</div>
</div>
</div>
<?php
}
}
?>
<img src="" alt="image" id="image" style="width:0px;height:0px;overflow:hidden;" />
<script>
$(function() {
let img = document.getElementById('image');
const fileInput = document.querySelector('input[type=file]') ? document.querySelector('input[type=file]') : "";
const handleImages = (files) => {
let validImages = [...files].filter((file) => ['image/jpeg', 'image/png'].includes(file.type));
validImages.forEach(showImage);
};
const showImage = (image) => {
const reader = new FileReader();
reader.readAsDataURL(image);
reader.addEventListener('load', (e) => {
console.log("File: ", e.target.result);
// selectedImage = e.target.result;
window.localStorage.setItem("image", e.target.result);
});
};
if (fileInput) {
fileInput.addEventListener('change', (e) => {
// selectedImage = "";
var selectedImage = false;
let file = e.target.files[0];
if (file) {
// const { files } = e.target;
// handleImages(files);
let url = URL.createObjectURL(file);
img.src = url;
img.onload = () => {
URL.revokeObjectURL(url);
let width = img.naturalWidth;
let height = img.naturalHeight;
selectedImage = true;
// console.log(width, height);
// console.log(selectedImage);
return selectedImage;
};
// if(selectedImage !== true){
// alert("Invalid Image");
// }
setTimeout(() => {
if (selectedImage !== true) {
fileInput.value = "";
}
}, 100);
// alert(selectedImage);
} else {
window.localStorage.clear();
}
});
}
});
</script>
<?php foter(); ?>