File "add_file.php"
Full Path: /home/analogde/www/FormData/Fusion/Documents/002/private_user/add_file.php
File size: 10.05 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<?php
session_start();
if(!isset($_SESSION["email_address"])){
header("location:../login.html");
}
?>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Material Design Bootstrap</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
<!--
<link href="css/addons/datatables.min.css" rel="stylesheet">
<script href="js/addons/datatables.min.js" rel="stylesheet"></script>
<link href="css/addons/datatables-select.min.css" rel="stylesheet">
<script href="js/addons/datatables-select.min.js" rel="stylesheet"></script> -->
<!-- <link rel="stylesheet" id="font-awesome-style-css" href="http://phpflow.com/code/css/bootstrap3.min.css" type="text/css" media="all">
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> -->
<script src="js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="media/css/dataTable.css" />
<script src="media/js/jquery.dataTables.js" type="text/javascript"></script>
<!-- end table-->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#dtable').dataTable({
"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]],
"iDisplayLength": 10
});
})
</script>
<style type="text/css">
select[multiple], select[size] {
height: auto;
width: 20px;
}
.pull-right {
float: right;
margin: 2px !important;
}
input[type=file] {
border: 2px dotted #999;
border-radius: 10px;
margin-left: 9px;
width: 231px!important;
}
.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.md-form .form-control:disabled, .md-form .form-control[readonly] {
border-bottom: 1px solid #bdbdbd;
background-color: transparent;
width: 215px !important;
}
#loader{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('img/lg.flip-book-loader.gif') 50% 50% no-repeat rgb(249,249,249);
opacity: 1;
}
</style>
<script src="jquery.min.js"></script>
<script type="text/javascript">
$(window).on('load', function(){
//you remove this timeout
setTimeout(function(){
$('#loader').fadeOut('slow');
});
//remove the timeout
//$('#loader').fadeOut('slow');
});
</script>
</head>
<body style="padding:0px; margin:0px; background-color:#fff;font-family:arial,helvetica,sans-serif,verdana,'Open Sans'">
<?php
require_once("include/connection.php");
$id = mysqli_real_escape_string($conn,$_SESSION['email_address']);
$r = mysqli_query($conn,"SELECT * FROM login_user where id = '$id'") or die (mysqli_error($con));
$row = mysqli_fetch_array($r);
$id=$row['email_address'];
$user_status=$row['user_status'];
$name=$row['name'];
// $lname=$row['lname'];
?>
<!-- Start your project here-->
<!--Navbar -->
<nav class="mb-1 navbar navbar-expand-lg navbar-dark default-color fixed-top">
<a class="navbar-brand" href="#"><img src="js/img/Files_Download.png" width="33px" height="33px"> <font color="#F0B56F">F</font>ile <font color="#F0B56F">M</font>anagement <font color="#F0B56F">S</font>ystem</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-4"
aria-controls="navbarSupportedContent-4" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent-4">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item active">
<a class="nav-link" href="#">
<i class="fab fa-facebook-f"></i> Facebook
<span class="sr-only">(current)</span>
</a>
</li>-->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-4" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<font color="black">Welcome!,</font> <?php echo ucwords(htmlentities($id)); ?> <i class="fas fa-user-circle"></i> Login </a>
<div class="dropdown-menu dropdown-menu-right dropdown-info" aria-labelledby="navbarDropdownMenuLink-4">
<a class="dropdown-item" href="history_log.php"> <i class="fas fa-chalkboard-teacher"></i> User Logged</a>
<a class="dropdown-item" href="Logout.php"><i class="fas fa-sign-in-alt"></i> LogOut</a>
</div>
</li>
</ul>
</div>
</nav>
<br>
<!--/.Navbar -->
<br>
<!--Main Navigation-->
<!--Main layout-->
<main class="pt-5 mx-lg-5">
<div class="container">
<!-- Heading -->
<div class="card mb-4 wow fadeIn">
<!--Card content-->
<div class="card-body d-sm-flex justify-content-between">
<h4 class="mb-2 mb-sm-0 pt-1">
<div class="d-flex justify-content-center pull-right">
<a href="home.php">
<button class="btn btn-warning pull-right"><i class="far fa-file-image"></i> View File</button></a>
</div>
</div>
<hr>
<!-- Heading -->
<!-- <div class="">
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalRegisterForm">Add File</button>
</div> -->
<div class="modal fade" id="modalRegisterForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold">Add File Form</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-2">
</div>
</div>
</div>
</div>
<div id="loader"></div>
<!-- <div class="text-center">
<a href="" class="btn btn-default btn-rounded mb-4" data-toggle="modal" data-target="#modalRegisterForm">Launch
Modal Register Form</a>
</div> -->
<center>
<div class="text-center col-md-4">
<div class="card">
<h5 class="card-header info-color white-text text-center py-4">
<strong>Upload File Form</strong>
</h5>
<div class="card-body px-lg-5 pt-0">
<div class="container">
<div class="row"><br>
<form action="fileprocess.php" method="post" enctype="multipart/form-data" >
<div class="col-md-11">
<div class="md-form mb-0">
<input type="hidden" name= "email" value="<?php echo ucwords(htmlentities($name)); ?>" class="form-control" readonly="">
<input type="text" value="<?php echo ucwords(htmlentities($user_status)); ?>" class="form-control" readonly="">
</div>
</div>
<label for="subject" class="">Upload File</label>
<input type="file" name="myfile"> <br>
<button type="submit" class="btn btn-info btn-rounded btn-block my-4 waves-effect z-depth-0" name="save" type="submit">UPLOAD</button>
<footer style="font-size: 11px"><b>File Type:</b><font color="red"><i>.docx .doc .pptx .ppt .xlsx .xls .pdf .odt</i></font></footer>
</form>
</div>
</div>
</div>
</div>
<!-- Material form login -->
<Br>
</div></div>
</center>
<div class="footer-copyright py-3">
<p>All right Reserved © <?php echo date('Y');?> Created By:JunilToledo</p>
</div>
<!--/.Copyright-->
</footer>
<!--/.Footer-->
<!-- Card -->
<!-- /Start your project here-->
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.4.0.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/1.0.3/css/dataTables.responsive.css">
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/responsive/1.0.3/js/dataTables.responsive.js"></script>
</body>
</html>
<script type="text/javascript">
$("#Alert").on("click", function () {
// userad();
uservalidate();
userfile();
if (uservalidate() === true && userfile() === true) {
};
});
// function userad() {
// if ($('#orangeForm-name').val() == '') {
// $('#orangeForm-name').css('border-color', '#dc3545');
// return false;
// } else {
// $('#orangeForm-name').css('border-color', '#28a745');
// return true;
// }
function uservalidate() {
if ($('#categ').val() == '') {
$('#categ').css('border-color', '#dc3545');
return false;
} else {
$('#categ').css('border-color', '#dc3545');
return true;
}
};
function userfile() {
if ($('#file').val() == '') {
$('#file').css('border-color', '#dc3545');
return false;
} else {
$('#file').css('border-color', '#dc3545');
return true;
}
};
</script>