API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 31st, 2018
449
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 162.37 KB | None | 0 0
raw download clone embed print report
  1.  
  2.         <!DOCTYPE html>
  3.         <html lang="en" ng-app="onload">
  4.             <head>
  5.                 <meta charset="utf-8">
  6.                 <meta name="description" content="AOMOS Information Technology Services, PANDAS">
  7.                 <meta name="author" content="CHRS IT">
  8.                 <meta name="viewport" content="width=device-width, initial-scale=1">
  9.                 <title  ng-controller="Sidebar" >PANDAS</title>
  10.                 <!-- start: Css -->
  11.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/bootstrap.min.css">
  12.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/input.css">
  13.                 <!-- plugins -->
  14.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/font-awesome/css/font-awesome.min.css"/>
  15.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/plugins/simple-line-icons.css"/>
  16.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/plugins/animate.min.css"/>
  17.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/style.css">
  18.                 <link rel="stylesheet" type="text/css" href="./ASSETS/css/plugins/bootstrap-material-datetimepicker.css"/>
  19.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/dialog/ngDialog.min.css" >
  20.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/dialog/ngDialog-theme-plain.min.css" >
  21.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/dialog/ngDialog-theme-default.min.css" >
  22.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/dialog/ngDialog-custom-width.css" >
  23.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/dropdown/isteven-multi-select.css" >
  24.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/notification/angular-ui-notification.min.css" >
  25.                 <link rel="stylesheet" type="text/css" href="./ASSETS/js/plugins/sidebar/sidebar.css" >
  26.                 <link rel="stylesheet" href="./ASSETS/js/plugins/timepicker/libs.min.css">
  27.                 <link rel="stylesheet" href="./ASSETS/js/plugins/timepicker/docs.min.css">
  28.                 <link rel="stylesheet" href="./ASSETS/css/plugins/endless.css">
  29.                 <!-- FOR CALENDAR -->
  30.                 <link href="./ASSETS/js/plugins/calendar/colorpicker.min.css" rel="stylesheet">
  31.                 <link href="./ASSETS/js/plugins/calendar/angular-bootstrap-calendar.min.css" rel="stylesheet">
  32.                 <!-- end: Css -->
  33.                 <link href="./ASSETS/js/plugins/loader/loading-bar.css" rel="stylesheet">
  34.                 <link rel="icon" href="./ASSETS/img/pandacon.png" sizes="32x32" type="image/png">
  35.                 <link rel="shortcut icon" href="./ASSETS/img/panda.png">
  36.                 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  37.                 <!--[if lt IE 9]>
  38.                <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  39.                <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  40.                <![endif]-->
  41.                 <style type="text/css">
  42.     .custom-menu li a {
  43.         color: #28ad1f!important;
  44.     }
  45.  
  46.     .custom-menu li a:active {
  47.         color: #fff;
  48.     }
  49.  
  50.     .custom-menu li a:focus {
  51.         color: #323232;
  52.     }
  53.  
  54.     .custom-menu li:hover{
  55.         background-color: #4fd31f;
  56.         border-bottom: 3px solid #23630c;
  57.         color: #fff;
  58.     }
  59.  
  60.     .button-action:disabled{
  61.        cursor:not-allowed;
  62.        background-color: #42bc16;
  63.        color:#7F7D7C;
  64.     }
  65.     .button-action{
  66.         background-color: #28ad1f;
  67.         color: white;
  68.     }
  69.     .button-action:active{
  70.         background-color: #28ad1f;
  71.         color: #fff;
  72.     }
  73.     body>footer {
  74.         /*background-color: #eee;*/
  75.         font-size: 11px;
  76.         position: fixed;
  77.         bottom: 0;
  78.         padding: 8px;
  79.         /*width: 100%;*/
  80.         width: 400px;
  81.  
  82.         max-height: 450px;
  83.         display: block;
  84.  
  85.         /*additional remove to make a footer and uncomment comments above*/
  86.         margin-left: 75%;
  87.     }
  88.  
  89.     body>footer .footer-main {
  90.         width: 100%;
  91.         text-align: right;
  92.     }
  93.  
  94.     .div2 {
  95.         height: 450px;
  96.         cursor: pointer;
  97.     }
  98.  
  99.     .div2 .bubble img {
  100.         width: 300px;
  101.         margin-right: 150px;
  102.     }
  103.  
  104.     .div2 .msg {
  105.         font-size: 20px !important;
  106.         width: 250px;
  107.         height: 100px;
  108.         z-index: 99999;
  109.         position: absolute;
  110.         margin-top: 50px;
  111.         margin-left: 30px;
  112.     }
  113.  
  114.     .div1 {
  115.         padding-right: 60px;
  116.     }
  117.  
  118.     .div1 textarea {
  119.         font-size: 15px;
  120.     }
  121.  
  122.     .sidebar {
  123.  
  124.     }
  125.  
  126.     .sidebar .notification_menu {
  127.         border-bottom: 0px;
  128.     }
  129.  
  130.     .sidebar .notification_menu li {
  131.  
  132.     }
  133.  
  134.     .sidebar .notification_menu .active {
  135.         border: 0px;
  136.         box-shadow: 0 0 0 0;
  137.     }
  138.  
  139.     .sidebar .notification_data {
  140.         max-height: 500px;
  141.         height: auto;
  142.         overflow-y: auto;
  143.         margin-bottom: 0;
  144.     }
  145.  
  146.     .sidebar ul {
  147.         width: 100%;
  148.         margin: 0px;
  149.     }
  150.  
  151.     .sidebar ul li{
  152.         padding: 2.3px 5px;
  153.         border: 1px solid #e9e9e9;
  154.         box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  155.     }
  156.  
  157.     .notification_data:first-child li{
  158.         border-top: 0px;
  159.     }
  160.  
  161.     .modal_save_disabled {
  162.         background-color: #fafafa;
  163.         color:#AAA;
  164.     }
  165.  
  166.     button:disabled{
  167.         cursor: not-allowed;
  168.     }
  169.  
  170.  
  171.     .tblleave_timesheet th{
  172.         border:1px solid white;
  173.  
  174.     }
  175.  
  176.  
  177.     .tblleave_timesheet tr {
  178.         background-color:#fff;
  179.         border:0;
  180.     }
  181.     .tblleave_timesheet td {
  182.         background-color:#fff;
  183.         border:1px solid white;
  184.     }
  185.  
  186.     .tblDeactivate tr {
  187.         background-color:#fff;
  188.         border:0;
  189.     }
  190.     .tblDeactivate td{
  191.         background-color:#fff;
  192.         border:1px solid white;
  193.     }
  194.     .tbldisapprove tr {
  195.         background-color:#fff;
  196.         border:1px solid white;
  197.     }
  198.     .tbldisapprove td {
  199.         background-color:#fff;
  200.         border:1px solid white;
  201.     }
  202.     .tblPasswordModal td{
  203.         background-color:#fff;
  204.         border:1px solid white;
  205.     }
  206.     .tblPasswordModal tr{
  207.          background-color:#fff;
  208.         border:1px solid white;
  209.     }
  210.     #nav-icon {
  211.         color: #fff;
  212.     }
  213.     #nav-icon:hover {
  214.         color: #323232;
  215.     }
  216.     #nav-icon-col {
  217.         color: #fff;
  218.     }
  219.  
  220.     #nav-icon-col:hover {
  221.         background-color: #28ad1f;
  222.         color: #fff;
  223.     }
  224.  
  225.     #nav-icon-col:select {
  226.         background-color: #28ad1f;
  227.         color: #323232;
  228.     }
  229.     #nav2:active {
  230.         background-color: #28ad1f;
  231.     }
  232.     .dropdown-submenu {
  233.     position: relative;
  234.     }
  235.  
  236.     .dropdown-submenu>.dropdown-menu {
  237.     top: 0;
  238.     left: 100%;
  239.     margin-top: -6px;
  240.     margin-left: -1px;
  241.     -webkit-border-radius: 0 6px 6px 6px;
  242.     -moz-border-radius: 0 6px 6px;
  243.     border-radius: 0 6px 6px 6px;
  244.     }
  245.  
  246.     .dropdown-submenu:hover>.dropdown-menu {
  247.     display: block;
  248.     }
  249.  
  250.     .dropdown-submenu>a:after {
  251.     display: block;
  252.     content: " ";
  253.     float: right;
  254.     width: 0;
  255.     height: 0;
  256.     border-color: transparent;
  257.     border-style: solid;
  258.     border-width: 5px 0 5px 5px;
  259.     border-left-color: #ccc;
  260.     margin-top: 5px;
  261.     margin-right: -10px;
  262.     }
  263.  
  264.     .dropdown-submenu:hover>a:after {
  265.     border-left-color: #fff;
  266.     }
  267.  
  268.     .dropdown-submenu.pull-left {
  269.     float: none;
  270.     }
  271.  
  272.     .dropdown-submenu.pull-left>.dropdown-menu {
  273.     left: -100%;
  274.     margin-left: 10px;
  275.     -webkit-border-radius: 6px 0 6px 6px;
  276.     -moz-border-radius: 6px 0 6px 6px;
  277.     border-radius: 6px 0 6px 6px;
  278.     }
  279.     </style>
  280.             </head>
  281.             <script type="text/javascript">
  282.     $(document).keydown(function(event) {
  283.     if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109'  || event.which == '187'  || event.which == '189'  ) ) {
  284.            event.preventDefault();
  285.          }
  286.     });
  287.  
  288.     $(window).bind('mousewheel DOMMouseScroll', function (event) {
  289.            if (event.ctrlKey == true) {
  290.            event.preventDefault();
  291.            }
  292.     });
  293.  
  294. </script>
  295.             <body id="mimin" class="dashboard" style="overflow-x:hidden;background: url('https://i.imgur.com/NbJYFtT.png');">
  296.                 <div class="m-app-loading" ng-animate-children>
  297.                     <!--
  298.        HACKY CODE WARNING: I'm putting Style block inside directive so that it
  299.        will be removed from the DOM when we remove the directive container.
  300.        -->
  301.                     <style type="text/css">
  302.  
  303.     /*.search {
  304.     background-color: white;
  305.     font-weight: bold;
  306.     border-color: #2e2e2e;
  307.     border-style: solid;
  308.     border-width: 2px 2px 2px 2px;
  309.     outline: none;
  310.     padding:10px 20px 10px 20px;
  311.     width: 250px;
  312.     }*/
  313.  
  314. div.m-app-loading {
  315.   position: absolute;
  316. }
  317.  
  318. div.m-app-loading div.animated-container {
  319.   background-color: white ;
  320.   bottom: 0px ;
  321.   left: 0px ;
  322.   opacity: 1.0 ;
  323.   position: fixed;
  324.   right: 0px ;
  325.   top: 0px ;
  326.   z-index: 999999 ;
  327. }
  328.  
  329. /* Used to initialize the ng-leave animation state. */
  330. div.m-app-loading div.animated-container.ng-leave {
  331.   opacity: 1.0 ;
  332.   transition: all linear 200ms ;
  333.   -webkit-transition: all linear 200ms ;
  334. }
  335.  
  336. /* Used to set the end properties of the ng-leave animation state. */
  337. div.m-app-loading div.animated-container.ng-leave-active {
  338.   opacity: 0 ;
  339. }
  340.  
  341. div.m-app-loading div.messaging {
  342.   width:100%;
  343.   height:100%;
  344.   position:absolute;
  345.   left:100px; /* centers the loading animation horizontally one the screen */
  346.   top: 120px; /* centers the loading animation vertically one the screen */
  347.   background-image:url(ASSETS/img/pandas-july.gif); /* path to your loading animation */
  348.   background-repeat:no-repeat;
  349.   background-position:center;
  350.   background-size: cover;
  351.   margin:-100px 0 0 -100px; /* is width and height divided by two */
  352. }
  353.  
  354. div.m-app-loading h1 {
  355.   font-size: 20px ;
  356.   line-height: 25px ;
  357.   margin: 0px 0px 10px 0px ;
  358. }
  359.  
  360. div.m-app-loading p {
  361.   font-size: 18px ;
  362.   line-height: 14px ;
  363.   margin: 0px 0px 0px 0px ;
  364. }
  365.  
  366. </style>
  367.                     <!-- BEGIN: Actual animated container. -->
  368.                     <div class="animated-container">
  369.                         <div class="messaging">
  370.             </div>
  371.                     </div>
  372.                     <!-- END: Actual animated container. -->
  373.    
  374.                 </div>
  375.                 <!-- END: App-Loading Screen. -->
  376.                 <!-- start: Header -->
  377.                 <nav class="navbar navbar-default header navbar-fixed-top" style="background-color: #2f2f2f; height: auto;" id="nav2">
  378.                     <div class="col-md-12 nav-wrapper">
  379.                         <div class="navbar-header" style="width:100%;" ng-controller="Header">
  380.                             <a href="#/" class="navbar-brand">
  381.                                 <div class="col-md-3">
  382.                                     <img src="./ASSETS/img/pandas_bronze.png" height="40px" style="margin-top:-6px;margin-left: -30px">
  383.                        
  384.                                 </div>
  385.                             </a>
  386.                             <ul class="nav navbar-nav navbar-left user-nav custom-menu">
  387.                                 <li ng-class="menu.home">
  388.                                     <a href="#/" ng-click="menuclicked('home')" height="23" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Home">
  389.                                         <i class="fa fa-home" style="color: white;"></i>
  390.                                     </a>
  391.                                 </li>
  392.                                 <li ng-class="menu.timesheet" ng-if="profile.permission.mytimesheet.link">
  393.                                     <!-- <a href="#/timesheet" ng-click="menuclicked('timesheet')">Timesheet</a> -->
  394.                                     <a class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Employee Services">
  395.                                         <i style="color: white;">
  396.                                             <img src="./ASSETS/img/helpdesk.png" width="23" height="23"></img>
  397.                                         </i>
  398.                                         <span class="caret" ></span>
  399.                                     </a>
  400.                                     <ul class="dropdown-menu" style="min-width: 210px;">
  401.                                         <li style="background-color: #28ad1f">
  402.                                             <b style="color: white; margin-left: 20px; font-size: 12.5px font-family: muli;">EMPLOYEE SERVICES</b>
  403.                                         </li>
  404.                                         <li ng-if="profile.permission.mytimesheet.timesheet">
  405.                                             <a style="cursor:pointer;" href="#/timesheet" ng-click="menuclicked('timesheet')" onClick="location.reload();">My Timesheet</a>
  406.                                         </li>
  407.                                         <!-- <li ng-if="profile.permission.mytimesheet.payslip"><a style="cursor:pointer;" href="#/timesheet/payslip" ng-click="menuclicked('timesheet')" onClick="location.reload();">E-Payslip</a></li><li ng-if="profile.permission.mytimesheet.leaves"><a style="cursor:pointer;" href="#/timesheet/leaves" ng-click="menuclicked('timesheet')" onClick="location.reload();">Leave Filing</a></li> -->
  408.                                     <!-- <li ng-if="profile.permission.mytimesheet.overtime"><a style="cursor:pointer;" href="#/timesheet/overtime" ng-click="menuclicked('timesheet')">Over Time</a></li> -->
  409.                                     <li ng-if="profile.permission.mytimesheet.government">
  410.                                         <a style="cursor:pointer;" href="#/timesheet/government" ng-click="menuclicked('timesheet')" onClick="location.reload();"> Government Mandated Benefits</a>
  411.                                     </li>
  412.                                     <!-- <li ng-if="profile.permission.history.employees"><a style="cursor:pointer;" href="#/timesheet/employeehistory" ng-click="menuclicked('timesheet')" onClick="location.reload();">Employee Services History</a></li> -->
  413.                        
  414.                                 </ul>
  415.                             </li>
  416.                             <!-- <li ng-class="menu.timelogs"><a href="#/timelogs" ng-click="menuclicked('timelogs')">Time Logs</a></li> -->
  417.                             <li ng-class="menu.employees" ng-if="profile.permission.employees.link">
  418.                                 <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="HRIS">
  419.                                     <i class="fa fa-user" style="color: white;"></i>
  420.                                     <span class="caret" ></span>
  421.                                 </a>
  422.                                 <ul class="dropdown-menu" style="min-width: 230px;">
  423.                                     <li style="background-color: #28ad1f">
  424.                                         <b style="color: white; margin-left: 20px">HRIS</b>
  425.                                     </li>
  426.                                     <li ng-if="profile.permission.employees.new">
  427.                                         <a style="cursor:pointer;" href="#/employees/new" ng-click="menuclicked('employees')" onClick="location.reload();">Add New Employee</a>
  428.                                     </li>
  429.                                     <li ng-if="profile.permission.employees.list">
  430.                                         <a style="cursor:pointer;" href="#/employees/list" ng-click="menuclicked('employees')" onClick="location.reload();">List of Employees</a>
  431.                                     </li>
  432.                                     <li ng-if="profile.permission.employees.timelogs">
  433.                                         <a style="cursor:pointer;" href="#/employees/timesheet" ng-click="menuclicked('employees')" onClick="location.reload();">View and Upload Time Entries</a>
  434.                                     </li>
  435.                                     <!-- <li ng-if="profile.permission.history.hris"><a style="cursor:pointer;" href="#/employees/hris_history" ng-click="menuclicked('employees')" onClick="location.reload();">HRIS History</a></li> -->
  436.                        
  437.                                 </ul>
  438.                             </li>
  439.                             <li ng-class="menu.payroll" ng-if="profile.permission.payroll.link" >
  440.                                 <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Payroll">
  441.                                     <i class="fa fa-money" style="color: #fff;"></i>
  442.                                     <span class="caret" ></span>
  443.                                 </a>
  444.                                 <ul class="dropdown-menu" style="width: 230px;">
  445.                                     <li style="background-color: #28ad1f">
  446.                                         <b style="color: white; margin-left: 20px">PAYROLL</b>
  447.                                     </li>
  448.                                     <li ng-if="profile.permission.payroll.timesheet">
  449.                                         <a style="cursor:pointer;" href="#/payroll/timesheet" ng-click="menuclicked('payroll')"> Payroll Worksheet</a>
  450.                                     </li>
  451.                                     <li ng-if="profile.permission.payroll.report">
  452.                                         <a style="cursor:pointer;" href="#/payroll/report" ng-click="menuclicked('payroll')">Payroll Report</a>
  453.                                     </li>
  454.                                     <li class="dropdown-submenu">
  455.                                         <a style="cursor:pointer;" ng-click="menuclicked('payroll')">Payroll Administration</a>
  456.                                         <ul class="dropdown-menu" style="min-width: 210px;">
  457.                                             <li ng-if="profile.permission.payroll.cutoff">
  458.                                                 <a style="cursor:pointer;" href="#/payroll/cutoff" ng-click="menuclicked('payroll')">Payroll Rules</a>
  459.                                             </li>
  460.                                             <li ng-if="profile.permission.payroll.allowance">
  461.                                                 <a style="cursor:pointer;" href="#/payroll/allowance" ng-click="menuclicked('payroll')">Payroll Allowances</a>
  462.                                             </li>
  463.                                         </ul>
  464.                                     </li>
  465.                                     <!-- <li ng-if="profile.permission.history.payroll"><a style="cursor:pointer;" href="#/payroll/payrollhistory" ng-click="menuclicked('payroll')">Payroll History</a></li> -->
  466.                        
  467.                                 </ul>
  468.                             </li>
  469.                             <li ng-class="menu.management" ng-if="profile.permission.management.link">
  470.                                 <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Management & Analytics">
  471.                                     <i class="fa fa-bar-chart" style="color: white;"></i>
  472.                                     <span class="caret" ></span>
  473.                                 </a>
  474.                                 <ul class="dropdown-menu" style="width: 250px;">
  475.                                     <li style="background-color: #28ad1f">
  476.                                         <b style="color: white; margin-left: 20px; font-size: 12.5px">MANAGEMENT & ANALYTICS</b>
  477.                                    </li>
  478.                                    <li ng-if="profile.permission.management.manuallogs">
  479.                                        <a style="cursor:pointer;" href="#/management/manual_logs" ng-click="menuclicked('management')">Manual Time Log Requests</a>
  480.                                     </li>
  481.                                     <!-- <li ng-if="profile.permission.management.leaves" class="dropdown-submenu"><a style="cursor:pointer;" ng-click="menuclicked('management')">Leaves</a><ul class="dropdown-menu"><li ng-if="profile.permission.management.leaves"><a style="cursor:pointer;" href="#/management/leaves" ng-click="menuclicked('management')">Leave Requests</a></li>
  482.                                </ul>
  483.                            </li> -->
  484.                             <li ng-if="profile.permission.management.analytics">
  485.                                 <a style="cursor:pointer;" href="#/management/analytics" ng-click="menuclicked('management')">Reports & Analytics</a>
  486.                            </li>
  487.                            <li ng-if="profile.permission.management.attrition">
  488.                                <a style="cursor:pointer;" href="#/management/attrition" ng-click="menuclicked('management')">Attrition Report</a>
  489.                             </li>
  490.                             <li ng-if="profile.permission.management.overtime">
  491.                                 <a style="cursor:pointer;" href="#/management/overtime" ng-click="menuclicked('management')">Over Time Report</a>
  492.                             </li>
  493.                             <!-- <li ng-if="profile.permission.employees.request"><a style="cursor:pointer;" href="#/employees/request" ng-click="menuclicked('management')">Employee Requests</a></li> -->
  494.                             <!-- <li ng-if="profile.permission.management.rewards" style="font-size: 15px" class="dropdown-submenu"><a style="cursor:pointer;" ng-click="menuclicked('management')">Employee Rewards</a><ul class="dropdown-menu"><li ng-if="profile.permission.management.rewards" style="font-size: 15px"><a style="cursor:pointer;" href="#/management/rewards" ng-click="menuclicked('management')">Employee Rewards</a></li><li ng-if="profile.permission.administration.reward_acceptance"><a style="cursor:pointer;" href="#/admin/reward_acceptance" ng-click="menuclicked('management')">Employee Reward Request</a></li>
  495.                                </ul>
  496.                            </li> -->
  497.                 <!-- <li ng-if="profile.permission.management.surveyresult"><a style="cursor:pointer;" href="#/management/surveyresult" ng-click="menuclicked('management')">Employees Survey Results</a></li> -->
  498.                 <!-- <li ng-if="profile.permission.management.offboarding"><a style="cursor:pointer;" href="#/management/offboarding" ng-click="menuclicked('management')">Off-Boarding Approval</a></li> -->
  499.                 <!-- <li ng-if="profile.permission.management.performance"><a style="cursor:pointer;" href="#/management/performance" ng-click="menuclicked('management')">Employees Performance</a></li> -->
  500.                 <!-- <li ng-if="profile.permission.management.Adjustments_Approval"><a style="cursor:pointer;" href="#/management/adjustment_approval" ng-click="menuclicked('management')">Adjustment Approval</a></li> -->
  501.                 <!-- <li ng-if="profile.permission.history.management"><a style="cursor:pointer;" href="#/management/management_history" ng-click="menuclicked('management')">Management and Analytics History</a></li> -->
  502.                        
  503.             </ul>
  504.         </li>
  505.         <!-- href="#/admin/default_values" -->
  506.         <li ng-class="menu.admin" ng-if="profile.permission.administration.link">
  507.             <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Administration">
  508.                 <i class="fa fa-university" style="color: white;"></i>
  509.                 <span class="caret" ></span>
  510.             </a>
  511.             <ul class="dropdown-menu" style="width: 230px;">
  512.                 <li style="background-color: #28ad1f">
  513.                     <b style="color: white; margin-left: 20px">ADMINISTRATION</b>
  514.                 </li>
  515.                 <!-- <li ng-if="profile.permission.administration.calendar"><a style="cursor:pointer;" href="#/admin/calendar" ng-click="menuclicked('admin')">Calendar</a></li> -->
  516.                 <li ng-if="profile.permission.administration.defaultv" class="dropdown-submenu">
  517.                     <a style="cursor:pointer;" ng-click="menuclicked('admin')">System Settings</a>
  518.                     <ul class="dropdown-menu">
  519.                         <li ng-if="profile.permission.administration.departments">
  520.                             <a style="cursor:pointer;" href="#/admin/departments" ng-click="menuclicked('admin')">Departments</a>
  521.                         </li>
  522.                         <!-- <li ng-if="profile.permission.administration.request"><a style="cursor:pointer;" href="#/admin/requests" ng-click="menuclicked('admin')">Employees Requests</a></li><li ng-if="profile.permission.administration.rewards"><a style="cursor:pointer;" href="#/admin/rewards" ng-click="menuclicked('admin')">Employees Rewards</a></li> -->
  523.                     <li>
  524.                         <a style="cursor:pointer;" href="#/admin/holidays" ng-click="menuclicked('admin')">Holidays</a>
  525.                     </li>
  526.                     <!-- <li class="dropdown-submenu"><a style="cursor:pointer;" href="#/admin/leaves" ng-click="menuclicked('admin')">Leaves</a><ul class="dropdown-menu"><li ng-if="profile.permission.administration.leaves"><a style="cursor:pointer;" href="#/admin/leaves" ng-click="menuclicked('admin')">Leaves</a></li><li ng-if="profile.permission.management.balance"><a style="cursor:pointer;" href="#/management/leave_balance" ng-click="menuclicked('management')">Leave Credits</a></li>
  527.                                        </ul>
  528.                                    </li> -->
  529.         <li ng-if="profile.permission.administration.levels">
  530.             <a style="cursor:pointer;" href="#/admin/levels" ng-click="menuclicked('admin')">Levels</a>
  531.         </li>
  532.         <!-- <li ng-if="profile.permission.administration.performance"><a style="cursor:pointer;" href="#/admin/admin_performance" ng-click="menuclicked('admin')">Performance</a></li> -->
  533.         <li ng-if="profile.permission.administration.permissions">
  534.             <a style="cursor:pointer;" href="#/admin/permissions" ng-click="menuclicked('admin')">Permissions</a>
  535.         </li>
  536.         <li ng-if="profile.permission.administration.positions">
  537.             <a style="cursor:pointer;" href="#/admin/positions" ng-click="menuclicked('admin')">Positions</a>
  538.         </li>
  539.         <li ng-if="profile.permission.administration.suspension">
  540.             <a style="cursor:pointer;" href="#/admin/suspension" ng-click="menuclicked('admin')">Suspension</a>
  541.         </li>
  542.         <li ng-if="profile.permission.administration.shift">
  543.             <a style="cursor:pointer;" href="#/admin/time" ng-click="menuclicked('admin')">Time Shift</a>
  544.         </li>
  545.         <li ng-if="profile.permission.administration.chat_history">
  546.             <a style="cursor:pointer;" href="#/admin/admin_chat_history">Chat History</a>
  547.         </li>
  548.     </ul>
  549. </li>
  550. <li>
  551.     <a style="cursor:pointer;" href="#/admin/memo" ng-click="menuclicked('admin')">Memo</a>
  552. </li>
  553. <!-- <li><a style="cursor:pointer;" href="#/admin/costcenter">Cost Center Total</a></li>  -->
  554. <!-- <li ng-if="profile.permission.administration.policy"><a style="cursor:pointer;" href="#/admin/upload_policy" ng-click="menuclicked('admin')">Policy Attachments</a></li> -->
  555. <!-- <li ng-if="profile.permission.history.admin"><a style="cursor:pointer;" href="#/admin/admin_history" ng-click="menuclicked('admin')">Administration History</a></li> -->
  556.                        
  557. </ul>
  558. </li>
  559. <li ng-class="menu.control" ng-if="profile.permission.control.link">
  560.     <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Control Panel">
  561.         <i class="fa fa-cogs" style="color: white;"></i>
  562.         <span class="caret" ></span>
  563.     </a>
  564.     <ul class="dropdown-menu" style="width: 250px;">
  565.         <li style="background-color: #28ad1f">
  566.             <b style="color: white; margin-left: 20px">CONTROL PANEL</b>
  567.         </li>
  568.         <li ng-if="profile.permission.control.birthday">
  569.             <a style="cursor:pointer;" href="#/admin/birthday_theme" ng-click="menuclicked('control')">Birthday Theme</a>
  570.         </li>
  571.         <li ng-if="profile.permission.control.newsfeed">
  572.             <a style="cursor:pointer;" href="#/admin/news_feed" ng-click="menuclicked('control')">News Feed</a>
  573.         </li>
  574.         <li ng-if="profile.permission.control.textbalance">
  575.             <a style="cursor:pointer;" href="#/admin/textbalance" ng-click="menuclicked('control')">Text Balance</a>
  576.         </li>
  577.         <li ng-if="profile.permission.control.trainingsandseminars">
  578.             <a style="cursor:pointer;" href="#/admin/trainingsandseminars" ng-click="menuclicked('control')">Upload Trainings/Conferences</a>
  579.         </li>
  580.         <li ng-if="profile.permission.control.users">
  581.             <a style="cursor:pointer;" href="#/admin/users" ng-click="menuclicked('control')">User's Accessibility</a>
  582.         </li>
  583.         <li ng-if="profile.permission.control.reports">
  584.             <a style="cursor:pointer;" href="#/admin/usagereport" ng-click="menuclicked('control')">Usage Reports</a>
  585.         </li>
  586.         <!--    <li><a href="#/admin/vacation">Vacation</a></li> -->
  587.                        
  588.     </ul>
  589. </li>
  590. <li ng-class="menu.broadcast" ng-if="profile.permission.broadcast.tblast.link">
  591.     <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Broadcast">
  592.         <i class="fa fa-podcast" style="color: white;"></i>
  593.         <span class="caret" ></span>
  594.     </a>
  595.     <ul class="dropdown-menu" style="width: 230px;">
  596.         <li style="background-color: #28ad1f">
  597.             <b style="color: white; margin-left: 20px">BROADCAST</b>
  598.         </li>
  599.         <li ng-if="profile.permission.broadcast.tblast">
  600.             <a style="cursor:pointer;" href="#/Broadcast/Text_Blast" ng-click="menuclicked('broadcast')" onClick="location.reload();">Text Blast</a>
  601.         </li>
  602.         <li ng-if="profile.permission.broadcast.eblast">
  603.             <a style="cursor:pointer;" href="#/Broadcast/Email_Blast" ng-click="menuclicked('broadcast')" onClick="location.reload();">Email Blast</a>
  604.         </li>
  605.         <!-- <li ng-if="profile.permission.history.broadcast"><a style="cursor:pointer;" href="#/Broadcast/Broadcast_History" ng-click="menuclicked('broadcast')" onClick="location.reload();">Broadcast History</a></li> -->
  606.                        
  607.     </ul>
  608. </li>
  609. <li ng-class="menu.university">
  610.     <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="University">
  611.         <i class="fa fa-graduation-cap" style="color: white;"></i>
  612.         <span class="caret" ></span>
  613.     </a>
  614.     <ul class="dropdown-menu" style="width: 230px;">
  615.         <!-- <li style="background-color: #28ad1f"><b style="color: white; margin-left: 20px">UNIVERSITY</b></li><li><a style="cursor:pointer;">Company's Exam</a></li> -->
  616.     <!-- <li><a style="cursor:pointer;" href="#/University/Conferences" ng-click="menuclicked('university')" onClick="location.reload();">Conferences</a></li><li><a style="cursor:pointer;" href="#/University/Trainings" ng-click="menuclicked('university')" onClick="location.reload();">Trainings And Seminars</a></li><li ng-if="profile.permission.history.university"><a style="cursor:pointer;" href="#/University/University_History" ng-click="menuclicked('university')" onClick="location.reload();">University History</a></li> -->
  617. <li>
  618.     <a style="cursor:pointer;" href="#/University/Conferences" ng-click="menuclicked('university')">Join Conferences</a>
  619. </li>
  620. <li>
  621.     <a style="cursor:pointer;" href="#/University/Trainings" ng-click="menuclicked('university')">Join Trainings And Seminars</a>
  622. </li>
  623. <!-- <li ng-if="profile.permission.history.university"><a style="cursor:pointer;" href="#/University/University_History" ng-click="menuclicked('university')">University History</a></li> -->
  624.                        
  625. </ul>
  626. </li>
  627. <!-- <li ng-class="menu.a360"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="360°"><i class="fa fa-smile-o" style="color: white;"></i><span class="caret" ></span></a><ul class="dropdown-menu" style="width: 200px;"><li style="background-color: #28ad1f"><b style="color: white; margin-left: 20px">360°</b></li><li><a style="cursor:pointer;" href="#/360/onboarding" ng-click="menuclicked('a360')" onClick="location.reload();">On-Boarding</a></li><li><a style="cursor:pointer;" href='#/360/policy' ng-click="menuclicked('a360')" onClick="location.reload();">Company Policies</a></li><li><a style="cursor:pointer;" href='#/360/performance' ng-click="menuclicked('a360')" onClick="location.reload();">My Performances</a></li><li><a style="cursor:pointer;" ng-click="menuclicked('a360')" onClick="location.reload();">Employees Survey</a></li><li><a style="cursor:pointer;" href="#/360/coachinglogs" ng-click="menuclicked('a360')" onClick="location.reload();">Coaching Logs</a></li><li><a style="cursor:pointer;" href="#/360/employeediscipline" ng-click="menuclicked('a360')" onClick="location.reload();">Employee Discipline</a></li><li><a href="#/360/rewards" style="cursor:pointer;" ng-click="menuclicked('a360')" onClick="location.reload();">Employee Rewards</a></li><li><a style="cursor:pointer;" href='#/360/offboarding' ng-click="menuclicked('a360')" onClick="location.reload();">Off-Boarding</a></li><li ng-if="profile.permission.history.three60"><a style="cursor:pointer;" href="#/360/360_History" ng-click="menuclicked('a360')" onClick="location.reload();">360° History</a></li>
  628.                        </ul>
  629.                    </li> -->
  630. <li>
  631.     <li class="dropdown notifications-menu">
  632.         <a href="" class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Notifications">
  633.             <i class="fa fa-bell" style="color: white">
  634.                 <sup style="color: red">
  635.                     <span style="font-family:Courier; font-size: 15px;">
  636.                         <b>{{count}}</b>
  637.                     </span>
  638.                 </sup>
  639.             </i>
  640.         </a>
  641.         <ul class="dropdown-menu" style=" overflow-y: scroll;max-height: 350px;">
  642.             <li style="background-color: #28ad1f">
  643.                 <b style="color: white; margin-left: 20px">NOTIFICATIONS</b>
  644.             </li>
  645.             <li ng-repeat="(k,v) in notifications.data"  ng-class="v.read==='f' && 'display'|| 'hide'" style="cursor:pointer;">
  646.                 <a ng-click="goto(k)" >
  647.                     <p style="font-size:13px;margin-bottom:0px;">{{v.notification}}</p>
  648.                     <div style="font-size:10px; color:#AAA;" >
  649.                                             {{v.created_by}}
  650.                                            
  651.                         <br>
  652.                                             {{v.date_created}}
  653.                                            
  654.                     </div>
  655.                 </a>
  656.             </li>
  657.         </ul>
  658.     </li>
  659. </li>
  660. <li>
  661.     <li class="dropdown notifications-menu">
  662.         <a href="" class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Birthday Celebrants">
  663.             <i class="fa fa-gift" style="color: white">
  664.                 <sup style="color: red">
  665.                     <span style="font-family:Courier; font-size: 15px;">
  666.                         <b>{{birthday_count}}</b>
  667.                     </span>
  668.                 </sup>
  669.             </i>
  670.         </a>
  671.         <ul class="dropdown-menu" style=" overflow-y: scroll;max-height: 350px;">
  672.             <li>
  673.                 <img src ="{{birthday_theme.data.location}}" width ="215px" height="116"/>
  674.             </li>
  675.             <li ng-repeat="(k,v) in birthdays.data" style="padding-top:15px;padding-bottom:20px;padding-left:10px">
  676.                 <p style="font-size:13px;margin-bottom:0px; color:red;" ng-class="v.birthday===v.now && 'display'|| 'hide'">
  677.                                             TODAY IS {{v.name}}'s BIRTHDAY!!!
  678.                                             </p>
  679.                 <div style="font-size:11px; color:#AAA;" ng-class="v.birthday!==v.now && 'display'|| 'hide'">
  680.                     <b>{{v.birthday}}</b>
  681.                     <br>
  682.                     <b>{{v.name}}</b>
  683.                 </div>
  684.             </li>
  685.         </ul>
  686.     </li>
  687. </li>
  688. <li>
  689.     <li class="dropdown notifications-menu">
  690.         <a href="" class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Holidays">
  691.             <i class="fa fa-calendar" style="color: white">
  692.                 <sup style="color: red">
  693.                     <span style="font-family:Courier; font-size: 15px;">
  694.                         <b>{{calendar.count}}</b>
  695.                     </span>
  696.                 </sup>
  697.             </i>
  698.         </a>
  699.         <ul class="dropdown-menu" style=" overflow-y: scroll;max-height: 350px;">
  700.             <li style="background-color: #28ad1f">
  701.                 <b style="color: white; margin-left: 20px">HOLIDAYS</b>
  702.             </li>
  703.             <li ng-repeat="(k,v) in calendar.data" style="background-color:{{v.color}};cursor:pointer" ng-click="show_calendar(k)">
  704.                 <a>
  705.                     <p style="font-size:14px;margin-bottom:0px;color:Black;">
  706.                                             {{v.description}}
  707.                                         </p>
  708.                     <div style="font-size:11px;color:#AAA;">
  709.                         <div ng-class="v.location==='N/A' && 'hide'|| 'display'">
  710.                                                 {{v.location}}
  711.                                             </div>
  712.                         <br>
  713.                                             {{v.time_in}} to {{v.time_out}}
  714.                                            
  715.                         <br>
  716.                                             {{v.created_by}}
  717.                                        
  718.                     </div>
  719.                 </a>
  720.             </li>
  721.         </ul>
  722.     </li>
  723. </li>
  724. <li>
  725.     <li class="dropdown notifications-menu">
  726.         <a href="" class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Memo">
  727.             <i class="fa fa-envelope" style="color: white">
  728.                 <sup style="color: red;">
  729.                     <span style="font-family:Courier; font-size: 15px;">
  730.                         <b>{{memo.count}}</b>
  731.                     </span>
  732.                 </sup>
  733.             </i>
  734.             <ul class="dropdown-menu" style=" overflow-y: scroll;max-height: 350px;">
  735.                 <li style="background-color: #28ad1f">
  736.                     <b style="color: white; margin-left: 20px">MEMO</b>
  737.                 </li>
  738.                 <li ng-repeat="(k,v) in memo.data"  ng-class="v.read==='f' && 'display'|| 'hide'" ng-click="show_memo(k)" style="cursor:pointer">
  739.                     <a>
  740.                         <p style="font-size:13px;margin-bottom:0px;">{{v.limitedmemo}}</p>
  741.                         <div style="font-size:10px; color:#AAA;" >
  742.                                                 {{v.created_by}}
  743.                                                
  744.                             <br>
  745.                                                 {{v.date_created}}
  746.                                                
  747.                         </div>
  748.                     </a>
  749.                 </li>
  750.             </ul>
  751.         </a>
  752.     </li>
  753. </li>
  754. <li>
  755.     <a href="https://ratsglobal.com/login.html" title="RATS" target="_blank">
  756.         <img src="ASSETS/img/AD.png" style="max-width: 30px; max-height: 30px">
  757.     </a>
  758. </li>
  759. <li>
  760.     <a href="https://joberfied.com/" title="JOBERFIED" target="_blank">
  761.         <img src="ASSETS/img/AD_Penguin.png" style="max-width: 30px; max-height: 30px">
  762.     </a>
  763. </li>
  764. <!-- <li><a href="#/chat" class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Chat" onClick="location.reload();"><div ng-if="headerchating == true"><i class="fa Example of comments-o fa-comments-o" style="color: white; font-size: 17px;"><sup style="color: red;"><span style="font-family:Courier; font-size: 15px;"><b></b></span></sup></i>
  765.                        </div><div ng-if="headerchating == false"><div ng-if="headerchat == true"><img src="./ASSETS/img/msg.gif" width="23" height="23"></img></div><div ng-if="headerchat == false"><img src="./ASSETS/img/group.gif" width="23" height="23"></img></div></div>
  766.                        </a>
  767.                    </li> -->
  768. <!-- <li class="dropdown" ng-class="menu.manual"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Manual<span class="caret"></span></a><ul class="dropdown-menu"><li><a style="cursor:pointer;" ng-click="manual_log()">Manual Log</a></li>
  769.                        </ul>
  770.                    </li> -->
  771. <!-- <li ++ng-class="menu.employee"><a href="#/employees"ng-click="menuclicked('employee')" onClick="location.reload();">Employees </a></li> -->
  772.                
  773. </ul>
  774. <ul class="nav navbar-nav navbar-right user-nav" style="margin-right: 25px; background-color: #323232;">
  775.     <li class="user-name nobottomborder" style="padding: 8px; margin-top: 10px;">
  776.         <span style=" text-align:center;margin-top: 5px; font-size: 13px; color: #fff">{{ profile.first_name }}</span>
  777.         <div style="color: white;font-size: 10px">
  778.                                 {{data_size.size}}MB out of 150MB
  779.                             </div>
  780.     </li>
  781.     <li class="dropdown avatar-dropdown nobottomborder">
  782.         <img ng-if="profile.details.personal.profile_picture" src="{{profile.details.personal.profile_picture}}" class="img-circle avatar" alt="user name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-right: -20px;" />
  783.         <img ng-if="!profile.details.personal.profile_picture" src="./ASSETS/img/blank.gif" class="img-circle avatar" alt="user name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"/>
  784.         <ul class="dropdown-menu user-dropdown">
  785.             <li class="user-name nobottomborder" style="background-color: #23c631; padding: 8px 3px 0px 9px; margin-top: 5px; border-bottom: 3px solid #187d1f">
  786.                 <span style=" text-align:center;margin-top:3px; font-size: 16px; color: #fff">{{ profile.fullname }}</span>
  787.                 <p style="color: #fff; font-size: 10.4px; margin-top:6px;">Remaining Text Balance : {{profile.text_balance}}</p>
  788.             </li>
  789.             <li style="color:#28adlf">
  790.                 <a href="#/profile" ng-click="menuclicked('profile')">
  791.                     <span class="fa fa-user"></span> My Profile
  792.                 </a>
  793.             </li>
  794.             <!-- <li style="color:#28adlf"><a href="#/calendaree" ng-click="menuclicked('admin')"><span class="fa fa-calendar"></span> My Calendar</a></li> -->
  795.         <li role="separator" class="divider"></li>
  796.         <li class="more">
  797.             <ul>
  798.                 <!-- <li><a href=""><span class="fa fa-cogs"></span></a></li> -->
  799.             <li alt="Change Password" title="Change Password">
  800.                 <a href="" ng-click="change_password()">
  801.                     <span class="fa fa-key"></span>
  802.                 </a>
  803.             </li>
  804.             <li alt="Log out" title="Logging out of the System">
  805.                 <a href="" ng-click="logout()">
  806.                     <span class="fa fa-power-off"></span>
  807.                 </a>
  808.             </li>
  809.             <li alt="Contact Us" title="Technical Assistance">
  810.                 <a href="contact-us.html">
  811.                     <span class="fa fa-phone"></span>
  812.                 </a>
  813.             </li>
  814.         </ul>
  815.     </li>
  816. </ul>
  817. </li>
  818. <!--  <li style="padding-top:10px; padding-left:5px;"><img src="./ASSETS/img/new2.gif" style="width:60px; cursor:pointer;" title="View the Latest Updates" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"/><ul class="dropdown-menu user-dropdown" style="max-height:400px; overflow-y:auto;"><li style="padding: 10px;"><span class="fa fa-genderless"></span>
  819.                                Added menu button for latest updates</li><li role="separator" class="divider"></li><li style="padding: 10px;"><span class="fa fa-genderless"></span>
  820.                                Added option to show/hide the comment box</li><li role="separator" class="divider"></li><li style="padding: 10px;"><span class="fa fa-genderless"></span>
  821.                                Comment Box. Once you have already submitted your comment, the callouts will always start with Let's start now so you can submit more comments.</li><li role="separator" class="divider"></li><li style="padding: 10px;"><span class="fa fa-genderless"></span>
  822.                                Log in page. The Enter key can now be used to log in.</li>
  823.                        </ul>
  824.                    </li> -->
  825.                
  826. </ul>
  827. </div>
  828. </div>
  829. </nav>
  830. <!-- end: Header -->
  831. <!--<div class="container-fluid mimin-wrapper" style="background-image:url('./ASSETS/img/pandahide.png');background-size: 400px 430px;background-repeat: no-repeat;background-position: 125% 20%;"><div class="container-fluid mimin-wrapper" style="background-image:url('./ASSETS/img/pandahide.png');background-size: 200px 230px;background-repeat: no-repeat;background-position: 1% 83%;"/>
  832. <!-- start:Left Menu -->
  833. <!-- end: Left Menu -->
  834. <!-- <ng-timepicker ng-model="log.time_log" show-meridian="true"></ng-timepicker> -->
  835. <div id="ng_view" ng-view=""></div>
  836. </div>
  837. <!-- start:Left Menu -->
  838. <!-- end: Left Menu -->
  839. <!-- <ng-timepicker ng-model="log.time_log" show-meridian="true"></ng-timepicker> -->
  840. <!-- <div id="sidebar" ng-controller="Sidebar"><input type="hidden" id="hidden-text" value="false"/><div id="rightSidebar" class="{{switcher.main}}"><div class="selector-toggle"><a href="javascript:void(0)" ng-click="toggle_switcher()" ng-style="{'animation-duration' : getStop() } ">
  841.                </a><div ng-style="{'opacity' : get_arrowstop() }"><span class="tooltiptext"><i class="fa fa-angle-double-right"></i></span><span class="tooltiptext1"><i class="fa fa-angle-double-up"></i></span><span class="tooltiptext2"><i class="fa fa-angle-double-down"></i></span>
  842.             </div>
  843.            </div><div ng-show="switcher.content" class="sidebar"><div><ul class="nav nav-tabs notification_menu"><li class="{{ sidebar_menu.notifications?'active':'' }}"><a ng-click="change_menu('notifications')"><img src="./ASSETS/img/bell.png" style="height:30px;"/>
  844.                            </a>
  845.                        </li><li class="{{ sidebar_menu.memo?'active':'' }}"><a ng-click="change_menu('memo')"><img src="./ASSETS/img/memo.png" style="height:30px;"/>
  846.                            </a>
  847.                        </li><li class="{{ sidebar_menu.calendar?'active':'' }}"><a ng-click="change_menu('calendar')"><img src="./ASSETS/img/calendar.png" style="height:30px;"/>
  848.                            </a>
  849.                        </li>
  850.                    </ul>
  851.                </div><div class="notification_data"><ul ng-if="sidebar_menu.notifications" class="nav notification_data"><li ng-repeat="(k,v) in notifications.data"  ng-class="v.read==='f' && 'display'|| 'hide'" style="cursor:pointer"><a ng-click="goto(k)" ><p style="font-size:13px;margin-bottom:0px;">{{v.notification}}</p><div style="font-size:10px; color:#AAA;" >
  852.  
  853.                                {{v.created_by}}
  854.                                <br>
  855.                                {{v.date_created}}
  856.                                </div>
  857.                            </a>
  858.                        </li><div class="notification_data" ng-if="!notifications.status"><ul class="nav"><li style="padding-top:20px;padding-bottom:20px;padding-left:70px">No Notification</li></ul>
  859.                        </div>
  860.                    </ul><ul ng-if="sidebar_menu.memo" class="nav notification_data"><li ng-repeat="(k,v) in memo.data"  ng-class="v.read==='f' && 'display'|| 'hide'" ng-click="show_memo(k)" style="cursor:pointer"><a><p style="font-size:13px;margin-bottom:0px;">{{v.limitedmemo}}</p><div style="font-size:10px; color:#AAA;" >
  861.                                {{v.created_by}}
  862.                                <br>
  863.                                {{v.date_created}}
  864.                                </div>
  865.                            </a>
  866.                        </li><div class="notification_data" ng-if="!memo.status"><ul class="nav"><li style="padding-top:20px;padding-bottom:20px;padding-left:70px">No Notification</li></ul>
  867.                        </div>
  868.                    </ul><ul ng-if="sidebar_menu.calendar" class="nav notification_data"><li ng-repeat="(k,v) in calendar.data" style="background-color:{{v.color}};cursor:pointer" ng-click="show_calendar(k)"><a><p style="font-size:14px;margin-bottom:0px;color:Black;">
  869.                                {{v.description}}
  870.                            </p><div style="font-size:11px;color:#AAA;"><div ng-class="v.location==='N/A' && 'hide'|| 'display'">
  871.                                    {{v.location}}
  872.                                </div><br>
  873.                                {{v.time_from}} to {{v.time_to}}
  874.                                <br>
  875.                                {{v.created_by}}
  876.                            </div>
  877.                        </a>
  878.                        </li><div class="notification_data" ng-if="!calendar.status"><ul class="nav"><li style="padding-top:20px;padding-bottom:20px;padding-left:70px">No Notification</li></ul>
  879.                        </div>
  880.                    </ul>
  881.                </div>
  882.  
  883.            </div>
  884.            </div>
  885.  
  886.        </div>
  887.    </div> -->
  888. <!--<footer ><div class="footer-main" ng-controller="Footer"><img src="./ASSETS/img/close.png" style="margin-bottom: 5px; cursor:pointer; margin-right:60px;" ng-click="temp_close()" ng-if="done"/><img src="./ASSETS/img/comment.png" style="margin-bottom: 5px; cursor:pointer; margin-right:60px;" ng-click="temp_open()" ng-if="!done"/><div class="div1" ng-if="comment && done"><textarea style="width:100%;" rows="10" ng-model="comments.comment"></textarea><button class="btn ripple btn-outline btn-primary" style="width:100%;" ng-click="submit_comment()"><div><span>SUBMIT</span></div>
  889.                </button>
  890.            </div><div class="div2" ng-click="next_slide()" ng-if="!comment"><div class="msg"><span>{{current_msg}}</span><br /><img src="./ASSETS/img/arrow-down2.gif" style="width:20px;"/>
  891.                </div><div class="bubble"><img src="./ASSETS/img/bubble.png" style="height:200px;"/>
  892.                </div><div class="mascot"><img src="./ASSETS/img/mascot.png" style="height:200px;"/>
  893.                </div>
  894.  
  895.            </div>
  896.        </div>
  897.    </footer>-->
  898. <!-- start: Javascript -->
  899. <script src="./ASSETS/js/jquery.min.js"></script>
  900. <script src="./ASSETS/js/jquery.ui.min.js"></script>
  901. <script src="./ASSETS/js/bootstrap.min.js"></script>
  902. <script src="./ASSETS/js/underscore-min.js"></script>
  903. <!-- Angular.js Libraries -->
  904. <script src="./ASSETS/js/angularjs/angular.min.js"></script>
  905. <script src="./ASSETS/js/angularjs/angular-route.min.js"></script>
  906. <script src="./ASSETS/js/angularjs/angular-cookies.min.js"></script>
  907. <script src="./ASSETS/js/angularjs/angular-md5.js"></script>
  908. <!-- MODULE -->
  909. <script src="./JS/module.js"></script>
  910. <!-- CONTROLLERS -->
  911. <script src="./JS/controllers/Header.js"></script>
  912. <script src="./JS/controllers/Footer.js"></script>
  913. <script src="./JS/controllers/Dashboard2.js"></script>
  914. <script src="./JS/controllers/Profile.js"></script>
  915. <script src="./JS/controllers/Timesheet2.js"></script>
  916. <script src="./JS/controllers/Payroll.js"></script>
  917. <script src="./JS/controllers/Payslip.js"></script>
  918. <script src="./JS/controllers/Timelogs2.js"></script>
  919. <script src="./JS/controllers/Employees.js"></script>
  920. <script src="./JS/controllers/New_Employees.js"></script>
  921. <script src="./JS/controllers/View.js"></script>
  922. <script src="./JS/controllers/Leave.js"></script>
  923. <script src="./JS/controllers/Manual_logs.js"></script>
  924. <!-- <script src="./JS/controllers/Cutoff.js"></script> -->
  925. <script src="./JS/controllers/Management_manual_logs.js"></script>
  926. <script src="./JS/controllers/Management_leave.js"></script>
  927. <script src="./JS/controllers/EmployeesPermissions.js"></script>
  928. <script src="./JS/controllers/Sidebar.js"></script>
  929. <script src="./JS/controllers/Admin_leave.js"></script>
  930. <script src="./JS/controllers/Attritions.js"></script>
  931. <script src="./JS/controllers/Default_values.js"></script>
  932. <script src="./JS/controllers/Analytics.js"></script>
  933. <script src="./JS/controllers/Management_overtime.js"></script>
  934. <script src="./JS/controllers/Employees_overtime.js"></script>
  935. <script src="./JS/controllers/DailyPassSlip.js"></script>
  936. <script src="./JS/controllers/Management_DailyPassSlip.js"></script>
  937. <script src="./JS/controllers/admin_Holidays.js"></script>
  938. <script src="./JS/controllers/admin_suspension.js"></script>
  939. <script src="./JS/controllers/Admin_calendar.js"></script>
  940. <script src="./JS/controllers/Admin_memo.js"></script>
  941. <script src="./JS/controllers/Admin_request.js"></script>
  942. <script src="./JS/controllers/Request.js"></script>
  943. <script src="./JS/controllers/HRIS_Request.js"></script>
  944. <script src="./JS/controllers/Admin_birthday_theme.js"></script>
  945. <script src="./JS/controllers/Onboarding.js"></script>
  946. <script src="./JS/controllers/survey.js"></script>
  947. <script src="./JS/controllers/Offboarding.js"></script>
  948. <script src="./JS/controllers/offboardingmanagement.js"></script>
  949. <script src="./JS/controllers/NewsFeed.js"></script>
  950. <script src="./JS/controllers/EmailBlast.js"></script>
  951. <script src="./JS/controllers/TextBlast.js"></script>
  952. <script src="./JS/controllers/Trainings.js"></script>
  953. <script src="./JS/controllers/textbalance.js"></script>
  954. <script src="./JS/controllers/Policy.js"></script>
  955. <script src="./JS/controllers/TrainingsandSeminars.js"></script>
  956. <script src="./JS/controllers/Adjustment_Approval.js"></script>
  957. <script src="./JS/controllers/Employee_History.js"></script>
  958. <script src="./JS/controllers/HRIS_History.js"></script>
  959. <script src="./JS/controllers/PayrollHistory.js"></script>
  960. <script src="./JS/controllers/ManagementHistory.js"></script>
  961. <script src="./JS/controllers/AdministrationHistory.js"></script>
  962. <script src="./JS/controllers/Payroll_Report.js"></script>
  963. <script src="./JS/controllers/Broadcast_History.js"></script>
  964. <script src="./JS/controllers/University_History.js"></script>
  965. <script src="./JS/controllers/360_History.js"></script>
  966. <script src="./JS/controllers/policy360.js"></script>
  967. <script src="./JS/controllers/360_CoachingLogs.js"></script>
  968. <script src="./JS/controllers/360_Edes.js"></script>
  969. <script src="./JS/controllers/Usagereports.js"></script>
  970. <script src="./JS/controllers/Users.js"></script>
  971. <script src="./JS/controllers/Government.js"></script>
  972. <script src="./JS/controllers/Rewards.js"></script>
  973. <script src="./JS/controllers/Manage_Rewards.js"></script>
  974. <script src="./JS/controllers/Reward_Request.js"></script>
  975. <script src="./JS/controllers/Rewards_360.js"></script>
  976. <script src="./JS/controllers/vacation.js"></script>
  977. <script src="./JS/controllers/Performance.js"></script>
  978. <script src="./JS/controllers/performance.js"></script>
  979. <script src="./JS/controllers/Management_Performance.js"></script>
  980. <script src="./JS/controllers/Employee_Status.js"></script>
  981. <script src="./JS/controllers/chatbox.js"></script>
  982. <script src="./JS/controllers/Payroll_cutoff.js"></script>
  983. <script src="./JS/controllers/TimeShift.js"></script>
  984. <script src="./JS/controllers/Leave_Balances.js"></script>
  985. <script src="./JS/controllers/chatbox_history.js"></script>
  986. <script src="./JS/controllers/Allowances.js"></script>
  987. <script src="./JS/controllers/costcentertotal.js"></script>
  988. <script src="./JS/controllers/New_Registration.js"></script>
  989. <!-- ADMIN -->
  990. <script src="./JS/controllers/Department.js"></script>
  991. <script src="./JS/controllers/Position.js"></script>
  992. <script src="./JS/controllers/Levels.js"></script>
  993. <script src="./JS/controllers/Calendar.js"></script>
  994. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
  995. <script src="./ASSETS/js/plugins/angular-chart/angular-chart.min.js"></script>
  996. <!-- FACTORIES -->
  997. <script src="./JS/factories/SessionFactory.js"></script>
  998. <script src="./JS/factories/EmployeesFactory.js"></script>
  999. <script src="./JS/factories/TimelogFactory.js"></script>
  1000. <script src="./JS/factories/DepartmentsFactory.js"></script>
  1001. <script src="./JS/factories/TitlesFactory.js"></script>
  1002. <script src="./JS/factories/LevelsFactory.js"></script>
  1003. <script src="./JS/factories/LeaveFactory.js"></script>
  1004. <script src="./JS/factories/CutoffFactory.js"></script>
  1005. <script src="./JS/factories/DefaultvaluesFactory.js"></script>
  1006. <script src="./JS/factories/HolidaysFactory.js"></script>
  1007. <script src="./JS/factories/SuspensionFactory.js"></script>
  1008. <script src="./JS/factories/AttritionsFactory.js"></script>
  1009. <script src="./JS/factories/CalendarFactory.js"></script>
  1010. <script src="./JS/factories/RegistrationFactory.js"></script>
  1011. <script src="./JS/factories/DefaultFactory.js"></script>
  1012. <script src="./JS/factories/MemoFactory.js"></script>
  1013. <script src="./JS/factories/RequestFactory.js"></script>
  1014. <script src="./JS/factories/BirthdayFactory.js"></script>
  1015. <script src="./JS/factories/HistoryFactory.js"></script>
  1016. <script src="./JS/factories/AnalyticsFactory.js"></script>
  1017. <script src="./JS/factories/BronzeFactory.js"></script>
  1018. <script src="./JS/factories/PerformanceFactory.js"></script>
  1019. <script src="./JS/factories/ChatFactory.js"></script>
  1020. <!-- SERVICE -->
  1021. <script src="./JS/services/PagerService.js"></script>
  1022. <!-- DIRECTIVES -->
  1023. <script src="./JS/directives/splash.js"></script>
  1024. <script src="./JS/directives/isNumber.js"></script>
  1025. <script src="./JS/directives/capitalfirst.js"></script>
  1026. <script src="./JS/directives/datevalidator.js"></script>
  1027. <!-- plugins -->
  1028. <script src="./ASSETS/js/plugins/moment.min.js"></script>
  1029. <script src="./ASSETS/js/plugins/jquery.nicescroll.js"></script>
  1030. <script src="./ASSETS/js/plugins/md5/angular-md5.js"></script>
  1031. <script src="./ASSETS/js/plugins/dialog/ngDialog.js"></script>
  1032. <script src="./ASSETS/js/plugins/dropdown/isteven-multi-select.js"></script>
  1033. <script src="./ASSETS/js/plugins/notification/angular-ui-notification.min.js"></script>
  1034. <script src="./ASSETS/js/plugins/uploader/angular-file-upload.min.js"></script>
  1035. <script src="./ASSETS/js/plugins/bootstrap-material-datetimepicker.js"></script>
  1036. <script src='./ASSETS/js/textangular.js'></script>
  1037. <!-- <script src="./ASSETS/js/plugins/chart/Chart.bundle.js"></script> -->
  1038. <script src="./ASSETS/js/plugins/chart/Chart.min.js"></script>
  1039. <script src="./ASSETS/js/plugins/chart/angular-chart.min.js"></script>
  1040. <script src="./ASSETS/js/plugins/loader/loading-bar.js"></script>
  1041. <!--timepicker-->
  1042. <script src="./ASSETS/js/plugins/timepicker/angular-sanitize.min.js" data-semver="1.5.5"></script>
  1043. <script src="./ASSETS/js/plugins/timepicker/angular-strap.js" data-semver="v2.3.8"></script>
  1044. <script src="./ASSETS/js/plugins/timepicker/angular-strap.tpl.js" data-semver="v2.3.8"></script>
  1045. <script src="./ASSETS/js/plugins/timepicker/angular-strap.docs.tpl.js" data-semver="v2.3.8"></script>
  1046. <!--Notifications-->
  1047. <script src="./JS/factories/NotificationsFactory.js"></script>
  1048. <script src="./ASSETS/js/plugins/calendar/interact.min.js"></script>
  1049. <script src="./ASSETS/js/plugins/calendar/rrule.js"></script>
  1050. <script src="./ASSETS/js/plugins/calendar/bootstrap-colorpicker-module.min.js"></script>
  1051. <script src="./ASSETS/js/plugins/calendar/angular-bootstrap-calendar-tpls.js"></script>
  1052. <script src="./ASSETS/js/plugins/hotkeys/hotkeys.min.js"></script>
  1053. </head>
  1054. <!-- custom -->
  1055. <script src="./ASSETS/js/main.js"></script>
  1056. <script type="text/javascript">
  1057.         $(function(){
  1058.  
  1059.             var $win = $(window); // or $box parent container
  1060.             var $box = $("#sidebar");
  1061.  
  1062.             $win.on("click.Bst", function(event){
  1063.                 var hid = $('#hidden-text').val();
  1064.  
  1065.                 if (
  1066.                     $box.has(event.target).length == 0 //checks if descendants of $box was clicked
  1067.                     &&
  1068.                    !$box.is(event.target) //checks if the $box itself was clicked
  1069.                ){
  1070.  
  1071.                    $('#rightSidebar').removeClass('open');
  1072.                     $('#hidden-text').val('false');
  1073.                 } else {
  1074.                     //$('#hidden-text').val('true');
  1075.                     //$('#rightSidebar').addClass('open');
  1076.                 }
  1077.             });
  1078.  
  1079.         });
  1080.  
  1081.     </script>
  1082. <script type="text/ng-template" id="ConfirmModal">
  1083.     <div style="width: 100%; padding:10px;" align="center">
  1084.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1085.        
  1086.     </div>
  1087.     <hr style="margin-top: -2px;">
  1088.     <div class="ngdialog-message" style="width: 100%;">
  1089.         <div style="margin-top: -15px;">
  1090.             <h3>
  1091.                 <span style="font-family: muli; color: #fff;">{{ modal.title }}</span>
  1092.             </h3>
  1093.         </div>
  1094.         <div>
  1095.             <p style="font-family: muli; color: #fff; font-weight:bold;" align="center">{{ modal.message }}</p>
  1096.         </div>
  1097.     </div>
  1098.     <div class="ngdialog-buttons">
  1099.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1100.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  1101.     </div>
  1102. </script>
  1103. <script type="text/ng-template" id="DeactivateModal" >
  1104.     <div style="width: 100%; padding:10px;" align="center">
  1105.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1106.        
  1107.     </div>
  1108.     <hr style="margin-top: -2px;">
  1109.     <div class="ngdialog-message" style="width: 100%;">
  1110.         <div style="margin-top: -15px;">
  1111.             <h3>
  1112.                 <span style="font-family: muli; color: #fff;">{{ modal.title }}</span>
  1113.             </h3>
  1114.         </div>
  1115.         <div>
  1116.             <p style="font-family: muli; color: #fff; font-weight:bold;" align="center">{{ modal.message }}</p>
  1117.             <div style="height:2px;width:100%;background-color:#323232;margin-bottom:15px;"></div>
  1118.             <table class ="tblDeactivate">
  1119.                 <tr>
  1120.                     <td style="background-color:#323232;">
  1121.                         <label style= "font-family: muli; color: #fff; font-size:22px; float: left;">Last day of Work</label>
  1122.                     </td>
  1123.                     <td style="background-color:#323232;">
  1124.                         <input type="date" class="form-control" ng-model="modal.last_day_works" ng-required="true" close-text="Close"/>
  1125.                     </td>
  1126.                 </tr>
  1127.                 <tr>
  1128.                     <td style="background-color:#323232;">
  1129.                         <label style= "font-family: muli; color: #fff; font-size:22px; float: left;">Effective Date of Resignation</label>
  1130.                     </td>
  1131.                     <td style="background-color:#323232;">
  1132.                         <input type="date" size = "10" class="form-control" ng-model= "modal.effective_dates"  ng-required="true" close-text="Close"/>
  1133.                     </td>
  1134.                 </tr>
  1135.                 <tr>
  1136.                     <td colspan="2" style="background-color:#323232;">
  1137.                         <label style = "font-family: muli; color: #fff; font-size:20px;">Reason:</label>
  1138.                         <textarea ng-model="modal.reason" rows ='4' cols ='40' tabindex="1" autofocus required/>
  1139.                     </td>
  1140.                 </tr>
  1141.             </table>
  1142.         </div>
  1143.     </div>
  1144.     <div class="ngdialog-buttons">
  1145.         <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1146.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  1147.     </div>
  1148. </script>
  1149. <script type="text/ng-template" id="DisapprovedModal">
  1150.     <div style="width: 100%; padding:10px;" align="center">
  1151.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1152.        
  1153.     </div>
  1154.     <hr style="margin-top: -2px;">
  1155.     <div class="ngdialog-message" style="width: 100%;">
  1156.         <form name= "disapprove">
  1157.             <div style="margin-top: -15px;">
  1158.                 <h3>
  1159.                     <span style="font-family: muli; color: #fff; font-weight:bold;">{{ modal.title }}</span>
  1160.                 </h3>
  1161.             </div>
  1162.             <div>
  1163.                 <!-- <h3>Disapprove</h3> -->
  1164.                 <div style="height:2px;width:100%;background-color:#323232;margin-bottom:10px;"></div>
  1165.                 <h5>
  1166.                     <span style="font-family: muli; color: #fff; font-weight:bold; font-size:15px;">{{ modal.message }}</span>
  1167.                 </h5>
  1168.                 <table class ="tbldisapprove">
  1169.                     <tr>
  1170.                         <td colspan="2" style="background-color:#323232;">
  1171.                             <label style = "font-size:20px;font-family: muli; color: #fff; font-weight:bold;">Remarks:</label>
  1172.                             <textarea ng-model="modal.remarks" rows ='5' cols ='40' tabindex="1" autofocus required/>
  1173.                         </td>
  1174.                     </tr>
  1175.                 </table>
  1176.             </div>
  1177.         </div>
  1178.         <div class="ngdialog-buttons">
  1179.             <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1180.             <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="disapprove.$error.required">{{modal.save}}</button>
  1181.         </div>
  1182.     </form>
  1183. </script>
  1184. <script type="text/ng-template" id="PasswordModal">
  1185.     <div style="width: 100%; padding:10px;" align="center">
  1186.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1187.        
  1188.     </div>
  1189.     <hr style="margin-top: -2px;">
  1190.     <div class="ngdialog-message" style="width: 500px;">
  1191.         <div style="margin-top: -15px;">
  1192.             <h3>
  1193.                 <span style="font-family: muli; color: #fff; font-weight:bold;">{{ modal.title }}</span>
  1194.             </h3>
  1195.         </div>
  1196.         <div>
  1197.             <table class ="tblPasswordModal"style="width: 80%;">
  1198.                 <thead>
  1199.                     <tr>
  1200.                         <td style="background-color:#323232;">
  1201.                             <span style="font-family: muli; color: #fff; font-weight:bold;">Current Password : </span>
  1202.                         </td>
  1203.                         <td style="background-color:#323232;">
  1204.                             <input type="password" ng-model="modal.data.old_password" maxlength="20"/>
  1205.                         </td>
  1206.                     </tr>
  1207.                     <tr>
  1208.                         <td style="background-color:#323232;">
  1209.                             <span style="font-family: muli; color: #fff; font-weight:bold;">New Password : </span>
  1210.                         </td>
  1211.                         <td style="background-color:#323232;">
  1212.                             <input type="password" ng-model="modal.data.new_password" maxlength="20"/>
  1213.                         </td>
  1214.                     </tr>
  1215.                     <tr>
  1216.                         <td style="background-color:#323232;">
  1217.                             <span style="font-family: muli; color: #fff; font-weight:bold;">Confirm Password : </span>
  1218.                         </td>
  1219.                         <td style="background-color:#323232;">
  1220.                             <input type="password" ng-model="modal.data.confirm_password" maxlength="20"/>
  1221.                         </td>
  1222.                     </tr>
  1223.                 </thead>
  1224.             </table>
  1225.         </div>
  1226.     </div>
  1227.     <div class="ngdialog-buttons">
  1228.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1229.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  1230.     </div>
  1231. </script>
  1232. <script type="text/ng-template" id="ManualLogModal">
  1233.     <div class="ngdialog-message">
  1234.         <div style="width: 100%" align="center">
  1235.             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1236.        
  1237.         </div>
  1238.         <hr style="margin-top: -2px;">
  1239.         <form name="manualLog">
  1240.             <div style="margin-top: 10px;">
  1241.                 <h2>
  1242.                     <span style="font-family: muli; color: #fff; font-weight:bold; color:#fff;">
  1243.                         <b>{{ modal.title }}</b>
  1244.                     </span>
  1245.                 </h2>
  1246.             </div>
  1247.             <div style="height:2px;width:100%;background-color:#323232;margin-bottom:15px;"></div>
  1248.             <div label="form-group" ng-class="{'has-error': timepickerForm.time.$invalid}" >
  1249.                 <label style= "font-family: muli; color: #fff; font-weight:bold; font-size:20px; float: left;">Time:</label>
  1250.                 <input type="text" class="form-control" size="8" ng-model="log.time_log" name="time" bs-timepicker style="width: 100px;margin-left: 80px;"/>
  1251.                 <label style = "font-family: muli; color: #fff; font-weight:bold; font-size:20px;">Reason:</label>
  1252.                 <textarea ng-model="log.reason" rows ='6' cols ='31' tabindex="1" autofocus required/>
  1253.             </div>
  1254.         </div>
  1255.         <div class="ngdialog-buttons">
  1256.             <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1257.             <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="closeThisDialog('Save')" ng-disabled="manualLog.$error.required">{{modal.save}}</button>
  1258.         </div>
  1259.     </form>
  1260. </script>
  1261. <!-- <script type="text/ng-template" id="OvertimeModal"><div class="ngdialog-message"><form name="overtime"><div style="margin-top: 10px;"><h2><span style="color:#0c79be;">{{ modal.title }}</span></h2>
  1262.  
  1263.            </div><div style="height:2px;width:100%;background-color:#B3B3B3;margin-bottom:15px;"></div><div label="form-group" ng-class="{'has-error': timepickerForm.time.$invalid}" ><label style = "font-size:20px;">Reasondsdsd:</label><textarea ng-model="log.reason" rows ='6' cols ='31' tabindex="1" autofocus required/>
  1264.            </div>
  1265.        </div><div class="ngdialog-buttons"><button type="button" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button><button type="button" class="ngdialog-button button-action" data-ng-click="closeThisDialog('Save')" ng-disabled="manualLog.$error.required">{{modal.save}}</button></div>
  1266.        </form>
  1267.    </script> -->
  1268. <script type="text/ng-template" id="DisapproveModal">
  1269.     <div style="width: 100%" align="center">
  1270.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1271.        
  1272.     </div>
  1273.     <hr style="margin-top: -2px;">
  1274.     <div class="ngdialog-message">
  1275.         <form name="disapproveForm">
  1276.             <div style="margin-top: 10px;">
  1277.                 <h2>
  1278.                     <span style="font-family: muli; color: #fff; font-size: 25px;">
  1279.                         <b>{{ modal.title }}</b>
  1280.                     </span>
  1281.                 </h2>
  1282.             </div>
  1283.             <label style = "font-size:20px;">Remarks:</label>
  1284.             <textarea ng-model="log.remarks" rows ='6' cols ='32' tabindex="1" required/>
  1285.         </div>
  1286.         <div class="ngdialog-buttons">
  1287.             <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1288.             <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="disapproveForm.$error.required">{{modal.save}}</button>
  1289.         </div>
  1290.     </form>
  1291. </script>
  1292. <!--
  1293.    <script type="text/ng-template" id="EditModal" class="ngdialog-buttons"><div class="ngdialog-message" style="width: 500px;"><div style="margin-top: -5px;"><h3><span style="color:#0c79be; margin-left:25px">{{ modal.title }}</span></h3>
  1294.            </div><style type="text/css">
  1295.                #submit {
  1296.                    color: #2196f3 !important;
  1297.                }
  1298.  
  1299.                #submit:hover{
  1300.                    background-color: #e7e7e7;
  1301.                }
  1302.  
  1303.                body>footer {
  1304.                    /*background-color: #eee;*/
  1305.                    font-size: 11px;
  1306.                    position: fixed;
  1307.                    bottom: 0;
  1308.                    padding: 8px;
  1309.                    /*width: 100%;*/
  1310.                    width: 400px;
  1311.  
  1312.                    max-height: 450px;
  1313.                    display: block;
  1314.  
  1315.                    /*additional remove to make a footer and uncomment comments above*/
  1316.                    margin-left: 75%;
  1317.                }
  1318.  
  1319.                body>footer .footer-main {
  1320.                    width: 100%;
  1321.                    text-align: right;
  1322.                }
  1323.  
  1324.                .red {
  1325.                    color: #ff0000;
  1326.                }
  1327.  
  1328.                .container {
  1329.                    width: 500px;
  1330.                    clear: both;
  1331.                }
  1332.                .container input {
  1333.                    width: 100%;
  1334.                    clear: both;
  1335.                }
  1336.                #css .ng-dirty.ng-valid {
  1337.                border:1px solid Green;
  1338.                }
  1339.                #css .ng-dirty.ng-invalid {
  1340.                    border:1px solid Red;
  1341.                }
  1342.  
  1343.            </style><div id="content2" style="margin: 20px; border:0px solid #f0f0f0;"><div><form name="myForm" novalidate><table><tr><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px  ; border:0px solid #f0f0f0;">Employee ID:</label></td><td id="css"><input name="user" required ng-model = "employee.employee_id" maxlength = "9"type = "text" is-number style="display: block; float: left; width:320px; height:25px;" tabindex="1"/><span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid"><span ng-show="myForm.user.$error.required">Employee ID is required.</span></span>
  1344.                                </td><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px ; border:0px solid #f0f0f0;"> Business E-mail Address:</label></td><td id="css"><input name="businessEmail" required ng-model="employee.business_email_address" type="email" style="display: block; float: left; width:320px; height:25px;" tabindex="6"/><span style="color:red" ng-show="myForm.businessEmail.$error.required">Business E-mail Address is required.</span><span style="color:red" ng-show="myForm.businessEmail.$error.email">Please, write a valid Business E-mail Address address.</span></td>
  1345.                            </tr><tr><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px ; border:0px solid #f0f0f0;">First Name:</label></td><td id="css"><input name="firstName" required ng-model="employee.first_name" type="text" style="display: block; float: left; width:320px; height:25px;" tabindex="2"/><span style="color:red" ng-show="myForm.firstName.$dirty && myForm.firstName.$invalid"><span ng-show="myForm.firstName.$error.required">First Name is required.</span></span>
  1346.                                </td><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px ; border:0px solid #f0f0f0;">E-mail Address:</label></td><td id="css"><input name="email" required ng-model="employee.email_address" type="email" style="display: block; float: left; width:320px; height:25px;" tabindex="7"/><span style="color:red" ng-show="myForm.email.$error.required">E-mail Address is required.</span><span style="color:red" ng-show="myForm.email.$error.email">Please, write a valid E-mail Address address.</span></td>
  1347.                            </tr><tr><td><label style="display:block; float:left; padding-top:10px; padding-right:10px ; font-size:14px; width:120px ; border:0px solid #f0f0f0;">Middle Name:</label></td><td id="css"><input name="middleName" required ng-model="employee.middle_name" type="text" style="display: block; float: left; width:320px; height:25px;" tabindex="3"/><span style="color:red" ng-show="myForm.middleName.$dirty && myForm.middleName.$invalid"><span ng-show="myForm.middleName.$error.required">Middle Name is required.</span></span>
  1348.                                </td><td><label style="display:block; float:left; padding-top:10px; padding-right:10px ; font-size:14px; width:120px ; border:0px solid #f0f0f0;">Department:</label></td><td id="css"><select required ng-model="employee.departments_pk" style="display: block; float: left; width:320px; height:25px border:0px solid #f0f0f0;; " tabindex="8"><option ng-repeat="(k, v) in department.data" style="cursor:pointer;" value="{{v.pk}}">
  1349.  
  1350.                                            {{v.department}}
  1351.  
  1352.                                        </option></select>
  1353.  
  1354.                                </td>
  1355.                            </tr><tr><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px border:0px;">Last Name:</label></td><td id="css"><input name="lastName" required ng-model="employee.last_name" type="text" style="display: block; float: left; width:320px; height:25px;" tabindex="4"/><span style="color:red" ng-show="myForm.lastName.$dirty && myForm.lastName.$invalid"><span ng-show="myForm.lastName.$error.required">Last Name is required.</span></span>
  1356.                                </td><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px border:0px;">Level:</label></td><td id="css"><select required ng-model="employee.levels_pk" style="display: block; float: left; width:320px; height:25px border:0px solid #f0f0f0;; " tabindex="9"><option ng-repeat="(k, v) in level_title.data" style="cursor:pointer;" value="{{v.pk}}">
  1357.                                                {{v.level_title}}
  1358.                                            </option></select>
  1359.  
  1360.                                </td>
  1361.                            </tr><tr><td><label style="display:block; float:left; padding-top:10px; padding-right:10px; font-size:14px; width:120px border:0px;">Position:</label></td><td id="css"><select required ng-model="employee.titles_pk" style="display: block; float: left; width:320px; height:25px border:0px solid #f0f0f0;; " tabindex="5" class = "show_hours" ><option style="display:none">-- Please Select One --</option><option ng-repeat="(k, v) in titles.data" style="cursor:pointer;" value="{{v.pk}}">
  1362.  
  1363.                                            {{v.title}}
  1364.  
  1365.                                        </option></select>
  1366.  
  1367.                                </td>
  1368.  
  1369.                            </tr><tr><td colspan = "4"><center style="font-size: 18px; font-style: bold"><button type="button" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button><button type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid
  1370.                                        || myForm.firstName.$dirty && myForm.firstName.$invalid
  1371.                                        || myForm.middleName.$dirty && myForm.middleName.$invalid
  1372.                                        || myForm.lastName.$dirty && myForm.lastName.$invalid
  1373.                                        || myForm.email.$dirty && myForm.email.$invalid
  1374.                                        || myForm.businessEmail.$dirty && myForm.businessEmail.$invalid" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button></center>
  1375.                                </td>
  1376.                            </tr>
  1377.                    </table>
  1378.                    </form>
  1379.                </div>
  1380.            </div>
  1381.        </div>
  1382.    </script>-->
  1383. <script type="text/ng-template" id="OvertimeModal">
  1384.     <div style="width: 100%" align="center">
  1385.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1386.        
  1387.     </div>
  1388.     <hr style="margin-top: -2px;">
  1389.     <div class="ngdialog-message" style="width: 100%;">
  1390.         <form name="overtime">
  1391.             <div style="margin-top: -15px;">
  1392.                 <h3>
  1393.                     <span style="font-family: muli; color: #fff; font-weight:bold;">{{ modal.title }}</span>
  1394.                 </h3>
  1395.             </div>
  1396.             <div>
  1397.                 <label style= "font-size:15px; color: #fff; font-family: muli;">Total hours: </label>
  1398.                 <label style= "font-size:15px; color: #fff; font-family: muli;">{{modal.overtime}}</label>
  1399.             </div>
  1400.             <div style="display:none;">
  1401.                 <label style= "font-size:15px; color: #fff; font-family: muli;">Type: </label>
  1402.                 <select ng-model="modal.type">
  1403.                     <option>Paid</option>
  1404.                     <option>Unpaid</option>
  1405.                 </select>
  1406.             </div>
  1407.             <div>
  1408.                 <label style= "font-size:15px; color: #fff; font-family: muli;">Reason: </label>
  1409.                 <textarea ng-model="modal.remarks" cols="42" rows="5" required style="color: #323232;"></textarea>
  1410.             </div>
  1411.         </div>
  1412.         <div class="ngdialog-buttons">
  1413.             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1414.             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="overtime.$error.required">{{modal.save}}</button>
  1415.         </div>
  1416.     </form>
  1417. </script>
  1418. <script type="text/ng-template" id="ConfirmLogModal">
  1419.     <div style="width: 100%" align="center">
  1420.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1421.        
  1422.     </div>
  1423.     <hr style="margin-top: -2px;">
  1424.     <div class="ngdialog-message" style="width: 100%;">
  1425.         <div style="margin-top: -15px;">
  1426.             <h3>
  1427.                 <span style="font-size:25px; color: #fff; font-family: muli;">
  1428.                     <b>{{ modal.title }}</b>
  1429.                 </span>
  1430.             </h3>
  1431.         </div>
  1432.         <div>
  1433.             <h4 style="color: #fff; font-family: muli;">
  1434.                 <b>{{ modal.message }}</b>
  1435.             </h4>
  1436.         </div>
  1437.     </div>
  1438.     <div class="ngdialog-buttons">
  1439.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1440.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  1441.     </div>
  1442. </script>
  1443. <script type="text/ng-template" id="DepartmentModal">
  1444.     <div style="width: 100%" align="center">
  1445.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1446.        
  1447.     </div>
  1448.     <hr style="margin-top: -2px;">
  1449.     <div class="ngdialog-message">
  1450.         <div style="margin-top:-20px;">
  1451.             <h2>
  1452.                 <span style="font-size:25px; color: #fff; font-family: muli;">
  1453.                     <b>{{ modal.title }}</b>
  1454.                 </span>
  1455.             </h2>
  1456.         </div>
  1457.         <form name="myForm">
  1458.             <div>
  1459.                 <label style= "font-size:15px; color: #fff; font-family: muli; float: left;">New Department Name:</label>
  1460.                 <input required type="text" size="10" ng-model="modal.department" style="width: 300px;" />
  1461.                 <br>
  1462.                 <label style= "font-size:15px; color: #fff; font-family: muli; float: left;">New Department Code:</label>
  1463.                 <input required type="text" size="10" ng-model="modal.code" style="width: 300px;" />
  1464.             </div>
  1465.         </form>
  1466.     </div>
  1467.     <div class="ngdialog-buttons">
  1468.         <hr style="height:2px">
  1469.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1470.         <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1471.     </div>
  1472. </script>
  1473. <script type="text/ng-template" id="DepartmentNewModal">
  1474.     <div style="width: 100%" align="center">
  1475.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1476.        
  1477.     </div>
  1478.     <hr style="margin-top: -2px;">
  1479.     <div class="ngdialog-message">
  1480.         <div style="margin-top: 10px;">
  1481.             <h3>
  1482.                 <span style="font-size:25px; color: #fff; font-family: muli;">
  1483.                     <b>{{ modal.title }}</b>
  1484.                 </span>
  1485.             </h3>
  1486.         </div>
  1487.         <div style="height:2px;width:100%;background-color:#323232;margin-bottom:15px;"></div>
  1488.         <form name="myForm">
  1489.             <div>
  1490.                 <label style= "font-size:15px; color: #fff; font-family: muli; float: left;">Department Name:</label>
  1491.                 <input required type="text"  size="10" ng-model="modal.department" style="width: 300px;font-size:18px;"/>
  1492.                 <label style= "font-size:15px; color: #fff; font-family: muli; float: left;margin-top:20px">Department Code:</label>
  1493.                 <input required type="text" size="10" ng-model="modal.code" style="width: 300px;margin-top:5px;font-size:18px;" />
  1494.             </div>
  1495.         </form>
  1496.     </div>
  1497.     <hr style="height:2px">
  1498.     <div class="ngdialog-buttons">
  1499.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1500.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1501.     </div>
  1502. </script>
  1503. <script type="text/ng-template" id="PositionModal">
  1504.     <div style="width: 100%" align="center">
  1505.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1506.        
  1507.     </div>
  1508.     <hr style="margin-top: -2px;">
  1509.     <div class="ngdialog-message">
  1510.         <div style="margin-top: 10px;">
  1511.             <h3>
  1512.                 <span style="font-family: muli; color: #fff; font-weight:bold; font-size:25px;">
  1513.                     <b>{{ modal.title }}</b>
  1514.                 </span>
  1515.             </h3>
  1516.         </div>
  1517.         <form name="myForm" novalidate>
  1518.             <div>
  1519.                 <label style= "font-family: muli; color: #fff; font-weight:bold; font-size:16px; float: left;">New Position Name:</label>
  1520.                 <input required type="text" size="10" ng-model="modal.fields.title" style="width: 300px;" placeholder="e.g. HR Manager, etc." />
  1521.             </div>
  1522.         </form>
  1523.         <br>
  1524.         <br>
  1525.         <div style="margin-top: 10px;">
  1526.             <h3>
  1527.                 <span style="font-family: muli; color: #fff; font-weight:bold;">
  1528.                     <b>{{ modal.titles }}</b>
  1529.                 </span>
  1530.             </h3>
  1531.         </div>
  1532.         <form name="myForm">
  1533.             <div>
  1534.                 <select ng-model="filter.group" ng-change= "change_groupings()" class="form-control">
  1535.                     <option>Rank & File</option>
  1536.                    <option>Specialist</option>
  1537.                    <option>Supervisor</option>
  1538.                    <option>Managerial</option>
  1539.                    <option>Executive</option>
  1540.                    <option>C-Level</option>
  1541.                </select>
  1542.            </form>
  1543.        </div>
  1544.    </div>
  1545.    <hr style="height:2px">
  1546.    <div class="ngdialog-buttons">
  1547.        <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;"  class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1548.         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  1549.     </div>
  1550. </script>
  1551. <script type="text/ng-template" id="PositionNewModal">
  1552.     <div style="width: 100%" align="center">
  1553.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1554.        
  1555.     </div>
  1556.     <hr style="margin-top: -2px;">
  1557.     <div class="ngdialog-message">
  1558.         <h3>
  1559.             <p style="font-family: muli; color: #fff; font-weight:bold; font-size:25px; float: left;">
  1560.                 <b>{{ modal.title }}</b>
  1561.             </p>
  1562.         </h3>
  1563.         <form name="myForm">
  1564.             <br>
  1565.             <br>
  1566.             <div>
  1567.                 <label style= "font-family: muli; color: #fff; font-weight:bold; font-size:16px; float: left;">Position Name:</label>
  1568.                 <input required type="text" size="10" ng-model="modal.fields.title" style="width: 300px;" placeholder="e.g. HR Manager, etc."/>
  1569.             </div>
  1570.         </form>
  1571.         <br>
  1572.         <br>
  1573.         <div style="margin-top: 10px;">
  1574.             <h3>
  1575.                 <span style="font-family: muli; color: #fff; font-weight:bold;">
  1576.                     <b>{{ modal.titles }}</b>
  1577.                 </span>
  1578.             </h3>
  1579.         </div>
  1580.         <form name="myForm">
  1581.             <div>
  1582.                 <select ng-model="filter.group" ng-change= "change_groupings()" class="form-control">
  1583.                     <option>Rank & File</option>
  1584.                    <option>Specialist</option>
  1585.                    <option>Supervisor</option>
  1586.                    <option>Managerial</option>
  1587.                    <option>Executive</option>
  1588.                    <option>C-Level</option>
  1589.                </select>
  1590.            </form>
  1591.        </div>
  1592.    </div>
  1593.    <hr style="height:2px">
  1594.    <div class="ngdialog-buttons">
  1595.        <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1596.         <button type="button"  style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1597.     </div>
  1598. </script>
  1599. <script type="text/ng-template" id="LevelModal">
  1600.     <div style="width: 100%" align="center">
  1601.         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1602.        
  1603.     </div>
  1604.     <hr style="margin-top: -2px;">
  1605.     <div class="ngdialog-message">
  1606.         <div style="margin-top: 10px;">
  1607.             <h2>
  1608.                 <span style="font-family: muli; color: #fff; font-weight:bold;">
  1609.                     <b>{{ modal.title }}</b>
  1610.                 </span>
  1611.             </h2>
  1612.         </div>
  1613.         <form name="myForm">
  1614.             <div>
  1615.                 <label style= "font-size:15px; float: left; font-family: muli; color: #fff;">New Level Name:</label>
  1616.                 <input required type="text" size="10" ng-model="modal.fields.level_title" style="width: 300px;" />
  1617.             </div>
  1618.         </form>
  1619.         <div style="margin-top: 10px;">
  1620.             <h3>
  1621.                 <span style="font-family: muli; color: #fff; font-weight:bold;">
  1622.                     <b>{{modal.titles}}</b>
  1623.                 </span>
  1624.             </h3>
  1625.         </div>
  1626.         <form name="myForm">
  1627.             <div>
  1628.                 <select ng-model="filter.group" ng-change= "change_groupings()" class="form-control">
  1629.                     <option>Rank & File</option>
  1630.                    <option>Supervisor</option>
  1631.                    <option>Managerial</option>
  1632.                    <option>Executive</option>
  1633.                </select>
  1634.            </form>
  1635.        </div>
  1636.        <hr style="height:2px">
  1637.        <div class="ngdialog-buttons">
  1638.            <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1639.             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1640.         </div>
  1641.     </script>
  1642.     <script type="text/ng-template" id="LevelNewModal">
  1643.         <div style="width: 100%" align="center">
  1644.             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1645.        
  1646.         </div>
  1647.         <hr style="margin-top: -2px;">
  1648.         <div class="ngdialog-message">
  1649.             <div style="margin-top: 10px;">
  1650.                 <h3>
  1651.                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  1652.                         <b>{{ modal.title }}</b>
  1653.                     </span>
  1654.                 </h3>
  1655.             </div>
  1656.             <form name="myForm">
  1657.                 <div>
  1658.                     <label style= "font-size:15px; float: left; font-family: muli; color: #fff;">Level Name:</label>
  1659.                     <input required type="text" size="10" ng-model="modal.level_title" style="width: 300px;" placeholder="e.g. Associate, Intern, etc."/>
  1660.                 </div>
  1661.             </form>
  1662.             <hr style="height:2px">
  1663.             <div class="ngdialog-buttons">
  1664.                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1665.                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1666.             </div>
  1667.         </script>
  1668.         <script type="text/ng-template" id="HolidayModal">
  1669.             <div style="width: 100%" align="center">
  1670.                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1671.        
  1672.             </div>
  1673.             <hr style="margin-top: -2px;">
  1674.             <div class="ngdialog-message">
  1675.                 <div style="margin-top: 10px;">
  1676.                     <h3>
  1677.                         <span style="font-family: muli; color: #fff; font-weight:bold;">{{ modal.title }}</span>
  1678.                     </h3>
  1679.                 </div>
  1680.                 <form name="myForm">
  1681.                     <div>
  1682.                         <label style="margin-top: 10px;font-size:15px; font-family: muli; color: #fff; font-weight:bold;">New Holiday Name:</label>
  1683.                         <input required type="text" size="10" ng-model="modal.name" style="width: 300px;font-size:18px;"/>
  1684.                         <label style="margin-top: 10px;font-size:15px; font-family: muli; color: #fff; font-weight:bold;">New Holiday type:</label>
  1685.                         <select ng-model="modal.type" style="width: 300px;font-size:18px;">
  1686.                             <option>Regular</option>
  1687.                             <option>Special Working</option>
  1688.                             <option>Special Non-Working</option>
  1689.                         </select>
  1690.                         <label style="margin-top: 10px;font-size:15px; font-family: muli; color: #fff; font-weight:bold;">New Holiday date:</label>
  1691.                         <input required placeholder ="Holiday Date" type="date" size="10" ng-model="modal.datex" style="width: 300px;font-size:18px;" />
  1692.                     </div>
  1693.                 </form>
  1694.             </div>
  1695.             <hr style="height:2px">
  1696.             <div class="ngdialog-buttons">
  1697.                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1698.                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1699.             </div>
  1700.         </script>
  1701.         <script type="text/ng-template" id="MemoModal">
  1702.             <div style="width: 100%" align="center">
  1703.                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1704.        
  1705.             </div>
  1706.             <hr style="margin-top: -2px;">
  1707.             <div class="ngdialog-message">
  1708.                 <div style="margin-top: 10px;">
  1709.                     <h3>
  1710.                         <span style="font-family: muli; color: #fff; font-weight:bold;">
  1711.                             <b>{{ modal.title }}</b>
  1712.                         </span>
  1713.                     </h3>
  1714.                 </div>
  1715.                 <div style="height:2px;width:100%;background-color:#B3B3B3;margin-bottom:15px;"></div>
  1716.                 <form name="myForm">
  1717.                     <div>
  1718.                         <label style="font-family: muli; color: #fff; margin-top: 10px;font-size:15px;">
  1719.                             <b>New Memo:</b>
  1720.                         </label>
  1721.                         <br>
  1722.                         <textarea ng-model="modal.memo" rows ='10' cols ='89' tabindex="1" autofocus required/>
  1723.                     </form>
  1724.                 </div>
  1725.                 <hr style="height:2px">
  1726.                 <div class="ngdialog-buttons">
  1727.                     <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1728.                     <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1729.                 </div>
  1730.             </script>
  1731.             <script type="text/ng-template" id="MemoEditModal">
  1732.                 <div style="width: 100%" align="center">
  1733.                     <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1734.        
  1735.                 </div>
  1736.                 <hr style="margin-top: -2px;">
  1737.                 <div class="ngdialog-message">
  1738.                     <div style="margin-top: 10px;">
  1739.                         <h3>
  1740.                             <span style="font-family: muli; color: #fff; font-weight:bold;">
  1741.                                 <b>{{ modal.title }}</b>
  1742.                             </span>
  1743.                         </h3>
  1744.                     </div>
  1745.                     <form name="myForm">
  1746.                         <div>
  1747.                             <label style="font-family: muli; color: #fff; margin-top: 10px;font-size:15px;">Edit Memo:</label>
  1748.                             <br>
  1749.                             <textarea ng-model="modal.memo" rows ='10' cols ='89' tabindex="1" autofocus required/>
  1750.                         </form>
  1751.                     </div>
  1752.                     <hr style="height:2px">
  1753.                     <div class="ngdialog-buttons">
  1754.                         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1755.                         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1756.                     </div>
  1757.                 </script>
  1758.                 <script type="text/ng-template" id="ShowMemoModal">
  1759.                     <div style="width: 100%" align="center">
  1760.                         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1761.        
  1762.                     </div>
  1763.                     <hr style="margin-top: -2px;">
  1764.                     <div class="ngdialog-message" style="width;100%;height:100%">
  1765.                         <div>
  1766.                             <h2>
  1767.                                 <span style="font-family: muli; color: #fff; font-weight:bold;">
  1768.                                     <b>{{ modal.title }}</b>
  1769.                                 </span>
  1770.                             </h2>
  1771.                         </div>
  1772.                         <div style="max-height:220px;overflow-y:auto;overflow-x:hidden;">
  1773.                             <table width="817">
  1774.                                 <tr>
  1775.                                     <td>
  1776.                         {{ modal.memo }}
  1777.                        
  1778.                                         <br>
  1779.                                         <br>
  1780.                                         <i style="font-size:12px;color:#AAA;">
  1781.                              {{ modal.created_by }}
  1782.                            
  1783.                                             <br>
  1784.                             {{ modal.date_created }}
  1785.  
  1786.                        
  1787.                                         </i>
  1788.                                     </td>
  1789.                                 </tr>
  1790.                             </table>
  1791.                         </div>
  1792.                         <br>
  1793.                         <a ng-click="memo_tracker()" ng-show="profile.pk == modal.created_by_pk" style="font-family: muli; color: #28ad1f; font-weight:bold;">
  1794.                             <u>Seen by</u>
  1795.             {{ modal.count }}
  1796.                         </a>
  1797.                         <div class="ngdialog-buttons">
  1798.                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1799.                         </div>
  1800.                     </script>
  1801.                     <script type="text/ng-template" id="ShowReadMemoModal">
  1802.                         <div style="width: 100%" align="center">
  1803.                             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1804.        
  1805.                         </div>
  1806.                         <hr style="margin-top: -2px;">
  1807.                         <div class="ngdialog-message" style="width;100%;height:100%">
  1808.                             <div>
  1809.                                 <h2>
  1810.                                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  1811.                                         <b>{{ modal2.title }}</b>
  1812.                                     </span>
  1813.                                 </h2>
  1814.                                 <div style="height:2px;width:100%;background-color:#B3B3B3;margin-bottom:10px;"></div>
  1815.                             </div>
  1816.                             <div style="max-height:230px;max-width:500px;overflow-y:auto;overflow-x:hidden;">
  1817.                                 <table id="datatables-example" width="420">
  1818.                                     <tr ng-repeat="(k, v) in modal2.read_memo" style="cursor:pointer;">
  1819.                                         <td>
  1820.                         {{v.name}}
  1821.  
  1822.                     </td>
  1823.                                         <td>
  1824.                                             <i style="color:#AAA;">{{v.date_created}}</i>
  1825.                                         </td>
  1826.                                     </tr>
  1827.                                 </table>
  1828.                             </div>
  1829.                             <br>
  1830.                             <div class="ngdialog-buttons">
  1831.                                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal2.close}}</button>
  1832.                             </div>
  1833.                         </script>
  1834.                         <script type="text/ng-template" id="RequestTypeModal">
  1835.                             <div style="width: 100%" align="center">
  1836.                                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1837.        
  1838.                             </div>
  1839.                             <hr style="margin-top: -2px;">
  1840.                             <div class="ngdialog-message">
  1841.                                 <div style="margin-top: 10px;">
  1842.                                     <h3>
  1843.                                         <span style="font-family: muli; color: #fff; font-weight:bold;">
  1844.                                             <b>{{ modal.title }}</b>
  1845.                                         </span>
  1846.                                     </h3>
  1847.                                 </div>
  1848.                                 <div style="height:2px;width:100%;background-color:#B3B3B3;margin-bottom:15px;"></div>
  1849.                                 <form name="myForm">
  1850.                                     <div>
  1851.                                         <label style="margin-top: 10px;font-size:20px;">New Request Type:</label>
  1852.                                         <input required type="text" size="10" ng-model="modal.type" style="width: 300px;" />
  1853.                                         <br>
  1854.                                         <br>
  1855.                                         <label style = "font-size:20px;">Recipient:</label>
  1856.                                         <select required ng-model="modal.recipient" style="display: block; float: left;font-size:16px; width:300px;padding:8px;height:25px border:0px solid #f0f0f0;; " tabindex="5">
  1857.                                             <option ng-repeat="(k, v) in employees.data" style="cursor:pointer;" value="{{v.pk}}">
  1858.                             {{v.details.personal.first_name}},{{v.details.personal.last_name}}
  1859.                         </option>
  1860.                                         </select>
  1861.                                     </div>
  1862.                                 </form>
  1863.                                 <hr style="height:2px">
  1864.                                 <div class="ngdialog-buttons">
  1865.                                     <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1866.                                     <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  1867.                                 </div>
  1868.                             </script>
  1869.                             <script type="text/ng-template" id="LeaveModal">
  1870.                                 <div class="ngdialog-message" style="width;100%;height:100%">
  1871.                                     <div>
  1872.                                         <img src="ASSETS/img/logo_black_white.png" style="height: 50px; float: right; margin-top: 52px;">
  1873.                                         <h2>
  1874.                                             <span style="font-family: muli; color: #fff; font-weight:bold;">
  1875.                                                 <b>{{ modal.title }}</b>
  1876.                                             </span>
  1877.                                         </h2>
  1878.                                         <div style="height:2px;width:100%;background-color:#323232;margin-bottom:10px;"></div>
  1879.                                     </div>
  1880.                                     <div>
  1881.                                         <form name="leave">
  1882.                                             <table class="tblleave_timesheet" style="background-color: rgba(0,0,0,0); border: 0px;" border="0">
  1883.                                                 <tr style="border: 0px;">
  1884.                                                     <th colspan="2" style="background: #323232; border 0px;">
  1885.                                                         <label style = "font-size:20px; font-family: muli; color: #fff; font-weight:bold;">Type of leave</label>
  1886.                                                         <select required ng-model="modal.leave_types_pk" style="background: #fff; color: #323232;display: block; float: left;font-size:16px; width:380px;padding:8px;height:25px border:0px solid #f0f0f0;; " tabindex="5" ng-change="check_balance(); check_leave_count();">
  1887.                                                             <option ng-repeat="(k, v) in leave_types.data" style="cursor:pointer;" value="{{v.pk}}">
  1888.                                 {{v.name}}
  1889.                             </option>
  1890.                                                         </select>
  1891.                                                     </th>
  1892.                                                 </tr>
  1893.                                                 <tr>
  1894.                                                     <td style="background: #323232; border 0px;">
  1895.                                                         <label style= "font-size:20px; font-family: muli; color: #fff; font-weight:bold;">Duration:</label>
  1896.                                                     </td>
  1897.                                                     <td style="background: #323232; border 0px;">
  1898.                                                         <select style="background: #fff;" ng-model="modal.duration" ng-change="duration_changed(); check_leave_count();">
  1899.                                                             <option>Whole Day</option>
  1900.                                                             <option>First Half</option>
  1901.                                                             <option>Second Half</option>
  1902.                                                         </select>
  1903.                                                     </td>
  1904.                                                 </tr>
  1905.                                                 <tr>
  1906.                                                     <td style="background: #323232; border 0px;">
  1907.                                                         <label style= "font-size:20px; float: left; font-family: muli; color: #fff; font-weight:bold;">Start Date:</label>
  1908.                                                     </td>
  1909.                                                     <td style="background: #323232; border 0px;">
  1910.                                                         <input type="date" class="form-control" ng-model="modal.date_started" ng-required="true" close-text="Close" ng-change="check_leave_count()" ng-keyup="check_leave_count()" />
  1911.                                                     </td>
  1912.                                                 </tr>
  1913.                                                 <tr ng-show="isEndDate">
  1914.                                                     <td style="background: #323232; border 0px;">
  1915.                                                         <label style= "font-size:20px; float: left; font-family: muli; color: #fff; font-weight:bold;">End Date:</label>
  1916.                                                     </td>
  1917.                                                     <td style="background: #323232; border 0px;">
  1918.                                                         <input type="date" size = "10" class="form-control" ng-model= "modal.date_ended"  ng-required="true" close-text="Close" ng-change="check_leave_count()" ng-keyup="check_leave_count()"/>
  1919.                                                     </td>
  1920.                                                 </tr>
  1921.                                                 <tr>
  1922.                                                     <td style="background: #323232; border 0px;">
  1923.                                                         <label style= "font-size:20px; font-family: muli; color: #fff; font-weight:bold;">Category:</label>
  1924.                                                     </td>
  1925.                                                     <td style="background: #323232; border 0px;">
  1926.                                                         <select style="background: #fff;" ng-model="modal.category" ng-change="check_balance(); check_leave_count();">
  1927.                                                             <option>Paid</option>
  1928.                                                             <option>Non-paid</option>
  1929.                                                         </select>
  1930.                                                     </td>
  1931.                                                 </tr>
  1932.                                                 <tr>
  1933.                                                     <td colspan="2" style="background: #323232; border 0px;">
  1934.                                                         <label style = "font-size:20px;float:left; color:#fff;">Reason:</label>
  1935.                                                         <textarea style="float-left;" ng-model="modal.reason" rows ='4' cols ='40' tabindex="1" autofocus required/>
  1936.                                                         <div>
  1937.                                                             <span ng-if="modal.remaining.status" style=" color:#fff;">Remaining Balance: {{modal.remaining.count - modal.total.count}}</span>
  1938.                                                         </div>
  1939.                                                         <!-- <div><span ng-if="modal.total.status" style=" color:#fff;">Total # of filed days: {{modal.total.count}}</span></div> -->
  1940.                    
  1941.                                                     </td>
  1942.                                                 </tr>
  1943.                                             </table>
  1944.                                         </div>
  1945.                                         <div class="ngdialog-buttons" style="padding-top:10px;">
  1946.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px; margin-top:0px;"  class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  1947.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px; margin-top:0px;" class="ngdialog-button ngdialog-button-primary" ng-class=""  data-ng-click="closeThisDialog('Save')" ng-disabled="leave.$error.required">{{modal.save}}</button>
  1948.                                         </div>
  1949.                                     </form>
  1950.                                 </script>
  1951.                                 <script type="text/ng-template" id="DpsModal">
  1952.                                     <div style="width: 100%" align="center">
  1953.                                         <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  1954.        
  1955.                                     </div>
  1956.                                     <hr style="margin-top: -2px;">
  1957.                                     <div class="ngdialog-message" style="width;100%;height:100%">
  1958.                                         <div>
  1959.                                             <h2>
  1960.                                                 <span style="font-family: muli; color: #fff; font-weight:bold;">
  1961.                                                     <b>{{ modal.title }}</b>
  1962.                                                 </span>
  1963.                                             </h2>
  1964.                                         </div>
  1965.                                         <div>
  1966.                                             <form name="dps">
  1967.                                                 <div label="form-group" ng-class="{'has-error': timepickerForm.time.$invalid}" >
  1968.                                                     <table class="tblDps">
  1969.                                                         <tr>
  1970.                                                             <td>
  1971.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff;">Type:</label>
  1972.                                                                 <select ng-model="log.type" ng-change="type_changed()">
  1973.                                                                     <option>Official</option>
  1974.                                                                     <option>Personal</option>
  1975.                                                                 </select>
  1976.                                                             </td>
  1977.                                                         </tr>
  1978.                                                         <tr>
  1979.                                                             <td>
  1980.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Date:</label>
  1981.                                                                 <input type="date"  class="form-control" size="8" ng-model="log.date" name="time" style="width: 160px;margin-left: 55px;"/>
  1982.                                                             </td>
  1983.                                                         </tr>
  1984.                                                         <tr>
  1985.                                                             <td>
  1986.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Time From:</label>
  1987.                                                                 <input type="text" class="form-control" size="8" bs-timepicker ng-model="log.time_from" name="time" style="width: 100px;margin-left: 85px;"/>
  1988.                                                             </td>
  1989.                                                         </tr>
  1990.                                                         <tr>
  1991.                                                             <td>
  1992.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Time To:</label>
  1993.                                                                 <input type="text" class="form-control" size="8" bs-timepicker ng-model="log.time_to" name="time" style="width: 100px;margin-left: 85px;"/>
  1994.                                                             </td>
  1995.                                                         </tr>
  1996.                                                         <tr>
  1997.                                                             <td>
  1998.                                                                 <label style = "font-size:20px; font-family: muli; color:#fff; width:200px;">Reason:</label>
  1999.                                                                 <textarea ng-model="log.remarks" rows ='6' cols ='32' tabindex="1" autofocus required/>
  2000.                                                             </td>
  2001.                                                         </tr>
  2002.                                                     </div>
  2003.                                                 </div>
  2004.                                                 <tr>
  2005.                                                     <td>
  2006.                                                         <div class="ngdialog-buttons">
  2007.                                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2008.                                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="dps.$error.required">{{modal.save}}</button>
  2009.                                                         </div>
  2010.                                                     </tr>
  2011.                                                 </td>
  2012.                                             </table>
  2013.                                         </form>
  2014.                                     </script>
  2015.                                     <script type="text/ng-template" id="SuspensionModal">
  2016.                                         <div class="ngdialog-message">
  2017.                                             <div style="margin-top: 10px;">
  2018.                                                 <h3>
  2019.                                                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  2020.                                                         <b>{{ modal.title }}</b>
  2021.                                                     </span>
  2022.                                                 </h3>
  2023.                                                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px; float:right; margin-top: -50px;">
  2024.            
  2025.                                             </div>
  2026.                                             <hr style="margin-top: -2px;">
  2027.                                             <form name="myForm">
  2028.                                                 <div style="width: 100%">
  2029.                                                     <table width="100%">
  2030.                                                         <tr>
  2031.                                                             <td width="20" style="background-color:#232323;">
  2032.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; margin-top: 7.5px; float: left;">Date From:</label>
  2033.                                                             </td>
  2034.                                                             <td style="background-color:#232323;">
  2035.                                                                 <input type="date"  class="form-control" size="8" ng-model="modal.date_from" name="time" style="width: 100%; margin-top: 4px;"/>
  2036.                                                             </td>
  2037.                                                         </tr>
  2038.                                                         <tr>
  2039.                                                             <td width="20">
  2040.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; margin-top: 7.5px; float: left;">Time From:</label>
  2041.                                                             </td>
  2042.                                                             <td>
  2043.                                                                 <input type="text" class="form-control" size="8" bs-timepicker ng-model="modal.time_from" name="time" style="width: 100%;"/>
  2044.                                                             </td>
  2045.                                                         </tr>
  2046.                                                         <tr>
  2047.                                                             <td width="20" style="background-color:#232323;">
  2048.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; margin-top: 7.5px; float: left;">Date To:</label>
  2049.                                                             </td>
  2050.                                                             <td style="background-color:#232323;">
  2051.                                                                 <input type="date"  class="form-control" size="8" ng-model="modal.date_to" name="time" style="width: 100%;"/>
  2052.                                                             </td>
  2053.                                                         </tr>
  2054.                                                         <tr>
  2055.                                                             <td width="20">
  2056.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; margin-top: 7.5px; float: left;">Time To:</label>
  2057.                                                             </td>
  2058.                                                             <td>
  2059.                                                                 <input type="text" class="form-control" size="8" bs-timepicker ng-model="modal.time_to" name="time" style="width: 100%;"/>
  2060.                                                             </td>
  2061.                                                         </tr>
  2062.                                                         <tr>
  2063.                                                             <td width="20" style="background-color:#232323;">
  2064.                                                                 <label style = "font-size:20px; font-family: muli; color:#fff;width:100%;">Remarks:</label>
  2065.                                                             </td>
  2066.                                                             <td style="background-color:#232323;">
  2067.                                                                 <textarea ng-model="modal.remarks" rows ='6' cols ='52' tabindex="1" autofocus required/>
  2068.                                                             </td>
  2069.                                                         </tr>
  2070.                                                     </table>
  2071.                                                 </div>
  2072.                                             </form>
  2073.                                         </div>
  2074.                                         <hr style="height:2px">
  2075.                                         <div class="ngdialog-buttons">
  2076.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2077.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  2078.                                         </div>
  2079.                                     </script>
  2080.                                     <script type="text/ng-template" id="EditSuspensionModal">
  2081.                                         <div style="width: 100%" align="center">
  2082.                                             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2083.        
  2084.                                         </div>
  2085.                                         <hr style="margin-top: -2px;">
  2086.                                         <div class="ngdialog-message">
  2087.                                             <div style="margin-top: 10px;">
  2088.                                                 <h2>
  2089.                                                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  2090.                                                         <b>{{ modal.title }}</b>
  2091.                                                     </span>
  2092.                                                 </h2>
  2093.                                             </div>
  2094.                                             <div style="height:2px;width:100%;background-color:#B3B3B3;margin-bottom:15px;"></div>
  2095.                                             <form name="myForm">
  2096.                                                 <div>
  2097.                                                     <label style="margin-top: 10px;font-size:20px; font-family: muli; color:#fff;">New Holiday Name:</label>
  2098.                                                     <input required type="text" size="10" ng-model="modal.name" style="width: 300px;font-size:18px;"/>
  2099.                                                     <tr>
  2100.                                                         <td>
  2101.                                                             <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Date From:</label>
  2102.                                                             <input type="date"  class="form-control" size="8" ng-model="modal.date_from" name="time" style="width: 160px;margin-left: 55px;"/>
  2103.                                                         </td>
  2104.                                                     </tr>
  2105.                                                     <tr>
  2106.                                                         <td>
  2107.                                                             <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Date To:</label>
  2108.                                                             <input type="date"  class="form-control" size="8" ng-model="modal.date_to" name="time" style="width: 160px;margin-left: 55px;"/>
  2109.                                                         </td>
  2110.                                                     </tr>
  2111.                                                     <input required type="text" size="10" ng-model="modal.name" style="width: 300px;font-size:18px;"/>
  2112.                                                     <tr>
  2113.                                                         <td>
  2114.                                                             <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Time From:</label>
  2115.                                                             <input type="text" class="form-control" size="8" bs-timepicker ng-model="modal.time_from" name="time" style="width: 100px;margin-left: 85px;"/>
  2116.                                                         </td>
  2117.                                                     </tr>
  2118.                                                     <tr>
  2119.                                                         <td>
  2120.                                                             <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Time To:</label>
  2121.                                                             <input type="text" class="form-control" size="8" bs-timepicker ng-model="modal.time_to" name="time" style="width: 100px;margin-left: 85px;"/>
  2122.                                                         </td>
  2123.                                                     </tr>
  2124.                                                 </div>
  2125.                                             </form>
  2126.                                         </div>
  2127.                                         <div class="ngdialog-buttons">
  2128.                                             <hr style="height:2px">
  2129.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2130.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">{{modal.save}}</button>
  2131.                                         </div>
  2132.                                     </script>
  2133.                                     <script type="text/ng-template" id="AttritionsModal" >
  2134.                                         <form name="attr">
  2135.                                             <div style="width: 100%" align="center">
  2136.                                                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2137.        
  2138.                                             </div>
  2139.                                             <hr style="margin-top: -2px;">
  2140.                                             <div class="ngdialog-message" style="width: 100%;">
  2141.                                                 <div style="margin-top: -15px;">
  2142.                                                     <h3>
  2143.                                                         <span style="font-family: muli; color: #fff; font-weight:bold;">
  2144.                                                             <b>{{ modal.title }}</b>
  2145.                                                         </span>
  2146.                                                     </h3>
  2147.                                                 </div>
  2148.                                                 <div>
  2149.                                                     <h4>
  2150.                                                         <span style="font-family: muli; color: #fff; font-weight:bold;">
  2151.                                                             <b>{{ modal.message }}</b>
  2152.                                                         </span>
  2153.                                                     </h4>
  2154.                                                     <div style="height:2px;width:100%;background-color:#B3B3B3;margin-bottom:15px;"></div>
  2155.                                                     <table class ="tblAttritions">
  2156.                                                         <tr>
  2157.                                                             <td colspan="2" style="background-color: #232323;">
  2158.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; float: left; margin-right: 20px;">Eligibility for Rehire</label>
  2159.                                                                 <input type="checkbox" id="myId" ng-model="attrition.data.yes"  style="height: 20px; width:20px;"/>
  2160.                                                                 <span style="font-family: muli; color: #fff; font-size: 18px; margin-right: 8px; margin-top:-13px;">&nbsp; YES</span>
  2161.                                                             </td>
  2162.                                                         </tr>
  2163.                                                         <tr>
  2164.                                                             <td colspan="2">
  2165.                                                                 <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Reason:</label>
  2166.                                                                 <textarea ng-model="modal.reason" rows ='2' cols ='40' tabindex="1" autofocus required style="margin-right: 0px;"/>
  2167.                                                             </td>
  2168.                                                         </tr>
  2169.                                                         <tr>
  2170.                                                             <td colspan="2" style="background-color: #232323;">
  2171.                                                                 <label style = "font-size:20px; font-family: muli; color:#fff;">Remarks:</label>
  2172.                                                                 <textarea ng-model="modal.remark" rows ='2' cols ='40' tabindex="1" autofocus required/>
  2173.                                                             </td>
  2174.                                                         </tr>
  2175.                                                     </table>
  2176.                                                 </div>
  2177.                                             </div>
  2178.                                             <div class="ngdialog-buttons">
  2179.                                                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2180.                                                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" ng-disabled="attr.$error.required" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  2181.                                             </div>
  2182.                                         </form>
  2183.                                     </script>
  2184.                                     <script type="text/ng-template" id="DpsModal">
  2185.                                         <div style="width: 100%" align="center">
  2186.                                             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2187.        
  2188.                                         </div>
  2189.                                         <hr style="margin-top: -2px;">
  2190.                                         <div class="ngdialog-message" style="width:100%;height:100%">
  2191.                                             <div>
  2192.                                                 <h2>
  2193.                                                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  2194.                                                         <b>{{ modal.title }}</b>
  2195.                                                     </span>
  2196.                                                 </h2>
  2197.                                             </div>
  2198.                                             <div>
  2199.                                                 <form name="dps">
  2200.                                                     <div label="form-group" ng-class="{'has-error': timepickerForm.time.$invalid}" >
  2201.                                                         <table class="tblDps">
  2202.                                                             <tr>
  2203.                                                                 <td style="background-color: #232323;">
  2204.                                                                     <label style= "font-size:20px; font-family: muli; color:#fff;">Type:</label>
  2205.                                                                     <select ng-model="log.type" ng-change="type_changed()" style="width:100%;padding:10px;background-color:#DDDDDD">
  2206.                                                                         <option>Official</option>
  2207.                                                                         <option>Personal</option>
  2208.                                                                     </select>
  2209.                                                                 </td>
  2210.                                                             </tr>
  2211.                                                             <tr>
  2212.                                                                 <td>
  2213.                                                                     <label style= "font-size:20px; font-family: muli; color:#fff; float: left;margin-right:78px;">Date:</label>
  2214.                                                                     <input type="date"  class="form-control" size="8" ng-model="log.date" name="time" style="width: 160px;margin-left: 55px;"/>
  2215.                                                                 </td>
  2216.                                                             </tr>
  2217.                                                             <tr>
  2218.                                                                 <td style="background-color: #232323;">
  2219.                                                                     <label style= "font-size:20px; font-family: muli; color:#fff; float: left;margin-right:20px;">Time From:</label>
  2220.                                                                     <input type="text" class="form-control" size="8" bs-timepicker ng-model="log.time_from" name="time" style="width: 100px;margin-left: 85px;"/>
  2221.                                                                 </td>
  2222.                                                             </tr>
  2223.                                                             <tr>
  2224.                                                                 <td>
  2225.                                                                     <label style= "font-size:20px; font-family: muli; color:#fff; float: left;margin-right:46px;">Time To:</label>
  2226.                                                                     <input type="text" class="form-control" size="8" bs-timepicker ng-model="log.time_to" name="time" style="width: 100px;margin-left: 85px;"/>
  2227.                                                                 </td>
  2228.                                                             </tr>
  2229.                                                             <tr>
  2230.                                                                 <td style="background-color: #232323;">
  2231.                                                                     <label style = "font-size:20px; font-family: muli; color:#fff; width:200px;">Reason:</label>
  2232.                                                                     <textarea ng-model="log.remarks" rows ='6' cols ='32' tabindex="1" autofocus required/>
  2233.                                                                 </td>
  2234.                                                             </tr>
  2235.                                                         </div>
  2236.                                                     </div>
  2237.                                                     <tr>
  2238.                                                         <td>
  2239.                                                             <div class="ngdialog-buttons">
  2240.                                                                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2241.                                                                 <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="dps.$error.required">{{modal.save}}</button>
  2242.                                                             </div>
  2243.                                                         </tr>
  2244.                                                     </td>
  2245.                                                 </table>
  2246.                                             </form>
  2247.                                         </script>
  2248.                                         <script type="text/ng-template" id="titledata">
  2249.                                             <div class="ngdialog-message">
  2250.                                                 <style>
  2251.             .ngdialog {
  2252.               overflow: hidden;
  2253.             }
  2254.             .ngdialog-overlay {
  2255.               background: rgba(0,0,0, .4);
  2256.             }
  2257.             .ngdialog-content {
  2258.               z-index: 10000;
  2259.               overflow-x: auto;
  2260.             }
  2261.             div {
  2262.               text-align: justify;
  2263.               text-justify: inter-word;
  2264.             }
  2265.             </style>
  2266.                                                 <div style="width: 100%" align="center">
  2267.                                                     <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2268.        
  2269.                                                 </div>
  2270.                                                 <hr style="margin-top: -2px;">
  2271.                                                 <div style="margin-top: -15px;" id="top">
  2272.                                                     <h3>
  2273.                                                         <span style="font-family: muli; color: #fff; font-weight:bold;">
  2274.                                                             <b>{{ modal.title }}</b>
  2275.                                                         </span>
  2276.                                                     </h3>
  2277.                                                 </div>
  2278.                                                 <div id="bottom" style="color: white">
  2279.                                                     <h4>Software Usage Agreement</h4>
  2280.                                                     <p>The present License Agreement is concluded between You (legal entity or home user) and
  2281.                 PANDAS thru AOMOS Information Technology Services (“the Right holder”) that possesses
  2282.                 exclusive ownership rights and copyright with regard to usage of PANDAS (“software”) provided as Software as a Service/shareware as follows:
  2283.                                                         <p>
  2284.                                                             <ol>
  2285.                                                                 <li>All terms and conditions of the present License Agreement are related to usage of
  2286.                     the Software. The software is an object of the exclusive right of the Right holder.
  2287.                     Violation of terms and conditions of the present License agreement is a breach of
  2288.                     law that entails civil, administrative and criminal responsibility.</li>
  2289.                                                                 <li>If you disagree with all terms of the present License Agreement, do not use any copy
  2290.                     of the software. By choosing “I accept terms of License agreement” button you agree
  2291.                     to all terms and conditions stipulated herein.</li>
  2292.                                                                 <li>The Right Holder have the right to suspend access to any and all aspects of its
  2293.                     service without refund in the event of non-compliance by the user with these Terms
  2294.                     of Use.</li>
  2295.                                                                 <li>All service plan inclusions should be consumed within the validity period. Service
  2296.                     plan is considered active upon signing or accepting this agreement. After signing or
  2297.                     accepting, requests for termination, extension or refund will not be granted.</li>
  2298.                                                                 <li>User agrees that PANDAS thru Right Holder can use its name in all of
  2299.                     advertisements and campaigns (including but not limited to online media, email blast,
  2300.                     print media, outdoor ads, radio, website ads, etc.).</li>
  2301.                                                                 <li>In the event the user exceeds the allocated storage the user will be notify that an
  2302.                     upgrade is required either an additional storage or the next subscription plan if the
  2303.                     user does not agree the right holder has the right to suspend the service due to
  2304.                     excessive use of the software and violation of the business model of the software.</li>
  2305.                                                                 <li>The database of all PANDAS users are protected and not shared to other
  2306.                     unauthorized users. All data stored in PANDAS are subject to strict confidentiality
  2307.                     and privacy protection.</li>
  2308.                                                                 <li>The user agrees that all data stored in PANDAS can be studied by the right holder
  2309.                     for market research and release it for public consumption so long that it does not
  2310.                     disclose specific employee details and company name and discriminate group and
  2311.                     individuals.</li>
  2312.                                                                 <li>The user agrees that all ADD ON PANDAS SERVICES are paid separately and are
  2313.                     not part of the monthly subscription.</li>
  2314.                                                                 <li>The right holder reserves the right to automatically suspend suspicious user
  2315.                     accounts as well as subscription payments beyond 7 calendar days after the
  2316.                     payment due. User accounts will only be re-activated as soon as the payment has
  2317.                     been received and or payment check has already cleared.</li>
  2318.                                                                 <li>If you fully agree with all terms and conditions of the present License Agreement, the right holder shall provide you with a non-exclusive and non-transferable right to use
  2319.                 a copy of the software limited to its launch in any part of the world.</li>
  2320.                                                                 <ol>
  2321.                                                                     <li>You may use a copy of the software in full compliance with terms of the
  2322.                           present License agreement: </li>
  2323.                                                                     <li>Usage of the software is only allowed within the period and on the number of
  2324.                         storage specified. No copy of the software may be used for purposes not
  2325.                         specified in this clause and must be removed from hard drives immediately if
  2326.                         storage or usage of a software copy has become illegal.</li>
  2327.                                                                     <li>During the software usage period you may contact the Technical support of
  2328.                         the Right holder or software distributor that has concluded a corresponding
  2329.                         agreement with the Right holder. The Right holder guarantees to reply to
  2330.                         messages from users if such messages contain their registration data and
  2331.                         are sent through the support system accessible on the Right holder’s
  2332.                         website.</li>
  2333.                                                                     <li>You hereby agree that your personal information submitted by you in the
  2334.                         course of registration or with support requests can be used by the Right
  2335.                         holder in its internal procedures.</li>
  2336.                                                                     <li>You may not modify, decompile, disassemble, decrypt or perform any other
  2337.                         actions with the software object code aiming to obtain information regarding
  2338.                         algorithms implemented in the software unless you have a written permission
  2339.                         from the Right holder to do so.</li>
  2340.                                                                     <li>You may not modify the software internal protection mechanism.</li>
  2341.                                                                     <li>Copying software with removed or non-operational self-protection mechanism
  2342.                           and usage of such software is illegal.</li>
  2343.                                                                     <li>You also may not distribute the software, i.e. provide direct or indirect access to the software (or its components) reproduced in any form and by any
  2344.                         means including networking or sell, rent, lease and import the software for
  2345.                         any of such purposes.</li>
  2346.                                                                     <li>The software is provided as is with no express or implied warranty. The Right
  2347.                             holder is not liable to you for any issues including arising during maintenance of your software copy including any conflicts with other software products or drivers, problems due to your misinterpretation of guidance provided in documentation or failure of the software to meet your expectations.</li>
  2348.                                                                     <li>You bear sole responsibility for any negative impact caused by incompatibility
  2349.                         or conflicts between the software and other software products installed on the
  2350.                         same computer. A software copy is not meant and may not be used in
  2351.                         information systems operating in hazardous environment or in life support
  2352.                         systems where software failure can endanger health or life of a human being.</li>
  2353.                                                                 </ol>
  2354.                                                             </li>
  2355.                                                         </ol>
  2356.               Thank you for choosing PANDAS!
  2357.                                                     </div>
  2358.                                                     <div class="ngdialog-buttons">
  2359.                                                         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2360.                                                         <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  2361.                                                     </div>
  2362.                                                 </div>
  2363.                                             </script>
  2364.                                         </body>
  2365.                                     </html>
  2366.                                     <script type="text/ng-template" id ="ChangePassModal">
  2367.                                         <div style="width: 100%" align="center">
  2368.                                             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2369.        
  2370.                                         </div>
  2371.                                         <hr style="margin-top: -2px;">
  2372.                                         <div>
  2373.                                             <span style="font-size: 15px;font-family: muli; color: #fff;">
  2374.                                                 <b>You have successfully changed your password.</b>
  2375.                                             </span>
  2376.                                         </div>
  2377.                                         </br>
  2378.                                         <div>
  2379.                                             <input type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" value = "OK" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">
  2380.                                         </button>
  2381.                                     </script>
  2382.                                     <script type="text/ng-template" id ="ErrorChangePassModal">
  2383.                                         <div style="width: 100%" align="center">
  2384.                                             <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2385.        
  2386.                                         </div>
  2387.                                         <hr style="margin-top: -2px;">
  2388.                                         <div>
  2389.                                             <span style="font-size: 15px;font-family: muli; color: #fff;">
  2390.                                                 <b>Changing password failed or the entered old password is incorrect.</b>
  2391.                                             </span>
  2392.                                         </div>
  2393.                                         </br>
  2394.                                         <div>
  2395.                                             <input type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" value = "OK" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" ng-disabled="myForm.$error.required">
  2396.                                         </button>
  2397.                                     </script>
  2398.                                     <script type="text/ng-template" id="PerformanceNewModal">
  2399.                                         <div class="ngdialog-message">
  2400.                                             <div style="width: 100%" align="center">
  2401.                                                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2402.            
  2403.                                             </div>
  2404.                                             <hr style="margin-top: -2px;">
  2405.                                             <div style="margin-top: 10px;">
  2406.                                                 <h3>
  2407.                                                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  2408.                                                         <b>{{ modal.title }}</b>
  2409.                                                     </span>
  2410.                                                 </h3>
  2411.                                             </div>
  2412.                                             <form name="myForm" novalidate>
  2413.                                                 <div>
  2414.                                                     <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Performance Metric Name:</label>
  2415.                                                     <input required type="text" size="10" ng-model="modal.fields.performance" style="width: 300px;color: black" placeholder="e.g. Performance Metric, etc." />
  2416.                                                 </div>
  2417.                                             </form>
  2418.                                         </div>
  2419.                                         <hr style="height:2px">
  2420.                                         <div class="ngdialog-buttons">
  2421.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2422.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  2423.                                         </div>
  2424.                                     </script>
  2425.                                     <script type="text/ng-template" id="PerformanceModal">
  2426.                                         <div class="ngdialog-message">
  2427.                                             <div style="width: 100%" align="center">
  2428.                                                 <img src="ASSETS/img/logo_black_white.png" style="height: 45px;">
  2429.            
  2430.                                             </div>
  2431.                                             <hr style="margin-top: -2px;">
  2432.                                             <div style="margin-top: 10px;">
  2433.                                                 <h3>
  2434.                                                     <span style="font-family: muli; color: #fff; font-weight:bold;">
  2435.                                                         <b>{{ modal.title }}</b>
  2436.                                                     </span>
  2437.                                                 </h3>
  2438.                                             </div>
  2439.                                             <form name="myForm" novalidate>
  2440.                                                 <div>
  2441.                                                     <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Performance Name:</label>
  2442.                                                     <input required type="text" size="10" ng-model="modal.fields.performance" style="width: 300px;" placeholder="e.g. HR Manager, etc." />
  2443.                                                 </div>
  2444.                                             </form>
  2445.                                             <div>
  2446.                                                 <label style= "font-size:20px; font-family: muli; color:#fff; float: left;">Performance Details:</label>
  2447.                                             </div>
  2448.                                             <div>
  2449.                                                 <textarea ng-model="modal.fields.details" rows ='4' cols ='40' tabindex="1" autofocus required/>
  2450.                                             </div>
  2451.                                         </div>
  2452.                                         <hr style="height:2px">
  2453.                                         <div class="ngdialog-buttons">
  2454.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-secondary" data-ng-click="confirm(1)">{{modal.close}}</button>
  2455.                                             <button type="button" style="background-color: #111111; color: #fff; border-radius: 5px;" class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')">{{modal.save}}</button>
  2456.                                         </div>
  2457.                                     </script>
  2458.                                     <script type="text/ng-template" id ="TooMuchDataModal">
  2459.                                         </br>
  2460.                                         <div>Your company has already exceeded the 150MB Free Data Storage. To continue usage of PANDAS account, please contact (02)534-1131 or email us at pandas@chrsglobal.com.</div>
  2461.                                         </br>
  2462.                                         <div>
  2463.                                             <input type="button" value = "OK"  class="ngdialog-button ngdialog-button-primary" data-ng-click="closeThisDialog('Save')" >
  2464.                                         </button>
  2465.                                     </script>
  2466.                                     <!-- <html><body><form name="login">
  2467. Username<input type="text" name="user_id"/>
  2468. Password<input type="password" name="ps_wrd"/><input type="button" onclick="check(this.form)" value="Login"/><input type="reset" value="Cancel"/></form><script language="javascript">
  2469. function check(form){
  2470. /*the following code checkes whether the entered userid and password are matching*/
  2471. if(form.user_id.value == "we" && form.ps_wrd.value == "1234")
  2472.    {
  2473.    window.open('index2.html')
  2474.    }
  2475. else
  2476. {
  2477.   alert("Error Password or Username")
  2478.  }
  2479. }
  2480.  
  2481. </script></body></html> -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!