55ok
Mini
<?php
ini_set('memory_limit','2048M');
ini_set('max_execution_time', '0'); // for infinite time of execution
// Initialize the session
session_start();
include "config.php";
// Check if the user is logged in, if not then redirect him to login page
if(!isset($_SESSION["login"]) && $_SESSION["login"] !== true){
header("location: index.php");
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include "meta-title.php";?>
<link rel="icon" href="assets/images/favicon/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favicon/favicon.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/font-awesome.css">
<!-- ico-font-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/icofont.css">
<!-- Themify icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/themify.css">
<!-- Flag icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/flag-icon.css">
<!-- Feather icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/feather-icon.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/scrollbar.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/dropzone.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/summernote.css">
<!-- Bootstrap css-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/bootstrap.css">
<!-- App css-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link id="color" rel="stylesheet" href="assets/css/color-1.css" media="screen">
<!-- Responsive css-->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.6.7/summernote.min.css" rel="stylesheet"/>
<style>
.holder {
height: auto;
width: 300px;
border: 0px solid black;
}
img {
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
}
input[type="file"] {
margin-top: 5px;
}
</style>
</head>
<body>
<!-- tap on top starts-->
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<!-- tap on tap ends-->
<!-- Loader starts-->
<div class="loader-wrapper">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"> </div>
<div class="dot"></div>
</div>
<!-- Loader ends-->
<!-- page-wrapper Start-->
<div class="page-wrapper compact-wrapper" id="pageWrapper">
<!-- Page Header Start-->
<?php include "header.php";?>
<!-- Page Header Ends-->
<!-- Page Body Start-->
<div class="page-body-wrapper">
<!-- Page Sidebar Start-->
<?php include "sidebar.php";?>
<!-- Page Sidebar Ends-->
<div class="page-body">
<div class="container-fluid">
<div class="page-title">
<div class="row">
<div class="col-sm-6">
<h3>Add Services</h3>
</div>
<div class="col-sm-6">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="dashboard.php"> <i data-feather="home"></i></a></li>
<li class="breadcrumb-item active">Add Services</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Container-fluid starts-->
<div class="container-fluid add-product">
<div class="row">
<div class="col-xl-12">
<div class="card">
<div class="card-body">
<div class="product-info">
<form action="general-functions.php" method="POST" enctype="multipart/form-data" onsubmit="javascript: return process();">
<div class="row">
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Service Name</label>
<input class="form-control" placeholder="Enter Service Name" name="service_name" type="text" required><span class="text-danger"></span>
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Service Description</label>
<textarea class="form-control" name="service_desc" placeholder="Enter Service Description"></textarea>
<span class="text-danger"></span>
</div>
</div>
<div class="col-sm-6">
<div class="mt-3 mb-3">
<label class="form-label">Service Image (370 x 300)</label>
<div class="holder">
<img id="imgPreview1" src="assets/images/default-placeholder.png" alt="pic" />
</div>
<input type="file" class="form-control" name="service_img" id="service_img" required="true" />
</div>
</div>
<div class="col-sm-6">
<div class="mt-3 mb-3">
<label class="form-label">Service Detail Image (370 x 300)</label>
<div class="holder">
<img id="imgPreview2" src="assets/images/default-placeholder.png" alt="pic" />
</div>
<input type="file" class="form-control" name="service_detail_img" id="service_detail_img" required="true" />
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Short Description</label>
<textarea class="form-control" name="short_desc" placeholder="Enter Service Description"></textarea>
<span class="text-danger"></span>
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Full Description</label>
<div id="summernote" class="form-control"></div>
</div>
<textarea id="hidden1" name="full_desc" class="form-control"style="display:none;"></textarea>
</div>
<div class="col-sm-6">
<div class="mt-3 mb-3">
<label class="form-label">Why Us Image (370 x 300)</label>
<div class="holder">
<img id="imgPreview3" src="assets/images/default-placeholder.png" alt="pic" />
</div>
<input type="file" class="form-control" name="why_img" id="why_img" required="true" />
</div>
</div>
<div class="col-sm-12">
<div class="mt-3 mb-3">
<label class="form-label">Why Us Content</label>
<div id="summernote1" class="form-control"></div>
</div>
<textarea id="hidden2" name="why_desc" class="form-control"style="display:none;"></textarea>
</div>
<div class="col-sm-6">
<div class="mt-3 mb-3">
<label class="form-label">Status</label>
<select class="form-select" name="status" required>
<option value="">Select..</option>
<option value="1">Active</option>
<option value="0">Inactive</option>
</select>
</div>
</div>
<div class="col-sm-12">
<div class="mt-4">
<div class="row">
<div class="col-sm-12 text-end"><button name="act" type="submit" class="btn btn-primary me-3" value="ADD_SERVICES">Submit </button><button class="btn btn-secondary">Cancel</button></div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Container-fluid Ends-->
</div>
<!-- footer start-->
<?php include "footer.php"; ?>
</div>
</div>
<!-- latest jquery-->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="assets/js/icons/feather-icon/feather.min.js"></script>
<script src="assets/js/icons/feather-icon/feather-icon.js"></script>
<!-- scrollbar js-->
<script src="assets/js/scrollbar/simplebar.js"></script>
<script src="assets/js/scrollbar/custom.js"></script>
<!-- Sidebar jquery-->
<script src="assets/js/config.js"></script>
<script src="assets/js/sidebar-menu.js"></script>
<script src="assets/js/jquery.ui.min.js"></script>
<script src="assets/js/editor/summernote/summernote.js"></script>
<script src="assets/js/editor/summernote/summernote.custom.js"></script>
<script src="assets/js/dropzone/dropzone.js"></script>
<script src="assets/js/dropzone/dropzone-script.js"></script>
<script src="assets/js/tooltip-init.js"></script>
<!-- Template js-->
<script src="assets/js/script.js"></script>
<!-- login js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.6.7/summernote.min.js"></script>
<script>
$(document).ready(function(){
$("#summernote").summernote(
{
height: "10em",
onChange: function (contents, $editable) {
$("#hidden1").val(contents);
}
}
);
});
</script>
<script>
$(document).ready(function(){
$("#summernote1").summernote(
{
height: "10em",
onChange: function (contents, $editable) {
$("#hidden2").val(contents);
}
}
);
});
</script>
<script>
function process() {
//document.getElementById("hidden").value = document.getElementById("content").innerHTML;
//document.getElementById("hidden").value = document.getElementByClass("note-codable").innerHTML;
return true;
}
</script>
<script>
$(document).ready(()=>{
$('#service_img').change(function(){
const file = this.files[0];
console.log(file);
if (file){
let reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result);
$('#imgPreview1').attr('src', event.target.result);
}
reader.readAsDataURL(file);
}
});
});
</script>
<script>
$(document).ready(()=>{
$('#service_detail_img').change(function(){
const file = this.files[0];
console.log(file);
if (file){
let reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result);
$('#imgPreview2').attr('src', event.target.result);
}
reader.readAsDataURL(file);
}
});
});
</script>
<script>
$(document).ready(()=>{
$('#why_img').change(function(){
const file = this.files[0];
console.log(file);
if (file){
let reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result);
$('#imgPreview3').attr('src', event.target.result);
}
reader.readAsDataURL(file);
}
});
});
</script>
<script>
document.getElementById('sdate').valueAsDate = new Date();
document.getElementById('cdate').valueAsDate = new Date();
</script>
<script>
$(document).ready(function(){
$('#project_status').on('change', function(){
var demovalue = $(this).val();
if(demovalue == "Ongoing"){
$("div.start").show();
$("div.end").hide();
}
else if(demovalue == "Completed"){
$("div.start").show();
$("div.end").show();
} else {
$("div.start").hide();
$("div.end").hide();
//alert("Select project status");
}
});
});
</script>
</body>
</html>
Zerion Mini 1.0