ok
Mini Shell
<?php include "header.php";
?>
<div class="content-wrapper" style="background-color: white;">
<center class="h1">
Dasboard of <span style="color:#00a65a;">Caliber Embedded</span><br>
<img src="images/two.png" style="margin-top: 15%;">
</center>
<div hidden>
<form action="addphoto.php" id="photoUpload" method="post" enctype="multipart/form-data" style="display:none;">
<div id="drag1_1">
<div class="px-input-button1">
<input type="file" name="gallery" id="browse" class="fileUpload" accept="image/jpeg" style="visibility:hidden; width:150px; height:150px;">
<input type="hidden" name="type" value="add_gallery">
</div>
</div>
</form>
</div>
<div class="row">
<div class="col-md-12 progress" id="progress" style="display:none;">
<div class="bar"></div>
<div class="percent">0%</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js" integrity="sha384-qlmct0AOBiA2VPZkMY3+2WqkHtIQ9lSdAsAn5RUJD/3vA5MKDgSGcdmIv4ycVxyn" crossorigin="anonymous"></script>
<script type="text/javascript">
function phtobrws(){
document.getElementById('browse').click();
}
function horoscope_image(){
document.getElementById('horo_browse').click();
}
function custom_delete(id,type,image,status,cus_id){
console.log("id :"+image+" type : "+type);
$.ajax({
type: 'POST',
url: 'addphoto.php',
data: {id:id,image: image,type:type,cust_id:cus_id,status:status},
dataType: 'json',
complete: function(response) {
window.location.reload();
}
});
}
$(document).ready(function() {
var percent = $('.percent');
var bar = $('.bar');
$("#browse").on("change", function() {
var fsize = $('#browse')[0].files[0].size;
var ext = $('#browse').val().split('.').pop().toLowerCase();
if($.inArray(ext, ['jpg','jpeg,png']) == -1)
{
alert('Photo Should be .jpg,.jpeg,.png Format');
}
else if(fsize>1048576)
{
alert("Maximum Size 1MB");
}
else {
document.getElementById("progress").style.display = "block";
$('#photoUpload').ajaxForm({
beforeSend: function() {
bar.width('0%');
percent.html('0%');
},
uploadProgress: function(event, position, total, percentComplete) {
var pVel = percentComplete + '%';
bar.width(pVel);
percent.html(pVel);
},
complete: function(data) {
window.location.reload();
}
}).submit();
}
});
});
</script>
<style>
td{
padding:5px;
}
.labelb{
font-family: 'Source Sans Pro';
font-weight:900;
}
.pl10px{
font-family: 'Source Sans Pro';
}
.h1{
font-size: 20px;
font-weight: 800;
display: block;
color: #f60;
margin-left: 15px;
font-family: "Trebuchet MS";
margin: 5px 10px;
}
</style>
<?php include "footer.php";?>
Zerion Mini Shell 1.0