<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>News</title>
    <link href="common/css/all.min.css" rel="stylesheet"
          type="text/css">

    <link rel="stylesheet" href="css/bootstrap-combined.min.css">
    <!-- Custom styles for this template-->
    <link href="common/css/sb-admin.css" rel="stylesheet">
    <!--==============================News=================================================================-->
    <link rel="icon" type="image/png" href="images/icons/favicon.png"/>
    <!--===============================================================================================-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <!--===============================================================================================-->
    <link rel="stylesheet" href="fonts/fontawesome-5.0.8/css/fontawesome-all.min.css">
    <!--===============================================================================================-->
    <link rel="stylesheet" href="fonts/iconic/css/material-design-iconic-font.min.css">
    <!--===============================================================================================-->
    <link rel="stylesheet" href="vendor/animate/animate.css">
    <!--===============================================================================================-->
    <link rel="stylesheet" href="vendor/css-hamburgers/hamburgers.min.css">
    <!--===============================================================================================-->
    <link rel="stylesheet" href="vendor/animsition/css/animsition.min.css">
    <!--==============================================================S=================================-->
    <link rel="stylesheet" href="css/util.min.css">
    <!--===============================================================================================-->
    <link rel="stylesheet" href="css/main.css">

    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
    <script src="vendor/bootstrap/js/popper.js"></script>
    <script src="vendor/animsition/js/animsition.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!--===============================================================================================-->
    <script data-require="angular.js@1.1.5" data-semver="1.1.5" src="js/angular.js"></script>
    <script src="js/angular-ui-router.min.js"></script>
    <script src="js/angular-resource.js"></script>
    <script data-require="angular-ui-bootstrap@0.3.0" data-semver="0.3.0" src="js/ui-bootstrap-tpls-0.3.0.min.js"></script>

    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Document</title>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap CRUD Data Table for Database with Modal Form</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <link data-require="bootstrap-css@*" data-semver="4.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />

    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <!-- Custom fonts for this template-->

    <link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
          rel="stylesheet" type="text/css">

    <link href="common/css/all.min.css" rel="stylesheet"
          type="text/css">

    <!-- Page level plugin CSS-->
    <link href="common/css/dataTables.bootstrap4.css"
          rel="stylesheet">

    <!-- Custom styles for this template-->
    <link href="common/css/sb-admin.css" rel="stylesheet">

    <!-- angular -->
    <script src="js/angular.js"></script>
    <script src="js/angular-route.js"></script>
    <script src="js/angular-ui-router.min.js"></script>
    <script src="js/app.js"></script>
    <script src="pages/project/groupproject/groupProjectController.js"></script>

    <script src="pages/timesheet/timeSheetController.js"></script>
    <script src="pages/leaveform/leaveFormController.js"></script>
    <script src="pages/leaveform/leaveFormDetailController.js"></script>
    <script src="pages/timesheet/timeSheetDetailController.js"></script>
    <script>
        function showAddTimeSheetFunction() {
            const x = document.getElementById("addDivTS");
            const n = document.getElementById("addTimeSheet");
            if (x.style.display === "none") {
                x.style.display = "block";
                n.value = "Close";
            } else {
                x.style.display = "none";
                n.value = "Add";
            }
        }
    </script>
    <script>
        function showAddLeaveFormFunction() {
            const x = document.getElementById("addDivLF");
            const n = document.getElementById("addLeaveForm");
            if (x.style.display === "none") {
                x.style.display = "block";
                n.value = "Close";
            } else {
                x.style.display = "none";
                n.value = "Add Leave Form";
            }
        }
    </script>

    <script>
        if (document.getElementById("checkStatus") === true) {
            document.getElementById("approved").style.display = "none";
        }
    </script>

    <!-- Js -->
    <!-- Bootstrap core JavaScript-->
    <script src="pages/employee/employeeController.js"></script>
    <script src="pages/project/project/projectController.js"></script>
    <script src="pages/login/loginsController.js"></script>
    <script src="pages/adminhome/admin.js"></script>

    <script src="common/js/jquery.min.js"></script>
    <script src="common/js/bootstrap.bundle.min.js"></script>

    <!-- Core plugin JavaScript-->
    <script src="common/js/jquery.easing.min.js"></script>

    <!-- Page level plugin JavaScript-->
    <script src="common/js/Chart.min.js"></script>
    <script src="common/js/jquery.dataTables.js"></script>
    <script src="common/js/dataTables.bootstrap4.js"></script>

    <!-- Custom scripts for all pages-->
    <script src="common/js/sb-admin.min.js"></script>
</head>

<body ng-app="myApp">

<div ui-view="layout">


<script src="js/main.js"></script>
<script src="js/app.js"></script>
<script src="pages/employee/employeeController.js"></script>
<script src="pages/project/project/projectController.js"></script>
<script src="pages/homepage/homeController.js"></script>
<script src="pages/homepage/HomeService.js"></script>


<!--===============================================================================================-->
<script src="common/js/jquery.easing.min.js"></script>

<!-- Page level plugin JavaScript-->
<script src="common/js/Chart.min.js"></script>
<script src="common/js/jquery.dataTables.js"></script>
<script src="common/js/dataTables.bootstrap4.js"></script>

<!-- Custom scripts for all pages-->
<script src="common/js/sb-admin.min.js"></script>
</div>
</body>
</html>