Skip to content

M
mytime
Commit 185e1c32 authored by Vanavaraju's avatar Vanavaraju
Browse files
Options

MT-168 Updated inner pages markup

parent 4cc7ab98
Hide whitespace changes
Inline Side-by-side
Showing with 101 additions and 141 deletions
src/main/webapp/WEB-INF/templates/attendanceReport.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;" <div class="md-padding" id="popupContainer" ng-controller="attendanceReportController" ng-init="getEmployeePresent('onload')">
id="popupContainer" ng-controller="attendanceReportController" ng-init="getEmployeePresent('onload')">
<div class="container-fluid mainDivHeaderClass"> <div class="container-fluid mainDivHeaderClass">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p align="center" class="col-xs-11" <h1 class="no-padding">Attendance Details
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Attendance Details</p> <span class="right">
<p align="right" class="col-xs-1" <i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top:8px;cursor:pointer;"><i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i></p> </span>
</h1>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
<br /> <br />
<div class="text-center"> <div class="">
<div class="row col-lg-12"> <div class="row">
<div class="col-lg-4 col-xs-12"> <div class="col-lg-2 col-xs-6">
<p> <p>
<b>Search Date:</b> <b>Search Date:</b>
<md-datepicker ng-model="reportDate" md-placeholder="Enter date"
md-max-date="maxDate"
onkeydown="return false" ng-change="setSearchDate(reportDate)"></md-datepicker>
</p> </p>
</div> </div>
<div class="col-lg-2 col-xs-12"> <div class="col-lg-3 col-xs-6">
<p style="margin-top: 15px;"><b>Select Shift:</b></p> <p>
<md-datepicker ng-model="reportDate" md-placeholder="Enter date" md-max-date="maxDate"
onkeydown="return false" ng-change="setSearchDate(reportDate)"></md-datepicker>
</p>
</div> </div>
<div class="col-lg-4 col-xs-12"> <div class="col-lg-2 col-xs-4">
<md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;"> <p><b>Select Shift:</b></p>
<md-optgroup label="shifts">
<md-option ng-value="shiftValue" ng-repeat="shiftValue in shifts">{{shiftValue}}</md-option>
</md-optgroup>
</md-select>
</div> </div>
<div class="col-lg-2 col-xs-4">
<div class="col-lg-2 col-xs-12" style="cursor: pointer;" align="right"> <md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;">
<md-button class="md-raised md-primary" <md-optgroup label="shifts">
style="width:100px;background: cadetblue;" ng-click="getEmployeePresent('onclick')"> <md-option ng-value="shiftValue" ng-repeat="shiftValue in shifts">{{shiftValue}}</md-option>
<i class="fa fa-search fa-2x" </md-optgroup>
style="margin-top: 5px; font-size: 1.5em; float: left"></i> Search</md-button> </md-select>
</div> </div>
</div> <div class="col-lg-2 col-xs-4">
<div class="row col-lg-12" style="height: 15px;"></div> <md-button class="md-raised md-primary" ng-click="getEmployeePresent('onclick')">
<div class="row col-lg-12"> <i class="fa fa-search fa-1x"></i> Search</md-button>
<div class="col-lg-8">
<div class="col-lg-2 col-xs-12">
</div> </div>
</div>
<div class=" col-lg-offset-2 col-lg-3 col-xs-12"> <div class="row">
<div class="">
<div class="col-lg-2 col-xs-4">
<p> <p>
<b>Total Present:</b> {{totalPresent}} <b>Total Present:</b> {{totalPresent}}
</p> </p>
</div> </div>
<div class="col-lg-3 col-xs-12"> <div class="col-lg-3 col-xs-4">
<p> <p>
<b>Total Absent:</b> {{totalAbsent}} <b>Total Absent:</b> {{totalAbsent}}
</p> </p>
</div> </div>
</div> </div>
<div class=" cocol-lg-4 "> <div class="col-lg-4 ">
<p><input type="radio" name="attend" ng-model="attendenceType" value="both" ng-click="getAttendanceReport(attendenceType)"> All <p><input type="radio" name="attend" ng-model="attendenceType" value="both" ng-click="getAttendanceReport(attendenceType)"> All
<input type="radio" name="attend" ng-model="attendenceType" value="present" ng-click="getAttendanceReport(attendenceType)"> Present <input type="radio" name="attend" ng-model="attendenceType" value="present" ng-click="getAttendanceReport(attendenceType)"> Present
<input type="radio" name="attend" ng-model="attendenceType" value="absent" ng-click="getAttendanceReport(attendenceType)"> Absence <input type="radio" name="attend" ng-model="attendenceType" value="absent" ng-click="getAttendanceReport(attendenceType)"> Absence
......
src/main/webapp/WEB-INF/templates/dashboard.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;" <div class="md-padding" id="popupContainer" ng-controller="dashboardController"
id="popupContainer" ng-controller="dashboardController"
ng-init="getEmployeesDashBoardData()"> ng-init="getEmployeesDashBoardData()">
<div class="container-fluid mainDivHeaderClass"> <div class="container-fluid mainDivHeaderClass">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p align="center" class="col-xs-11" <h1 class="no-padding">Dashboard
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Dashboard</p> <span class="right">
<p align="right" class="col-xs-1" <i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;"> </span>
<i class="fa fa-refresh" aria-hidden="true" </h1>
ng-click="refreshPage()"></i>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
<br />
<div class="row col-lg-12" style="height: 15px;"></div>
<div class="row col-lg-12"> <div class="row col-lg-12">
<div class="col-lg-4" style="float: left;padding-left:20px;"> <div class="col-lg-4" style="float: left;padding-left:20px;">
<!-- <md-button class="md-raised md-primary" <!-- <md-button class="md-raised md-primary"
...@@ -45,17 +38,14 @@ ...@@ -45,17 +38,14 @@
Project</md-button> --> Project</md-button> -->
</div> </div>
</div> </div>
<div class="row col-lg-12" style="height: 15px;"></div> <div class="row">
<div class="col-lg-12">
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-selection ui-grid-exporter
class="myGrid">
<div class="row col-lg-12" style="margin-left: 0px;"> <div class="watermark" ng-show="!gridOptions.data.length">No
data available</div>
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-selection ui-grid-exporter </div>
class="myGrid" style="width:99%;height:370px;margin-left:0px;"> </div>
<div class="watermark" ng-show="!gridOptions.data.length">No
data available</div>
</div> </div>
</div>
</div> </div>
\ No newline at end of file
src/main/webapp/WEB-INF/templates/employees.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;" <div class="md-padding" id="popupContainer" ng-controller="employeesController"
id="popupContainer" ng-controller="employeesController"
ng-init="setPageDefaults();getEmployeeDetailsForAutocomplete();"> ng-init="setPageDefaults();getEmployeeDetailsForAutocomplete();">
<div class="container-fluid mainDivHeaderClass"> <div class="container-fluid mainDivHeaderClass">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p align="center" class="col-xs-11" <h1 class="no-padding">Employees Login Details
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Employees <span class="right">
Login Details</p> <i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
<p align="right" class="col-xs-1" </span>
style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;"> </h1>
<i class="fa fa-refresh" aria-hidden="true"
ng-click="refreshPage()"></i>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
...@@ -19,44 +15,39 @@ ...@@ -19,44 +15,39 @@
<br /> <br />
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<div class="form-inline col-lg-12" style="margin-left: 3%;"> <div class="form-inline">
<div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12" <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
style="width: 23%;">
<input type="text" ng-model="searchId" id="searchId" <input type="text" ng-model="searchId" id="searchId"
placeholder="Employee ID/Name/Email ID" class="form-control" min-length="5" ng-keyup="autoComplete(searchId);" ng-blur="hideUlComponent()"/> placeholder="Employee ID/Name/Email ID" class="form-control" min-length="5" ng-keyup="autoComplete(searchId);" ng-blur="hideUlComponent()"/>
<ul class="list-group autoComplete-dropdown" ng-model="hidethis" ng-hide="hidethis"> <ul class="list-group autoComplete-dropdown" ng-model="hidethis" ng-hide="hidethis">
<li class="list-group-item" ng-repeat="employeeData in filterEmployees" ng-click="fillTextbox(employeeData);">{{employeeData}}</li> <li class="list-group-item" ng-repeat="employeeData in filterEmployees" ng-click="fillTextbox(employeeData);">{{employeeData}}</li>
</ul> </ul>
</div> </div>
<div class="form-group col-lg-1"></div> <div class="col-lg-3 col-md-3">
<div class="form-group col-lg-4">
<label class="" for="fromDate">From Date: <md-datepicker <label class="" for="fromDate">From Date: <md-datepicker
ng-model="fromDate" md-placeholder="Enter date" ng-model="fromDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate" md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false" onkeydown="return false"
ng-change="validateDates(fromDate, 'FromDate')"></md-datepicker></label> ng-change="validateDates(fromDate, 'FromDate')"></md-datepicker></label>
</div> </div>
<div class="form-group col-lg-4"> <div class="col-lg-3 col-md-3">
<label class="" for="toDate">To Date: <md-datepicker <label class="" for="toDate">To Date: <md-datepicker
ng-model="toDate" md-placeholder="Enter date" ng-model="toDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate" md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false" onkeydown="return false"
ng-change="validateDates(toDate, 'ToDate')"></md-datepicker></label> ng-change="validateDates(toDate, 'ToDate')"></md-datepicker></label>
</div> </div>
<div class="form-group col-lg-1"> <div class="col-lg-2">
<label class="" for="submitBtn"><md-button <label class="" for="submitBtn"><md-button
class="md-raised md-primary" class="md-raised md-primary"
style="width:100px;background: cadetblue;"
ng-click="getEmployeeData('click');"> <i ng-click="getEmployeeData('click');"> <i
class="fa fa-search fa-2x" class="fa fa-search fa-1x"></i>
style="margin-top: 5px; font-size: 1.5em; float: left"></i>
Search</md-button></label> Search</md-button></label>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="form-inline col-lg-12" ng-show="isVisible" <div class="form-inline col-lg-12" ng-show="isVisible">
style="margin-left: 3%;">
<label class="control-label" for="avgHrs"> Average Login <label class="control-label" for="avgHrs"> Average Login
hours:&nbsp;&nbsp; </label>{{avgLoginHrs}} hours:&nbsp;&nbsp; </label>{{avgLoginHrs}}
</div> </div>
......
src/main/webapp/WEB-INF/templates/exportData.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;" <div class="md-padding" id="popupContainer" ng-controller="exportDataController">
id="popupContainer" ng-controller="exportDataController">
<div class="container-fluid mainDivHeaderClass"> <div class="container-fluid mainDivHeaderClass">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p align="center" class="col-xs-11" <h1 class="no-padding">Import Employee Data
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Import Employee Data</p> <span class="right">
<p align="right" class="col-xs-1" <i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;"> </span>
<i class="fa fa-refresh" aria-hidden="true" </h1>
ng-click="refreshPage()"></i>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group" style="padding-left: 10px;"> <div class="form-group">
<div class="form-inline col-lg-12" <div class="form-inline col-lg-12"
style="margin-left: 22%; margin-top: 5%;"> style="margin-left: 22%; margin-top: 5%;">
<div class="form-group col-lg-4"> <div class="form-group col-lg-4">
......
src/main/webapp/WEB-INF/templates/reports.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;" <div class="md-padding" id="popupContainer" ng-controller="reportsController">
id="popupContainer" ng-controller="reportsController">
<div class="container-fluid mainDivHeaderClass"> <div class="container-fluid mainDivHeaderClass">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p align="center" class="col-xs-11" <h1 class="no-padding">Login Reports
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Login Reports</p> <span class="right">
<p align="right" class="col-xs-1" <i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;"> </span>
<i class="fa fa-refresh" aria-hidden="true" </h1>
ng-click="refreshPage()"></i>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
...@@ -17,41 +14,38 @@ ...@@ -17,41 +14,38 @@
<br /> <br />
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<div class="form-inline col-lg-12" style="margin-left: 3%;"> <div class="form-inline col-lg-12">
<div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<input type="text" ng-model="searchId" id="searchId" <input type="text" ng-model="searchId" id="searchId"
placeholder="Employee ID" class="form-control" min-length="5" placeholder="Employee ID" class="form-control" min-length="5"
ng-blur="validateEmpId()" /> ng-blur="validateEmpId()" />
</div> </div>
<div class="form-group col-lg-1"></div> <div class="col-lg-3 col-md-3">
<div class="form-group col-lg-4">
<label class="" for="fromDate">From Date: <md-datepicker <label class="" for="fromDate">From Date: <md-datepicker
ng-model="fromDate" md-placeholder="Enter date" ng-model="fromDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate" md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false" onkeydown="return false"
ng-change="validateDates(fromDate, 'FromDate')"></md-datepicker></label> ng-change="validateDates(fromDate, 'FromDate')"></md-datepicker></label>
</div> </div>
<div class="form-group col-lg-4"> <div class="col-lg-3 col-md-3">
<label class="" for="toDate">To Date: <md-datepicker <label class="" for="toDate">To Date: <md-datepicker
ng-model="toDate" md-placeholder="Enter date" ng-model="toDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate" md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false" onkeydown="return false"
ng-change="validateDates(toDate, 'ToDate')"></md-datepicker></label> ng-change="validateDates(toDate, 'ToDate')"></md-datepicker></label>
</div> </div>
<div class="form-group col-lg-1"> <div class="col-lg-2">
<label class="" for="submitBtn"><md-button <label class="" for="submitBtn"><md-button
class="md-raised md-primary" class="md-raised md-primary"
style="width:120px;background: cadetblue;"
ng-click="generateReport()"> <i ng-click="generateReport()"> <i
class="fa fa-file-pdf-o fa-2x" class="fa fa-file-pdf-o fa-1x"></i>
style="margin-top: 5px; font-size: 1.5em; float: left"></i>
Generate</md-button></label> Generate</md-button></label>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="form-inline col-lg-12" style="margin-left: 3%;"> <div class="form-inline col-lg-12">
<div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12"> <div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12">
<label>Override Timings</label> <label>Override Timings</label>
...@@ -73,8 +67,8 @@ ...@@ -73,8 +67,8 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="form-inline col-lg-12"> <div class="form-inline col-lg-12">
<div class="wrapper col-lg-12" id="pdfReportPreview" <div class="wrapper col-lg-12" id="pdfReportPreview"
style="height: 415px; background-color: #888; overflow: scroll;"> style="height: 415px; background-color: #888; overflow: scroll;">
<p id="reportMsg" <p id="reportMsg"
style="color: #fff; font-size: 1.35em; opacity: 0.5;text-align:center;vertical-align:middle;position:relative;top:50%;"> style="color: #fff; font-size: 1.35em; opacity: 0.5;text-align:center;vertical-align:middle;position:relative;top:50%;">
{{reportMsg}}</p> {{reportMsg}}</p>
......
src/main/webapp/WEB-INF/templates/shiftdetails.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;" <div class="md-padding" id="popupContainer" ng-controller="shiftDetailsController"
id="popupContainer" ng-controller="shiftDetailsController"
ng-init="getShiftDetails()"> ng-init="getShiftDetails()">
<div class="container-fluid mainDivHeaderClass"> <div class="container-fluid mainDivHeaderClass">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p align="center" class="col-xs-11" <h1 class="no-padding">Shift Details
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Shift Details </p> <span class="right">
<p align="right" class="col-xs-1" <i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;"> </span>
<i class="fa fa-refresh" aria-hidden="true" </h1>
ng-click="refreshPage()"></i>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
<div class="row col-lg-12" style="height: 15px;"></div>
<div class="text-center">
<div class="row col-lg-12"> <div class="">
<div class="col-lg-2"></div>
<div class="col-lg-2 col-xs-12" style="vertical-align: middle;"> <div class="row">
<div class="col-lg-2 col-xs-12">
<p> <p>
<b>Select Shift:</b> <b>Select Shift:</b>
</p> </p>
</div> </div>
<div class="col-lg-4 col-xs-12"> <div class="col-lg-3 col-xs-12">
<p> <p>
<md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;"> <md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;">
...@@ -33,11 +29,9 @@ ...@@ -33,11 +29,9 @@
ng-repeat="shiftValue in shifts">{{shiftValue}}</md-option> </md-optgroup> </md-select> ng-repeat="shiftValue in shifts">{{shiftValue}}</md-option> </md-optgroup> </md-select>
</p> </p>
</div> </div>
<div class="col-lg-2 col-xs-12" style="cursor: pointer;" align="right"> <div class="col-lg-2 col-xs-12">
<md-button class="md-raised md-primary" <md-button class="md-raised md-primary" ng-click="getShiftDetails()">
style="width:100px;background: cadetblue;" ng-click="getShiftDetails()"> <i class="fa fa-search fa-1x"></i> Search</md-button>
<i class="fa fa-search fa-2x"
style="margin-top: 5px; font-size: 1.5em; float: left"></i> Search</md-button>
</div> </div>
<div class="col-lg-2"></div> <div class="col-lg-2"></div>
</div> </div>
...@@ -52,13 +46,13 @@ ...@@ -52,13 +46,13 @@
</div> </div>
</div> </div>
<div class="row col-lg-12" style="height: 15px;"></div> <div class="row">
<div class="row col-lg-12" style="margin-left: 0px;"> <div class="col-lg-12">
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-selection ui-grid-exporter
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-selection ui-grid-exporter class="myGrid">
class="myGrid" style="width:99%;height:350px;margin-left:0px;"> <div class="watermark" ng-show="!gridOptions.data.length">No
<div class="watermark" ng-show="!gridOptions.data.length">No data available</div>
data available</div> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment