Skip to content

S
SAD-Ahead
Commit 5a80657a authored by aprilangelo's avatar aprilangelo
Browse files
Options

first commit

parents
Expand all Show whitespace changes
Inline Side-by-side
Showing with 2381 additions and 0 deletions
DS-Calendar.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.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">
<body>
<?php include ('templates/DS-Navigation.php'); ?>
<?php include('templates/Calendar.php') ?>
</body>
</html>
\ No newline at end of file
DS-Index.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$email_address'])){
}
else {
header('location:login.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">
<!--CSS/Stylesheets/Fonts-->
<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">
<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>
<!-- Isolated Version of Bootstrap, not needed if your site already uses Bootstrap -->
<link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" />
<!-- 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>
<?php include ('templates/DS-Navigation.php'); ?>
<div class="inner-wrapper">
<div class="tables-tk">
<h2 class="timekeeping-header">Human Resources Department</h2>
<hr>
<div class="table-branch1"><!-- /.MAIN BRANCH-->
<table class="table table-hover">
<thead>
<tr>
<th>Employee Code</th>
<th>Employee Name</th>
<th>Position</th>
<th>Shift</th>
<th>Employment Status</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">107604</th>
<td>Mark Joseph Anthony</td>
<td>HR Analyst</td>
<td>7:00 AM - 5:00 PM</td>
<td> Regular </td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>7:00 AM - 5:00 PM</td>
<td> Regular </td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>7:00 AM - 5:00 PM</td>
<td> Regular </td>
</tr>
</tbody>
</table>
</div><!-- /.END OF MAIN BRANCH-->
</div>
</div>
</div>
<script>
$(document).ready(function(){
var date_input=$('input[name="date"]'); //our date input has the name "date"
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
var options={
format: 'mm/dd/yyyy',
container: container,
todayHighlight: true,
autoclose: true,
};
date_input.datepicker(options);
})
</script>
</body>
</html>
\ No newline at end of file
DS-Requests.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.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/DS-Navigation.php'); ?>
<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-md-6">
<table class="table table-hover">
<h3>Leave Requests</h3>
<thead>
<tr>
<th>#</th>
<th>Request Date</th>
<th>OT Date</th>
<th>OT Time</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
</tbody>
</table>
</div><!--end of table left-->
<div class="col-md-6">
<h3>Overtime Requests</h3>
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Request Date</th>
<th>OT Date</th>
<th>OT Time</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
</tbody>
</table>
</div><!--end of table right-->
</div></div><!-- /.TABLES END-->
</div>
</div><!-- /.TABLES END-->
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
E-Calendar.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.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" href="\css\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='\css\fullcalendar.css' />
<script src='\js\jquery.min.js'></script>
<script src='\js\moment.min.js'></script>
<script src='\js\fullcalendar.js'></script>
<script src='\js\gcal.min.js'></script>
<script type='text/javascript' src='\js\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>
<?php include ('templates/E-Navigation.php'); ?>
<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
E-Index.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$email_address'])){
}
else {
header('location:login.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">
<!--CSS/Stylesheets/Fonts-->
<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">
<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>
<!-- Isolated Version of Bootstrap, not needed if your site already uses Bootstrap -->
<link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" />
<!-- 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>
<?php include ('templates/E-Navigation.php'); ?>
<div class="inner-wrapper">
<div class="tables-tk">
<h2 class="timekeeping-header">My Attendance Dashboard</h2>
</div>
</div>
<script>
$(document).ready(function(){
var date_input=$('input[name="date"]'); //our date input has the name "date"
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
var options={
format: 'mm/dd/yyyy',
container: container,
todayHighlight: true,
autoclose: true,
};
date_input.datepicker(options);
})
</script>
</body>
</html>
\ No newline at end of file
E-requests.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
HR-Index.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
HR-Requests.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.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">Employee Requests</h2>
<hr class="timekeeping-hr" width="99%" align="left">
<div class="col-md-6">
<table class="table table-hover">
<h3>Leave Requests</h3>
<thead>
<tr>
<th>#</th>
<th>Request Date</th>
<th>OT Date</th>
<th>OT Time</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
</tbody>
</table>
</div><!--end of table left-->
<div class="col-md-6">
<h3>Overtime Requests</h3>
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Request Date</th>
<th>OT Date</th>
<th>OT Time</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Approved</td>
<td><a href="hr-index.php" class="show"><img src="img/Visible-20.png"></a></td>
</tr>
</tbody>
</table>
</div><!--end of table right-->
</div></div><!-- /.TABLES END-->
</div>
</div><!-- /.TABLES END-->
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
HR-Timekeeping.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.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" 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">Attendance Summary for [Date Range]</h2>
<div class="import-controls">
<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"><img src="img/export.png" class="add-icon"> Export as CSV</button>
<hr width="100%" align="left">
</div>
<h3>Main Branch</h3>
<div class="table-branch1-tk"><!-- /.MAIN BRANCH-->
<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 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>
</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
Universal-Calendar.php 0 → 100644
View file @ 5a80657a
<?php
session_start();
if(!isset($_SESSION['$myusername'])){
}
else {
header('location:login.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">
<body>
<?php include ('templates/HR-Navigation.php'); ?>
<?php include('templates/Calendar.php') ?>
</body>
</html>
\ No newline at end of file
connect-to-database.php 0 → 100644
View file @ 5a80657a
<?php
mysql_select_db('ahead', mysql_connect('localhost','root',''))or die(mysql_error());
?>
create_table_script.sql 0 → 100644
View file @ 5a80657a
drop database ahead;
create database ahead;
use ahead;
CREATE TABLE `evenement` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) COLLATE utf8_bin NOT NULL,
`start` datetime NOT NULL,
`end` datetime DEFAULT NULL,
`url` varchar(255) COLLATE utf8_bin NOT NULL,
`allDay` varchar(255) COLLATE utf8_bin NOT NULL DEFAULT 'false',
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=7;
CREATE TABLE branch_t
(branch_id TINYINT(1) NOT NULL,
branch_name VARCHAR(25) NOT NULL,
unit_no VARCHAR(5) NOT NULL,
street VARCHAR(30) NOT NULL,
barangay VARCHAR(30) NOT NULL,
city VARCHAR(30) NOT NULL,
postal_code SMALLINT(4) NOT NULL,
CONSTRAINT branch_pk PRIMARY KEY (branch_id));
CREATE TABLE department_t
(department_id TINYINT(1) NOT NULL,
department_name VARCHAR(50) NOT NULL,
CONSTRAINT department_pk PRIMARY KEY (department_id));
CREATE TABLE shift_t
(shift_id VARCHAR(20) NOT NULL,
start_time TIME NOT NULL,
end_time TIME NOT NULL,
display VARCHAR(20) NOT NULL,
CONSTRAINT shift_pk PRIMARY KEY (shift_id));
CREATE TABLE employee_t
(employee_id TINYINT(3) NOT NULL,
department_id TINYINT(1) NOT NULL,
branch_id TINYINT(1) NOT NULL,
employee_code INTEGER(12) NOT NULL,
photo_id VARCHAR(255),
email_address VARCHAR(200) NOT NULL,
last_name VARCHAR(50) NOT NULL,
middle_name VARCHAR(50) NOT NULL,
first_name VARCHAR(50) NOT NULL,
position VARCHAR(200) NOT NULL,
shift_id VARCHAR(20) NOT NULL,
date_hired DATE,
unit_no VARCHAR(5),
street VARCHAR(20) NOT NULL,
village VARCHAR(150) NOT NULL,
barangay VARCHAR(30) NOT NULL,
city VARCHAR(30) NOT NULL,
postal_code INTEGER(4) NOT NULL,
birthday DATE NOT NULL,
contact_no CHAR(10) NOT NULL,
emergency_contact_name VARCHAR(150) NOT NULL,
emergency_contact_number CHAR(10) NOT NULL,
emergency_contact_address VARCHAR(150) NOT NULL,
emergency_contact_relationship VARCHAR(20) NOT NULL,
employment_status ENUM ('Regular', 'Irregular') NOT NULL,
tax_status ENUM ('Single', 'Married', 'Head of the family') NOT NULL,
no_dependents ENUM('0', '1', '2', '3', '4'),
sss_no CHAR(9) NOT NULL,
philhealth_no CHAR(12) NOT NULL,
pag_ibig_no CHAR(12) NOT NULL,
tin_no CHAR(9) NOT NULL,
salary DECIMAL(5,2) NOT NULL,
resignation_date DATE,
resignation_reason VARCHAR(200) NOT NULL,
CONSTRAINT employee_pk PRIMARY KEY (employee_id),
CONSTRAINT employee_fk1 FOREIGN KEY (department_id) REFERENCES department_t(department_id),
CONSTRAINT employee_fk2 FOREIGN KEY (branch_id) REFERENCES branch_t(branch_id));
CREATE TABLE user_level
(user_level_id TINYINT(1) NOT NULL,
email_address VARCHAR(50) NOT NULL,
password VARCHAR(50) NOT NULL,
userlevel VARCHAR(20) NOT NULL,
CONSTRAINT user_level_pk PRIMARY KEY (user_level_id));
/*needed from employee_t is email_address, password, position*/
CREATE TABLE holiday_t
(holiday_id TINYINT(3) NOT NULL,
holiday_date DATE NOT NULL,
holiday_type ENUM('Regular', 'Special Non-working'),
holiday_name VARCHAR(50) NOT NULL,
CONSTRAINT holiday_pk PRIMARY KEY (holiday_id));
/*CREATE TABLE account_t
(account_id TINYINT(3) NOT NULL,
employee_id TINYINT(3) NOT NULL,
email_address VARCHAR(50) NOT NULL,
password VARCHAR(15) NOT NULL,
role VARCHAR(50) NOT NULL,
CONSTRAINT account_pk PRIMARY KEY(account_id));*/
CREATE TABLE overtime_request_t
(otrequest_id TINYINT(4) NOT NULL,
employee_id TINYINT(3) NOT NULL,
department_id TINYINT(1) NOT NULL,
date_filled DATE NOT NULL,
overtime_date DATE NOT NULL,
start_time TIME NOT NULL,
end_time TIME NOT NULL,
total_hourse DECIMAL(4,2) NOT NULL,
reason VARCHAR(200) NOT NULL,
status ENUM('Pending', 'Approved', 'Rejected') NOT NULL,
charge_type ENUM('OT with pay', 'Charge as excess hours'),
CONSTRAINT overtime_request_pk PRIMARY KEY(otrequest_id),
CONSTRAINT overtime_request_fk1 FOREIGN KEY (employee_id) REFERENCES employee_t(employee_id),
CONSTRAINT overtime_request_fk2 FOREIGN KEY (department_id) REFERENCES department_t(department_id));
CREATE TABLE leave_request_t
(leaverequest_id TINYINT(4) NOT NULL,
employee_id TINYINT(3) NOT NULL,
department_id TINYINT(1) NOT NULL,
date_filled DATE NOT NULL,
start_date DATE NOT NULL,
end_date DATE NOT NULL,
start_time TIME NOT NULL,
end_time TIME NOT NULL,
total_hourse DECIMAL(4,2) NOT NULL,
reason VARCHAR(200) NOT NULL,
status ENUM('Pending', 'Approved', 'Rejected') NOT NULL,
hr_remark ENUM('Leave with Pay', 'Leave w/o Pay'),
CONSTRAINT leave_request_pk PRIMARY KEY(leaverequest_id),
CONSTRAINT leave_request_fk1 FOREIGN KEY (employee_id) REFERENCES employee_t(employee_id),
CONSTRAINT leave_request_fk2 FOREIGN KEY (department_id) REFERENCES department_t(department_id));
CREATE TABLE attendance_record_t
(record_id SMALLINT(5) NOT NULL,
record_start_date DATE NOT NULL,
record_end_date DATE NOT NULL,
employee_id TINYINT(3) NOT NULL,
lates DECIMAL(3,2) NOT NULL,
days_worked TINYINT(2) NOT NULL,
absences TINYINT(2) NOT NULL,
adjustments TINYINT(2) NOT NULL,
holiday_duty TINYINT(3) NOT NULL,
restday_duty TINYINT(3) NOT NULL,
sick_leave TINYINT(2) NOT NULL,
vacation_leave TINYINT(2) NOT NULL,
total_leaves TINYINT(2) NOT NULL,
earned_hours DECIMAL(4,2) NOT NULL,
used_hours DECIMAL(4,2) NOT NULL,
balance_hours DECIMAL(4,2) NOT NULL,
CONSTRAINT attendance_record_pk PRIMARY KEY (record_id),
CONSTRAINT attendance_record_fk FOREIGN KEY (employee_id) REFERENCES employee_t(employee_id));
css/bootstrap-material-design.css 0 → 100644
View file @ 5a80657a
This diff is collapsed.
css/bootstrap.css 0 → 100644
View file @ 5a80657a
This diff is collapsed.
css/css.css 0 → 100644
View file @ 5a80657a
/*# for id
. for class*/
body{
font-family: 'Source Sans Pro', sans-serif;
padding: 0;
margin: 0;
}
.modal-add{
width: 800px;
}
#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;
margin-left: 35px;
border: 0;
text-align: left;
border-top: 2px solid #2c296b;
}
.btn-default{
background-color: transparent;
border: 1px solid #2c296b;
width: 100px;
}
.btn-default:hover{
background-color: #2c296b;
color: white;
}
.btn-add2{
background-color: transparent;
width: auto;
margin-bottom: -10px;
}
.btn-add2:hover{
color: #d72029;
}
.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;
}
.login-box{
width: 60%;
margin-left: auto;
margin-right: auto;
padding: 20px;
border-radius: 10px;
}
.login-text{
margin-left: 35px;
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: 50%;
};
.navbar-fixed-wrapper{
width: 200px;
background-color: #2c296b;
padding: 14px;
margin: 0;
height: 100%;
min-height: 100%;
position: relative;
}
#navbar-fixed{
width: 200px;
height: 100%;
min-height: 100%;
background-color: #2c296b;
position: fixed;
line-height: 60px;
}
#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: 200px;
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-left: 87%;
margin-top: -56px;
}
.greeting2{
margin-left: 87%;
margin-top: -10px;
font-weight: 700;
}
.table-hover-requests{
width: 70%;
}
.inner-wrapper{
margin-left: 140px;
overflow-y: auto;
margin-top: 70px;
}
.search-bar{
margin-left: 140px;
margin-top: 30px;
}
.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: 50px;
height: 150px;
margin-right: 40px;
}
.timekeeping-hr{
margin-bottom: 20px;
}
.table-branch1-tk, .table-branch2-tk, .table-branch3-tk
{
overflow-y: auto;
height: 150px;
margin-right: 40px;
margin-top: 10px;
margin-bottom: 50px;
}
h3{
color: #d72029;
}
.tables{
margin-left: 140px !important;
margin-top: -40px;
margin-right: 40px;
}
.tables-tk{
margin-left: 140px;
}
.table-tk{
margin-top: 140px;
margin-left: 140px;
}
.header-fixed
{
background: #e0e0e0;
height: 70px;
width: 100%;
position: fixed;
top:0;
left: 0;
z-index:10;
}
.import-controls{
text-align: right;
margin-right: 40px;
margin-top: -60px;
}
\ No newline at end of file
css/fullcalendar.css 0 → 100644
View file @ 5a80657a
This diff is collapsed.
css/fullcalendar.min.css 0 → 100644
View file @ 5a80657a
This diff is collapsed.
css/fullcalendar.print.css 0 → 100644
View file @ 5a80657a
/*!
* FullCalendar v3.3.1 Print Stylesheet
* Docs & License: https://fullcalendar.io/
* (c) 2017 Adam Shaw
*/
/*
* Include this stylesheet on your page to get a more printer-friendly calendar.
* When including this stylesheet, use the media='print' attribute of the <link> tag.
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
*/
.fc {
max-width: 100% !important;
}
/* Global Event Restyling
--------------------------------------------------------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
page-break-inside: avoid;
}
.fc-event .fc-resizer {
display: none;
}
/* Table & Day-Row Restyling
--------------------------------------------------------------------------------------------------*/
.fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {
border-color: #ccc !important;
background: #fff !important;
}
/* kill the overlaid, absolutely-positioned components */
/* common... */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton,
/* for timegrid. within cells within table skeletons... */
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-helper-container {
display: none;
}
/* don't force a min-height on rows (for DayGrid) */
.fc tbody .fc-row {
height: auto !important; /* undo height that JS set in distributeHeight */
min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
}
.fc tbody .fc-row .fc-content-skeleton {
position: static; /* undo .fc-rigid */
padding-bottom: 0 !important; /* use a more border-friendly method for this... */
}
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
}
.fc tbody .fc-row .fc-content-skeleton table {
/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
making it look more like 3em. for other browers, it will already be this tall */
height: 1em;
}
/* Undo month-view event limiting. Display all events and hide the "more" links
--------------------------------------------------------------------------------------------------*/
.fc-more-cell,
.fc-more {
display: none !important;
}
.fc tr.fc-limited {
display: table-row !important;
}
.fc td.fc-limited {
display: table-cell !important;
}
.fc-popover {
display: none; /* never display the "more.." popover in print mode */
}
/* TimeGrid Restyling
--------------------------------------------------------------------------------------------------*/
/* undo the min-height 100% trick used to fill the container's height */
.fc-time-grid {
min-height: 0 !important;
}
/* don't display the side axis at all ("all-day" and time cells) */
.fc-agenda-view .fc-axis {
display: none;
}
/* don't display the horizontal lines */
.fc-slats,
.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
display: none !important; /* important overrides inline declaration */
}
/* let the container that holds the events be naturally positioned and create real height */
.fc-time-grid .fc-content-skeleton {
position: static;
}
/* in case there are no events, we still want some height */
.fc-time-grid .fc-content-skeleton table {
height: 4em;
}
/* kill the horizontal spacing made by the event container. event margins will be done below */
.fc-time-grid .fc-event-container {
margin: 0 !important;
}
/* TimeGrid *Event* Restyling
--------------------------------------------------------------------------------------------------*/
/* naturally position events, vertically stacking them */
.fc-time-grid .fc-event {
position: static !important;
margin: 3px 2px !important;
}
/* for events that continue to a future day, give the bottom border back */
.fc-time-grid .fc-event.fc-not-end {
border-bottom-width: 1px !important;
}
/* indicate the event continues via "..." text */
.fc-time-grid .fc-event.fc-not-end:after {
content: "...";
}
/* for events that are continuations from previous days, give the top border back */
.fc-time-grid .fc-event.fc-not-start {
border-top-width: 1px !important;
}
/* indicate the event is a continuation via "..." text */
.fc-time-grid .fc-event.fc-not-start:before {
content: "...";
}
/* time */
/* undo a previous declaration and let the time text span to a second line */
.fc-time-grid .fc-event .fc-time {
white-space: normal !important;
}
/* hide the the time that is normally displayed... */
.fc-time-grid .fc-event .fc-time span {
display: none;
}
/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
.fc-time-grid .fc-event .fc-time:after {
content: attr(data-full);
}
/* Vertical Scroller & Containers
--------------------------------------------------------------------------------------------------*/
/* kill the scrollbars and allow natural height */
.fc-scroller,
.fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */
.fc-time-grid-container { /* */
overflow: visible !important;
height: auto !important;
}
/* kill the horizontal border/padding used to compensate for scrollbars */
.fc-row {
border: 0 !important;
margin: 0 !important;
}
/* Button Controls
--------------------------------------------------------------------------------------------------*/
.fc-button-group,
.fc button {
display: none; /* don't display any button-related controls */
}
css/fullcalendar.print.min.css 0 → 100644
View file @ 5a80657a
/*!
* FullCalendar v3.3.1 Print Stylesheet
* Docs & License: https://fullcalendar.io/
* (c) 2017 Adam Shaw
*/.fc-bg,.fc-bgevent-container,.fc-bgevent-skeleton,.fc-business-container,.fc-event .fc-resizer,.fc-helper-container,.fc-helper-skeleton,.fc-highlight-container,.fc-highlight-skeleton{display:none}.fc tbody .fc-row,.fc-time-grid{min-height:0!important}.fc-time-grid .fc-event.fc-not-end:after,.fc-time-grid .fc-event.fc-not-start:before{content:"..."}.fc{max-width:100%!important}.fc-event{background:#fff!important;color:#000!important;page-break-inside:avoid}.fc hr,.fc tbody,.fc td,.fc th,.fc thead,.fc-row{border-color:#ccc!important;background:#fff!important}.fc tbody .fc-row{height:auto!important}.fc tbody .fc-row .fc-content-skeleton{position:static;padding-bottom:0!important}.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td{padding-bottom:1em}.fc tbody .fc-row .fc-content-skeleton table{height:1em}.fc-more,.fc-more-cell{display:none!important}.fc tr.fc-limited{display:table-row!important}.fc td.fc-limited{display:table-cell!important}.fc-agenda-view .fc-axis,.fc-popover{display:none}.fc-slats,.fc-time-grid hr{display:none!important}.fc button,.fc-button-group,.fc-time-grid .fc-event .fc-time span{display:none}.fc-time-grid .fc-content-skeleton{position:static}.fc-time-grid .fc-content-skeleton table{height:4em}.fc-time-grid .fc-event-container{margin:0!important}.fc-time-grid .fc-event{position:static!important;margin:3px 2px!important}.fc-time-grid .fc-event.fc-not-end{border-bottom-width:1px!important}.fc-time-grid .fc-event.fc-not-start{border-top-width:1px!important}.fc-time-grid .fc-event .fc-time{white-space:normal!important}.fc-time-grid .fc-event .fc-time:after{content:attr(data-full)}.fc-day-grid-container,.fc-scroller,.fc-time-grid-container{overflow:visible!important;height:auto!important}.fc-row{border:0!important;margin:0!important}
\ No newline at end of file
css/materialize.css 0 → 100644
View file @ 5a80657a
This diff is collapsed.
css/materialize.html 0 → 100644
View file @ 5a80657a
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!-- Navbar goes here -->
<!-- Page Layout here -->
<div class="row">
<div class="col s12 m4 l3" style="background-color="black""> <!-- Note that "m4 l3" was added -->
<!-- Grey navigation panel
This content will be:
3-columns-wide on large screens,
4-columns-wide on medium screens,
12-columns-wide on small screens -->
</div>
<div class="col s12 m8 l9"> <!-- Note that "m8 l9" was added -->
<!-- Teal page content
This content will be:
9-columns-wide on large screens,
8-columns-wide on medium screens,
12-columns-wide on small screens -->
</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>
css/materialize.min.css 0 → 100644
View file @ 5a80657a
This source diff could not be displayed because it is too large. You can view the blob instead.
css/style.css 0 → 100644
View file @ 5a80657a
/*# 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;
}
.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;
}
.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;
}
.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: 50px;
height: 150px;
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;
margin-top: 10px;
margin-bottom: 50px;
}
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;
}
.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;
}
\ No newline at end of file
deploy.php 0 → 100644
View file @ 5a80657a
<?php `git pull`;
\ No newline at end of file
fullcalendar plugin/add_event.php 0 → 100644
View file @ 5a80657a
// 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
fullcalendar plugin/events.php 0 → 100644
View file @ 5a80657a
<?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
html/calendar-trial.html 0 → 100644
View file @ 5a80657a
<!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
html/calendar.html 0 → 100644
View file @ 5a80657a
<!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
html/employee-index.html 0 → 100644
View file @ 5a80657a
<!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">
<!--CSS/Stylesheets/Fonts-->
<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">
<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>
<link rel="import" href="calendar-trial.html">
</head>
<body>
<!--HEADER-->
<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>
<!--End of Header-->
<!--Side NavBar-->
<div class="wrapper">
<div class="navbar-fixed-wrapper">
<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
html/hr-index.html 0 → 100644
View file @ 5a80657a
This diff is collapsed.
html/login.html 0 → 100644
View file @ 5a80657a
<!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
html/requests.html 0 → 100644
View file @ 5a80657a
<!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
html/timekeeping.html 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/18198990_158621424670189_4030841742417611448_n.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/80776-200.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/ADD.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/C-_NPS5V0AAyEON.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/Visible-15.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/Visible-20.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/Visible-30.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/Visible-50.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/add-user.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/c02d24e5fec8b5b76e479fcc185bba91.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/calendar.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/empanadas.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/employee.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/export.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/free-spain-icons-vector.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/hanney.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/import.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/isometric-vector-beer-bottle-800x566.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/lock.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/logo.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/lync.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/lync2.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/new-branch.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/open.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/overtime.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/profile.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/request.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/search.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/spanish-symbols-vector.jpg 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/theater.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/timekeeping.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
img/user.png 0 → 100644
View file @ 5a80657a
This diff is collapsed.
index.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/bootstrap.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/bootstrap.min.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/fullcalendar.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/fullcalendar.min.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/gcal.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/gcal.min.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/jquery-ui.min.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/jquery.min.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/locale-all.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
js/moment.min.js 0 → 100644
View file @ 5a80657a
This diff is collapsed.
login.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
login_action.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
logout.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
populate_table_script.sql 0 → 100644
View file @ 5a80657a
This diff is collapsed.
profile.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
templates/Calendar.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
templates/DS-Navigation.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
templates/E-Navigation.php 0 → 100644
View file @ 5a80657a
This diff is collapsed.
templates/HR-Navigation.php 0 → 100644
View file @ 5a80657a
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