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;"
id="popupContainer" ng-controller="attendanceReportController" ng-init="getEmployeePresent('onload')">
<div class="md-padding" id="popupContainer" ng-controller="attendanceReportController" ng-init="getEmployeePresent('onload')">
<div class="container-fluid mainDivHeaderClass">
<div class="row">
<div class="col-lg-12">
<p align="center" class="col-xs-11"
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Attendance Details</p>
<p align="right" class="col-xs-1"
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>
<h1 class="no-padding">Attendance Details
<span class="right">
<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
</span>
</h1>
</div>
<div class="clearfix"></div>
</div>
</div>
<br />
<div class="text-center">
<div class="row col-lg-12">
<div class="col-lg-4 col-xs-12">
<div class="">
<div class="row">
<div class="col-lg-2 col-xs-6">
<p>
<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>
</div>
<div class="col-lg-2 col-xs-12">
<p style="margin-top: 15px;"><b>Select Shift:</b></p>
<div class="col-lg-3 col-xs-6">
<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 class="col-lg-4 col-xs-12">
<md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;">
<md-optgroup label="shifts">
<md-option ng-value="shiftValue" ng-repeat="shiftValue in shifts">{{shiftValue}}</md-option>
</md-optgroup>
</md-select>
<div class="col-lg-2 col-xs-4">
<p><b>Select Shift:</b></p>
</div>
<div class="col-lg-2 col-xs-12" style="cursor: pointer;" align="right">
<md-button class="md-raised md-primary"
style="width:100px;background: cadetblue;" ng-click="getEmployeePresent('onclick')">
<i class="fa fa-search fa-2x"
style="margin-top: 5px; font-size: 1.5em; float: left"></i> Search</md-button>
<div class="col-lg-2 col-xs-4">
<md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;">
<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="row col-lg-12" style="height: 15px;"></div>
<div class="row col-lg-12">
<div class="col-lg-8">
<div class="col-lg-2 col-xs-12">
<div class="col-lg-2 col-xs-4">
<md-button class="md-raised md-primary" ng-click="getEmployeePresent('onclick')">
<i class="fa fa-search fa-1x"></i> Search</md-button>
</div>
<div class=" col-lg-offset-2 col-lg-3 col-xs-12">
</div>
<div class="row">
<div class="">
<div class="col-lg-2 col-xs-4">
<p>
<b>Total Present:</b> {{totalPresent}}
</p>
</div>
<div class="col-lg-3 col-xs-12">
<div class="col-lg-3 col-xs-4">
<p>
<b>Total Absent:</b> {{totalAbsent}}
</p>
</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
<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
......
src/main/webapp/WEB-INF/templates/dashboard.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;"
id="popupContainer" ng-controller="dashboardController"
<div class="md-padding" id="popupContainer" ng-controller="dashboardController"
ng-init="getEmployeesDashBoardData()">
<div class="container-fluid mainDivHeaderClass">
<div class="row">
<div class="col-lg-12">
<p align="center" class="col-xs-11"
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Dashboard</p>
<p align="right" class="col-xs-1"
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>
<h1 class="no-padding">Dashboard
<span class="right">
<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
</span>
</h1>
</div>
<div class="clearfix"></div>
</div>
</div>
<br />
<div class="row col-lg-12" style="height: 15px;"></div>
<div class="row col-lg-12">
<div class="col-lg-4" style="float: left;padding-left:20px;">
<!-- <md-button class="md-raised md-primary"
......@@ -45,17 +38,14 @@
Project</md-button> -->
</div>
</div>
<div class="row col-lg-12" style="height: 15px;"></div>
<div class="row col-lg-12" style="margin-left: 0px;">
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-selection ui-grid-exporter
class="myGrid" style="width:99%;height:370px;margin-left:0px;">
<div class="watermark" ng-show="!gridOptions.data.length">No
data available</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="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;"
id="popupContainer" ng-controller="employeesController"
<div class="md-padding" id="popupContainer" ng-controller="employeesController"
ng-init="setPageDefaults();getEmployeeDetailsForAutocomplete();">
<div class="container-fluid mainDivHeaderClass">
<div class="row">
<div class="col-lg-12">
<p align="center" class="col-xs-11"
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Employees
Login Details</p>
<p align="right" class="col-xs-1"
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>
<h1 class="no-padding">Employees Login Details
<span class="right">
<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
</span>
</h1>
</div>
<div class="clearfix"></div>
</div>
......@@ -19,44 +15,39 @@
<br />
<div class="form-horizontal">
<div class="form-group">
<div class="form-inline col-lg-12" style="margin-left: 3%;">
<div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12"
style="width: 23%;">
<div class="form-inline">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<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()"/>
<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>
</ul>
</div>
<div class="form-group col-lg-1"></div>
<div class="form-group col-lg-4">
<div class="col-lg-3 col-md-3">
<label class="" for="fromDate">From Date: <md-datepicker
ng-model="fromDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false"
ng-change="validateDates(fromDate, 'FromDate')"></md-datepicker></label>
</div>
<div class="form-group col-lg-4">
<div class="col-lg-3 col-md-3">
<label class="" for="toDate">To Date: <md-datepicker
ng-model="toDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false"
ng-change="validateDates(toDate, 'ToDate')"></md-datepicker></label>
</div>
<div class="form-group col-lg-1">
<div class="col-lg-2">
<label class="" for="submitBtn"><md-button
class="md-raised md-primary"
style="width:100px;background: cadetblue;"
ng-click="getEmployeeData('click');"> <i
class="fa fa-search fa-2x"
style="margin-top: 5px; font-size: 1.5em; float: left"></i>
class="fa fa-search fa-1x"></i>
Search</md-button></label>
</div>
</div>
</div>
<div class="form-group">
<div class="form-inline col-lg-12" ng-show="isVisible"
style="margin-left: 3%;">
<div class="form-inline col-lg-12" ng-show="isVisible">
<label class="control-label" for="avgHrs"> Average Login
hours:&nbsp;&nbsp; </label>{{avgLoginHrs}}
</div>
......
src/main/webapp/WEB-INF/templates/exportData.html
View file @ 185e1c32
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;"
id="popupContainer" ng-controller="exportDataController">
<div class="md-padding" id="popupContainer" ng-controller="exportDataController">
<div class="container-fluid mainDivHeaderClass">
<div class="row">
<div class="col-lg-12">
<p align="center" class="col-xs-11"
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Import Employee Data</p>
<p align="right" class="col-xs-1"
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>
<h1 class="no-padding">Import Employee Data
<span class="right">
<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
</span>
</h1>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="form-horizontal">
<div class="form-group" style="padding-left: 10px;">
<div class="form-group">
<div class="form-inline col-lg-12"
style="margin-left: 22%; margin-top: 5%;">
<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;"
id="popupContainer" ng-controller="reportsController">
<div class="md-padding" id="popupContainer" ng-controller="reportsController">
<div class="container-fluid mainDivHeaderClass">
<div class="row">
<div class="col-lg-12">
<p align="center" class="col-xs-11"
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Login Reports</p>
<p align="right" class="col-xs-1"
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>
<h1 class="no-padding">Login Reports
<span class="right">
<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
</span>
</h1>
</div>
<div class="clearfix"></div>
</div>
......@@ -17,41 +14,38 @@
<br />
<div class="form-horizontal">
<div class="form-group">
<div class="form-inline col-lg-12" style="margin-left: 3%;">
<div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="form-inline col-lg-12">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<input type="text" ng-model="searchId" id="searchId"
placeholder="Employee ID" class="form-control" min-length="5"
ng-blur="validateEmpId()" />
</div>
<div class="form-group col-lg-1"></div>
<div class="form-group col-lg-4">
<div class="col-lg-3 col-md-3">
<label class="" for="fromDate">From Date: <md-datepicker
ng-model="fromDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false"
ng-change="validateDates(fromDate, 'FromDate')"></md-datepicker></label>
</div>
<div class="form-group col-lg-4">
<div class="col-lg-3 col-md-3">
<label class="" for="toDate">To Date: <md-datepicker
ng-model="toDate" md-placeholder="Enter date"
md-min-date="minDate" md-max-date="maxDate"
onkeydown="return false"
ng-change="validateDates(toDate, 'ToDate')"></md-datepicker></label>
</div>
<div class="form-group col-lg-1">
<div class="col-lg-2">
<label class="" for="submitBtn"><md-button
class="md-raised md-primary"
style="width:120px;background: cadetblue;"
ng-click="generateReport()"> <i
class="fa fa-file-pdf-o fa-2x"
style="margin-top: 5px; font-size: 1.5em; float: left"></i>
class="fa fa-file-pdf-o fa-1x"></i>
Generate</md-button></label>
</div>
</div>
</div>
<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">
<label>Override Timings</label>
......@@ -73,8 +67,8 @@
</div>
<div class="form-group">
<div class="form-inline col-lg-12">
<div class="wrapper col-lg-12" id="pdfReportPreview"
style="height: 415px; background-color: #888; overflow: scroll;">
<div class="wrapper col-lg-12" id="pdfReportPreview"
style="height: 415px; background-color: #888; overflow: scroll;">
<p id="reportMsg"
style="color: #fff; font-size: 1.35em; opacity: 0.5;text-align:center;vertical-align:middle;position:relative;top:50%;">
{{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;"
id="popupContainer" ng-controller="shiftDetailsController"
<div class="md-padding" id="popupContainer" ng-controller="shiftDetailsController"
ng-init="getShiftDetails()">
<div class="container-fluid mainDivHeaderClass">
<div class="row">
<div class="col-lg-12">
<p align="center" class="col-xs-11"
style="vertical-align: middle; font-weight: bold; font-size: 30px;">Shift Details </p>
<p align="right" class="col-xs-1"
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>
<h1 class="no-padding">Shift Details
<span class="right">
<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
</span>
</h1>
</div>
<div class="clearfix"></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="col-lg-2"></div>
<div class="col-lg-2 col-xs-12" style="vertical-align: middle;">
<div class="">
<div class="row">
<div class="col-lg-2 col-xs-12">
<p>
<b>Select Shift:</b>
</p>
</div>
<div class="col-lg-4 col-xs-12">
<div class="col-lg-3 col-xs-12">
<p>
<md-select ng-model="shiftValue" md-selected-text="getSelectedShift()" id="shiftValue" style="margin:0px;">
......@@ -33,11 +29,9 @@
ng-repeat="shiftValue in shifts">{{shiftValue}}</md-option> </md-optgroup> </md-select>
</p>
</div>
<div class="col-lg-2 col-xs-12" style="cursor: pointer;" align="right">
<md-button class="md-raised md-primary"
style="width:100px;background: cadetblue;" ng-click="getShiftDetails()">
<i class="fa fa-search fa-2x"
style="margin-top: 5px; font-size: 1.5em; float: left"></i> Search</md-button>
<div class="col-lg-2 col-xs-12">
<md-button class="md-raised md-primary" ng-click="getShiftDetails()">
<i class="fa fa-search fa-1x"></i> Search</md-button>
</div>
<div class="col-lg-2"></div>
</div>
......@@ -52,13 +46,13 @@
</div>
</div>
<div class="row col-lg-12" style="height: 15px;"></div>
<div class="row col-lg-12" style="margin-left: 0px;">
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-selection ui-grid-exporter
class="myGrid" style="width:99%;height:350px;margin-left:0px;">
<div class="watermark" ng-show="!gridOptions.data.length">No
data available</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="watermark" ng-show="!gridOptions.data.length">No
data available</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