heama
This commit is contained in:
heama
parent
275c71a935
commit
4798b68c47
@ -1,3 +1,25 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
/* CSS for the preview image */
|
||||||
|
.preview-image {
|
||||||
|
display: block;
|
||||||
|
/* Ensure the image is displayed as a block element */
|
||||||
|
width: 120px;
|
||||||
|
/* Set the desired width for passport size */
|
||||||
|
height: 160px;
|
||||||
|
/* Set the desired height for passport size */
|
||||||
|
object-fit: cover;
|
||||||
|
/* Maintain the aspect ratio and fill the container */
|
||||||
|
margin-top: 10px;
|
||||||
|
/* Add a top margin for spacing */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@ -10,70 +32,84 @@
|
|||||||
<form class="needs-validation" novalidate method="post" enctype="multipart/form-data" action="<?= base_url() . "insert_books"; ?>">
|
<form class="needs-validation" novalidate method="post" enctype="multipart/form-data" action="<?= base_url() . "insert_books"; ?>">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<div class="form-group col-md-12">
|
<div class="form-group col-md-6">
|
||||||
<label for="title" class="col-form-label">Book Name<span class="text-danger">*</span></label>
|
<label for="title" class="col-form-label">Book Name<span class="text-danger">*</span></label>
|
||||||
<input type="text" class="form-control" id="title" name="title" value="<?= isset($details['title']) ? $details['title'] : '' ?>" placeholder="Title" required />
|
<input type="text" class="form-control" id="title" name="title" value="<?= isset($details['title']) ? $details['title'] : '' ?>" placeholder="Title" required />
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="form-group col-md-6">
|
<div class="form-group col-md-6">
|
||||||
<label for="publisher" class="col-form-label">Book Publisher Name<span class="text-danger">*</span></label>
|
<label for="publisher" class="col-form-label">Book Publisher Name<span class="text-danger">*</span></label>
|
||||||
<input type="text" class="form-control" id="publisher" name="publisher" placeholder="Book Publisher (Authors)" value="<?= isset($details['publisher']) ? $details['publisher'] : '' ?>" required />
|
<input type="text" class="form-control" id="publisher" name="publisher" placeholder="Book Publisher (Authors)" value="<?= isset($details['publisher']) ? $details['publisher'] : '' ?>" required />
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
<div class="form-group col-md-6">
|
<div class="form-group col-md-6">
|
||||||
<label for="language" class="col-form-label">Language<span class="text-danger">*</span></label>
|
<label for="language" class="col-form-label">Language<span class="text-danger">*</span></label>
|
||||||
<input type="text" class="form-control" id="language" name="language" placeholder="Language" value="<?= isset($details['language']) ? $details['language'] : '' ?>" required />
|
<input type="text" class="form-control" id="language" name="language" placeholder="Language" value="<?= isset($details['language']) ? $details['language'] : '' ?>" required />
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="form-group col-md-6">
|
<div class="form-group col-md-6">
|
||||||
<label for="publication_date" class="col-form-label">Publication Date<span class="text-danger">*</span></label>
|
<label for="publication_date" class="col-form-label">Publication Date<span class="text-danger">*</span></label>
|
||||||
<input type="date" class="form-control" id="publication_date" name="publication_date" placeholder="Publication Date (format : DD/MM/YYYY)" required data-toggle="input-mask" data-mask-format="00/00/0000" value="<?= isset($details['publication_date']) ? $details['publication_date'] : '' ?>" />
|
<input type="date" class="form-control" id="publication_date" name="publication_date" placeholder="Publication Date (format : DD/MM/YYYY)" required data-toggle="input-mask" data-mask-format="00/00/0000" value="<?= isset($details['publication_date']) ? $details['publication_date'] : '' ?>" />
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
</div>
|
</div>
|
||||||
<?php if (!empty($details['cover_picture'])) { ?>
|
</div>
|
||||||
<div class="form-group col-md-12">
|
|
||||||
<label for="cover_picture" class="col-form-label">Logo</label>
|
<div class="form-row">
|
||||||
<img src="<?= base_url('public/uploads/' . $details['cover_picture']) ?>" alt="coverpicture" class="preview-image" />
|
<div class="form-group col-md-6">
|
||||||
</div>
|
<label for="page_count" class="col-form-label">Page Count<span class="text-danger">*</span></label>
|
||||||
<?php } ?>
|
<input type="number" class="form-control" id="page_count" name="page_count" placeholder="Page Count" required value="<?= isset($details['page_count']) ? $details['page_count'] : '' ?>" />
|
||||||
<div class="form-group col-md-6">
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
<label for="coverpicture" class="col-form-label">Book Cover Picture<span class="text-danger">*</span></label>
|
|
||||||
<br />
|
|
||||||
<input type="file" id="cover_picture" name="coverpicture" placeholder="Book Cover picture Name" required value="<?= isset($details['cover_picture']) ? $details['cover_picture'] : '' ?>" />
|
|
||||||
<!-- <input type="text" class="form-control" id="cover_picture" name="cover_picture" placeholder="Book Cover picture Name" required value="<?= isset($details['cover_picture']) ? $details['cover_picture'] : '' ?>" /> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="form-group col-md-12">
|
|
||||||
|
<div class="form-group col-md-6">
|
||||||
<label for="genre" class="col-form-label">Genre</label>
|
<label for="genre" class="col-form-label">Genre</label>
|
||||||
<textarea class="form-control" id="genre" name="genre" placeholder="Genre" rows="5"><?= isset($details['genre']) ? $details['genre'] : '' ?></textarea>
|
<input type="text" class="form-control" id="genre" name="genre" placeholder="Genre" rows="5"><?= isset($details['genre']) ? $details['genre'] : '' ?></textarea>
|
||||||
<!-- <input type="text" class="form-control" id="genre" name="genre" placeholder="Genre" value="<?= isset($details['genre']) ? $details['genre'] : '' ?>" /> -->
|
<!-- <input type="text" class="form-control" id="genre" name="genre" placeholder="Genre" value="<?= isset($details['genre']) ? $details['genre'] : '' ?>" /> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-row">
|
|
||||||
<div class="form-group col-md-12">
|
|
||||||
<label for="description" class="col-form-label">Description<span class="text-danger">*</span></label>
|
<div class="form-row">
|
||||||
<textarea class="form-control" id="description" name="description" placeholder="Description" rows="5" required><?= isset($details['description']) ? $details['description'] : '' ?></textarea>
|
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
|
||||||
<!-- <input type="text" class="form-control" id="description" name="description" placeholder="Description" required value="<?= isset($details['description']) ? $details['description'] : '' ?>" /> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="form-group col-md-6">
|
<div class="form-group col-md-6">
|
||||||
<label for="price" class="col-form-label">Book Price<span class="text-danger">*</span></label>
|
<label for="price" class="col-form-label">Book Price<span class="text-danger">*</span></label>
|
||||||
<input type="number" class="form-control" id="price" name="price" placeholder="Book Price" required value="<?= isset($details['price']) ? $details['price'] : '' ?>" />
|
<input type="number" class="form-control" id="price" name="price" placeholder="Book Price" required value="<?= isset($details['price']) ? $details['price'] : '' ?>" />
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group col-md-6">
|
<div class="form-group col-md-6">
|
||||||
<label for="page_count" class="col-form-label">Page Count<span class="text-danger">*</span></label>
|
<label for="description" class="col-form-label">Description<span class="text-danger">*</span></label>
|
||||||
<input type="number" class="form-control" id="page_count" name="page_count" placeholder="Page Count" required value="<?= isset($details['page_count']) ? $details['page_count'] : '' ?>" />
|
<textarea class="form-control" id="description" name="description" placeholder="Description" rows="5" required><?= isset($details['description']) ? $details['description'] : '' ?></textarea>
|
||||||
<div class="invalid-feedback"> Please provide. </div>
|
<div class="invalid-feedback"> Please provide. </div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<div class="image-previews mt-4"></div>
|
||||||
|
<label for="coverpicture" class="col-form-label">Book Cover Picture<span class="text-danger">*</span></label>
|
||||||
|
<br />
|
||||||
|
<input type="file" id="cover_picture" name="coverpicture[]" multiple required />
|
||||||
|
<!-- <input type="text" class="form-control" id="cover_picture" name="cover_picture" placeholder="Book Cover picture Name" required value="<?= isset($details['cover_picture']) ? $details['cover_picture'] : '' ?>" /> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
<input type="hidden" id="book_id" name="book_id" placeholder="hidden for book id" value="<?= isset($details['book_id']) ? $details['book_id'] : '' ?>" />
|
<input type="hidden" id="book_id" name="book_id" placeholder="hidden for book id" value="<?= isset($details['book_id']) ? $details['book_id'] : '' ?>" />
|
||||||
<input type="hidden" id="business_id" name="business_id" placeholder="hidden for business id" value="<?= $session_bid ?>" />
|
<input type="hidden" id="business_id" name="business_id" placeholder="hidden for business id" value="<?= $session_bid ?>" />
|
||||||
<?php if (!empty($details)) { ?>
|
<?php if (!empty($details)) { ?>
|
||||||
@ -97,4 +133,40 @@
|
|||||||
</div> <!-- end card-body-->
|
</div> <!-- end card-body-->
|
||||||
</div> <!-- end card-->
|
</div> <!-- end card-->
|
||||||
</div> <!-- end col-->
|
</div> <!-- end col-->
|
||||||
</div><!-- end row -->
|
</div><!-- end row -->
|
||||||
|
<script>
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
const coverPictureInput = documenxt.getElementById("cover_picture");
|
||||||
|
const imagePreviewContainer = document.querySelector(".image-previews");
|
||||||
|
|
||||||
|
coverPictureInput.addEventListener("change", function (event) {
|
||||||
|
// imagePreviewContainer.innerHTML = ""; // Clear previous previews
|
||||||
|
|
||||||
|
const selectedImages = Array.from(event.target.files);
|
||||||
|
|
||||||
|
selectedImages.forEach(function (image, index) {
|
||||||
|
const imageWrapper = document.createElement("div");
|
||||||
|
imageWrapper.classList.add("mr-3");
|
||||||
|
|
||||||
|
const imagePreview = document.createElement("img");
|
||||||
|
imagePreview.src = URL.createObjectURL(image);
|
||||||
|
imagePreview.classList.add("preview-image");
|
||||||
|
imagePreview.style.width = "120px"; // Set width as needed
|
||||||
|
|
||||||
|
const checkbox = document.createElement("input");
|
||||||
|
checkbox.type = "checkbox";
|
||||||
|
checkbox.classList.add("image-checkbox");
|
||||||
|
checkbox.checked = false; // Set default as unchecked
|
||||||
|
|
||||||
|
imageWrapper.appendChild(checkbox);
|
||||||
|
imageWrapper.appendChild(imagePreview);
|
||||||
|
imagePreviewContainer.appendChild(imageWrapper);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user