Commit 25216602 authored by aprilangelo's avatar aprilangelo

Working login, calendar, add employee, add branch, backup

parent 5a80657a
...@@ -35,31 +35,8 @@ ...@@ -35,31 +35,8 @@
left: 'prev,next today', left: 'prev,next today',
center: 'title', center: 'title',
right: 'month,agendaWeek,agendaDay,listWeek' right: 'month,agendaWeek,agendaDay,listWeek'
}, },
defaultDate: '2017-04-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
selectable: true,
selectHelper: true,
select: function(start, end) {
var title = prompt('Event Title:');
var eventData;
if (title) {
eventData = {
title: title,
start: start,
end: end
};
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
}
$('#calendar').fullCalendar('unselect');
},
eventClick: function (calEvent, jsEvent, view) {
$('#calendar').fullCalendar('removeEvents', calEvent._id);
},
//My API Key //My API Key
googleCalendarApiKey: 'AIzaSyCZhjwekJ-H_HOxE5NhhTPgywCFqb0dZsQ', googleCalendarApiKey: 'AIzaSyCZhjwekJ-H_HOxE5NhhTPgywCFqb0dZsQ',
......
This diff is collapsed.
<?php <?php
session_start(); session_start();
if(!isset($_SESSION['$myusername'])){ if(!isset($_SESSION['$email_address'])){
} }
else { else {
header('location:login.php'); header('location:login.php');
} }
?><!DOCTYPE html>
include_once 'dbconfig.php';
?>
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--CSS/Stylesheets/Fonts-->
<link rel="stylesheet" type="text/css" href="css/style.CSS?<?php echo time(); ?>"> <link rel="stylesheet" type="text/css" href="css/style.CSS?<?php echo time(); ?>">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<!--Script for Modals-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- JS -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Bootstrap Date-Picker Plugin -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
</head>
<body> <body>
<?php include ('templates/HR-Navigation.php'); ?> <?php include ('templates/HR-Navigation.php'); ?>
<div class="inner-wrapper"> <div class="inner-wrapper">
......
<?php <?php
session_start(); session_start();
if(!isset($_SESSION['$myusername'])){ if(!isset($_SESSION['$email_address'])){
} }
else { else {
header('location:login.php'); header('location:login.php');
} }
include_once 'dbconfig.php';
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
...@@ -16,7 +19,10 @@ ...@@ -16,7 +19,10 @@
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<!--Script for Modals-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head> </head>
<body> <body>
...@@ -27,9 +33,57 @@ ...@@ -27,9 +33,57 @@
<h2 class="timekeeping-header">Attendance Summary for [Date Range]</h2> <h2 class="timekeeping-header">Attendance Summary for [Date Range]</h2>
<div class="import-controls"> <div class="import-controls">
<br> <br>
<button type="input" class="btn btn-add2"><img src="img/import.png" class="add-icon"> Import File</button> <button type="button" class="btn btn-add2" data-toggle="modal" data-target="#importfile"><img src="img/import.png" class="add-icon">Import File</button>
<!-- ADD EMPLOYEE MODAL -->
<div class="modal fade" id="importfile" role="dialog" align="left">
<div class="modal-dialog modal-add">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><img class="add-user" src="img/add-user.png">Import File</h4>
</div>
<!--Modal body-->
<div class="modal-body">
<form action="addfile.php" method="post" enctype="multipart/form-data">
<input type="file" name="file"/>
</div>
<div class="modal-footer">
<button type="submit" name="btn-upload" class="btn btn-default">Upload</button>
</form>
<?php
if(isset($_GET['success']))
{
?>
<label>File Uploaded Successfully... <a href="HR-Timekeeping.php">click here to view file.</a></label>
<?php
}
else if(isset($_GET['fail']))
{
?>
<label>Problem While File Uploading !</label>
<?php
}
else
{
?>
<?php
}
?>
</div>
</div>
</div>
</div>
<!--END OF ADD EMPLOYEE MODAL -->
<button type="button" class="btn btn-add2"><img src="img/export.png" class="add-icon"> Export as CSV</button>
<button type="button" class="btn btn-add2"><img src="img/export.png" class="add-icon">Export as CSV</button>
<hr width="100%" align="left"> <hr width="100%" align="left">
</div> </div>
<h3>Main Branch</h3> <h3>Main Branch</h3>
...@@ -53,109 +107,32 @@ ...@@ -53,109 +107,32 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody> </tbody>
</table> </table>
</div><!-- /.END OF MAIN BRANCH--> </div><!-- /.END OF MAIN BRANCH-->
<h3>Galleria Branch</h3>
<div class="table-branch2-tk"><!-- /.BRANCH2-->
<table class="table table-hover">
<thead>
<tr>
<th>Employee Name</th>
<th>Lates</th>
<th>Days Worked</th>
<th>Absences</th>
<th>Adjustments</th>
<th>HD</th>
<th>RD</th>
<th>Total Leaves</th>
<th>SL</th>
<th>VL</th>
<th>EH</th>
<th>Used EH</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div><!-- /.END OF BRANCH 2-->
<h3>Katipunan Branch</h3>
<div class="table-branch3-tk"><!-- /.BRANCH 3 -->
<table class="table table-hover">
<thead>
<tr>
<th>Employee Name</th>
<th>Lates</th>
<th>Days Worked</th>
<th>Absences</th>
<th>Adjustments</th>
<th>HD</th>
<th>RD</th>
<th>Total Leaves</th>
<th>SL</th>
<th>VL</th>
<th>EH</th>
<th>Used EH</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div><!-- END OF BRANCH 3-->
</div><!-- /.TABLES END--> </div><!-- /.TABLES END-->
<!-- <?php
$txt_file = file_get_contents('uploads/48494-1_attlog.txt');
$rows = explode("\n", $txt_file);
array_shift($rows);
foreach($rows as $row => $data)
{
//get row data
$row_data = explode(' ', $data);
$info[$row]['employee_code'] = $row_data[0];
$info[$row]['date'] = $row_data[1];
$info[$row]['log'] = $row_data[2];
}
//display data
echo $info[$row]['employee_code'] . '<br>';
echo $info[$row]['date'] . '<br>';
echo $info[$row]['log'] . '<br />';
?>
-->
</div> </div>
</div> </div>
......
...@@ -5,21 +5,81 @@ ...@@ -5,21 +5,81 @@
else { else {
header('location:login.php'); header('location:login.php');
} }
?><!DOCTYPE html>
?>
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--CSS/Stylesheets/Fonts-->
<link rel="stylesheet" type="text/css" href="css/style.CSS?<?php echo time(); ?>"> <link rel="stylesheet" type="text/css" href="css/style.CSS?<?php echo time(); ?>">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--Script for Modals-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- JS -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Bootstrap Date-Picker Plugin -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
</head>
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<body> <body>
<?php include ('templates/HR-Navigation.php'); ?> <?php include ('templates/HR-Navigation.php'); ?>
<?php include('templates/Calendar.php') ?> <div class="inner-wrapper-calendar">
<?php include('/fullcalendar/index.php') ?>
<p>List of Yearly Holidays</p>
<table class="table table-striped">
<thead>
<tr>
<th>Date</th>
<th>Holiday</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
<?php
/* Attempt MySQL server connection. Assuming you are running MySQL
server with default setting (user 'root' with no password) */
$link = mysqli_connect("localhost", "root", "", "ahead");
// Check connection
if($link === false){
die("ERROR: Could not connect. " . mysqli_connect_error());
}
// Escape user inputs for security
$branch_name = mysqli_real_escape_string($link, $_REQUEST['branch_name']);
$branch_address = mysqli_real_escape_string($link, $_REQUEST['branch_address']);
// attempt insert query execution
$sql = "INSERT INTO branch_t (branch_id, branch_name, branch_address) VALUES (NULL, '$branch_name', '$branch_address')";
if(mysqli_query($link, $sql)){
echo "Records added successfully.";
} else{
echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
}
// close connection
mysqli_close($link);
?>
\ No newline at end of file
<?php
/* Attempt MySQL server connection. Assuming you are running MySQL
server with default setting (user 'root' with no password) */
$link = mysqli_connect("localhost", "root", "", "ahead");
// Check connection
if($link === false){
die("ERROR: Could not connect. " . mysqli_connect_error());
}
$last_name = mysqli_real_escape_string($link, $_REQUEST['last_name']);
$first_name =mysqli_real_escape_string($link, $_REQUEST['first_name']);
$middle_name = mysqli_real_escape_string($link, $_REQUEST['middle_name']);
$email_address = mysqli_real_escape_string($link, $_REQUEST['email_address']);
$birthday = mysqli_real_escape_string($link, $_REQUEST['birthday']);
$contact_no = mysqli_real_escape_string($link, $_REQUEST['contact_no']);
$emergency_contact_name = mysqli_real_escape_string($link, $_REQUEST['emergency_contact_name']);
$emergency_contact_number = mysqli_real_escape_string($link, $_REQUEST['emergency_contact_number']);
$emergency_contact_relationship = mysqli_real_escape_string($link, $_REQUEST['emergency_contact_relationship']);
$unit_no = mysqli_real_escape_string($link, $_REQUEST['unit_no']);
$street =mysqli_real_escape_string($link, $_REQUEST['street']);
$village = mysqli_real_escape_string($link, $_REQUEST['village']);
$barangay = mysqli_real_escape_string($link, $_REQUEST['barangay']);
$city = mysqli_real_escape_string($link, $_REQUEST['city']);
$postal_code = mysqli_real_escape_string($link, $_REQUEST['postal_code']);
$employee_code = mysqli_real_escape_string($link, $_REQUEST['employee_code']);
$department_id =mysqli_real_escape_string($link, $_REQUEST['department_id']);
$branch_id =mysqli_real_escape_string($link, $_REQUEST['branch_id']);
$position = mysqli_real_escape_string($link, $_REQUEST['position']);
$shift_id =mysqli_real_escape_string($link, $_REQUEST['shift_id']);
$date_hired = mysqli_real_escape_string($link, $_REQUEST['date_hired']);
$employment_status =mysqli_real_escape_string($link, $_REQUEST['employment_status']);
$tax_status = mysqli_real_escape_string($link, $_REQUEST['tax_status']);
$no_dependents = mysqli_real_escape_string($link, $_REQUEST['no_dependents']);
$salary = mysqli_real_escape_string($link, $_REQUEST['salary']);
$philhealth_no = mysqli_real_escape_string($link, $_REQUEST['philhealth_no']);
$pagibig_no = mysqli_real_escape_string($link, $_REQUEST['pagibig_no']);
$tin_no = mysqli_real_escape_string($link, $_REQUEST['tin_no']);
$sss_no = mysqli_real_escape_string($link, $_REQUEST['sss_no']);
$resignation_date = mysqli_real_escape_string($link, $_REQUEST['resignation_date']);
$resignation_reason = mysqli_real_escape_string($link, $_REQUEST['resignation_reason']);
$user_type = mysqli_real_escape_string($link, $_REQUEST['user_type']);
$password = mysqli_real_escape_string($link, $_REQUEST['password']);
// attempt insert query execution
$query = "INSERT INTO employee_t(employee_id, last_name, first_name, middle_name, email_address, birthday, contact_no, emergency_contact_name, emergency_contact_number, emergency_contact_relationship, unit_no, street, village, barangay, city, postal_code, employee_code, department_id, branch_id, position, shift_id, date_hired, employment_status, tax_status, no_dependents, philhealth_no, tin_no, sss_no, resignation_date, resignation_reason, password, user_type)
VALUES (NULL, '$last_name', '$first_name', '$middle_name', '$email_address', '$birthday', '$contact_no', '$emergency_contact_name', '$emergency_contact_number', '$emergency_contact_relationship', '$unit_no', '$street', '$village', '$barangay', '$city', '$postal_code', '$employee_code', '$department_id', '$branch_id', '$position', '$shift_id', '$date_hired', '$employment_status', '$tax_status', '$no_dependents', '$philhealth_no', '$tin_no', '$sss_no', '$resignation_date', '$resignation_reason', '$password', '$user_type')";
/*$account = "INSERT INTO users(user_id, employee_id, "*/
if(mysqli_query($link, $query)){
echo "Records added successfully.";
header("Location: hr-index.php");
} else{
echo "ERROR: Could not able to execute $query. " . mysqli_error($link);
}
mysqli_close($link);
?>
This diff is collapsed.
<?php
session_start();
if(!isset($_SESSION['$email_address'])){
}
else {
header('location:login.php');
}
include_once 'dbconfig.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.CSS?<?php echo time(); ?>">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
</head>
<body>
<?php include ('templates/HR-Navigation.php'); ?>
<div class="inner-wrapper">
<div class="tables-tk">
<h2 class="timekeeping-header">Backup History</h2>
<div class="import-controls">
<a href="create-backup.php" class="btn btn-create">Create Backup</a></span>
<hr width="100%" align="left">
</div>
<div class="col-md-9">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Date of Backup</th>
<th>Size</th>
<th>Name</th>
<th></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div><!--end of table left-->
</div></div><!-- /.TABLES END-->
</div>
</div><!-- /.TABLES END-->
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<?php
mysql_select_db('ahead', mysql_connect('localhost','root',''))or die(mysql_error());
?>
<?php
$username = "root";
$password = "";
$hostname = "localhost";
$dbname = "ahead";
// if mysqldump is on the system path you do not need to specify the full path
// simply use "mysqldump --add-drop-table ..." in this case
$dumpfname = $dbname . "_" . date("Y-m-d_H-i-s").".sql";
$command = "mysqldump --add-drop-table --host=$hostname --user=$username ";
if ($password)
$command.= "--password=". $password ." ";
$command.= $dbname;
$command.= " > " . $dumpfname;
system($command);
// zip the dump file
$zipfname = $dbname . "_" . date("Y-m-d_H-i-s").".zip";
$zip = new ZipArchive();
if($zip->open($zipfname,ZIPARCHIVE::CREATE))
{
$zip->addFile($dumpfname,$dumpfname);
$zip->close();
}
// read zip file and send it to standard output
if (file_exists($zipfname)) {
header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.basename($zipfname));
flush();
readfile($zipfname);
exit;
}
?>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -19,7 +19,7 @@ body .fc { /* extra precedence to overcome jqui */ ...@@ -19,7 +19,7 @@ body .fc { /* extra precedence to overcome jqui */
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 50px; margin-bottom: 50px;
width: 60%; width: 80%;
} }
......
...@@ -25,6 +25,10 @@ body{ ...@@ -25,6 +25,10 @@ body{
margin-right: 3px; margin-right: 3px;
} }
.modal-title{
font-size: 24px;
}
.image-cropper { .image-cropper {
width: 40px; width: 40px;
height: 40px; height: 40px;
...@@ -57,9 +61,11 @@ a .home{ ...@@ -57,9 +61,11 @@ a .home{
font-weight: normal; font-weight: normal;
} }
.modal-header{ .modal-header{
background-color: #2B296A; background-color:#2c296b;
border-color: #e7e7e7;
color: white; color: white;
font-size: 24px; font-size: 24px;
border-radius: 4px 4px 0 0;
} }
.add-user{ .add-user{
...@@ -85,11 +91,43 @@ border: 1px solid #2c296b; ...@@ -85,11 +91,43 @@ border: 1px solid #2c296b;
width: 100px; width: 100px;
} }
.btn-default:hover{ .btn-default:hover{
background-color: #2c296b; background-color: #2c296b;
color: white; color: white;
} }
input[type="submit"] {
background-color: transparent;
border: 1px solid #2c296b;
width: 100px;
border-radius: 4px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
input[type="submit"]:hover {
background-color: #2c296b;
border: 1px solid #2c296b;
width: 100px;
border-radius: 4px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: white;
}
.btn-blk{ .btn-blk{
width: 100%; width: 100%;
display: block; display: block;
...@@ -139,10 +177,24 @@ color: #d72029; ...@@ -139,10 +177,24 @@ color: #d72029;
width: auto; width: auto;
} }
.btn-add:hover{ .btn-add:hover{
background-color: #2c296b; background-color: #2c296b;
color: white; color: white;
} }
.btn-create{
background-color: #2c296b;
width: auto;
color: white;
margin-top: 10px;
}
.btn-create:hover{
color: white;
}
.login-box{ .login-box{
font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Sans Pro', sans-serif;
width: 60%; width: 60%;
...@@ -323,6 +375,11 @@ text-align: center; ...@@ -323,6 +375,11 @@ text-align: center;
margin-right: 40px; margin-right: 40px;
} }
.inner-wrapper-calendar{
margin-left: 120px !important;
margin-top: 100px;
}
.search-bar{ .search-bar{
margin-top: 30px; margin-top: 30px;
width: 50%; width: 50%;
...@@ -358,8 +415,8 @@ tr:hover a.show{ ...@@ -358,8 +415,8 @@ tr:hover a.show{
.table-branch1, .table-branch2, .table-branch3 .table-branch1, .table-branch2, .table-branch3
{ {
overflow-y: auto; overflow-y: auto;
margin-bottom: 50px; margin-bottom: 40px;
height: 150px; height: 180px;
margin-right: 40px; margin-right: 40px;
} }
...@@ -373,8 +430,7 @@ tr:hover a.show{ ...@@ -373,8 +430,7 @@ tr:hover a.show{
overflow-y: auto; overflow-y: auto;
height: 150px; height: 150px;
margin-right: 40px; margin-right: 40px;
margin-top: 10px;
margin-bottom: 50px;
} }
h3{ h3{
...@@ -398,6 +454,10 @@ h3{ ...@@ -398,6 +454,10 @@ h3{
z-index:10; z-index:10;
} }
thead th{
background-color: #e0e0e0;
border-bottom: 2px solid black;
}
.import-controls{ .import-controls{
text-align: right; text-align: right;
margin-right: 10px; margin-right: 10px;
...@@ -414,4 +474,10 @@ h3{ ...@@ -414,4 +474,10 @@ h3{
.container-info{ .container-info{
margin-right: 1px solid black; margin-right: 1px solid black;
}
input[type=file]{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
} }
\ No newline at end of file
<?php
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "";
$dbname = "ahead";
mysql_connect($dbhost,$dbuser,$dbpass) or die('cannot connect to the server');
mysql_select_db($dbname) or die('database selection problem');
?>
\ No newline at end of file
<?php `git pull`;
\ No newline at end of file
// Values received via ajax
$title = $_POST['title'];
$start = $_POST['start'];
$end = $_POST['end'];
$url = $_POST['url'];
// connection to the database
try {
$bdd = new PDO('mysql:host=localhost;dbname=fullcalendar', 'root', 'root');
} catch(Exception $e) {
exit('Unable to connect to database.');
}
// insert the records
$sql = "INSERT INTO evenement (title, start, end, url) VALUES (:title, :start, :end, :url)";
$q = $bdd->prepare($sql);
$q->execute(array(':title'=>$title, ':start'=>$start, ':end'=>$end, ':url'=>$url));
?>
\ No newline at end of file
<?php
// List of events
$json = array();
// Query that retrieves events
$requete = "SELECT * FROM evenement ORDER BY id";
// connection to the database
try {
$bdd = new PDO('mysql:host=localhost;dbname=ahead', 'root', '');
} catch(Exception $e) {
exit('Unable to connect to database.');
}
// Execute the query
$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
// sending the encoded result to success page
echo json_encode($resultat->fetchAll(PDO::FETCH_ASSOC));
?>
\ No newline at end of file
The MIT License (MIT)
Copyright (c) 2016 Jamelbaz
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
# FullCalendar-BS3-PHP-MySQL
FullCalendar 2 integration with bootstrap, php and mysql
## DEMO and Installtion
[demo](http://jamelbaz.com/non-classe/integration-de-fullcalendar2-php-mysql).
## License
MIT
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.php');
}
<!DOCTYPE html>
?><!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--CSS/Stylesheets/Fonts--> <!--CSS/Stylesheets/Fonts-->
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" type="text/css" href="css/style.CSS?<?php echo time(); ?>">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
...@@ -18,37 +30,55 @@ ...@@ -18,37 +30,55 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="import" href="calendar-trial.html"> <!-- jQuery -->
</head> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<body> <!-- JS -->
<!--HEADER--> <script type="text/javascript" src="js/bootstrap.js"></script>
<div class="header-fixed">
<div class="profile">
<img src="logo.png" class="ahead-logo"> <!-- Bootstrap Date-Picker Plugin -->
<img src="profile.png" class="img-rounded"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<div class="hello"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
<h4 class="greeting">Welcome!</h4> </head>
<h5 class="greeting2">HR Manager</h5>
</div>
</div> <!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<body>
<?php include ('templates/HR-Navigation.php'); ?>
<div class="inner-wrapper-calendar">
<?php include('full-calendar/index.php') ?>
<p>List of Yearly Holidays</p>
<table class="table table-striped">
<thead>
<tr>
<th>Date</th>
<th>Holiday</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div> </div>
<!--End of Header-->
<!--Side NavBar--> </body>
<div class="wrapper"> </html>
<div class="navbar-fixed-wrapper"> \ No newline at end of file
<ul id="navbar-fixed">
<li id="navbar-fixed-link"><a class="active" href="dashboard.html">Dashboard</a></li>
<li id="navbar-fixed-link"><a href="requests.html">Requests</a></li>
<li id="navbar-fixed-link"><a href="calendar.html">Calendar</a></li>
</ul>
</div>
<!--End of Side Navbar-->
<div class="inner-wrapper">
<button type="button">Overtime Request</button>
</div>
</body>
</html>
\ No newline at end of file
<?php
// Connexion à la base de données
require_once('bdd.php');
//echo $_POST['title'];
if (isset($_POST['title']) && isset($_POST['start']) && isset($_POST['end']) && isset($_POST['color'])){
$title = $_POST['title'];
$start = $_POST['start'];
$end = $_POST['end'];
$color = $_POST['color'];
$sql = "INSERT INTO events(title, start, end, color) values ('$title', '$start', '$end', '$color')";
//$req = $bdd->prepare($sql);
//$req->execute();
echo $sql;
$query = $bdd->prepare( $sql );
if ($query == false) {
print_r($bdd->errorInfo());
die ('Erreur prepare');
}
$sth = $query->execute();
if ($sth == false) {
print_r($query->errorInfo());
die ('Erreur execute');
}
}
header('Location: '.$_SERVER['HTTP_REFERER']);
?>
<?php
try
{
$bdd = new PDO('mysql:host=localhost;dbname=ahead;charset=utf8', 'root', '');
}
catch(Exception $e)
{
die('Erreur : '.$e->getMessage());
}
-- phpMyAdmin SQL Dump
-- version 4.1.14
-- http://www.phpmyadmin.net
--
-- Client : 127.0.0.1
-- Généré le : Jeu 24 Mars 2016 à 17:51
-- Version du serveur : 5.6.17
-- Version de PHP : 5.5.12
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
--
-- Base de données : `calendar`
--
-- --------------------------------------------------------
--
-- Structure de la table `events`
--
CREATE TABLE IF NOT EXISTS `events` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) NOT NULL,
`color` varchar(7) DEFAULT NULL,
`start` datetime NOT NULL,
`end` datetime DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=15 ;
--
-- Contenu de la table `events`
--
INSERT INTO `events` (`id`, `title`, `color`, `start`, `end`) VALUES
(1, 'All Day Event', '#40E0D0', '2016-01-01 00:00:00', '0000-00-00 00:00:00'),
(2, 'Long Event', '#FF0000', '2016-01-07 00:00:00', '2016-01-10 00:00:00'),
(3, 'Repeating Event', '#0071c5', '2016-01-09 16:00:00', '0000-00-00 00:00:00'),
(4, 'Conference', '#40E0D0', '2016-01-11 00:00:00', '2016-01-13 00:00:00'),
(5, 'Meeting', '#000', '2016-01-12 10:30:00', '2016-01-12 12:30:00'),
(6, 'Lunch', '#0071c5', '2016-01-12 12:00:00', '0000-00-00 00:00:00'),
(7, 'Happy Hour', '#0071c5', '2016-01-12 17:30:00', '0000-00-00 00:00:00'),
(8, 'Dinner', '#0071c5', '2016-01-12 20:00:00', '0000-00-00 00:00:00'),
(9, 'Birthday Party', '#FFD700', '2016-01-14 07:00:00', '2016-01-14 07:00:00'),
(10, 'Double click to change', '#008000', '2016-01-28 00:00:00', '0000-00-00 00:00:00');
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
/*# for id
. for class*/
body{
font-family: 'Source Sans Pro', sans-serif;
padding: 0 !important;
margin: 0;
}
label{
font-weight: 400;
}
.modal-add{
width: 800px;
padding-right: 0 !important
}
.modal-branch{
width: 500px;
padding-right: 0 !important
}
.navbar-right{
margin-right: 3px;
}
.image-cropper {
width: 40px;
height: 40px;
position: relative;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
img {
display: inline;
margin: 0 auto;
height: 100%;
width: auto;
}
a .home{
margin-left: 15px;
display: inline;
height: 100%;
width: auto;
margin-top: 5px;
}
#label{
font-weight: normal;
}
.modal-header{
background-color: #2B296A;
color: white;
font-size: 24px;
}
.add-user{
width: 25px;
margin-right: 10px;
}
.lead{
margin-left: 20px;
font-weight: bold;
}
.horizontal{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
text-align: left;
border-top: 1px solid #2c296b;
}
.btn-default{
background-color: transparent;
border: 1px solid #2c296b;
width: 100px;
}
.btn-default:hover{
background-color: #2c296b;
color: white;
}
input[type="submit"] {
background-color: transparent;
border: 1px solid #2c296b;
width: 100px;
border-radius: 4px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
input[type="submit"]:hover {
background-color: #2c296b;
border: 1px solid #2c296b;
width: 100px;
border-radius: 4px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: white;
}
.btn-blk{
width: 100%;
display: block;
background-color: transparent;
border: 1px solid #2c296b;
height: 50%;
border-radius: 5%;
height: 35px;
}
.btn-blk:hover{
background-color: #2c296b;
color: white;
}
.btn-add2{
background-color: transparent;
width: auto;
margin-bottom: -10px;
}
.btn-add2:hover{
color: #d72029;
}
.btn-request{
background-color: transparent;
width: auto;
float: right;
margin-bottom: 7px;
}
.add-icon{
margin-top: -4px;
margin-right: 4px;
}
.open-icon{
margin-top: -15px;
margin-bottom: 0px;
margin-right: 4px;
}
.btn-add{
background-color: transparent;
border: 1px solid #2c296b;
width: auto;
}
.btn-add:hover{
background-color: #2c296b;
color: white;
}
.btn-create{
background-color: #2c296b;
width: auto;
color: white;
margin-top: 10px;
}
.btn-create:hover{
color: white;
}
.login-box{
font-family: 'Source Sans Pro', sans-serif;
width: 60%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
.login-text{
color: #2c296b;
font-weight: 800;
}
#login-header{
text-align: left;
font-style: bold;
font-weight: 600;
color: white;
margin-left: 40px;
}
#left{
height: 100%;
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: #f0f0f0;
}
#contents
{
border-right: 2px solid #b1b1b1;
}
#right{
height: 100%;
position: fixed;
top: 0;
left: 50%;
width: 50%;
height: 100%;
background-color: #f0f0f0;
}
#margin-right{
margin:0 auto;
width:200px;
height:200px;
}
.login-input{
display: relative;
margin-right: auto;
margin-left: auto;
}
.verticalLine {
border-left: thick solid #ff0000;
}
.lync-logo{
margin-top: 100px;
text-align: center;
}
.logo
{
text-align: center;
margin-top: 180px;
margin-left: 50px;
}
.login
{
display: block;
width: 20px;
}
.container-right
{
margin-top: 120px;
display: block;
margin-right: auto;
margin-left: auto;
}
.submit{
text-align: left;
margin-left: 35px;
}
.navbar-btn{
width:100px;
}
.input-group{
width: 100%;
}
.navbar-fixed-wrapper{
width: 200px;
background-color: #2c296b;
margin: 0;
height: 100%;
min-height: 100%;
position: relative;
}
#navbar-fixed{
width: 220px;
height: 100%;
min-height: 100%;
background-color: #2c296b;
position: fixed;
line-height: 60px;
margin-top: 70px;
}
#navbar-fixed li a{
color: white;
display: block;
list-style-type: none;
text-decoration: none;
padding-left: 20px;
margin-left: -40px;
}
#navbar-fixed li a:hover{
background-color: #101130;
width: 220px;
border-left: thick solid #fac515;
}
.timekeeping-header{
font-weight: 700;
margin-top: 30px;
}
.ahead-logo{
width: 100px;
margin-left: 20px;
}
.wrapper{
position: relative;
width: 100%;
margin-bottom: 0px;
padding-bottom: 0px;
}
.img-rounded{
width: 60px;
text-align: right;
margin-left: 84%;
}
.greeting{
margin-top: 15px;
margin-right: 5px;
}
.greeting2{
margin-left: 87%;
margin-top: -10px;
font-weight: 700;
}
.table-hover-requests{
width: 70%;
}
.inner-wrapper{
margin-left: 270px !important;
margin-top: 100px;
margin-right: 40px;
}
.inner-wrapper-calendar{
margin-left: 120px !important;
margin-top: 100px;
}
.search-bar{
margin-top: 30px;
width: 50%;
}
td a.show{
visibility: hidden;
}
tr:hover a.show{
visibility: visible;
}
.search{
width: 16px;
}
.table {
width: 100%;
}
.col-md-12{
margin-left: 140px;
}
.btn-open{
background-color: transparent;
margin: 0;
padding: 0;
}
.table-branch1, .table-branch2, .table-branch3
{
overflow-y: auto;
margin-bottom: 40px;
height: 180px;
margin-right: 40px;
}
.table-tk{
margin-left: 270px;
}
.table-branch1-tk, .table-branch2-tk, .table-branch3-tk
{
overflow-y: auto;
height: 150px;
margin-right: 40px;
}
h3{
color: #d72029;
}
.tables{
margin-left: 270px;
margin-top: 40px;
}
.header-fixed
{
background: #e0e0e0;
height: 70px;
width: 100%;
position: fixed;
top:0;
left: 0;
z-index:10;
}
thead th{
background-color: #dbdbdb;
border-bottom: 1px solid black;
}
.import-controls{
text-align: right;
margin-right: 10px;
margin-top: -55px;
}
.profile-photo{
width: 95%;
}
.tab-content{
margin-top: 20px;
}
.container-info{
margin-right: 1px solid black;
}
input[type=file]{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
\ No newline at end of file
<?php
// Connexion à la base de données
require_once('bdd.php');
if (isset($_POST['Event'][0]) && isset($_POST['Event'][1]) && isset($_POST['Event'][2])){
$id = $_POST['Event'][0];
$start = $_POST['Event'][1];
$end = $_POST['Event'][2];
$sql = "UPDATE events SET start = '$start', end = '$end' WHERE id = $id ";
$query = $bdd->prepare( $sql );
if ($query == false) {
print_r($bdd->errorInfo());
die ('Erreur prepare');
}
$sth = $query->execute();
if ($sth == false) {
print_r($query->errorInfo());
die ('Erreur execute');
}else{
die ('OK');
}
}
//header('Location: '.$_SERVER['HTTP_REFERER']);
?>
<?php
require_once('bdd.php');
if (isset($_POST['delete']) && isset($_POST['id'])){
$id = $_POST['id'];
$sql = "DELETE FROM events WHERE id = $id";
$query = $bdd->prepare( $sql );
if ($query == false) {
print_r($bdd->errorInfo());
die ('Erreur prepare');
}
$res = $query->execute();
if ($res == false) {
print_r($query->errorInfo());
die ('Erreur execute');
}
}elseif (isset($_POST['title']) && isset($_POST['color']) && isset($_POST['id'])){
$id = $_POST['id'];
$title = $_POST['title'];
$color = $_POST['color'];
$sql = "UPDATE events SET title = '$title', color = '$color' WHERE id = $id ";
$query = $bdd->prepare( $sql );
if ($query == false) {
print_r($bdd->errorInfo());
die ('Erreur prepare');
}
$sth = $query->execute();
if ($sth == false) {
print_r($query->errorInfo());
die ('Erreur execute');
}
}
header('Location: index.php');
?>
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--FULL CALENDAR -->
<link rel='stylesheet' href='fullcalendar.css' />
<script src='jquery.min.js'></script>
<script src='moment.min.js'></script>
<script src='fullcalendar.js'></script>
<script src='gcal.min.js'></script>
<script type='text/javascript' src='fullcalendar/gcal.js'></script>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listWeek'
},
defaultDate: '2017-04-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
selectable: true,
selectHelper: true,
select: function(start, end) {
var title = prompt('Event Title:');
var eventData;
if (title) {
eventData = {
title: title,
start: start,
end: end
};
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
}
$('#calendar').fullCalendar('unselect');
},
eventClick: function (calEvent, jsEvent, view) {
$('#calendar').fullCalendar('removeEvents', calEvent._id);
},
//My API Key
googleCalendarApiKey: 'AIzaSyCZhjwekJ-H_HOxE5NhhTPgywCFqb0dZsQ',
// PH Holidays
events: 'en.philippines#holiday@group.v.calendar.google.com',
})
});
</script>
<!-- END OF FULL CALENDAR SCRIPT -->
</head>
<body>
<div class="header-fixed">
<div class="profile"></div>
</div>
<div class="wrapper">
<div class="navbar-fixed-wrapper">
<ul id="navbar-fixed">
<li id="navbar-fixed-link"><a href="hr-index.html">Employee Management</a></li>
<li id="navbar-fixed-link"><a href="timekeeping.html">Timekeeping</a></li>
<li id="navbar-fixed-link"><a href="requests.html">Requests</a></li>
<li id="navbar-fixed-link"><a class="active" href="calendar.html">Calendar</a></li>
</ul>
</div>
<div class="inner-wrapper">
<br>
<!--Full Calendar Div -->
<div id='calendar'>
</div>
<div id="holiday-list">
<table class="table-responsive">
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--FULL CALENDAR -->
<link rel='stylesheet' href='fullcalendar.css' />
<script src='jquery.min.js'></script>
<script src='moment.min.js'></script>
<script src='fullcalendar.js'></script>
<script src='gcal.min.js'></script>
<script type='text/javascript' src='fullcalendar/gcal.js'></script>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listWeek'
},
defaultDate: '2017-04-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
selectable: true,
selectHelper: true,
select: function(start, end) {
var title = prompt('Event Title:');
var eventData;
if (title) {
eventData = {
title: title,
start: start,
end: end
};
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
}
$('#calendar').fullCalendar('unselect');
},
eventClick: function (calEvent, jsEvent, view) {
$('#calendar').fullCalendar('removeEvents', calEvent._id);
},
//My API Key
googleCalendarApiKey: 'AIzaSyCZhjwekJ-H_HOxE5NhhTPgywCFqb0dZsQ',
// PH Holidays
events: 'en.philippines#holiday@group.v.calendar.google.com',
})
});
</script>
<!-- END OF FULL CALENDAR SCRIPT -->
</head>
<body>
<div class="header-fixed">
<div class="profile"></div>
</div>
<div class="wrapper">
<div class="navbar-fixed-wrapper">
<ul id="navbar-fixed">
<li id="navbar-fixed-link"><a href="hr-index.html">Employee Management</a></li>
<li id="navbar-fixed-link"><a href="timekeeping.html">Timekeeping</a></li>
<li id="navbar-fixed-link"><a href="requests.html">Requests</a></li>
<li id="navbar-fixed-link"><a class="active" href="calendar.html">Calendar</a></li>
</ul>
</div>
<div class="inner-wrapper">
<br>
<!--Full Calendar Div -->
<div id='calendar'>
</div>
<div id="holiday-list">
<table class="table-responsive">
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="bootstrap.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="col-md-6" id="left">
<div class="container-right">
<div class="right-header">
</div>
<br>
<div id="contents">
<div class="login-box">
<h1 class="login-text">WELCOME!</h1>
<hr class="horizontal" width="90%">
<div class="input-group">
<span class="input-group-addon" id="basic-addon1"><img class="login" src="username.png"></span>
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>
<br>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1"><img class="login" src="password.png"></span>
<input type="password" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
</div>
<div class="submit">
<br>
<button type="button" class="btn btn-default">Log in</button>
</div>
<br><br><br>
</div>
</div>
<div class="col-md-6" id="right" background-color="red">
<div class="container-left">
<img class="logo" src="logo.png">
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
</head>
<body>
<div class="header-fixed">
<div class="profile">
<img src="logo.png" class="ahead-logo">
<img src="profile.png" class="img-rounded">
<div class="hello">
<h4 class="greeting">Welcome!</h4>
<h5 class="greeting2">HR Manager</h5>
</div>
</div>
</div>
<div class="wrapper">
<div class="navbar-fixed-wrapper">
<ul id="navbar-fixed">
<li id="navbar-fixed-link"><a href="hr-index.html">Employee Management</a></li>
<li id="navbar-fixed-link"><a href="timekeeping.html">Timekeeping</a></li>
<li id="navbar-fixed-link"><a class="active" href="requests.html">Requests</a></li>
<li id="navbar-fixed-link"><a href="calendar.html">Calendar</a></li>
</ul>
</div>
<div class="inner-wrapper">
<div class="tables-tk">
<h2 class="timekeeping-header">Employee Requests</h2>
<hr class="timekeeping-hr" width="99%" align="left">
<div class="col-lg-6">
<h3>Overtime Requests</h3>
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Employee Name</th>
<th>Date of Request</th>
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<h3>Leave Requests</h3>
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Employee Name</th>
<th>Date of Request</th>
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>Pending</td>
<td><button type="button" class="btn btn-open"><img src="open.png" class="open-icon"></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- /.TABLES END-->
</div>
</div>
</div>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment