Viewing file:  success_form.php (17.26 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<style>
.col-ting {
width: 25em;
margin: 0 auto;
margin-top: 3em;
margin-bottom: 3em;
}
.file-upload .image-box {
margin: 0 auto;
margin-top: 1em;
height: 15em;
width: 20em;
background: #8ad9ff;
cursor: pointer;
overflow: hidden;
border: 2px solid #80bfff ;
padding: 10px;
border-radius: 25px;
}
.file-upload .image-box img {
height: 100%;
display: none;
}
.file-upload .image-box p {
position: relative;
top: 45%;
color: #fff;
}
</style>
<?php
ob_start();
session_start();
if(!$_SESSION['fullname']){
header("location: index.php");
}
require_once ('includes/db.php');
if(isset($_POST['submitform'])){
$datenow=date("Y-m-d");
$title=$_POST['input_title'];
$short=$_POST['input_short'];
$detail_before=$_POST['ckeditor_before'];
$detail_after=$_POST['ckeditor_after'];
if (!empty($_FILES["inputfiles_before"]["name"])){
$images = $_FILES["inputfiles_before"]["tmp_name"];
$file = strtolower($_FILES["inputfiles_before"]["name"]);
//$sizefile = $_FILES["inputfile"]["size"];
$datefile=date("YmdHis");
$type= strrchr($file,".");
$newname = "thumbnails_".mt_rand(10,9999).$datefile.$type;
//copy($_FILES["inputfile"]["tmp_name"],"uploads/".$_FILES["inputfile"]["name"]);
$width=800; //*** Fix Width & Heigh (Autu caculate) ***//
$size=GetimageSize($images);
$height=round($width*$size[1]/$size[0]);
$images_orig = ImageCreateFromJPEG($images);
$photoX = ImagesX($images_orig);
$photoY = ImagesY($images_orig);
$images_fin = ImageCreateTrueColor($width, $height);
ImageCopyResampled($images_fin, $images_orig, 0, 0, 0, 0, $width+1, $height+1, $photoX, $photoY);
ImageJPEG($images_fin,"uploads/".$newname);
ImageDestroy($images_orig);
ImageDestroy($images_fin);
}else{ echo "no file 1";}
if (!empty($_FILES["inputfiles_after"]["name"])){
$images2 = $_FILES["inputfiles_after"]["tmp_name"];
$file2 = strtolower($_FILES["inputfiles_after"]["name"]);
//$sizefile = $_FILES["inputfile"]["size"];
$datefile2=date("YmdHis");
$type2= strrchr($file2,".");
$newname2 = "thumbnails_".mt_rand(10,9999).$datefile2.$type2;
//copy($_FILES["inputfile"]["tmp_name"],"uploads/".$_FILES["inputfile"]["name"]);
$width2=800; //*** Fix Width & Heigh (Autu caculate) ***//
$size2=GetimageSize($images2);
$height2=round($width2*$size2[1]/$size2[0]);
$images_orig2 = ImageCreateFromJPEG($images2);
$photoX2 = ImagesX($images_orig2);
$photoY2 = ImagesY($images_orig2);
$images_fin2 = ImageCreateTrueColor($width2, $height2);
ImageCopyResampled($images_fin2, $images_orig2, 0, 0, 0, 0, $width2+1, $height2+1, $photoX2, $photoY2);
ImageJPEG($images_fin2,"uploads/".$newname2);
ImageDestroy($images_orig2);
ImageDestroy($images_fin2);
}else{ echo "no file 2";}
$strSQL = $conn->prepare("INSERT INTO tbl_success_story(titlename,image_before,image_after,detail_before,detail_after,creat_date,shortsummary)
VALUES ('$title','$newname','$newname2','$detail_before','$detail_after','$datenow','$short')");
$strSQL->execute();
if($status= isset($status) ? $status: 1){
}else{ $status= isset($status) ? $status: 0; } }
?>
<!DOCTYPE html>
<html>
<head>
<title>Admin Dashboard : Automation Software</title>
<meta charset="utf-8">
<meta content="ie=edge" http-equiv="x-ua-compatible">
<meta content="template language" name="keywords">
<meta content="Autosoft" name="author">
<meta content="Admin dashboard Autosoft" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="img/favicon_autosoft.png" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet" type="text/css">
<link href="bower_components/select2/dist/css/select2.min.css" rel="stylesheet">
<link href="bower_components/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<link href="bower_components/dropzone/dist/dropzone.css" rel="stylesheet">
<link href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
<link href="bower_components/fullcalendar/dist/fullcalendar.min.css" rel="stylesheet">
<link href="bower_components/perfect-scrollbar/css/perfect-scrollbar.min.css" rel="stylesheet">
<link href="bower_components/slick-carousel/slick/slick.css" rel="stylesheet">
<link href="css/main.css?version=4.4.0" rel="stylesheet">
<style>
.file {
visibility: hidden;
position: absolute;
}
</style>
<script src="//cdn.ckeditor.com/4.16.2/full/ckeditor.js"></script>
</head>
<body class="menu-position-side menu-side-left full-screen">
<div class="all-wrapper solid-bg-all">
<div class="layout-w">
<!--------------------
START - Mobile Menu
-------------------->
<?php //include ('includes/mobile_menu.php'); ?>
<!--------------------
START - Main Menu
-------------------->
<?php include ('includes/main_menu.php'); ?>
<!--------------------
END - Main Menu
-------------------->
<div class="content-w">
<!--------------------
START - Top Bar
-------------------->
<?php include('includes/top_setting.php'); ?>
<!--------------------
END - Top Bar
-------------------->
<div class="content-i">
<div class="content-box"><div class="row">
<div class="col-lg-12">
<div class="element-wrapper">
<div class="element-box">
<form action="#" method="POST" enctype="multipart/form-data" >
<h5 class="form-header">
Success Story Page
</h5>
<div class="form-desc">
ลงข้อมูล เกี่ยวกับหน้าผลงานของทางบริษัท
</div>
<div class="form-group">
<label for=""> Title/หัวข้อเรื่อง</label>
<input class="form-control" placeholder="Enter title" type="text" name="input_title">
</div>
<div class="form-group">
<label for=""> Short Summary</label>
<textarea class="form-control" rows="3" name="input_short" id="input_short"></textarea>
</div>
<fieldset class="form-group">
<legend><span>Before Detail : </span></legend>
<div class="col-sm-8">
<div class="col-ting">
<div class="control-group file-upload" id="file-upload1">
<div class="image-box text-center">
<p>Upload Image Before</p>
<img src="" alt="">
</div>
<div class="controls" style="display: none;">
<input type="file" name="inputfiles_before"/>
</div>
</div>
</div>
<div class="form-group">
<label> Full Details (Before)</label>
<textarea class="form-control" cols="80" id="ckeditor1" name="ckeditor_before" rows="13"></textarea>
</div>
</div>
<legend><span>After Detail : </span></legend>
<div class="col-sm-8">
<div class="col-ting">
<div class="control-group file-upload" id="file-upload1">
<div class="image-box text-center">
<p>Upload Image After</p>
<img src="" alt="">
</div>
<div class="controls" style="display: none;">
<input type="file" name="inputfiles_after"/>
</div>
</div>
</div>
<div class="form-group">
<label> Full Details (After)</label>
<textarea class="form-control" cols="80" id="ckeditor2" name="ckeditor_after" rows="13"></textarea>
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('ckeditor2');
function CKupdate() {
for (instance in CKEDITOR.instances)
CKEDITOR.instances[instance].updateElement();
}
</script>
</div>
<div class="form-buttons-w">
<input class="btn btn-primary" type="submit" name="submitform" value="Submit" />
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="display-type"></div>
</div>
<div aria-hidden="true" class="onboarding-modal modal fade animated" id="Modal_success" role="dialog" tabindex="-1">
<div class="modal-dialog modal-centered" role="document">
<div class="modal-content text-center">
<button aria-label="Close" class="close" data-dismiss="modal" type="button"><span class="close-label">Skip</span><span class="os-icon os-icon-close"></span></button>
<div class="onboarding-media">
<div class="auth-w centered">
<h5 class="auth-header">
บันทึกข้อมูลสำเร็จ
</h5>
<div class="logged-user-w">
<div class="avatar-w">
<!-- <img src="../autosoft/img/team/"> -->
</div>
</div>
</div>
</div>
<div class="onboarding-content with-gradient">
<h4 class="onboarding-title">
บันทึกข้อมูลสำเร็จ
</h4>
<div class="onboarding-text">
information from them before they start using your app.
</div>
</div>
</div>
</div>
</div>
<div aria-hidden="true" class="onboarding-modal modal fade animated" id="Modal_Fail" role="dialog" tabindex="-1">
<div class="modal-dialog modal-centered" role="document">
<div class="modal-content text-center">
<button aria-label="Close" class="close" data-dismiss="modal" type="button"><span class="close-label">Skip Intro</span><span class="os-icon os-icon-close"></span></button>
<div class="onboarding-media">
<img alt="" src="img/bigicon2.png" width="200px">
</div>
<div class="onboarding-content with-gradient">
<h4 class="onboarding-title">
ไม่ผ่าน
</h4>
<div class="onboarding-text">
This is an example of a multistep onboarding screen, you can use it to introduce your customers to your app, or collect additional information from them before they start using your app.
</div>
</div>
</div>
</div>
</div>
<?php
?>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/popper.js/dist/umd/popper.min.js"></script>
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/chart.js/dist/Chart.min.js"></script>
<script src="bower_components/select2/dist/js/select2.full.min.js"></script>
<script src="bower_components/jquery-bar-rating/dist/jquery.barrating.min.js"></script>
<script src="bower_components/bootstrap-validator/dist/validator.min.js"></script>
<script src="bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="bower_components/ion.rangeSlider/js/ion.rangeSlider.min.js"></script>
<script src="bower_components/dropzone/dist/dropzone.js"></script>
<script src="bower_components/editable-table/mindmup-editabletable.js"></script>
<script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
<script src="bower_components/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js"></script>
<script src="bower_components/tether/dist/js/tether.min.js"></script>
<script src="bower_components/slick-carousel/slick/slick.min.js"></script>
<script src="bower_components/bootstrap/js/dist/util.js"></script>
<script src="bower_components/bootstrap/js/dist/alert.js"></script>
<script src="bower_components/bootstrap/js/dist/button.js"></script>
<script src="bower_components/bootstrap/js/dist/carousel.js"></script>
<script src="bower_components/bootstrap/js/dist/collapse.js"></script>
<script src="bower_components/bootstrap/js/dist/dropdown.js"></script>
<script src="bower_components/bootstrap/js/dist/modal.js"></script>
<script src="bower_components/bootstrap/js/dist/tab.js"></script>
<script src="bower_components/bootstrap/js/dist/tooltip.js"></script>
<script src="bower_components/bootstrap/js/dist/popover.js"></script>
<script src="js/demo_customizer.js?version=4.4.0"></script>
<script src="js/main.js?version=4.4.0"></script>
<script>
$(document).on("click", ".browse", function() {
var file = $(this).parents().find(".file");
file.trigger("click");
});
$('input[type="file"]').change(function(e) {
var fileName = e.target.files[0].name;
$("#file").val(fileName);
var reader = new FileReader();
reader.onload = function(e) {
// get loaded data and render thumbnail.
document.getElementById("preview").src = e.target.result;
};
// read the image file as a data URL.
reader.readAsDataURL(this.files[0]);
});
$(".image-box").click(function(event) {
var previewImg = $(this).children("img");
$(this)
.siblings()
.children("input")
.trigger("click");
$(this)
.siblings()
.children("input")
.change(function() {
var reader = new FileReader();
reader.onload = function(e) {
var urll = e.target.result;
$(previewImg).attr("src", urll);
previewImg.parent().css("background", "transparent");
previewImg.show();
previewImg.siblings("p").hide();
};
reader.readAsDataURL(this.files[0]);
});
});
</script>
<script>
$(document).ready(function(){
if(<?php echo $status; ?>==1) {
$("#Modal_success").modal().on("hidden.bs.modal", function () {
header( "refresh: 0; url=solutions_dashboard.php" );
exit(0);
});
}
else if(<?php echo $status; ?>==0){
$("#Modal_Fail").modal();
}
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXX-9', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
|