\\n
\\n\\n
\\n
\\n
\\n
\\n \\n OD User \\n
\\n
\\n
\\n
\\n
\\n\\n
\\n \\n \\n | \\n Name | \\n EMP ID | \\n Device ID | \\n Mobile No | \\n Department | \\n OD Details | \\n Device Status | \\n QR Code | \\n
\\n \\n \\n \\n \\n ![\\\"Avatar\\\"](\\\"assets/images/img_avatar.png\\\") \\n | \\n {{allOD.NAME}} | \\n {{allOD.EMP_ID}} | \\n {{allOD.DEVICE_NUMBER}} | \\n {{allOD.MOBILE_NUMBER}} | \\n {{allOD.DEPARTMENT}} | \\n \\n View\\n ![\\\"eye\\\"](\\\"assets/images/Icons/eye-close-up.png\\\") \\n \\n \\n View\\n ![\\\"eye\\\"](\\\"assets/images/Icons/eye-close-up2.png\\\") \\n \\n \\n | \\n \\n \\n \\n | \\n \\n \\n \\n | \\n
\\n \\n
\\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { MatDialog, MatDialogRef, MAT_DIALOG_DATA, MatSnackBar } from '@angular/material';\nimport { EnabledialogComponent } from '../enabledialog/enabledialog.component';\nimport { DisableComponent } from '../disable/disable.component';\nimport { Router, ActivatedRoute, NavigationEnd } from '@angular/router';\nimport { GlobalserviceService } from '../globalservice.service';\nimport { CodepopupComponent } from '../codepopup/codepopup.component';\nimport { FormBuilder, FormGroup, Validators, FormControl, FormArray } from '@angular/forms';\n\n@Component({\n selector: 'app-oduser-table',\n templateUrl: './oduser-table.component.html',\n styleUrls: ['./oduser-table.component.css']\n})\nexport class ODuserTableComponent implements OnInit {\n datas: any;\n currentpage: number;\n stat;\n total: number = 0;\n p = this.currentpage;\n device: number = 0;\n animal: string;\n name: string;\n searchmeth: string = '';\n dev = 1;\n Userlist = [];\n Disablefn = true;\n DEPARTMENT\n searchlist: any;\n key: any;\n location: any;\n qrcode;searchval;\n\n constructor(public dialog: MatDialog, public snackBar: MatSnackBar, private router: Router, route: ActivatedRoute, public globalservice: GlobalserviceService ) {\n }\n\n ngOnInit() {\n //\n var Seraching = sessionStorage.getItem(\"search1\");\n if(Seraching !== '') {\n this.searchmeth = Seraching;\n this.valuemeth(Seraching);\n console.log(Seraching);\n sessionStorage.removeItem('search1');\n } else {\n this.User_ODlist();\n }\n\n // alert(Seraching);\n //\n this.stat = true;\n if (sessionStorage.page && sessionStorage.search == \"\") {\n this.p = sessionStorage.page;\n } else if (sessionStorage.search) {\n this.p = 1;\n sessionStorage.search = \"\";\n } else {\n\n }\n if (sessionStorage.page) {\n this.p = sessionStorage.page;\n } else {\n this.p = 1;\n }\n\n\n }\n onChange(value, gete, data, meth) {\n sessionStorage.setItem(\"employeid\", gete);\n sessionStorage.setItem(\"odID\", value);\n sessionStorage.setItem(\"deviceid\", meth);\n\n if (value.checked == true) {\n this.device = 1;\n this.Enable_Dialog();\n } else {\n this.device = 0;\n this.Disable_Dialog();\n }\n }\n Enable_Dialog(): void {\n const dialogRef = this.dialog.open(EnabledialogComponent, {\n width: '250px',\n data: { animal: this.animal }\n });\n }\n\n Disable_Dialog(): void {\n const dialogRef = this.dialog.open(DisableComponent, {\n width: '250px',\n data: { animal: this.animal }\n });\n }\n pageChanged($event): void {\n this.p = $event;\n sessionStorage.page = this.p;\n }\n\n Route_Map(EmplyId, data) {\n if(!this.searchmeth){\n this.searchval = '';\n }\n else{\n this.searchval = this.searchmeth;\n }\n\n sessionStorage.setItem(\"search1\", this.searchval);\n sessionStorage.page = this.p;\n sessionStorage.setItem(\"getID\", EmplyId);\n sessionStorage.setItem(\"odID\", data);\n localStorage.setItem(\"EMPID\", EmplyId);\n this.router.navigate(['dashboard/On_DutyUser']);\n }\n User_ODlist() {\n this.globalservice.enableloader();\n this.globalservice.ODlist().subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.Userlist = responsedata['Data'];\n console.log(this.Userlist); debugger;\n var page = sessionStorage.page;\n delete sessionStorage.page;\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n\n\n codepopup(qrcode): void {\n const dialogRef = this.dialog.open(CodepopupComponent, {\n width: '150px',\n data: { animal: this.animal, qrcode: qrcode }\n });\n }\n valuemeth(data) {\n console.log(data); debugger;\n\n var level = {\n \"Name\": data\n }\n // alert(level);\n this.globalservice.searchfilter(level).subscribe(responsedata => {\n if (responsedata.Success) {\n this.Userlist = responsedata['Data'];\n var page = sessionStorage.page;\n delete sessionStorage.page;\n console.log( this.Userlist) ;\n // alert(this.Userlist);\n }\n else {\n this.User_ODlist();\n }\n\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n openSnackBar(message: string, action: string) {\n this.snackBar.open(message, action, {\n duration: 3000,\n });\n }\n backward_map() {\n sessionStorage.removeItem('search1');\n sessionStorage.removeItem('filterloc');\n console.log(sessionStorage); debugger;\n this.router.navigate(['dashboard/OD_User']);\n }\n}\n","module.exports = \".method_con {\\r\\n width: 100%;\\r\\n padding-right: 35px;\\r\\n padding-left: 35px;\\r\\n margin-right: auto;\\r\\n margin-left: auto;\\r\\n padding-top: 20px\\r\\n /* background-color: #F2F3F8 */\\r\\n}\\r\\n.level_card{\\r\\n box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\\r\\n transition: 0.3s;\\r\\n }\\r\\n.level_card:hover {\\r\\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\\r\\n}\\r\\n.cardData{\\r\\n text-align: center;\\r\\n padding-top: 25px;\\r\\n padding-top: 60px;\\r\\n padding-bottom: 40px;\\r\\n cursor: pointer;\\r\\n}\\r\\n.center {\\r\\n display: block;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n padding-top: 60px;\\r\\n padding-bottom: 40px;\\r\\n}\\r\\n[type=\\\"date\\\"] {\\r\\n background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat ;\\r\\n color: gray;\\r\\n }\\r\\n[type=\\\"date\\\"]::-webkit-inner-spin-button {\\r\\n display: none;\\r\\n }\\r\\n[type=\\\"date\\\"]::-webkit-calendar-picker-indicator {\\r\\n opacity: 0;\\r\\n }\\r\\ninput[type=\\\"date\\\"]:before {\\r\\n content: attr(placeholder) !important;\\r\\n color: black;\\r\\n margin-right: 0.5em;\\r\\n }\\r\\ninput[type=\\\"date\\\"]:focus:before,\\r\\n input[type=\\\"date\\\"]:valid:before {\\r\\n content: attr(placeholder) !important;\\r\\n }\\r\\n/* custom styles */\\r\\nlabel {\\r\\n display: block;\\r\\n }\\r\\ninput {\\r\\n border: 1px solid #c4c4c4;\\r\\n border-radius: 5px;\\r\\n background-color: #fff;\\r\\n padding: 3px 5px;\\r\\n width: 190px;\\r\\n }\\r\\n.row_data{\\r\\n margin-top: 10px\\r\\n}\\r\\n.datepicker{\\r\\n padding-left: 20px\\r\\n}\\r\\n.card_top{\\r\\n margin-top: 20px;\\r\\n margin-bottom: 30px\\r\\n}\\r\\n.blue{\\r\\n background-color:#0746B3;\\r\\n}\\r\\n.grey{\\r\\n color: lightgrey\\r\\n}\\r\\n.words_color{\\r\\n color:#0746B3;\\r\\n}\\r\\n.light-blue{\\r\\n background-color:#55D8FE\\r\\n}\\r\\n.light-word{\\r\\n color: #55D8FE;\\r\\n}\\r\\n.yellow{\\r\\n background-color:#FFDA83;\\r\\n}\\r\\n.yellow-word{\\r\\n color: #FFDA83;\\r\\n}\\r\\n.scmdRow{\\r\\n margin-top:30px\\r\\n}\\r\\n.lavender{\\r\\n background-color:#A3A0FB;\\r\\n}\\r\\n.lavender-word{\\r\\ncolor: #A3A0FB;\\r\\n}\\r\\n.green{\\r\\n background-color:#0BCACC;\\r\\n}\\r\\n.green-word{\\r\\n color: #0BCACC;\\r\\n}\\r\\n.light-grey{\\r\\n background-color:#BAB4B3;\\r\\n}\\r\\n.grey-word{\\r\\n color:#BAB4B3;\\r\\n}\\r\\n.location-card{\\r\\n margin-top: 20px;margin-bottom: 30px\\r\\n}\\r\\n.location-bottom{\\r\\npadding-bottom: 20px\\r\\n}\\r\\n/* */\\r\\n.datebox{\\r\\n float: left;\\r\\n /* width: 50%; */\\r\\n height: 41px;\\r\\n}\\r\\n.datebox-btn {\\r\\n /* display: inline-block;\\r\\n position: absolute;\\r\\n background: #3f94b5;\\r\\n color: #ffff */\\r\\n\\r\\n position: relative;\\r\\n left: 144px;\\r\\n bottom: 40px;\\r\\n}\\r\\n/* .datebox-btn:after {\\r\\ncontent: '';\\r\\ndisplay: block;\\r\\nposition: absolute;\\r\\nright: 100%;\\r\\ntop: 50%;\\r\\nmargin-top: -10px;\\r\\nwidth: 0;\\r\\nheight: 0;\\r\\nborder-top: 10px solid transparent;\\r\\nborder-right: 10px solid #3f94b5;\\r\\nborder-bottom: 10px solid transparent;\\r\\nborder-left: 10px solid transparent;\\r\\n} */\\r\\n\"","module.exports = \"
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
![\\\"Sun_tv\\\"](\\\"assets/images/Icons/Group)
\\n
\\n
\\n
\\n
Total OD User
\\n {{ODtoatl}}
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Camera
\\n 0
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Press
\\n 0
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Sales
\\n 0
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Program
\\n 0
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Others
\\n 0
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{User.Department}}
\\n {{User.Count}}
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { Router, ActivatedRoute, NavigationEnd } from '@angular/router';\nimport { GlobalserviceService } from '../globalservice.service';\nimport { FormControl } from '@angular/forms';\nimport { MatSnackBar } from '@angular/material';\nimport {MatDatepickerModule} from '@angular/material/datepicker';\nimport {MatNativeDateModule, MatSliderModule, DateAdapter} from '@angular/material';\n\n\n\n\n\n@Component({\n selector: 'app-oduser',\n templateUrl: './oduser.component.html',\n styleUrls: ['./oduser.component.css']\n})\nexport class ODuserComponent implements OnInit {\n locations: any;\n Location: any;\n method(arg0: any): any {\n throw new Error(\"Method not implemented.\");\n }\n Range = false;\n currentOD = []; ODcount = [];\n range: boolean; device: number; ODtoatl; allData: any; data: any; location: any; from: any; From: any;\n to: any;\n To: any;\n type: any; dat;\n filterdat: any;\n countall: any;\n filterdats: any; Userdata = '';\n control = new FormControl('1');\n allfilter = [];\n selectedperiod;\n todaydat: any[];\n ODtrue: boolean;\n ODfalse: boolean;\n Locationone: any; locationSingel;\n LocationMulti: boolean; mainCard;\n signinloca: string; siginlocat; adminOne;\n locationOD: any; adminmulti; adminCard;\n\n sessData: any;\n minDate: Date;\n maxDate: Date;\n\n today;\n date_today;fromdate;tomindate;fromdateonly;date_todayonly;\n datedata;\n\n finalfromdate;finaltodate;fromdatelastfilter;todatelastfilter;\n\n constructor(private router: Router, route: ActivatedRoute, public snackBar: MatSnackBar, public globalservice: GlobalserviceService, ) { }\n//\n ngOnInit() {\n\n this.today = new Date();\n this.date_todayonly = this.today.getDate() < 10 ? '0' + this.today.getDate() : this.today.getDate();\n this.date_today = this.today.getFullYear()+'-'+(this.today.getMonth()+1)+'-'+ this.date_todayonly;\n\n //this.date_today = this.today.getDate()+'-'+(this.today.getMonth()+1)+'-'+this.today.getFullYear()\n\nconsole.log(this.date_today );\n\n var ses_location = sessionStorage.getItem(\"filterloc\");\n\n this.filterRedirect(ses_location);\n\n this.Total_OD();\n this.all_LocationFn();\n this.onelocation();\n this.selectedperiod = '1';\n this.onChange(this.selectedperiod);\n this.signinloca = this.signinloca;\n this.onChange_singel(this.signinloca);\n this.loadin_pade();\n\n //\n // this.all_LocationFn();\n this.Location = sessionStorage.filterloc;\n this.sessData = sessionStorage.getItem(\"filterloc\");\n\n this.location = sessionStorage.filterloc;\n // console.log(sessionStorage.filterloc); debugger;\n //\n }\n\n fromdateFilter(fromdate){\n // console.log(fromdate);\n // console.log(fromdate.getDate() + '-' + (fromdate.getMonth()+1) + '-' + fromdate.getFullYear());\n\n //fromdate.getDate();\n\n if(fromdate.getDate() < 10){\n this.fromdateonly = '0'+ fromdate.getDate();\n }\n else{\n this.fromdateonly = fromdate.getDate();\n }\n\n this.tomindate = fromdate.getFullYear()+'-'+(fromdate.getMonth()+1)+'-'+ this.fromdateonly;\n console.log( this.tomindate);\n }\n\n\n table_view() {\n this.router.navigate(['dashboard/ODuser_Table']);\n var page = sessionStorage.page;\n delete sessionStorage.page;\n }\n onelocation() {\n // signinlocation\n this.signinloca = sessionStorage.getItem('signinlocation');\n if (sessionStorage.siginType == 'a') {\n this.Locationone = true;\n this.LocationMulti = false;\n this.adminOne = true;\n this.adminmulti = false;\n this.adminCard = true;\n this.mainCard = false\n this.type;\n this.locations;\n }\n else {\n this.Locationone = false;\n this.LocationMulti = true;\n this.adminOne = false;\n this.adminmulti = true;\n this.adminCard = false;\n this.mainCard = true;\n this.type;\n this.locations;\n }\n\n this.filterFn();\n }\n\n onChange_singel(signinloca) {\n this.locations =this.signinloca;\n this.filterFn();\n }\n\n Total_OD() {\n this.globalservice.enableloader();\n this.globalservice.OD_total().subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.ODtoatl = responsedata['Message'];\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n onChange(data) {\n console.log(data); debugger;\n this.type = data;\n if (data == 4) {\n this.device = 4;\n this.Range = true;\n\n } else {\n this.device = 0;\n this.Range = false;\n }\n\n this.filterFn();\n this.locations;\n }\n loadin_pade(){\n if (sessionStorage.siginType == 'a') {\n this.onChange(Object);\n this.type;\n this.locations;\n this.filterFn();\n }\n }\n\n all_LocationFn() {\n this.globalservice.enableloader();\n this.globalservice.location().subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.allData = responsedata['Data'];\n console.log(this.allData);\n\n\n // this.Location = this.allData[0] ;\n // console.log(this.allData[0]);\n //\n\n this.sessData = sessionStorage.getItem(\"filterloc\");\n console.log(this.sessData);\n console.log(this.allData);\n for ( var i = 0; i < this.allData.length; i++) {\n if (this.allData[i].location === this.sessData) {\n this.Location = this.allData[i] ;\n // console.log(this.Location);debugger;\n }\n // else {\n // this.Location = '';\n // }\n }\n\n //\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n\n\n\n }\n\n onChanges(value, dataloc) {\n this.location = dataloc.location;\n sessionStorage.setItem(\"filterloc\", this.location);\n this.type;\n this.From;\n this.to;\n this.filterFn();\n }\n filterFn() {\n if (this.location == undefined) {\n this.location = '';\n } else {\n this.location = this.location;\n var level = {\n \"Location\": this.location,\n \"FromDate\": this.From,\n \"ToDate\": this.to,\n \"Type\": this.type,\n }\n console.log(level); debugger;\n }\n if (sessionStorage.siginType == 'a') {\n if(this.type==Object){\n this.type='1'\n }\n this.locations;\n this.type;\n var level = {\n \"Location\": this.locations,\n \"FromDate\": this.From,\n \"ToDate\": this.to,\n \"Type\": this.type,\n }\n }\n this.globalservice.enableloader();\n this.globalservice.AdminFilter(level).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.filterdat = responsedata['Data'];\n this.dat = [];\n for (var i = 0; i < this.filterdat.length; i++) {\n this.dat.push({\n \"Department\": this.filterdat[i].DEPARTMENT,\n \"Count\": this.filterdat[i].count,\n \"color\": this.filterdat[i].color,\n });\n }\n this.ODtrue = true;\n this.ODfalse = false;\n }\n else {\n this.ODtrue = false;\n this.ODfalse = true;\n this.filterdat= responsedata['Message']\n // this.snackBar.open(this.filterdat ,'', { duration: 1000 });\n }\n\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n\n //\n filterRedirect(params) {\n if (params == undefined) {\n this.location = '';\n } else {\n this.location = params;\n // this.Location = params;\n var level = {\n \"Location\": this.location,\n \"FromDate\": this.From,\n \"ToDate\": this.to,\n \"Type\": this.type,\n }\n }\n if (sessionStorage.siginType == 'a') {\n if(this.type==Object){\n this.type='1'\n }\n this.locations;\n this.type;\n var level = {\n \"Location\": this.locations,\n \"FromDate\": this.From,\n \"ToDate\": this.to,\n \"Type\": this.type,\n }\n }\n // console.log(level);debugger;\n this.globalservice.enableloader();\n this.globalservice.AdminFilter(level).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.filterdat = responsedata['Data'];\n this.dat = [];\n for (var i = 0; i < this.filterdat.length; i++) {\n this.dat.push({\n \"Department\": this.filterdat[i].DEPARTMENT,\n \"Count\": this.filterdat[i].count,\n \"color\": this.filterdat[i].color,\n });\n }\n this.ODtrue = true;\n this.ODfalse = false;\n }\n else {\n this.ODtrue = false;\n this.ODfalse = true;\n this.filterdat= responsedata['Message']\n // this.snackBar.open(this.filterdat ,'', { duration: 1000 });\n }\n\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n //new edit\n\n //\n\n onChangeFilter(fromdate, todate) {\n console.log(fromdate);\n console.log(todate);\n this.fromdatelastfilter = fromdate.getDate() < 10 ? '0' + fromdate.getDate() : fromdate.getDate();\n this.todatelastfilter = todate.getDate() < 10 ? '0' + todate.getDate() : todate.getDate();\n\n // console.log(from); console.log(To); debugger;\n this.finalfromdate = this.fromdatelastfilter + '-' + (fromdate.getMonth()+1) + '-' + fromdate.getFullYear();\n this.finaltodate = this.todatelastfilter + '-' + (todate.getMonth()+1) + '-' + todate.getFullYear();\n\n\n\n this.From = this.finalfromdate;\n this.to = this.finaltodate;\n this.location;\n this.type;\n this.filterFn();\n }\n OD_userfilter(i, datafn) {\n // console.log(datafn); debugger;\n if (this.location == undefined) {\n this.location = '';\n } else {\n this.location = this.location;\n var filt = {\n \"Type\": this.type,\n \"Location\": this.location,\n \"Department\": datafn[i]['Department'],\n \"FromDate\": this.From,\n \"ToDate\": this.to,\n }\n }\n if (sessionStorage.siginType == 'a') {\n this.locations;\n var level = {\n \"Type\": this.type,\n \"Location\": this.locations,\n \"Department\": datafn[i]['Department'],\n \"FromDate\": this.From,\n \"ToDate\": this.to,\n }\n }\n sessionStorage.setItem(\"adminlocation\", this.locations);\n sessionStorage.setItem(\"filterloc\", this.location);\n sessionStorage.setItem(\"Form\", this.From);\n sessionStorage.setItem(\"To\", this.to);\n sessionStorage.setItem(\"Typefilter\", this.type);\n sessionStorage.setItem(\"depart\", datafn[i]['Department']);\n this.globalservice.enableloader();\n this.globalservice.ODFilter(filt).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.allfilter = responsedata['Data'];\n this.router.navigate(['dashboard/ODuser_Filter']);\n }\n var page = sessionStorage.page;\n delete sessionStorage.page;\n\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n lastdata = [\n { value: '1', viewValue: 'Today' },\n { value: '2', viewValue: 'This Week' },\n { value: '3', viewValue: 'This Month' },\n { value: '4', viewValue: 'Range' }\n ]\n getToday(): string {\n return new Date().toISOString().split('T')[0]\n }\n\n\n//\n\n\n//\n\n}\n","module.exports = \".qrcodeheader{\\r\\n width: 100%;\\r\\n height:200px;\\r\\n margin: 0px;\\r\\n background:#0746B3;\\r\\n}\\r\\n.qrcodeheader_logo{\\r\\n text-align: center;\\r\\n margin:30px 0 0 0;\\r\\n}\\r\\n.qrcodecontent{\\r\\n width: 100%;\\r\\n height:500px;\\r\\n margin: 0px;\\r\\n background:#F2F3F8;\\r\\n}\\r\\n.qrcodecontent_form{\\r\\n margin:-80px 0 30px 0;\\r\\n}\\r\\n.qrcodebox{\\r\\n background: #fff;\\r\\n height:300px;\\r\\n padding: 50px;\\r\\n color: #A5A8B5;\\r\\n}\\r\\n.qrcodeleft,.qrcodebox{\\r\\n float: left;\\r\\n}\\r\\n.qrcodeimg{\\r\\n width:200px;\\r\\n /* background: #000; */\\r\\n height:200px;\\r\\n}\\r\\n.qrcodeimg img{\\r\\n width:150px;\\r\\n /* background: #000; */\\r\\n height:150px;\\r\\n}\\r\\n/* image overlay\\r\\n */\\r\\n.overlay {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n opacity: 0;\\r\\n transition: .5s ease;\\r\\n background-color: #008CBA;\\r\\n cursor: pointer;\\r\\n }\\r\\n.qrcodeimg:hover .overlay {\\r\\n opacity: 1;\\r\\n }\\r\\n.text {\\r\\n color: white;\\r\\n font-size: 20px;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 50%;\\r\\n -webkit-transform: translate(-50%, -50%);\\r\\n transform: translate(-50%, -50%);\\r\\n -ms-transform: translate(-50%, -50%);\\r\\n text-align: center;\\r\\n }\"","module.exports = \"
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n To Verify\\n
\\n
\\n 1.Install on duty app\\n
\\n
\\n 2.Open the application and tab verify button\\n
\\n
\\n 3.Point your phone to this screen to capture the code\\n
\\n
\\n
\\n
![](\\\"{{qr_url}}\\\")
\\n
\\n
\\n
\\n
\\n
\\n
\"","import { Component, OnInit } from '@angular/core';\nimport { GlobalserviceService } from './../globalservice.service';\n\n@Component({\n selector: 'app-qrcode',\n templateUrl: './qrcode.component.html',\n styleUrls: ['./qrcode.component.css'],\n inputs: ['qrdata']\n})\nexport class QrcodeComponent implements OnInit {\n user; EMP_ID; qr_url;mydata;\n constructor(\n public globalservice: GlobalserviceService,\n ) { }\n\n\n ngOnInit() {\n this.EMP_ID = localStorage.getItem('EMP_ID');\n this.qr_url = localStorage.getItem('qr_url');\n }\n\n reloadqrcode() {\n alert();\n this.mydata={\"EMP_ID\":this.EMP_ID};\n this.globalservice.qrdata(this.mydata).subscribe(data => {\n debugger;\n localStorage.setItem('EMP_ID', this.mydata);\n localStorage.setItem('qr_url', this.globalservice.base_url + data['Data1']);\n console.log(localStorage); debugger;\n }, err => {\n alert(\"Error Occured\");\n });\n }\n\n\n}\n","module.exports = \".method_con {\\r\\n width: 100%;\\r\\n padding-right: 35px;\\r\\n padding-left: 35px;\\r\\n margin-right: auto;\\r\\n margin-left: auto;\\r\\n padding-top: 20px;\\r\\n height: 590px;\\r\\n\\r\\n}\\r\\n.upper_box{\\r\\n background-color: white;\\r\\n}\\r\\n.center {\\r\\n display: block;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n}\\r\\n.btn-data {\\r\\n width: 130px;\\r\\n color: #fff;\\r\\n background-color: #3CA2DD;\\r\\n border-color: #3CA2DD;\\r\\n}\\r\\ninput[type=\\\"radio\\\"] { /* IE 9 */\\r\\n -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */\\r\\n transform: scale(1.5);\\r\\n}\\r\\n.buttondata{\\r\\n margin-top: -39px;\\r\\n float: right;\\r\\n margin-right: -89px;\\r\\n}\\r\\n.background{\\r\\n background-color:#F2F3F8\\r\\n}\\r\\n.setting-row{\\r\\n margin-top: 50px\\r\\n}\\r\\n.select{\\r\\n margin-top: 26px\\r\\n}\\r\\n\"","module.exports = \"
\\n
\\n
\\n
\\n
SETTING
\\n\\n
\\n\\n\\n\\n\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { GlobalserviceService } from '../globalservice.service';\nimport { MatSnackBar } from '@angular/material';\n\n@Component({\n selector: 'app-setting',\n templateUrl: './setting.component.html',\n styleUrls: ['./setting.component.css']\n})\nexport class SettingComponent implements OnInit {\n time: boolean;\n distance: boolean;\n seetingvalue: any;\n message: any;\n distime: any; autotime: number;\n autodis: number;\n ti: any;\n tis: any;\n distances: any;\n times: any;\n selecttime; selectdistance;\n lastdistance; lasttime;\n constructor(public globalservice: GlobalserviceService, public snackBar: MatSnackBar, ) { }\n\n ngOnInit() {\n this.select_distance_time();\n this.AutoCheckoutDistance();\n this.AutoCheckoutTime();\n }\n\n toggle() {\n this.select_distance_time();\n this.time = true;\n this.distance = false;\n }\n\n toggle1() {\n this.select_distance_time();\n this.time = false;\n this.distance = true;\n }\n\n AutoCheckoutDistance() {\n this.globalservice.enableloader();\n this.globalservice.autocheckout_distance().subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.lastdistance = responsedata.Data;\n }\n },\n err => {\n this.globalservice.disableloader();\n alert('Network Error');\n });\n }\n\n AutoCheckoutTime() {\n this.globalservice.enableloader();\n this.globalservice.autocheckout_time().subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.lasttime = responsedata.Data;\n }\n },\n err => {\n this.globalservice.disableloader();\n alert('Network Error');\n });\n }\n\n\n seeting(mydata) {\n console.log(mydata); debugger;\n if (mydata == undefined) {\n this.snackBar.open('Please select Time', '', { duration: 3000 });\n } else {\n var data = {\n \"checkout_hours\": mydata\n };\n this.globalservice.enableloader();\n this.globalservice.UpdateSettings(data).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.seetingvalue = responsedata['Data'];\n this.message = responsedata['Message']\n this.snackBar.open(this.message, '', { duration: 3000 });\n } else {\n this.snackBar.open('Incorrect Credentials', '', { duration: 3000 });\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n }\n seetings(mydata) {\n if (mydata == undefined) {\n this.snackBar.open('Please select Distance (KM)', '', { duration: 3000 });\n } else {\n var data = {\n \"checkout_Km\": mydata,\n\n };\n this.globalservice.enableloader();\n this.globalservice.UpdateSettings(data).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n console.log(responsedata); debugger;\n this.seetingvalue = responsedata['Data'];\n this.message = responsedata['Message']\n this.snackBar.open(this.message, '', { duration: 3000 });\n } else {\n this.snackBar.open('Incorrect Credentials', '', { duration: 3000 });\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n }\n\n\n\n select_distance_time() {\n this.globalservice.enableloader();debugger;\n this.globalservice.select_time_dis().subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n console.log(responsedata);debugger;\n this.distime = responsedata['Data'][0];\n // console.log(this.distime);\n this.distances = this.distime['AutoCheckOutDistance'];\n console.log(this.distances);\n this.times = this.distime['AutoCheckOutTime'];\n console.log(this.times);debugger;\n\n this.selecttime = this.times;\n this.selectdistance = this.distances;\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n\n openSnackBar(message: string, action: string) {\n this.snackBar.open(message, action, {\n duration: 3000,\n });\n }\n\n\n\n}\n","module.exports = \".method_con {\\r\\n width: 100%;\\r\\n padding-right: 35px;\\r\\n padding-left: 35px;\\r\\n margin-right: auto;\\r\\n margin-left: auto;\\r\\n padding-top: 30px;\\r\\n height: 597px;\\r\\n}\\r\\n\\r\\n.searchtextcss{\\r\\n padding-bottom: 10px;\\r\\n padding-top: 10px;\\r\\n padding: 0px;\\r\\n}\\r\\n\\r\\n.table_set{\\r\\n margin-top: 40px;\\r\\n}\\r\\n\\r\\n.table thead th {\\r\\n vertical-align: bottom;\\r\\n border-bottom: 0px solid #F8F9F9;\\r\\n}\\r\\n\\r\\n.switch {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n width: 60px;\\r\\n height: 34px;\\r\\n }\\r\\n\\r\\n.switch input {display:none;}\\r\\n\\r\\n.slider {\\r\\n position: absolute;\\r\\n cursor: pointer;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background-color: #ccc;\\r\\n transition: .4s;\\r\\n height: 25px;\\r\\n width: 50px;\\r\\n }\\r\\n\\r\\n.slider:before {\\r\\n position: absolute;\\r\\n content: \\\"\\\";\\r\\n height: 20px;\\r\\n width: 20px;\\r\\n left: 4px;\\r\\n bottom: 4px;\\r\\n background-color: white;\\r\\n transition: .4s;\\r\\n }\\r\\n\\r\\ninput:checked + .slider {\\r\\n background-color: #2196F3;\\r\\n }\\r\\n\\r\\ninput:focus + .slider {\\r\\n box-shadow: 0 0 1px #2196F3;\\r\\n }\\r\\n\\r\\ninput:checked + .slider:before {\\r\\n -webkit-transform: translateX(26px);\\r\\n transform: translateX(26px);\\r\\n }\\r\\n\\r\\n/* Rounded sliders */\\r\\n\\r\\n.slider.round {\\r\\n border-radius: 34px;\\r\\n }\\r\\n\\r\\n.slider.round:before {\\r\\n border-radius: 50%;\\r\\n }\\r\\n\\r\\n.tablecolor{\\r\\n background-color: white;\\r\\n }\\r\\n\\r\\n.background{\\r\\n background-color:#F2F3F8\\r\\n }\\r\\n\\r\\n.ODuser-p{\\r\\n padding-top: 11px;\\r\\n }\\r\\n\\r\\n.ODUser-font{\\r\\n font-size:18px;\\r\\n color:blue;\\r\\n padding-right:10px\\r\\n }\\r\\n\\r\\n.font{\\r\\n font-size: 20px;\\r\\n }\\r\\n\\r\\n.lable{\\r\\n font-size:15px;\\r\\n float: right\\r\\n }\\r\\n\\r\\n.thead-table{\\r\\n background-color: #F2F3F8;color:gray\\r\\n }\\r\\n\\r\\n.img-td{\\r\\n width:30px;\\r\\n border-radius: 50%;\\r\\n }\\r\\n\\r\\n.table-view{\\r\\n color: #007bff;\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n.view-grey{\\r\\n color: gray;\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n.qrcode{\\r\\n width: 30px\\r\\n }\"","module.exports = \"
\\n
\\n
\\n
\\n
\\n
\\n \\n OD User \\n
\\n
\\n
\\n
\\n
\\n\\n
\\n \\n \\n \\n | \\n Name | \\n EMP ID | \\n Device ID | \\n Mobile No | \\n Department | \\n OD Details | \\n Device Status | \\n QR Code | \\n
\\n \\n \\n \\n | \\n \\n | \\n {{allOD.NAME}} | \\n {{allOD.EMP_ID}} | \\n {{allOD.DEVICE_NUMBER}} | \\n {{allOD.MOBILE_NUMBER}} | \\n {{allOD.DEPARTMENT}} | \\n \\n View\\n \\n \\n \\n View\\n \\n \\n \\n | \\n \\n \\n \\n | \\n \\n ![](\\\"assets/images/Icons/qrcode.png\\\") \\n \\n | \\n
\\n \\n
\\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { MatDialog, MatDialogRef, MAT_DIALOG_DATA, MatSnackBar } from '@angular/material';\nimport { EnabledialogComponent } from '../enabledialog/enabledialog.component';\nimport { DisableComponent } from '../disable/disable.component';\nimport { Router, ActivatedRoute, NavigationEnd } from '@angular/router';\nimport { GlobalserviceService } from '../globalservice.service';\nimport { CodepopupComponent } from '../codepopup/codepopup.component';\nimport { FormBuilder, FormGroup, Validators, FormControl, FormArray } from '@angular/forms';\nimport { DatePipe } from '@angular/common';\n\n@Component({\n selector: 'app-table-filter',\n templateUrl: './table-filter.component.html',\n styleUrls: ['./table-filter.component.css']\n})\nexport class TableFilterComponent implements OnInit {\n main: string;\n allfilter = [];\n currentpage: number; stat;\n totalItems: number;\n p: number = 1;\n device: number = 0;\n animal: string;\n name: string;\n dev = 1;\n Userlist = [];\n Disablefn = true;\n location;\n Department;\n Location: string;\n from: string;\n todata: string;\n filterlocation: string;\n adminlocation: string;\n subadmin: any;\n admin: boolean;\n FromDate: string;\n ToDate: string;\n lableAdmin: boolean;\n OUtlable: boolean;\n siginlocat: any;\n filterloc: any;\n searchval: any;\n searchmeth: any;\n\n constructor(public dialog: MatDialog,private datePipe: DatePipe, private router: Router, public snackBar: MatSnackBar, route: ActivatedRoute, public globalservice: GlobalserviceService, ) { }\n\n ngOnInit() {\n\n//\n //\n var Seraching = sessionStorage.getItem(\"search1\");\n if(Seraching !== '') {\n this.searchmeth = Seraching;\n this.valuemeth(Seraching);\n console.log(Seraching);\n sessionStorage.removeItem('search1');\n }\n else {\n this.OD_userfilter();\n }\n\n//\n\n // this.OD_userfilter();\n this.stat = true;\n this.fordate();\n if(sessionStorage.page && sessionStorage.search ==\"\"){\n this.p = sessionStorage.page;\n }else if(sessionStorage.search){\n this.p=1;\n sessionStorage.search =\"\";\n }\n else{\n }\n this.adminlocation = sessionStorage.getItem('adminlocation');\n this.Department = sessionStorage.getItem('depart');\n if (this.Department == 'Total OD Users') {\n this.Department = 'All Department'\n }\n else {\n this.Department == this.Department;\n }\n this.onelocation();\n }\n onChange(value, gete, data, meth) {\n sessionStorage.setItem(\"employeid\", gete);\n sessionStorage.setItem(\"odID\", value);\n sessionStorage.setItem(\"deviceid\", meth);\n\n if (value.checked == true) {\n this.device = 1;\n this.Enable_Dialog();\n } else {\n this.device = 0;\n this.Disable_Dialog();\n }\n }\n\n pagechange(event) {\n this.p = event;\n }\n OD_userfilter() {\n this.main = sessionStorage.getItem('adminlocation')\n\n this.Location = sessionStorage.getItem('filterloc');\n this.Department = sessionStorage.getItem('depart');\n this.from = sessionStorage.getItem('Form');\n this.todata = sessionStorage.getItem('To');\n if (sessionStorage.siginType == 'a') {\n var filt = {\n \"Type\": sessionStorage.Typefilter,\n \"Location\": sessionStorage.adminlocation,\n \"Department\": sessionStorage.depart,\n \"FromDate\": sessionStorage.Form,\n \"ToDate\": sessionStorage.To,\n }\n } else {\n var filt = {\n \"Type\": sessionStorage.Typefilter,\n \"Location\": sessionStorage.filterloc,\n \"Department\": sessionStorage.depart,\n \"FromDate\": sessionStorage.Form,\n \"ToDate\": sessionStorage.To,\n\n }\n }\n this.globalservice.enableloader();\n this.globalservice.ODFilter(filt).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.allfilter = responsedata['Data'];\n var page = sessionStorage.page;\n delete sessionStorage.page;\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n\n codepopup(qrcode): void {\n const dialogRef = this.dialog.open(CodepopupComponent, {\n width: '150px',\n data: { animal: this.animal, qrcode: qrcode }\n });\n }\n Enable_Dialog(): void {\n const dialogRef = this.dialog.open(EnabledialogComponent, {\n width: '250px',\n data: { animal: this.animal }\n });\n }\n\n Disable_Dialog(): void {\n const dialogRef = this.dialog.open(DisableComponent, {\n width: '250px',\n data: { animal: this.animal }\n });\n }\n\n Route_Map(EmplyId, data) {\n if(!this.searchmeth){\n this.searchval = '';\n }\n else{\n this.searchval = this.searchmeth;\n }\n sessionStorage.setItem(\"search1\", this.searchval);\n sessionStorage.page = this.p;\n sessionStorage.setItem(\"getID\", EmplyId);\n sessionStorage.setItem(\"odID\", data);\n this.router.navigate(['dashboard/Filter_map']);\n }\n valuemeth(data) {\n sessionStorage.setItem(\"search\", data);\n if (sessionStorage.siginType == 'a') {\n var metho = {\n \"Name\": data,\n \"Type\": sessionStorage.Typefilter,\n \"Location\": sessionStorage.adminlocation,\n \"Department\": sessionStorage.depart,\n \"FromDate\": sessionStorage.Form,\n \"ToDate\": sessionStorage.To,\n\n }\n } else {\n var metho = {\n \"Name\": data,\n \"Type\": sessionStorage.Typefilter,\n \"Location\": sessionStorage.filterloc,\n \"Department\": sessionStorage.depart,\n \"FromDate\": sessionStorage.Form,\n \"ToDate\": sessionStorage.To,\n }\n }\n this.globalservice.enableloader();\n this.globalservice.localsearch(metho).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.allfilter = responsedata['Data'];\n }\n else {\n this.OD_userfilter();\n }\n },\n err => {\n this.globalservice.disableloader();\n alert(\"Network Error\");\n });\n }\n backward_map() {\n if (sessionStorage.siginType == 'a') {\n this.router.navigate(['/dashboard/mainpanel_SubAdmin']);\n }\n else {\n this.router.navigate(['dashboard/OD_User']);\n this.filterloc=sessionStorage.filterloc;\n }\n }\n\n onelocation() {\n if (sessionStorage.siginType == 'a') {\n this.subadmin = true;\n this.admin = false;\n } else {\n this.subadmin = false;\n this.admin = true\n }\n }\n fordate(){\n if(sessionStorage.Typefilter=='4'){\n this.lableAdmin= true;\n this.OUtlable=false;\n }else{\n this.lableAdmin=false;\n this.OUtlable=true;\n }\n }\n}\n\n\n\n","module.exports = \".logo {\\r\\n box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);\\r\\n}\\r\\n\\r\\n.main-header {\\r\\n overflow: auto;\\r\\n box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.75);\\r\\n}\\r\\n\\r\\n.navbar-nav {\\r\\n flex-direction: row;\\r\\n}\\r\\n\\r\\n.nav-link {\\r\\n padding-right: .5rem !important;\\r\\n padding-left: .5rem !important;\\r\\n}\\r\\n\\r\\n.divider-vertical {\\r\\n height: 25px;\\r\\n margin: 0 15px;\\r\\n /* border-left: 1px solid #F2F2F2; */\\r\\n border-right: 1px solid #eee;\\r\\n}\\r\\n\\r\\n.txt-blue {\\r\\n color: #134a86;\\r\\n}\\r\\n\\r\\n.orange {\\r\\n color: #f8931d;\\r\\n}\\r\\n\\r\\n.datealign{\\r\\nmargin-top: 7px;\\r\\n /* margin-right: 80px; */\\r\\n position: absolute;\\r\\n right: 30%\\r\\n}\\r\\n\\r\\n.nav-icon {\\r\\n margin-top: 10px\\r\\n}\\r\\n\\r\\n.user-icon {\\r\\n height:21px;\\r\\n}\\r\\n\\r\\n.img-logo {\\r\\n max-width:100%;\\r\\n max-height:70%\\r\\n}\\r\\n\\r\\n.dynamic-title{\\r\\n -ms-grid-row-align:center;\\r\\n align-self:center;\\r\\n color:rgb(88, 99, 114);\\r\\n font-weight: bold;\\r\\n position: relative;\\r\\n left: 10px;\\r\\n}\\r\\n\\r\\n/* my css */\\r\\n\\r\\n.pointer-icon{\\r\\n position: relative;\\r\\n top: -1px;\\r\\n padding-right: 6px;\\r\\n padding-left: 12px;\\r\\n}\\r\\n\\r\\n.logo{\\r\\n width:25%;\\r\\n float: left;\\r\\n background: #0746B3;\\r\\n}\\r\\n\\r\\n.d-flex{\\r\\n width:75%;\\r\\n}\\r\\n\\r\\n/* Navigation menu css */\\r\\n\\r\\n#cssmenu {\\r\\n /* background: #f96e5b; */\\r\\n width: auto;\\r\\n margin-top: 19px;\\r\\n }\\r\\n\\r\\n#cssmenu ul {\\r\\n list-style: none;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n line-height: 1;\\r\\n display: block;\\r\\n zoom: 1;\\r\\n }\\r\\n\\r\\n#cssmenu ul:after {\\r\\n content: \\\" \\\";\\r\\n display: block;\\r\\n font-size: 0;\\r\\n height: 0;\\r\\n clear: both;\\r\\n visibility: hidden;\\r\\n }\\r\\n\\r\\n#cssmenu ul li {\\r\\n display: inline-block;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n#cssmenu.align-right ul li {\\r\\n float: right;\\r\\n }\\r\\n\\r\\n#cssmenu.align-center ul {\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n#cssmenu ul li a {\\r\\n color: #808080;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n padding: 15px 25px;\\r\\n /* font-weight: 700; */\\r\\n text-transform: uppercase;\\r\\n font-size: 14px;\\r\\n position: relative;\\r\\n transition: color .25s;\\r\\n }\\r\\n\\r\\n#cssmenu ul li a:hover {\\r\\n color: #3CA2DD;\\r\\n }\\r\\n\\r\\n#cssmenu ul li a:hover:before {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n#cssmenu ul li a:after {\\r\\n content: \\\"\\\";\\r\\n display: block;\\r\\n position: absolute;\\r\\n right: -3px;\\r\\n top: 19px;\\r\\n height: 6px;\\r\\n width: 6px;\\r\\n background: #ffffff;\\r\\n opacity: .5;\\r\\n }\\r\\n\\r\\n#cssmenu ul li a:before {\\r\\n content: \\\"\\\";\\r\\n display: block;\\r\\n position: absolute;\\r\\n left: 0;\\r\\n bottom: 0;\\r\\n height: 3px;\\r\\n width: 0;\\r\\n background: #3CA2DD;\\r\\n transition: width .25s;\\r\\n }\\r\\n\\r\\n#cssmenu ul li.last > a:after,\\r\\n #cssmenu ul li:last-child > a:after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n#cssmenu ul li.active a {\\r\\n color: #3CA2DD;\\r\\n }\\r\\n\\r\\n#cssmenu ul li.active a:before {\\r\\n width: 100%;\\r\\n color: #3CA2DD;\\r\\n }\\r\\n\\r\\n#cssmenu.align-right li.last > a:after,\\r\\n #cssmenu.align-right li:last-child > a:after {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n#cssmenu.align-right li:first-child a:after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n.img{\\r\\n padding-top: 13px;\\r\\n padding-right:70px\\r\\n}\\r\\n\\r\\n \"","module.exports = \"
\\n \\n ![](\\\"assets/images/logo.png\\\")
\\n \\n\\n \\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n - \\n
![](\\\"assets/images/logout.png\\\")
\\n \\n
\\n
\"","import { Component, OnInit } from '@angular/core';\nimport { Router, ActivatedRoute, NavigationEnd } from '@angular/router';\nimport { Location } from '@angular/common';\nimport { AdminUserComponent } from '../admin-user/admin-user.component';\nimport { ODuserComponent } from '../oduser/oduser.component';\nimport { SettingComponent } from '../setting/setting.component';\n\n@Component({\n selector: 'app-topbar',\n templateUrl: './topbar.component.html',\n styleUrls: ['./topbar.component.css']\n})\nexport class TopbarComponent implements OnInit {\n\n headerTitle;\n pathname; activeclass;\n Locationone: boolean;\n LocationMulti: boolean;\n constructor(private location: Location, private router: Router, route: ActivatedRoute) {\n router.events.subscribe((event) => {\n if (event instanceof NavigationEnd) {\n if (route.snapshot.firstChild && route.snapshot.firstChild.data['title']) {\n this.headerTitle = route.snapshot.firstChild.data['title'];\n this.pathname = route.snapshot.firstChild.data['title'] ? route.snapshot.firstChild.data['title'] : 'Home';\n } else {\n this.headerTitle = route.snapshot.data['title'];\n this.pathname = this.headerTitle;\n }\n }\n });\n }\n\n ngOnInit() {\n this.activeclass = \"3\";\n this.onelocation();\n if(sessionStorage.siginType == 'a'){\n this.activeclass = \"2\";\n }\n }\n\n onelocation() {\n if (sessionStorage.siginType == 'a') {\n this.Locationone = true;\n this.LocationMulti = false;\n }\n else {\n this.Locationone = false;\n this.LocationMulti = true;\n }\n }\n back() {\n this.location.back();\n }\n home() {\n this.router.navigate(['/dashboard/OD_User']);\n\n }\n\n logout() {\n sessionStorage.setItem('logout','true');\n sessionStorage.clear();\n this.router.navigate([\"/authentication\"]);\n }\n active(value) {\n // lakshman\n sessionStorage.removeItem(\"filterloc\");\n // lakshman\n this.activeclass = value;\n }\n}\n","module.exports = \"agm-map {\\r\\n height: 500px;\\r\\n }\\r\\n\\r\\n.card_map {\\r\\n transition: 0.3s;\\r\\n padding: 6px;\\r\\n background-color:#F2F3F8;\\r\\n font-size: 14px;\\r\\n color:#707070\\r\\n\\r\\n}\\r\\n\\r\\n.method_con{\\r\\n padding-top: 50px\\r\\n}\\r\\n\\r\\n.searchtextcss{\\r\\n float: right;\\r\\n padding: 0px;\\r\\n}\\r\\n\\r\\n.card_map:hover {\\r\\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\\r\\n}\\r\\n\\r\\n.dot {\\r\\n height: 15px;\\r\\n width: 15px;\\r\\n background-color: #0746B3;\\r\\n border-radius: 50%;\\r\\n display: inline-block;\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.cardRoll{\\r\\n height: 500px;\\r\\n width: 100%;\\r\\n overflow-y: scroll;\\r\\n overflow-x: hidden;\\r\\n\\r\\n}\\r\\n\\r\\n.red{\\r\\n color:red;\\r\\n\\r\\n}\\r\\n\\r\\n.blue{\\r\\n color: #0746B3;float:right;\\r\\n /* new edit */\\r\\n padding-left: 60px;\\r\\n}\\r\\n\\r\\n.gray{\\r\\n color:#707070;\\r\\n float:right;\\r\\n font-size: 14px\\r\\n}\\r\\n\\r\\n.rght{\\r\\n float:right;\\r\\n}\\r\\n\\r\\n.cutres{\\r\\n float:right;\\r\\n}\\r\\n\\r\\n.blu{\\r\\n color: #0746B3;\\r\\n}\\r\\n\\r\\n.positive {\\r\\n background-color: green;\\r\\n}\\r\\n\\r\\n.negative {\\r\\n background-color: red;\\r\\n}\\r\\n\\r\\n.card_map.active {\\r\\n background-color:white !important;\\r\\n}\\r\\n\\r\\n.black{\\r\\n color:black;\\r\\n}\\r\\n\\r\\n.zero{\\r\\n padding: 0px;\\r\\n}\\r\\n\\r\\n.background{\\r\\n background-color:#F2F3F8\\r\\n}\\r\\n\\r\\n.icon{\\r\\n font-size:18px;color:blue;padding-right:10px\\r\\n}\\r\\n\\r\\n.map-top{\\r\\n margin-top: 5px\\r\\n}\\r\\n\\r\\n.map-popup{\\r\\n font-weight:bold;\\r\\n}\\r\\n\\r\\n.default-white1{\\r\\n background: red;\\r\\n\\r\\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\\r\\n}\\r\\n\\r\\n.card-initcss{\\r\\n background:lightblue;\\r\\n\\r\\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\\r\\n}\\r\\n\\r\\n.default-white{\\r\\n background: white;\\r\\n\\r\\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\\r\\n}\\r\\n\"","module.exports = \"
\\n
\\n
\\n
\\n\\n\\n\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n {{User.created_date}}\\n \\n OD Duration: {{User.ODDuration}}\\n
\\n
\\n {{User.OD_Start_Location_Address}}\\n
\\n
\\n
\\n
Reason\\n {{UserS.Purpose_Description}}\\n
\\n
Start Program:\\n {{UserS.Start_Program_Time}}\\n
\\n
End Program:\\n {{UserS.End_Program_Time}}\\n
\\n
Program Duration:\\n {{UserS.Program_Duration}}\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n {{User.created_date}}\\n \\n OD Duration: {{User.ODDuration}}\\n
\\n
\\n {{User.OD_Start_Location_Address}}\\n
\\n
\\n
\\n
Reason\\n {{UserS.Purpose_Description}}\\n
\\n
Start Program:\\n {{UserS.Start_Program_Time}}\\n
\\n
End Program:\\n {{UserS.End_Program_Time}}\\n
\\n
Program Duration:\\n {{UserS.Program_Duration}}\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { GlobalserviceService } from '../globalservice.service';\nimport { Router } from '@angular/router';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { google } from '@agm/core/services/google-maps-types';\nimport { MapsAPILoader } from '@agm/core';\n//import { InfoWindowManager } from '@agm/core/services/managers/info-window-manager';\n\n\n@Component({\n selector: 'app-view-map',\n templateUrl: './view-map.component.html',\n styleUrls: ['./view-map.component.css']\n})\nexport class ViewMapComponent implements OnInit {\n method: any;\n currentdate: any;\n name?: string; lat: number; lng: number; data123; currentlat; currentlng; public obj = [];\n currentindex: number; stat; mapdatas = {}; datas;\n ODusers = []; public isClicked = []; buttonColor; emp;\n ODuserprgm: any;prgm;\n public allprgm;\n oduser= [];\n od= [];data=[];\n pd;resp;datasmeth;\n arry: any;\n selectedRow: any;\n filterlocation: string;\n Department: string;\n IW: any;\n previous: any;\n zoom: number;\n p: any;\n show;\n\n status: boolean = false;\n\n constructor( private mapsAPILoader: MapsAPILoader, public globalservice: GlobalserviceService, private router: Router,public snackBar: MatSnackBar) {}\n\n\n previous_info_window = null;\n ODuser = [];\n infoWindowOpened = null;\n mapdata = [];\n s1 = [];\n ngOnInit() {\n this.previous_info_window = null;\n this.OD_details(Object);\n this.currentindex = 0;\n this.selectedRow='1';\n this.select(Object);\n debugger;\n this.show = true;\n }\n\n //\n\nclickEvent(i){\n this.show = false;\n // console.log(i); debugger;\n // if(i==0){\n // this.status = true;\n // this.show = true;\n // }\n // this.status = !this.status;\n}\n\n //\n\n\n backward() {\n this.router.navigate(['/dashboard/ODuser_Table']);\n var firstlat = sessionStorage.firstlat;\n delete sessionStorage.firstlat;\n var firstlong = sessionStorage.firstlong;\n delete sessionStorage.firstlong;\n }\n OD_details(i) {\n var data = {\n \"EMP_ID\": sessionStorage.getID\n }\n this.emp=sessionStorage.getID;\n this.globalservice.enableloader();\n this.globalservice.OD_Details(data).subscribe(responsedata => {\n this.globalservice.disableloader();\n if (responsedata.Success) {\n this.ODuser = responsedata['Data'];\nconsole.log(this.ODuser); debugger;\n for (var i = 0; i < this.ODuser.length; i++) {\n this.allprgm=this.ODuser[i].ProgramDetails;\n this.data.push( this.allprgm)\n }\n this.pd=this.data\n for (var i = 0; i < this.ODuser[0].ProgramDetails.length; i++) {\n this.obj.push({\n \"currentlat\": parseFloat(this.ODuser[0].ProgramDetails[i].Start_Program_Location_Lat),\n \"currentlng\": parseFloat(this.ODuser[0].ProgramDetails[i].Start_Program_Location_Long),\n \"OD_start\": this.ODuser[0].OD_Start_Time,\n \"OD_startloct\": this.ODuser[0].OD_Start_Location_Name,\n \"start_prgmName\":this.ODuser[0].ProgramDetails[i].Start_Program_Location_Name,\n \"start_timeprgm\":this.ODuser[0].ProgramDetails[i].Start_Program_Time,\n \"customer\":this.ODuser[0].ProgramDetails[i].Customer,\n \"reason\":this.ODuser[0].ProgramDetails[i].Purpose_Description,\n \"endprgmName\":this.ODuser[0].ProgramDetails[i].End_Program_Location_Name,\n \"endprgmTime\":this.ODuser[0].ProgramDetails[i].End_Program_Time,\n \"OD_endName\":this.ODuser[0].OD_End_Location_Name,\n \"OD_endTime\":this.ODuser[0].OD_End_Time,\n \"prgmTime\":this.ODuser[0].ProgramDetails[i].Program_Duration,\n \"visiable\":false\n });\n }\n sessionStorage.setItem(\"firstlat\",this.obj[0].currentlat);\n sessionStorage.setItem(\"firstlong\",this.obj[0].currentlng);\n this.lat =parseFloat(sessionStorage.firstlat);\n this.lng =parseFloat(sessionStorage.firstlong);\n this.zoom=9;\n }\n else {\n this.router.navigate(['/dashboard/ODuser_Table']);\n this.snackBar.open('There is No OD for the User', '', { duration: 3000 });\n this.stat = true;\n }\n\n },\n err => {\n alert(\"Network Error\");\n });\n}\nselect(i){\n this.selectedRow = i;\n}\n\n //\nnext(i,data123) {\n this.selectedRow = i;\n this.globalservice.enableloader();\n this.ODuser = data123;\n this.buttonColor = '#345465';\n this.zoom =11;\n this.lat=parseFloat(this.ODuser[i].ProgramDetails[0].Start_Program_Location_Lat),\n this.lng=parseFloat(this.ODuser[i].ProgramDetails[0].Start_Program_Location_Long),\n this.obj=[];\n this.globalservice.disableloader();\n for (var j = 0; j < this.ODuser[i].ProgramDetails.length; j++) {\n this.obj.push({\n \"currentlat\": parseFloat(this.ODuser[i].ProgramDetails[j].Start_Program_Location_Lat),\n \"currentlng\": parseFloat(this.ODuser[i].ProgramDetails[j].Start_Program_Location_Long),\n \"OD_start\": this.ODuser[i].OD_Start_Time,\n \"OD_startloct\": this.ODuser[i].OD_Start_Location_Name,\n \"start_prgmName\":this.ODuser[i].ProgramDetails[j].Start_Program_Location_Name,\n \"start_timeprgm\":this.ODuser[i].ProgramDetails[j].Start_Program_Time,\n \"customer\":this.ODuser[i].ProgramDetails[j].Customer,\n \"reason\":this.ODuser[i].ProgramDetails[j].Purpose_Description,\n \"endprgmName\":this.ODuser[i].ProgramDetails[j].End_Program_Location_Name,\n \"endprgmTime\":this.ODuser[i].ProgramDetails[j].End_Program_Time,\n \"OD_endName\":this.ODuser[i].OD_End_Location_Name,\n \"OD_endTime\":this.ODuser[i].OD_End_Time,\n \"prgmTime\":this.ODuser[i].ProgramDetails[j].Program_Duration,\n \"visiable\":false\n });\n }\n\n this.previous_info_window = null;\n\n}\n\n\n\n\nclickedMarker(infoWindow){\n\n console.log(infoWindow);\n if (this.previous_info_window == null) {\n this.previous_info_window = infoWindow;\n this.previous_info_window.close();\n }\n else{\n this.infoWindowOpened = infoWindow;\n this.previous_info_window.close();\n this.previous_info_window = infoWindow;\n }\n }\n}\n","import { Injectable } from '@angular/core';\r\nimport { Router, CanActivate, CanActivateChild, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';\r\n\r\n@Injectable()\r\nexport class AuthGuardService implements CanActivate, CanActivateChild {\r\n\r\n constructor(private router: Router) { }\r\n\r\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {\r\n debugger;\r\n if (sessionStorage.getItem('siginType') || sessionStorage.getItem('logout') == 'true') {\r\n // logged in so return true\r\n if(sessionStorage.getItem('logout')=='true')\r\n sessionStorage.clear();\r\n // localStorage.clear()\r\n return true;\r\n }\r\n sessionStorage.clear();\r\n // not logged in so redirect to login page with the return url and return false\r\n this.router.navigate(['/authentication']);\r\n return false;\r\n }\r\n \r\n canActivateChild(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {\r\n debugger;\r\n if (sessionStorage.getItem('siginType') || sessionStorage.getItem('logout') == 'true') {\r\n // logged in so return true\r\n return true;\r\n }\r\n // not logged in so redirect to login page with the return url and return false\r\n this.router.navigate(['/authentication']);\r\n return false;\r\n }\r\n}","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * In development mode, to ignore zone related error stack frames such as\n * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can\n * import the following file, but please comment it out in production mode\n * because it will have performance impact when throw error\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.log(err));\n"],"sourceRoot":""}