91 includes/scripts.php
View file
@@ -0,0 +1,91 @@
<?php
/**
* Created by PhpStorm.
* User: Alex
* Date: 26/02/2018
* Time: 08:42
*/?>
<script src="./assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
<script src="./assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="./assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="./assets/js/core/main.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="./assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="./assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="./assets/js/DatePickerX.js" type="text/javascript"></script>
<script>
window.addEventListener('DOMContentLoaded', function(){
var myDatepicker = document.querySelector('input[name="demo"]'),

$myDatepicker.DatePickerX.init({
// options here

});
});

</script>
<script>
$(document).ready(function(){
$("#annual").click(function(){
$("#annualNotice").show(700);
});
$("#rest").click(function(){
$("#annualNotice").hide(700);
});
});
</script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="./assets/js/now-ui-kit.js%20v=1.2" type="text/javascript"></script>
<!-- Custom Scroller Js CDN -->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>-->
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
<script src="./assets/js/plugins/jasny-bootstrap.min.js"></script>
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
<script src="./assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="./assets/js/plugins/bootstrap-switch.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// the body of this function is in assets/js/now-ui-kit.js
nowuiKit.initSliders();
});

function scrollToDownload() {

if ($('.section-download').length != 0) {
$("html, body").animate({
scrollTop: $('.section-download').offset().top
}, 1000);
}
}
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
});
</script>
<script>
$(document).ready(function () {

$("#sidebar").mCustomScrollbar({
theme: "minimal"
});

$('#sidebarCollapse').on('click', function () {
// open or close navbar
$('#sidebar').toggleClass('active');
// close dropdowns
$('.collapse.in').toggleClass('in');
// and also adjust aria-expanded attributes we use for the open/closed arrows
// in our CSS
$('a[aria-expanded=true]').attr('aria-expanded', 'false');
});

});
</script>

</html>
57 includes/sidenav.php
View file
@@ -0,0 +1,57 @@
<?php
/**
* Created by PhpStorm.
* User: Alex
* Date: 23/02/2018
* Time: 15:20
*/?>
<nav id="sidebar" class="active">
<div class="sidebar-header">
<button class="btn btn-round btn-simple btn-sm btn-available">Available</button>
</div>

<ul class="list-unstyled components">
<li class="">
<a href="index.php" >
<i class="now-ui-icons business_bank"></i>
Home
</a>
</li>
<li>
<a href="directory.php">
<i class="now-ui-icons business_badge"></i>
Directory
</a>
</li>
<li>
<a href="leave.php">
<i class="now-ui-icons ui-1_calendar-60"></i>
Leave
</a>

</li>
<li>
<a href="#">
<i class="now-ui-icons design_app"></i>
Resources
</a>
</li>
<li>
<a href="#">
<i class="now-ui-icons travel_info"></i>
FAQ
</a>
</li>
<li>
<a href="account.php">
<i class="now-ui-icons users_circle-08"></i>
Account
</a>
</li>
</ul>

<!--<ul class="list-unstyled CTAs">-->
<!--<li><a href="https://bootstrapious.com/tutorial/files/sidebar.zip" class="download">Download source</a></li>-->
<!--<li><a href="https://bootstrapious.com/p/bootstrap-sidebar" class="article">Back to article</a></li>-->
<!--</ul>-->
</nav>
32 includes/top.php
View file
@@ -0,0 +1,32 @@
<?php
/**
* Created by PhpStorm.
* User: Alex
* Date: 23/02/2018
* Time: 15:10
*/?>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="./assets/img/logo.jpg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>PACIFIC GROUP</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link rel="stylesheet" href="assets/fonts/fontawesome/css/fontawesome-all.min.css" />
<!-- CSS Files -->
<link href="./assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="./assets/css/DatePickerX.css" rel="stylesheet" />
<link href="./assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<!-- Scrollbar Custom CSS -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">-->
<!-- CSS MAIN -->
<link href="assets/css/style.css" rel="stylesheet" />


</head>

127 index.php
View file
@@ -0,0 +1,127 @@
<?php include 'includes/top.php';?>
<body class="index-page" >
<!-- Navbar -->
<div class="">

<!-- Sidebar Holder -->
<?php include 'includes/sidenav.php';?>
<!-- Page Content Holder -->

<div id="content">
<!--Main Navbar-->
<?php include 'includes/mainnav.php';?>
<!--../Main Navbar-->

<!-- Main Content Holder -->
<div class="main-content" style="box-sizing: inherit;">
<div class="container"> <div class="row">
<div class="col-md-4">
<div class="card card-nav-tabs" >
<div class="card-header card-header-danger">
NOTIFICATIONS <strong><i class="now-ui-icons ui-1_bell-53"></i> </strong>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Leave application received </li>
<li class="list-group-item">Leave Application Approved</li>
<li class="list-group-item">New file added in resource centre</li>
</ul>
<div class="card-footer">
<div class="stats text-center">
<i class="now-ui-icons loader_refresh spin"></i> Updated 3 minutes ago
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-tasks" >
<div class="card-header card-header-danger">
TO DO LIST <strong><i class="now-ui-icons ui-2_time-alarm"></i> </strong>
</div>
<div class="card-body">
<div class="table-full-width table-responsive">
<table class="table">
<tbody>
<tr>
<td class="text-left first-tr">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Remove"><i class="now-ui-icons ui-1_simple-remove text-danger"></i> </button>
</td>

<td class="text-left">Sign contract for ...</td>
<td class="text-right">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Done"><i class="now-ui-icons ui-1_check text-success"></i> </button>
</td>
</tr>
<tr>
<td class="text-left">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Remove"><i class="now-ui-icons ui-1_simple-remove text-danger"></i> </button>
</td>

<td class="text-left">Sign contract for ...</td>
<td class="text-right">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Done"><i class="now-ui-icons ui-1_check text-success"></i> </button>
</td>
</tr>
<tr>
<td class="text-left">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Remove"><i class="now-ui-icons ui-1_simple-remove text-danger"></i> </button>
</td>

<td class="text-left">Sign contract for ...</td>
<td class="text-right">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Done"><i class="now-ui-icons ui-1_check text-success"></i> </button>
</td>
</tr>
<tr>
<td class="text-left">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Remove"><i class="now-ui-icons ui-1_simple-remove text-danger"></i> </button>
</td>

<td class="text-left">Sign contract for ...</td>
<td class="text-right">
<button class="btn btn-neutral btn-sm btn-round" rel="tooltip" title="" data-original-title="Done"><i class="now-ui-icons ui-1_check text-success"></i> </button>
</td>
</tr>
</tbody>
</table>
</div>
</div></div>
</div>
<div class="col-md-4">
<div class="card card-nav-tabs" >
<div class="card-header card-header-danger">
NEWS <strong><i class="now-ui-icons ui-1_email-85"></i> </strong>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">ISO Training </li>
<li class="list-group-item">Sacco General meeting</li>
<li class="list-group-item">Change of Venue</li>
</ul>
<div class="card-footer">
<div class="stats text-center">
<i class="now-ui-icons loader_refresh spin"></i> Updated 3 minutes ago
</div>
</div>
</div>
</div>
</div>

<!-- Employee of the Week-->
<!-- <div class="col-md-4">-->
<!-- <div class="card" style="min-height: 300px;">-->
<!-- <img src="assets/img/ryan.jpg" class="card-img">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-8"></div>-->
</div>


</div>
</div>
</div>
</div>

<!-- End Navbar -->
<
</body>
<!-- Core JS Files -->
<?php include 'includes/scripts.php';?>
192 leave.php
View file
@@ -0,0 +1,192 @@
<?php include 'includes/top.php';?>
<body class="index-page">
<!-- Navbar -->
<div class="">

<!-- Sidebar Holder -->
<?php include 'includes/sidenav.php';?>
<!-- Page Content Holder -->

<div id="content">
<!--Main Navbar-->
<?php include 'includes/mainnav.php';?>
<!--../Main Navbar-->

<!-- Main Content Holder -->
<div class="main-content" style="box-sizing: inherit;">
<div class="container">
<!--------------LEAVE STATS--------------->
<div class="col-md-12">
<div class="social-line social-line-big-icons social-line-white no-shadow leave-info card text-center no-border" >
<div class="row dash">
<div class="col-md-3">
<i class="fa fa-calendar-check"></i><br>
<p class="text-bold text-main">
AVAILABLE DAYS
</p>
<h4>10<small class="text-main">days</small> 5<small class="text-main">hours</small> 36<small class="text-main">Minutes</small></h4>
</div>
<div class="col-md-3">
<i class="fa fa-calendar-plus"></i><br>
<p class="text-bold text-main">
EARNED(2018)
</p>
<h4>4<small class="text-main">days</small> 5<small class="text-main">hours</small> 36<small class="text-main">Minutes</small></h4>
</div>
<div class="col-md-3">
<i class="fa fa-calendar-minus"></i><br>
<p class="text-bold text-main">
TAKEN (2018)
</p>
<h4>4<small class="text-main">days</small> 5<small class="text-main">hours</small> 36<small class="text-main">Minutes</small></h4>
</div>
<div class="col-md-3" style="border-right: none!important;">
<i class="fa fa-calendar-alt"></i><br>
<p class="text-bold text-main">
CARRIED FORWARD (2017)
</p>
<h4>10<small class="text-main">days</small> 5<small class="text-main">hours</small> 36<small class="text-main">Minutes</small></h4>
</div>
</div>
</div>
<center>
<button class="btn btn-success btn-sm btn-leave" data-toggle="modal" data-target="#leave-new" >APPLY FOR LEAVE</button>
<button class="btn btn-primary btn-sm btn-leave" data-toggle="modal" data-target="#preview">CHECK LEAVE STATUS</button>
<button class="btn btn-default btn-sm btn-leave" data-toggle="modal" data-target="#preview">GUIDELINES</button>
</center>
</div>

<!--------------./LEAVE STATS--------------->

<!--------------PROFILE & RULES------------->
<div class="row">
<div class="col-md-4">
<div class="card card-user no-shadow no-border">
<div class="image">
<center>
<img src="assets/img/default-avatar.png" alt="Circle Image" class="rounded-circle account-pic text-center">
</center>
</div>
<div class="card-body">
<div class="author text-center">
<h6 class="title text-main title-leave">Moses Mukembu</h6>
<label class="text-bold label-leave btn-simple btn-round btn-sm btn-a">
ICT Manager
</label>
</div>
<hr>
<div class="row">
<div class="col-md-6 p-leave">
<p >Employee No: </p>
<p >Supervisor: </p>
<p >Reporting T0: </p>
<p >Phone: </p>
<p>Address: </p>
<p>ID NO: </p>
</div>
<div class="col-md-6 p-leave text-right text-bold">
<p>PN-O273-00</p>
<p>John Doe</p>
<p>John Doe</p>
<p>0704825380</p>
<p>568892 - Nairobi </p>
<p>31349289</p>
</div>
</div>

</div>
<hr>
<div class=" p-leave text-center">
<!-- <div class="col-md-3" style="padding-right: 0px;"><p><i class="fa fa-phone-volume text-main"></i> 217</p></div>-->
<p class="text-center text-main">mmukembu@pacific-group.co.ke</p>
<!-- <div class="col-md-3"><p><i class="fa fa-map-marker"></i> 2<sup>ND</sup> Floor</p></div>-->
</div>
</div>
</div>

<!--------------HISTORY & RULES------------->
<div class="col-md-8 ">
<div class="card no-shadow border no-border">
<div class="card-header card-header-danger">
LEAVE HISTORY
</div>
<div class="card-body">
<div class="table-full-width table-responsive">
<table class="table table-hover">
<thead >
<tr >
<th class="text-center">#</th>
<th >Type</th>
<th >From</th>
<th >To</th>
<th >Approval</th>
</tr>
</thead>
<tbody class="text-center history">
<tr>
<td class="text-center first-tr">
1
</td>

<td class="text-left">Emergency</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left text-success text-bold">Approved</td>
</tr>
<tr>
<td class="text-center first-tr">
2
</td>

<td class="text-left">Annual</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left text-success text-bold">Approved</td>
</tr>
<tr>
<td class="text-center first-tr">
3
</td>

<td class="text-left">Emergency</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left text-success text-bold">Approved</td>
</tr>
<tr>
<td class="text-center first-tr">
4
</td>

<td class="text-left">Emergency</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left ">2017-03-15 12:00:00</td>
<td class="text-left text-danger text-bold">Disapproved</td>
</tr>
<tr>
<td class="text-center first-tr">
5
</td>

<td class="text-left">Emergency</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left">2017-03-15 12:00:00</td>
<td class="text-left text-success text-bold">Approved</td>
</tr>
</tbody>
</table>
</div>
</div></div>
</div>
</div>
</div>


</div>

</body>
<?php include 'includes/modals.php';?>
<!-- Core JS Files -->
<?php include 'includes/scripts.php';?>


100 login.html
View file
@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="./assets/img/logo.jpg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>PACIFIC GROUP</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link rel="stylesheet" href="assets/fonts/fontawesome/css/fontawesome-all.min.css" />
<!-- CSS Files -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<!-- CSS MAIN -->
<link href="assets/css/style.css" rel="stylesheet" />
<link href="assets/css/hover.css" rel="stylesheet" />
</head>

<body class="login-page sidebar-collapse" style="padding-top: 0px!important;">
<!-- Navbar -->

<!-- End Navbar -->
<div class="page-header" filter-color="blue">
<div class="page-header-image" style="background-image:url(assets/img/bg/pacific.PNG)"></div>

<div class="container">
<div class="col-md-4 content-center">
<div class="card card-login card-plain">
<form class="form" method="" action="">
<div class="header header-primary text-center">
<h4 class="text-white text-center text-bold"> PACIFIC GROUP </h4>
<p class="text-white text-center "> Employees Portal</p>
<!--<div class="logo-container">-->

<!--</div>-->
</div>
<div class="content" style="background: none!important;">
<div class="input-group form-group-no-border input-lg">
<span class="input-group-addon">
<i class="now-ui-icons users_circle-08"></i>
</span>
<input type="text" class="form-control" placeholder="Email...">
</div>
<div class="input-group form-group-no-border input-lg">
<span class="input-group-addon">
<i class="now-ui-icons objects_key-25"></i>
</span>
<input type="text" placeholder="Password..." class="form-control" />
</div>
<center><button type="submit" class="btn btn-primary btn-round btn-block hvr-bounce-to-right">LOGIN <i class="now-ui-icons arrows-1_minimal-right"></i> </button></center>

</div>
<div class="footer text-center">

</div>
<div class="pull-left">
<h6>
<a href="#pablo" class="link">NEW? &nbsp;Create Account</a>
</h6>
</div>
<div class="pull-right">
<h6>
<a href="#pablo" class="link">Need Help?</a>
</h6>
</div>
</form>
</div>
</div>
</div>
<footer class="footer">
<div class="container ">
<div class="copyright" style="float:none;">
&copy;
<script>
document.write(new Date().getFullYear())
</script>, PACIFIC GROUP
(<a class="text-white" href="http://www.pacific-group.co.ke/" target="_blank">Pacific Insurance Brokers</a> |
<a class="text-white" href="http://firstre.com" target="_blank">First Reinsurance</a>)
</div>
</div>
</footer>
</div>
</body>
<!-- Core JS Files -->
<script src="assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
<script src="assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="assets/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="assets/js/now-ui-kit.js?v=1.1.0" type="text/javascript"></script>

</html>