this.showShift(e, dateobj, \"shift\" + indx)} onClick={(e)=>this.datebarSelect(e,dateobj)}> */}\r\n
this.showShift(e, dateobj, \"shift\" + indx)} onClick={(e) => this.datebarSelect(e, dateobj.date)}>\r\n {moment(dateobj.date).format(\"DD MMM\") + \" \"}\r\n {dateobj.count} \r\n {/*
\r\n \r\n );\r\n return datelist;\r\n }\r\n\r\n render() {\r\n const shifts = this.state.dateObject !== undefined && this.state.dateObject.items !== undefined && this.state.dateObject.items.length > 0\r\n && this.state.dateObject.items.map((item, i) =>\r\n this.props.reportNameForDateBar === \"TransetReport\" ?\r\n item && item.length > 0 &&\r\n
this.DateShiftClick(e, item)} style={{ cursor: \"pointer\" }}>Shift {item[0].periodSeqNum} \r\n :\r\n
this.DateShiftClick(e, item)} style={{ cursor: \"pointer\" }}>Shift {item.periodSeqNum} \r\n );\r\n\r\n const datelist = this.loadDateList();\r\n\r\n const dateAndShiftButtons = this.props.dateListObjectData !== undefined && this.props.dateListObjectData.length > 0 &&\r\n this.props.dateListObjectData.map(dateobj =>\r\n this.props.reportNameForDateBar === \"TransetReport\" ?\r\n
\r\n {moment(dateobj.date).format(\"DD MMM YYYY\")} \r\n {/* {\r\n dateobj.items!==undefined && dateobj.items.length>0 && dateobj.items.map((value,index)=>\r\n this.DateShiftClick(e,value)}>\r\n transet: {value[0].periodSeqNum}\r\n \r\n )\r\n } */}\r\n
\r\n :\r\n
\r\n {moment(dateobj.date).format(\"DD MMM YYYY\")} \r\n {dateobj.items !== undefined && dateobj.items.length > 0 && dateobj.items.slice(0, 8).map((item, i) =>\r\n i === 0 ?\r\n this.DateShiftClick(e, item)}>Shift - {item.periodSeqNum} \r\n :\r\n this.DateShiftClick(e, item)}>Shift - {item.periodSeqNum} \r\n )}\r\n
\r\n );\r\n return (\r\n
\r\n
\r\n {/* this is for date buttons instead of datebar */}\r\n {/* {dateAndShiftButtons} */}\r\n\r\n {/* date bar functionality */}\r\n
\r\n
\r\n {this.props.datebarLoader ?
:\r\n
\r\n\r\n
\r\n {/* {this.props.datebarLoader?
:datelist} */}\r\n {datelist}\r\n
\r\n
\r\n }\r\n\r\n\r\n
\r\n
\r\n\r\n {/* this is for showing date and period no instead of datebar before implemented date bar functionality */}\r\n {/*
\r\n {this.props.period !== \"\" ? \r\n Period: {this.props.period} Period Seq No: {this.props.periodSeqNum} :
*/}\r\n
\r\n
\r\n
\r\n {/* commented this temporarily this is for shifts of date bar */}\r\n
\r\n {shifts}\r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction ShiftComponent(props) {\r\n return (\r\n
\r\n {props.shifts}\r\n
\r\n )\r\n}\r\nexport default DateList;","import React, { Component } from 'react';\r\nimport moment from 'moment';\r\nimport axios from 'axios';\r\nimport { prefixUrl } from '../urlandheaderdata';\r\nclass SetSyncTime extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.hoursTextRef = React.createRef();\r\n this.minutesTextRef = React.createRef();\r\n this.ampmTextRef = React.createRef();\r\n this.hoursUpBtnRef = React.createRef();\r\n this.hoursDownBtnRef = React.createRef();\r\n this.minutesUpBtnRef = React.createRef();\r\n this.minutesDownBtnRef = React.createRef();\r\n this.amUpBtnRef = React.createRef();\r\n this.pmDownBtnRef = React.createRef();\r\n this.upDownChange = this.upDownChange.bind(this);\r\n this.setSyncTime = this.setSyncTime.bind(this);\r\n this.saveSyncTime = this.saveSyncTime.bind(this);\r\n }\r\n upDownChange(buttonctrl, textctrl, alternatebuttonctrl) {\r\n var currentVal = parseInt(textctrl.value);\r\n var min = parseInt(textctrl.min);\r\n var max = parseInt(textctrl.max);\r\n if (!isNaN(currentVal)) {\r\n if (buttonctrl.dataset.type === 'minus') {\r\n if (currentVal > min) {\r\n var temp = currentVal - 1;\r\n if (temp < 10 && temp > -1) {\r\n textctrl.value = \"0\" + temp;\r\n } else {\r\n textctrl.value = temp;\r\n }\r\n }\r\n if (currentVal === min) {\r\n buttonctrl.disabled = true;\r\n alternatebuttonctrl.disabled = false;\r\n }\r\n\r\n } else if (buttonctrl.dataset.type === 'plus') {\r\n if (currentVal < max) {\r\n var temp = currentVal + 1;\r\n if (temp < 10 && temp > -1) {\r\n textctrl.value = \"0\" + temp;\r\n }\r\n else {\r\n textctrl.value = temp;\r\n }\r\n }\r\n if (currentVal === max) {\r\n buttonctrl.disabled = true;\r\n alternatebuttonctrl.disabled = false;\r\n }\r\n\r\n }\r\n } else {\r\n textctrl.val(0);\r\n }\r\n }\r\n\r\n setSyncTime($event) {\r\n if ($event.target.parentNode.name === \"HoursUpBtn\") {\r\n this.upDownChange($event.target.parentNode, this.hoursTextRef.current, this.hoursDownBtnRef.current)\r\n\r\n } else if ($event.target.parentNode.name === \"HoursDownBtn\") {\r\n this.upDownChange($event.target.parentNode, this.hoursTextRef.current, this.hoursUpBtnRef.current)\r\n } else if ($event.target.parentNode.name === \"MinutesUpBtn\") {\r\n this.upDownChange($event.target.parentNode, this.minutesTextRef.current, this.minutesDownBtnRef.current)\r\n } else if ($event.target.parentNode.name === \"MinutesDownBtn\") {\r\n this.upDownChange($event.target.parentNode, this.minutesTextRef.current, this.minutesUpBtnRef.current)\r\n } else if ($event.target.parentNode.name === \"AmUpBtn\") {\r\n this.ampmTextRef.current.value = \"AM\";\r\n } else if ($event.target.parentNode.name === \"PmDownBtn\") {\r\n this.ampmTextRef.current.value = \"PM\";\r\n }\r\n }\r\n saveSyncTime() {\r\n this.props.syncTimeSpinnerOn();\r\n var currentdate = moment().format('YYYY/MM/DD');\r\n var Time = parseInt(this.hoursTextRef.current.value) + \":\" + parseInt(this.minutesTextRef.current.value) + \":00\" + \" \" + this.ampmTextRef.current.value;\r\n var syncTime = moment(currentdate + \" \" + Time).utc().format(\"YYYY/MM/DD HH:mm\");\r\n let url = prefixUrl + `SetSyncTime`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/SetSyncTime`;\r\n var postdata = {};\r\n postdata.userID = this.props.userID;\r\n postdata.storeID = this.props.storeID;\r\n postdata.sheduleTimeHours = moment(syncTime).hour().toString();\r\n postdata.sheduleTimeMinutes = moment(syncTime).minutes().toString();\r\n this.props.hideSyncTimeComponent(syncTime);\r\n axios.post(url, postdata)\r\n .then(\r\n Response => {\r\n if (Response.status === 200 && Response.data !== undefined) {\r\n this.props.syncTimeSpinnerOff();\r\n this.props.syncTimeChange(Response.data);\r\n //this.props.hideSyncTimeComponent();\r\n }\r\n }\r\n )\r\n .catch(\r\n error => {\r\n this.props.syncTimeSpinnerOff();\r\n console.log(error);\r\n //this.props.hideSyncTimeComponent();\r\n }\r\n )\r\n }\r\n render() {\r\n let hours=null;\r\n let minutes=null;\r\n let amOrpm=null;\r\n if(!this.props.isSyncTimeUpdate)\r\n {\r\n hours=this.hoursTextRef.current.value;\r\n minutes=this.minutesTextRef.current.value;\r\n amOrpm=this.ampmTextRef.current.value;\r\n }\r\n else\r\n {\r\n hours = moment('2019/12/12 ' + this.props.syncTime).format('hh');\r\n minutes = moment('2019/12/12 ' + this.props.syncTime).minutes();\r\n if (minutes < 10) {\r\n minutes = \"0\" + minutes;\r\n }\r\n amOrpm = moment('2019/12/12 ' + this.props.syncTime).format('A');\r\n }\r\n \r\n return (\r\n
\r\n \r\n
Set Sync Time \r\n
\r\n Save \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default SetSyncTime;","import React, { Component } from 'react';\r\nimport SetSyncTime from './setsynctime';\r\nimport moment from 'moment';\r\nimport { tsImportEqualsDeclaration } from '@babel/types';\r\nimport _ from 'lodash';\r\nimport $ from 'jquery';\r\nimport { CognitoUser, CognitoUserPool } from 'amazon-cognito-identity-js';\r\nimport { poolData } from '../urlandheaderdata';\r\n\r\nclass HeaderNavSection extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.syncTimeChange = this.syncTimeChange.bind(this);\r\n this.syncTimeSpinnerOn = this.syncTimeSpinnerOn.bind(this);\r\n this.syncTimeSpinnerOff = this.syncTimeSpinnerOff.bind(this);\r\n this.openCloseSyncDiv = this.openCloseSyncDiv.bind(this);\r\n this.hideSyncTimeComponent = this.hideSyncTimeComponent.bind(this);\r\n this.state = {\r\n syncTime: \"\"\r\n }\r\n this.user = {}\r\n }\r\n componentDidMount() {\r\n var that = this;\r\n $(document).mouseover(function (e) {\r\n if (!($(e.target).hasClass(\"hoverclass\"))) {\r\n that.hideSyncTimeComponent();\r\n //$(\".set-time-header-button\").hide();\r\n }\r\n });\r\n\r\n var userPool = new CognitoUserPool(poolData);\r\n var currentUser = userPool.getCurrentUser();\r\n if (currentUser !== null) {\r\n currentUser.getSession(function (err, session) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n //console.log('session validity: ' + session.isValid());\r\n });\r\n var that = this;\r\n currentUser.getUserAttributes(function (err, result) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n if (result) {\r\n that.user.firstName = result.find(x => x.Name == \"name\").getValue();\r\n that.user.lastName = result.find(x => x.Name == \"family_name\").getValue();\r\n }\r\n });\r\n }\r\n\r\n\r\n //this.user = JSON.parse(localStorage.getItem('userInfo'));\r\n }\r\n\r\n syncTimeChange(store) {\r\n this.props.syncTimeChange(store);\r\n }\r\n syncTimeSpinnerOn() {\r\n this.props.syncTimeSpinnerOn();\r\n }\r\n syncTimeSpinnerOff() {\r\n this.props.syncTimeSpinnerOff();\r\n }\r\n openStoreissue() {\r\n $(\".store-issue-button\").addClass('selected');\r\n document.getElementById(\"myIssue\").style.width = \"100%\";\r\n }\r\n openSetting() {\r\n document.getElementById(\"mySetting\").style.width = \"100%\";\r\n }\r\n openCloseSyncDiv(syncTime) {\r\n console.log(\"hi...\");\r\n console.log(syncTime);\r\n\r\n // $(\".header-set-time-btn\").toggleClass('is-active').next(\".set-time-header-button\").stop().slideToggle(100);\r\n $(\".header-set-time-btn\").toggleClass('is-active').next(\".set-time-header-button\").stop().slideToggle(100, () => {\r\n this.setState({\r\n syncTime: syncTime\r\n })\r\n });\r\n\r\n }\r\n hideSyncTimeComponent(syncTime) {\r\n $(\".header-set-time-btn\").removeClass('is-active');\r\n $(\".header-set-time-btn\").next(\".set-time-header-button\").stop().hide();\r\n this.setState({\r\n syncTime: syncTime\r\n })\r\n }\r\n render() {\r\n let isSyncTimeUpdate = true;\r\n\r\n let syncTime = \"\";\r\n let store = _.first(_.filter(this.props.storesList, (store) => store.storeID === this.props.storeID));\r\n if (store) {\r\n var currentdate = moment().format('YYYY/MM/DD');\r\n var Time = store.scheduletimeHours + \":\" + store.scheduletimeMinutes + \":\" + \"00\";\r\n syncTime = moment.utc(currentdate + \" \" + Time).local().format('hh:mm A');\r\n if ($(\"#syncTimeDivFromHeaderNav\").is(\":visible\")) {\r\n isSyncTimeUpdate = false;\r\n }\r\n }\r\n if (this.props.storesList !== undefined && this.props.storesList.length > 0) {\r\n var storeStatusCount = 0;\r\n this.props.storesList.forEach(item => {\r\n if (item.commanderStatus === \"Disconnected\" || item.bridgeStatus === \"Disconnected\") {\r\n storeStatusCount += 1;\r\n }\r\n });\r\n }\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n {/*
{this.props.storeName} */}\r\n {/*
*/}\r\n
\r\n
\r\n {/*
Hamkingston Store */}\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n }\r\n}\r\nexport default HeaderNavSection;","import React, { Component } from 'react';\r\nimport { departments } from '../urlandheaderdata';\r\nimport axios from 'axios';\r\nimport { prefixUrl } from '../urlandheaderdata';\r\n\r\nclass TableDetailsHeading extends Component {\r\n onstartload = true;\r\n constructor(props) {\r\n super(props);\r\n // this.render=this.render.bind(this);\r\n this.changeperiodseq = this.changeperiodseq.bind(this);\r\n this.loadfilterdata = this.loadfilterdata.bind(this);\r\n this.openFilettranset = this.openFilettranset.bind(this);\r\n this.openUpcFiltertranset = this.openUpcFiltertranset.bind(this);\r\n this.state = {\r\n filterdata: {\r\n period: '',\r\n periodseq: '',\r\n ticketseq: '',\r\n account: '',\r\n totalWithTax: ''\r\n },\r\n deptKey: \"\"\r\n }\r\n\r\n }\r\n\r\n changeperiodseq(evt) {\r\n var perioddataarr = evt.target.value.split('/');\r\n this.setState({\r\n filterdata: {\r\n period: perioddataarr[0],\r\n periodseq: perioddataarr[1]\r\n }\r\n }, () => {\r\n console.log(this.state);\r\n });\r\n }\r\n\r\n loadfilterdata() {\r\n var filterdataobj = {};\r\n filterdataobj.period = this.state.filterdata.period;\r\n filterdataobj.periodSeqNum = this.state.filterdata.periodseq;\r\n filterdataobj[document.getElementById(\"filterdropdown2\").value] = document.getElementById(\"filtertextbox\").value;\r\n this.props.clickfilterdata(filterdataobj);\r\n }\r\n\r\n componentDidMount() {\r\n //console.log(this.props.deptKey)\r\n this.setState({\r\n deptKey: this.props.deptKey\r\n })\r\n var onloadFilterDataObj = {};\r\n this.props.periodseq.map(x => {\r\n if (this.onstartload) {\r\n onloadFilterDataObj.period = x.period;\r\n onloadFilterDataObj.periodSeqNum = x.periodSeqNum;\r\n this.onstartload = false;\r\n }\r\n });\r\n //this.props.clickfilterdata(onloadFilterDataObj);\r\n }\r\n\r\n openFilettranset() {\r\n document.getElementById(\"Filtertranset\").style.width = \"100%\";\r\n }\r\n openUpcFiltertranset() {\r\n axios.get(prefixUrl + `GetDepartmentsForTransetUPC?storeID=${this.props.storeID}`)\r\n .then(\r\n response => {\r\n if (response.status === 200 && response.data !== undefined && response.data.length > 0) {\r\n console.log(response.data);\r\n for (var i = 0; i < response.data.length; i++) {\r\n var option = document.createElement(\"option\");\r\n option.value = (Object.values(response.data[i]))[0];\r\n option.text = (Object.keys(response.data[i]))[0].replace(\"&\", \"&\");\r\n document.getElementById(\"upcDepartment\").appendChild(option);\r\n }\r\n }\r\n }\r\n )\r\n .catch(\r\n error => {\r\n console.log(error);\r\n }\r\n )\r\n\r\n document.getElementById(\"UpcFiltertranset\").style.width = \"100%\";\r\n }\r\n render() {\r\n\r\n const dropdowndata = this.props.periodseq !== undefined &&\r\n this.props.periodseq.length > 0 &&\r\n this.props.periodseq.map((x, index) => index === 0 ?\r\n
\r\n {x.period} ({x.periodSeqNum})\r\n :\r\n
\r\n {x.period} ({x.periodSeqNum})\r\n \r\n );\r\n\r\n const icons = departments !== null &&\r\n departments.map(report =>\r\n report.dept === this.props.deptKey ?\r\n
\r\n :\r\n
this.props.iconClickFun(report)}>\r\n \r\n )\r\n return (\r\n
\r\n
\r\n
\r\n
{this.props.deptKey === \"Department Report\" && }\r\n {this.props.deptKey === \"Network Product Report\" &&
}\r\n {this.props.deptKey === \"Network card Report\" &&
}\r\n {this.props.deptKey === \"Tank Report\" &&
}\r\n {this.props.deptKey === \"Tier/PR Report\" &&
}\r\n {this.props.deptKey === \"POP Discount Report\" &&
}\r\n {this.props.deptKey === \"FP Dispenser Report\" &&
}\r\n {this.props.deptKey === \"Loyalty Report\" &&
}\r\n {this.props.deptKey === \"Tank Reconciliation\" &&
}\r\n {this.props.deptKey === \"Transet Report\" &&
}\r\n {this.props.deptKey === \"UPC Report\" &&
}\r\n {/*
Department Report */}\r\n {this.props.deptKey} this.props.printTable(this.props.deptKey)}>\r\n PDF \r\n \r\n \r\n \r\n
\r\n }\r\n {this.props.deptKey === \"UPC Report\" &&\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n\r\n
\r\n
\r\n {this.props.dateListCmpPeriodSeqNo && this.props.dateListCmpPeriodSeqNo !== \"\" &&\r\n Shift- {this.props.dateListCmpPeriodSeqNo} \r\n }\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default TableDetailsHeading;","import React, { Component } from 'react';\r\nimport SetSyncTime from './setsynctime';\r\nimport axios from 'axios';\r\nimport moment from 'moment';\r\nimport { setInterval } from 'timers';\r\nimport $ from 'jquery';\r\nimport { prefixUrl } from '../urlandheaderdata';\r\nimport ReactTooltip from 'react-tooltip';\r\n\r\nclass Tooltip_sidemenu extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n commanderStatus: \"\",\r\n commanderIcon: \"\",\r\n bridgeStatus: \"\",\r\n bridgeIcon: \"\",\r\n store: {}\r\n }\r\n this.phoneref = React.createRef();\r\n this.syncTimeChange = this.syncTimeChange.bind(this);\r\n this.syncTimeSpinnerOn = this.syncTimeSpinnerOn.bind(this);\r\n this.syncTimeSpinnerOff = this.syncTimeSpinnerOff.bind(this);\r\n this.hideSyncTimeComponent = this.hideSyncTimeComponent.bind(this);\r\n this.findCurrentStorePhoneNumber = this.findCurrentStorePhoneNumber.bind(this);\r\n }\r\n componentDidMount() {\r\n this.commanderStatus();\r\n setInterval(this.commanderStatus, 30000);\r\n }\r\n syncTimeChange(store) {\r\n this.props.syncTimeChange(store);\r\n }\r\n syncTimeSpinnerOn() {\r\n this.props.syncTimeSpinnerOn();\r\n }\r\n syncTimeSpinnerOff() {\r\n this.props.syncTimeSpinnerOff();\r\n }\r\n hideSyncTimeComponent() {\r\n $(\".sidebar-menu-tooltip\").hide();\r\n }\r\n findCurrentStorePhoneNumber() {\r\n //ReactTooltip.show(this.phoneref.current);\r\n //alert(this.props.currentStore.phoneNumber);\r\n }\r\n commanderStatus = () => {\r\n let url = prefixUrl + `CommanderStatus?userID=${this.props.currentStore.userID}&storeID=${this.props.currentStore.storeID}`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/CommanderStatus?userID=${this.props.currentStore.userID}&storeID=${this.props.currentStore.storeID}`;\r\n axios.get(url)\r\n .then(Response => {\r\n this.setState({\r\n store: Response.data\r\n })\r\n this.syncTimeChange(Response.data);\r\n if (this.state.store.status !== null && this.state.store.status !== null) {\r\n var currentdate = moment().format('YYYY/MM/DD HH:mm');\r\n var commanderTime = moment.utc(this.state.store.status.commanderTime).local().format('YYYY/MM/DD HH:mm');\r\n var bridgeStatusTime = moment.utc(this.state.store.status.appUpdateTime).local().format('YYYY/MM/DD HH:mm');\r\n var commanderStatusDuration = moment.utc(currentdate).diff(moment.utc(commanderTime), \"minutes\");\r\n var bridgeStatusduration = moment.utc(currentdate).diff(moment.utc(bridgeStatusTime), \"minutes\");\r\n if (commanderStatusDuration <= 5) {\r\n this.setState({\r\n commanderStatus: \"Connected\",\r\n commanderIcon: \"fa fa-circle commander-status-green-icon hoverclass\",\r\n bridgeStatus: \"Connected\",\r\n bridgeIcon: \"fa fa-circle commander-status-green-icon hoverclass\"\r\n }\r\n );\r\n this.props.storeStatusRefs[this.props.currentStore.storeID].current.className = this.state.bridgeIcon;\r\n this.props.currentStore[\"commanderStatus\"] = this.state.commanderStatus;\r\n this.props.currentStore[\"bridgeStatus\"] = this.state.bridgeStatus;\r\n this.props.updateStatusStoreList();\r\n }\r\n else if (bridgeStatusduration <= 5) {\r\n this.setState({\r\n commanderStatus: \"Disconnected\",\r\n commanderIcon: \"fa fa-circle commander-status-red-icon hoverclass\",\r\n bridgeStatus: \"Connected\",\r\n bridgeIcon: \"fa fa-circle commander-status-green-icon hoverclass\"\r\n });\r\n this.props.storeStatusRefs[this.props.currentStore.storeID].current.className = this.state.commanderIcon;\r\n this.props.currentStore[\"commanderStatus\"] = this.state.commanderStatus;\r\n this.props.currentStore[\"bridgeStatus\"] = this.state.bridgeStatus;\r\n this.props.updateStatusStoreList();\r\n }\r\n else {\r\n this.setState({\r\n commanderStatus: \"Disconnected\",\r\n commanderIcon: \"fa fa-circle commander-status-red-icon hoverclass\",\r\n bridgeStatus: \"Disconnected\",\r\n bridgeIcon: \"fa fa-circle commander-status-red-icon hoverclass\"\r\n });\r\n this.props.storeStatusRefs[this.props.currentStore.storeID].current.className = this.state.bridgeIcon;\r\n this.props.currentStore[\"commanderStatus\"] = this.state.commanderStatus;\r\n this.props.currentStore[\"bridgeStatus\"] = this.state.bridgeStatus;\r\n this.props.updateStatusStoreList();\r\n }\r\n } else {\r\n //console.log(this.state.store.status);\r\n this.setState({\r\n commanderStatus: \"Not Setup\",\r\n commanderIcon: \"fa fa-circle commander-status-gray-icon hoverclass\",\r\n bridgeStatus: \"Not Setup\",\r\n bridgeIcon: \"fa fa-circle commander-status-gray-icon hoverclass\"\r\n });\r\n this.props.storeStatusRefs[this.props.currentStore.storeID].current.className = this.state.bridgeIcon;\r\n this.props.currentStore[\"commanderStatus\"] = this.state.commanderStatus;\r\n this.props.currentStore[\"bridgeStatus\"] = this.state.bridgeStatus;\r\n }\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n }\r\n formatPhoneNumber(number) {\r\n var arr = number.split('');\r\n var res = '+1 (' + arr[0] + arr[1] + arr[2] + ') ' + arr[3] + arr[4] + arr[5] + '-' + arr[6] + arr[7] + arr[8] + arr[9];\r\n return res;\r\n }\r\n\r\n render() {\r\n let isSyncTimeUpdate = true;\r\n if ($(\"#syncTimeDiv\").is(\":visible\")) {\r\n isSyncTimeUpdate = false;\r\n }\r\n var currentdate = moment().format('YYYY/MM/DD');\r\n var Time = this.props.currentStore.scheduletimeHours + \":\" + this.props.currentStore.scheduletimeMinutes + \":\" + \"00\";\r\n const syncTime = moment.utc(currentdate + \" \" + Time).local().format('hh:mm A');\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
{this.props.currentStore.name} \r\n \r\n
\r\n
\r\n
\r\n \r\n {this.props.currentStore.address.address !== null && this.props.currentStore.address.address + ','}\r\n {this.props.currentStore.address.city !== null && this.props.currentStore.address.city + ','}\r\n {this.props.currentStore.address.state !== null && this.props.currentStore.address.state + ','}\r\n {this.props.currentStore.address.zip !== null && this.props.currentStore.address.zip}\r\n
\r\n
\r\n
\r\n {this.props.currentStore.emailID !== null ?
:\r\n
}\r\n {this.props.currentStore.phoneNumber !== null ?\r\n
\r\n :\r\n
}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Commander Status \r\n
\r\n
\r\n \r\n {this.state.commanderStatus}\r\n
\r\n
\r\n
\r\n
\r\n
Bridge Status {this.props.currentStore.bridgeVersion !== null && \"(V \" + this.props.currentStore.bridgeVersion + \")\"} \r\n
\r\n
\r\n \r\n {this.state.bridgeStatus}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default Tooltip_sidemenu;","import React, { Component } from 'react';\r\nimport { jsondata } from '../urlandheaderdata';\r\nimport { stores } from '../urlandheaderdata';\r\nimport { departments } from '../urlandheaderdata';\r\nimport Tooltip_sidemenu from './tooltip_sidemenu';\r\nimport $ from 'jquery';\r\n\r\nclass Sidebarmenu extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n storeIcon: \"\"\r\n }\r\n this.tooltipHover = this.tooltipHover.bind(this);\r\n this.syncTimeChange = this.syncTimeChange.bind(this);\r\n this.syncTimeSpinnerOn = this.syncTimeSpinnerOn.bind(this);\r\n this.syncTimeSpinnerOff = this.syncTimeSpinnerOff.bind(this);\r\n this.updateStatusStoreList = this.updateStatusStoreList.bind(this);\r\n this.storeStatusIconRef = [];\r\n }\r\n openAddstore() {\r\n // alert(\"Coming Soon...!\")\r\n document.getElementById(\"add-store\").style.width = \"100%\";\r\n }\r\n componentDidMount() {\r\n var that = this;\r\n $(\".sidebar-menu-tooltip\").mouseover(function (e) {\r\n e.stopPropagation();\r\n });\r\n $(document).mouseover(function (e) {\r\n if (!($(e.target).hasClass(\"hoverclass\"))) {\r\n $(\".sidebar-menu-tooltip\").hide();\r\n that.forceUpdate();\r\n }\r\n });\r\n }\r\n tooltipHover(event, storeid) {\r\n $(`.store${storeid}`).css(\"top\", 105 + $(`#sidebardropdown${storeid}`).position().top);\r\n $(`.store${storeid}`).show();\r\n event.stopPropagation();\r\n }\r\n syncTimeChange(store) {\r\n this.props.syncTimeChange(store);\r\n }\r\n syncTimeSpinnerOn() {\r\n this.props.syncTimeSpinnerOn();\r\n }\r\n syncTimeSpinnerOff() {\r\n this.props.syncTimeSpinnerOff();\r\n }\r\n updateStatusStoreList() {\r\n this.props.updateStatusStoreList();\r\n }\r\n render() {\r\n\r\n if (this.props.storesList != undefined) {\r\n this.props.storesList.forEach(item => {\r\n this.storeStatusIconRef[item.storeID] = React.createRef();\r\n });\r\n }\r\n\r\n const tooltips = this.props.storesList !== undefined && this.props.storesList.length > 0 && this.props.storesList.map((store) =>\r\n
\r\n )\r\n const menuitems = this.props.storesList !== undefined && this.props.storesList.length > 0\r\n && this.props.storesList.map((store) =>\r\n //
\r\n \r\n )\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default Sidebarmenu; ","import React, { Component } from 'react';\r\nimport _ from 'lodash';\r\nimport $ from 'jquery';\r\n\r\nclass TierReportTable extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tableobjectdata: undefined,\r\n sortKey: \"\",\r\n temp: \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n })\r\n if (this.props.tableobjectdata &&\r\n this.props.tableobjectdata.tierProductInfos &&\r\n this.props.tableobjectdata.tierProductInfos.length > 0) {\r\n setTimeout(() => {\r\n this.arraySort(\"nothing to send\", this.props.tabletype.headers[0].ColumnName);\r\n $(\"#firstCol\").removeAttr(\"class\");\r\n $(\"#firstCol\").attr(\"class\", \"caretclass fa fa-caret-down\");\r\n }, 1000)\r\n }\r\n }\r\n arraySort(e, key) {\r\n //$(\".caretclass\").removeAttr(\"class\");\r\n $(\".caretclass\").attr(\"class\", \"caretclass fa fa-caret-right\");\r\n if (this.state.sortKey !== key) {\r\n this.setState({\r\n sortKey: key\r\n })\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.tierProductInfos &&\r\n this.state.tableobjectdata.tierProductInfos.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.tierProductInfos.map(tierProduct => {\r\n if (tierProduct.productInfos && tierProduct.productInfos.length > 0) {\r\n tierProduct.productInfos = _.sortBy(tierProduct.productInfos, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n });\r\n this.setState({\r\n temp: \"a\"\r\n })\r\n // this.setState({\r\n // tableobjectdata: sortedArry\r\n // });\r\n }\r\n })\r\n }\r\n } else {\r\n this.setState({\r\n sortKey: \"\"\r\n });\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.tierProductInfos &&\r\n this.state.tableobjectdata.tierProductInfos.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.tierProductInfos.map(tierProduct => {\r\n if (tierProduct.productInfos && tierProduct.productInfos.length > 0) {\r\n tierProduct.productInfos = _.sortBy(tierProduct.productInfos, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n }).reverse();\r\n // this.setState({\r\n // tabledata: sortedArry\r\n // });\r\n }\r\n });\r\n }\r\n }\r\n }\r\n render() {\r\n const statusText = this.props.statusText;\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n const displayHeaders = this.props.tabletype.headers.map((header, i) =>\r\n i === 0 ?\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n :\r\n header.DisplayText === \"\" ?
:\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n );\r\n\r\n const tabledata = this.state.tableobjectdata === undefined ? undefined :\r\n this.state.tableobjectdata.tierProductInfos &&\r\n this.state.tableobjectdata.tierProductInfos.length > 0 &&\r\n this.state.tableobjectdata.tierProductInfos.map((tierProduct, index) =>\r\n
\r\n
\r\n Tier #{index + 1}-{tierProduct.name} \r\n {\r\n tierProduct.productInfos &&\r\n tierProduct.productInfos.length > 0 &&\r\n tierProduct.productInfos.map((productInfo, i) =>\r\n \r\n {productInfo.name} \r\n {productInfo.volume} \r\n {productInfo.amount} \r\n \r\n )\r\n }\r\n \r\n Total \r\n {this.state.tableobjectdata.total.volume} \r\n {this.state.tableobjectdata.total.amount} \r\n \r\n \r\n )\r\n\r\n return (\r\n\r\n
\r\n \r\n \r\n {displayHeaders}\r\n \r\n \r\n \r\n {tabledata !== undefined && tabledata.length > 0 ? tabledata :
{statusText} }\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default TierReportTable;","import React, { Component } from 'react';\r\nimport _ from 'lodash';\r\nimport $ from 'jquery';\r\n\r\nclass PopReportTable extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tableobjectdata: undefined,\r\n sortKey: \"\",\r\n temp: \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n })\r\n if (this.props.tableobjectdata &&\r\n this.props.tableobjectdata.gradInfos &&\r\n this.props.tableobjectdata.gradInfos.length > 0) {\r\n setTimeout(() => {\r\n this.arraySort(\"nothing to send\", this.props.tabletype.headers[0].ColumnName);\r\n $(\"#firstCol\").removeAttr(\"class\");\r\n $(\"#firstCol\").attr(\"class\", \"caretclass fa fa-caret-down\");\r\n }, 1000)\r\n }\r\n }\r\n arraySort(e, key) {\r\n //$(\".caretclass\").removeAttr(\"class\");\r\n $(\".caretclass\").attr(\"class\", \"caretclass fa fa-caret-right\");\r\n if (this.state.sortKey !== key) {\r\n this.setState({\r\n sortKey: key\r\n })\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.gradInfos &&\r\n this.state.tableobjectdata.gradInfos.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.gradInfos.map(gradInfo => {\r\n if (gradInfo.popInfos && gradInfo.popInfos.length > 0) {\r\n var allObject;\r\n gradInfo.popInfos = _.remove(gradInfo.popInfos, function (x) {\r\n if (x.type === \"ALL\") {\r\n allObject = x;\r\n }\r\n return x.type !== \"ALL\";\r\n });\r\n gradInfo.popInfos = _.sortBy(gradInfo.popInfos, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n });\r\n gradInfo.popInfos.push(allObject);\r\n this.setState({\r\n temp: \"a\"\r\n })\r\n }\r\n })\r\n }\r\n } else {\r\n this.setState({\r\n sortKey: \"\"\r\n });\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.gradInfos &&\r\n this.state.tableobjectdata.gradInfos.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.gradInfos.map(gradInfo => {\r\n if (gradInfo.popInfos && gradInfo.popInfos.length > 0) {\r\n var allObject;\r\n gradInfo.popInfos = _.remove(gradInfo.popInfos, function (x) {\r\n if (x.type === \"ALL\") {\r\n allObject = x;\r\n }\r\n return x.type !== \"ALL\";\r\n });\r\n gradInfo.popInfos = _.sortBy(gradInfo.popInfos, function (x) {\r\n console.log(x.type !== \"ALL\");\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n }).reverse();\r\n gradInfo.popInfos.push(allObject);\r\n }\r\n });\r\n }\r\n }\r\n }\r\n render() {\r\n const statusText = this.props.statusText;\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n const displayHeaders = this.props.tabletype.headers.map((header, i) =>\r\n i === 0 ?\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n :\r\n header.DisplayText === \"\" ?
:\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n );\r\n\r\n const tabledata = this.state.tableobjectdata === undefined ? undefined :\r\n this.state.tableobjectdata.gradInfos &&\r\n this.state.tableobjectdata.gradInfos.length > 0 &&\r\n this.state.tableobjectdata.gradInfos.map((gradInfo, index) =>\r\n
\r\n
\r\n {gradInfo.name} \r\n {\r\n gradInfo.popInfos && gradInfo.popInfos.length > 0 &&\r\n gradInfo.popInfos.map((popInfo, i) => popInfo.type !== \"ALL\" ?\r\n \r\n {popInfo.type} \r\n {popInfo.volume} \r\n {popInfo.amount} \r\n :\r\n \r\n Total \r\n {popInfo.volume} \r\n {popInfo.amount} \r\n \r\n )\r\n }\r\n \r\n )\r\n\r\n return (\r\n\r\n
\r\n \r\n \r\n {displayHeaders}\r\n \r\n \r\n \r\n {tabledata !== undefined && tabledata.length > 0 ? tabledata :
{statusText} }\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default PopReportTable;","import React, { Component } from 'react';\r\nimport _ from 'lodash';\r\nimport $ from 'jquery';\r\n\r\nclass FpReportTable extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tableobjectdata: undefined,\r\n sortKey: \"\",\r\n temp: \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n });\r\n if (this.props.tableobjectdata) {\r\n setTimeout(() => {\r\n this.arraySort(\"nothing to send\", this.props.tabletype.headers[0].ColumnName);\r\n $(\"#firstCol\").removeAttr(\"class\");\r\n $(\"#firstCol\").attr(\"class\", \"caretclass fa fa-caret-down\");\r\n }, 1000)\r\n }\r\n }\r\n arraySort(e, key) {\r\n //$(\".caretclass\").removeAttr(\"class\");\r\n $(\".caretclass\").attr(\"class\", \"caretclass fa fa-caret-right\");\r\n if (this.state.sortKey !== key) {\r\n this.setState({\r\n sortKey: key\r\n })\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.fuelPositions &&\r\n this.state.tableobjectdata.fuelPositions.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.fuelPositions.map(fuelPosition => {\r\n if (fuelPosition.products && fuelPosition.products.length > 0) {\r\n fuelPosition.products = _.sortBy(fuelPosition.products, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n });\r\n this.setState({\r\n temp: \"a\"\r\n })\r\n }\r\n })\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.totals &&\r\n this.state.tableobjectdata.totals.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.totals.map(total => {\r\n if (total.products && total.products.length > 0) {\r\n total.products = _.sortBy(total.products, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n });\r\n\r\n }\r\n })\r\n }\r\n } else {\r\n this.setState({\r\n sortKey: \"\"\r\n });\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.fuelPositions &&\r\n this.state.tableobjectdata.fuelPositions.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.fuelPositions.map(fuelPosition => {\r\n if (fuelPosition.products && fuelPosition.products.length > 0) {\r\n fuelPosition.products = _.sortBy(fuelPosition.products, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n }).reverse();\r\n }\r\n });\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.totals &&\r\n this.state.tableobjectdata.totals.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.totals.map(total => {\r\n if (total.products && total.products.length > 0) {\r\n total.products = _.sortBy(total.products, function (x) {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n }).reverse();\r\n }\r\n })\r\n }\r\n }\r\n }\r\n render() {\r\n const statusText = this.props.statusText;\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n const displayHeaders = this.props.tabletype.headers !== undefined && this.props.tabletype.headers.length > 0 && this.props.tabletype.headers.map((header, i) =>\r\n i === 0 ?\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n :\r\n header.DisplayText === \"\" ?
:\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n );\r\n\r\n const tabledata = this.state.tableobjectdata === undefined ? undefined :\r\n this.state.tableobjectdata.fuelPositions &&\r\n this.state.tableobjectdata.fuelPositions.length > 0 &&\r\n this.state.tableobjectdata.fuelPositions &&\r\n this.state.tableobjectdata.fuelPositions.length > 0 &&\r\n this.state.tableobjectdata.fuelPositions.map(fuelPosition =>\r\n
\r\n
\r\n FUELING POINT #{fuelPosition.position} \r\n {\r\n fuelPosition.products && fuelPosition.products.length > 0 &&\r\n fuelPosition.products.map((product, i) =>\r\n \r\n {product.name} \r\n {product.volume} \r\n {product.amount} \r\n \r\n )\r\n }\r\n \r\n Total \r\n {fuelPosition.total.volume} \r\n {fuelPosition.total.amount} \r\n \r\n \r\n );\r\n const totalTableData = this.state.tableobjectdata === undefined ?
:\r\n
\r\n
\r\n \r\n \r\n \r\n PRODUCT TOTALS \r\n {\r\n this.state.tableobjectdata.totals &&\r\n this.state.tableobjectdata.totals.products &&\r\n this.state.tableobjectdata.totals.products.length > 0 &&\r\n this.state.tableobjectdata.totals.products.map((product, i) =>\r\n \r\n {product.name} \r\n {product.volume} \r\n {product.amount} \r\n \r\n )\r\n }\r\n \r\n Total \r\n {this.state.tableobjectdata.totals.total.volume} \r\n {this.state.tableobjectdata.totals.total.amount} \r\n \r\n ;\r\n return (\r\n\r\n
\r\n \r\n \r\n {displayHeaders}\r\n \r\n \r\n \r\n {tabledata !== undefined && tabledata.length > 0 ?\r\n \r\n {tabledata}\r\n {totalTableData}\r\n
\r\n :
{statusText} }\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default FpReportTable;","import React, { Component } from 'react';\r\n\r\nclass Table2 extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tableobjectdata: undefined\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n })\r\n }\r\n arraySort(key) { }\r\n render() {\r\n const statusText = \"No Data\";\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n const displayHeaders = this.props.tabletype.headers.map(header =>\r\n header.DisplayText == \"\" ?
:\r\n
\r\n {header.DisplayText}\r\n this.arraySort(header.ColumnName)}> \r\n \r\n );\r\n\r\n return (\r\n\r\n
\r\n \r\n \r\n {displayHeaders}\r\n \r\n \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n 56 \r\n Mark \r\n Otto \r\n @mdo \r\n Mark \r\n Otto \r\n @mdo \r\n Otto \r\n @mdo \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default Table2;","import React, { Component } from 'react';\r\nimport _ from 'lodash';\r\nimport $ from 'jquery';\r\n\r\nclass TankReconciliationReportTable extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tableobjectdata: undefined,\r\n sortKey: \"\",\r\n temp: \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n })\r\n if (this.props.tableobjectdata) {\r\n setTimeout(() => {\r\n this.arraySort(\"nothing to send\", this.props.tabletype.headers[0].ColumnName);\r\n $(\"#firstCol\").removeAttr(\"class\");\r\n $(\"#firstCol\").attr(\"class\", \"caretclass fa fa-caret-down\");\r\n }, 1000)\r\n }\r\n }\r\n arraySort(e, key) {\r\n //$(\".caretclass\").removeAttr(\"class\");\r\n $(\".caretclass\").attr(\"class\", \"caretclass fa fa-caret-right\");\r\n if (key !== \"total\") {\r\n if (this.state.sortKey !== key) {\r\n this.setState({\r\n sortKey: key\r\n })\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.beginInventories &&\r\n this.state.tableobjectdata.beginInventories.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.beginInventories = _.sortBy(this.state.tableobjectdata.beginInventories, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x['inventoryDate']))\r\n return parseInt(x['inventoryDate']);\r\n\r\n return x['inventoryDate'];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x['inventoryVolume']))\r\n return parseInt(x['inventoryVolume']);\r\n\r\n return x['inventoryVolume'];\r\n }\r\n });\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.deliveryRecords &&\r\n this.state.tableobjectdata.deliveryRecords.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.deliveryRecords = _.sortBy(this.state.tableobjectdata.deliveryRecords, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x['deliveryDate']))\r\n return parseInt(x['deliveryDate']);\r\n\r\n return x['deliveryDate'];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x['deliveryVolume']))\r\n return parseInt(x['deliveryVolume']);\r\n\r\n return x['deliveryVolume'];\r\n }\r\n });\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.dispenseRecords &&\r\n this.state.tableobjectdata.dispenseRecords.length > 0 &&\r\n key !== \"date\"\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.dispenseRecords = _.sortBy(this.state.tableobjectdata.dispenseRecords, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n }\r\n });\r\n this.setState({\r\n temp: \"a\"\r\n })\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.endInventories &&\r\n this.state.tableobjectdata.endInventories.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-down\");\r\n this.state.tableobjectdata.endInventories = _.sortBy(this.state.tableobjectdata.endInventories, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x['inventoryDate']))\r\n return parseInt(x['inventoryDate']);\r\n\r\n return x['inventoryDate'];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x['inventoryVolume']))\r\n return parseInt(x['inventoryVolume']);\r\n\r\n return x['inventoryVolume'];\r\n }\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n sortKey: \"\"\r\n });\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.beginInventories &&\r\n this.state.tableobjectdata.beginInventories.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.beginInventories = _.sortBy(this.state.tableobjectdata.beginInventories, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x['inventoryDate']))\r\n return parseInt(x['inventoryDate']);\r\n\r\n return x['inventoryDate'];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x['inventoryVolume']))\r\n return parseInt(x['inventoryVolume']);\r\n\r\n return x['inventoryVolume'];\r\n }\r\n }).reverse();\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.deliveryRecords &&\r\n this.state.tableobjectdata.deliveryRecords.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.deliveryRecords = _.sortBy(this.state.tableobjectdata.deliveryRecords, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x['deliveryDate']))\r\n return parseInt(x['deliveryDate']);\r\n\r\n return x['deliveryDate'];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x['deliveryVolume']))\r\n return parseInt(x['deliveryVolume']);\r\n\r\n return x['deliveryVolume'];\r\n }\r\n }).reverse();\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.dispenseRecords &&\r\n this.state.tableobjectdata.dispenseRecords.length > 0 &&\r\n key !== \"date\"\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.dispenseRecords = _.sortBy(this.state.tableobjectdata.dispenseRecords, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n }\r\n }).reverse();\r\n }\r\n if (this.state.tableobjectdata &&\r\n this.state.tableobjectdata.endInventories &&\r\n this.state.tableobjectdata.endInventories.length > 0\r\n ) {\r\n $(e.target).removeAttr(\"class\");\r\n $(e.target).attr(\"class\", \"caretclass fa fa-caret-up\");\r\n this.state.tableobjectdata.endInventories = _.sortBy(this.state.tableobjectdata.endInventories, function (x) {\r\n if (key === \"sysID\") {\r\n if (!isNaN(x[key]))\r\n return parseInt(x[key]);\r\n\r\n return x[key];\r\n } else if (key === \"date\") {\r\n if (!isNaN(x['inventoryDate']))\r\n return parseInt(x['inventoryDate']);\r\n\r\n return x['inventoryDate'];\r\n } else if (key === \"volume\") {\r\n if (!isNaN(x['inventoryVolume']))\r\n return parseInt(x['inventoryVolume']);\r\n\r\n return x['inventoryVolume'];\r\n }\r\n }).reverse();\r\n }\r\n }\r\n }\r\n }\r\n render() {\r\n //const statusText = \"No Data\";\r\n const statusText = this.props.statusText;\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n const displayHeaders = this.props.tabletype.headers.map((header, i) =>\r\n i === 0 ?\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n :\r\n header.DisplayText === \"\" ?
:\r\n header.DisplayText === \"Total\" ?\r\n
\r\n {header.DisplayText}\r\n :\r\n
\r\n {header.DisplayText}\r\n this.arraySort(e, header.ColumnName)} className=\"caretclass fa fa-caret-right\"> \r\n \r\n );\r\n\r\n const beginInventories = this.state.tableobjectdata === undefined || this.state.tableobjectdata.beginInventories === undefined ?
:
{\r\n this.state.tableobjectdata.beginInventories.length > 0 &&\r\n this.state.tableobjectdata.beginInventories.map((inventory, i) =>\r\n
\r\n Inventory {inventory.sysID} \r\n {inventory.inventoryDate.split(\"T\")[0].split(\"-\")[1]}/{inventory.inventoryDate.split(\"T\")[0].split(\"-\")[2]} \r\n {inventory.inventoryDate.split(\"T\")[1].split(\":\", 2)[0]}:{inventory.inventoryDate.split(\"T\")[1].split(\":\", 2)[1]} \r\n {inventory.inventoryVolume} \r\n \r\n )}\r\n < tr className=\"table-footer-row table-body-content\" >\r\n Starting Inventory \r\n {this.state.tableobjectdata.totalBeginInventory} \r\n \r\n ;\r\n\r\n const deliveryRecords = this.state.tableobjectdata === undefined || this.state.tableobjectdata.deliveryRecords === undefined ?
:
{\r\n this.state.tableobjectdata.deliveryRecords.length > 0 &&\r\n this.state.tableobjectdata.deliveryRecords.map((delRecord, i) =>\r\n
\r\n Del {delRecord.sysID} \r\n {delRecord.deliveryDate.split(\"T\")[0].split(\"-\")[1]}/{delRecord.deliveryDate.split(\"T\")[0].split(\"-\")[2]} \r\n {delRecord.deliveryDate.split(\"T\")[1].split(\":\", 2)[0]}:{delRecord.deliveryDate.split(\"T\")[1].split(\":\", 2)[1]} \r\n {delRecord.deliveryVolume} \r\n \r\n )}\r\n < tr className=\"table-footer-row table-body-content\" >\r\n +Deliveries \r\n {this.state.tableobjectdata.totalFuelDelivered} \r\n \r\n ;\r\n\r\n const dispenseRecords = this.state.tableobjectdata === undefined || this.state.tableobjectdata.dispenseRecords === undefined ?
:
{\r\n this.state.tableobjectdata.dispenseRecords.length > 0 &&\r\n this.state.tableobjectdata.dispenseRecords.map((dispenseRecord, i) =>\r\n
\r\n Tank {dispenseRecord.sysID} Fuel Dispensed \r\n {dispenseRecord.volume} \r\n \r\n )}\r\n < tr className=\"table-footer-row table-body-content\" >\r\n -Dispensed \r\n {this.state.tableobjectdata.totalFuelDispensed} \r\n \r\n ;\r\n\r\n const endInventories = this.state.tableobjectdata === undefined || this.state.tableobjectdata.endInventories === undefined ?
:
{\r\n this.state.tableobjectdata.endInventories.length > 0 &&\r\n this.state.tableobjectdata.endInventories.map((inventory, i) =>\r\n
\r\n Inventory {inventory.sysID} \r\n {inventory.inventoryDate.split(\"T\")[0].split(\"-\")[1]}/{inventory.inventoryDate.split(\"T\")[0].split(\"-\")[2]} \r\n {inventory.inventoryDate.split(\"T\")[1].split(\":\", 2)[0]}:{inventory.inventoryDate.split(\"T\")[1].split(\":\", 2)[1]} \r\n {inventory.inventoryVolume} \r\n \r\n )}\r\n \r\n -Ending Inventory \r\n {this.state.tableobjectdata.totalEndInventory} \r\n \r\n ;\r\n\r\n const discrepancy = this.state.tableobjectdata === undefined || this.state.tableobjectdata.discrepancy === undefined ?
:\r\n < tr className=\"table-footer-row table-body-content\" >\r\n
\r\n
\r\n
Discrepancy \r\n
\r\n
\r\n
{this.state.tableobjectdata.discrepancy} \r\n ;\r\n\r\n return (\r\n\r\n
\r\n \r\n \r\n {displayHeaders}\r\n \r\n \r\n \r\n {this.state.tableobjectdata !== undefined ? \r\n {beginInventories}\r\n {deliveryRecords}\r\n {dispenseRecords}\r\n {endInventories}\r\n {discrepancy}\r\n
:
{statusText} }\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default TankReconciliationReportTable;","import React, { Component } from 'react';\r\nimport $ from 'jquery';\r\n\r\nclass LoyalityReportTable extends Component {\r\n constructor() {\r\n super();\r\n this.divToDisplay = this.divToDisplay.bind(this);\r\n this.state = {\r\n tableobjectdata: undefined,\r\n divToDisplay: \"station\",\r\n progDivToHide: true\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n })\r\n $('.progDivToHide').hide();\r\n }\r\n arraySort(key) { }\r\n divToDisplay(e, divObj) {\r\n console.log(e.target);\r\n $(\".tabbtn\").removeClass(\"selectStyle\");\r\n $(e.target).addClass(\"selectStyle\");\r\n // this.setState({\r\n // divToDisplay:divObj\r\n // })\r\n this.setState({\r\n progDivToHide: false\r\n })\r\n $(\".divToHide\").hide();\r\n $(`div .${divObj}`).show();\r\n }\r\n render() {\r\n const statusText = this.props.statusText;\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n\r\n const tabs = this.state.tableobjectdata === undefined ?
:\r\n
\r\n {this.state.tableobjectdata.totals !== undefined && this.divToDisplay(e, \"station\")}>STATION TOTALS \r\n }\r\n {this.state.tableobjectdata.program !== undefined &&\r\n this.state.tableobjectdata.program.length > 0 &&\r\n this.state.tableobjectdata.program.map((btn, i) =>\r\n this.divToDisplay(e, \"discount\" + i)}>{btn.name} DISCOUNT TOTALS \r\n )\r\n }\r\n ;\r\n\r\n const stationData = this.state.tableobjectdata === undefined ?
:\r\n
\r\n
\r\n Description \r\n Amount / Percentage \r\n \r\n \r\n TOTAL CUSTOMERS \r\n {this.state.tableobjectdata.totals.sales.count} \r\n \r\n \r\n TOTAL LOYALITY CUSTOMERS \r\n {this.state.tableobjectdata.totals.loyalty.count} \r\n \r\n \r\n SALES (Before Ticket Disc) \r\n {this.state.tableobjectdata.totals.loyalty.amount} \r\n \r\n \r\n TOTAL PPG DISCOUNT \r\n {this.state.tableobjectdata.totals.loyalty.ppgDiscount} \r\n \r\n \r\n TOTAL TICKET DISCOUNT \r\n {this.state.tableobjectdata.totals.loyalty.ticketDiscount} \r\n \r\n \r\n TOTAL LINE ITEM DISCOUNT \r\n {this.state.tableobjectdata.totals.loyalty.lineItemDiscount} \r\n \r\n \r\n TOTAL LOYALITY DISCOUNT \r\n {this.state.tableobjectdata.totals.loyalty.lineItemTaxCredit} \r\n \r\n \r\n \r\n \r\n %LOYALITY CUSTOMERS \r\n {this.state.tableobjectdata.totals.percent.loyaltyTransactions} \r\n \r\n \r\n %SALES ON LOYALITY \r\n {this.state.tableobjectdata.totals.percent.loyaltySales} \r\n \r\n \r\n %SALES W/OUT LOYALITY \r\n {this.state.tableobjectdata.totals.percent.nonLoyaltySales} \r\n \r\n \r\n LOYALITY TRANSACTIONS INSIDE \r\n \r\n \r\n TOTAL CUSTOMERS \r\n {this.state.tableobjectdata.totals.inSide.count} \r\n \r\n \r\n SALES (Before Ticket Disc) \r\n {this.state.tableobjectdata.totals.inSide.amount} \r\n \r\n \r\n TOTAL PPG DISCOUNT \r\n {this.state.tableobjectdata.totals.inSide.ppgDiscount} \r\n \r\n \r\n TOTAL TICKET DISCOUNT \r\n {this.state.tableobjectdata.totals.inSide.ticketDiscount} \r\n \r\n \r\n TOTAL LINE ITEM DISCOUNT \r\n {this.state.tableobjectdata.totals.inSide.lineItemDiscount} \r\n \r\n \r\n LOYALITY TRANSACTIONS OUTSIDE \r\n \r\n \r\n TOTAL CUSTOMERS \r\n {this.state.tableobjectdata.totals.outSide.count} \r\n \r\n \r\n SALES (Before Ticket Disc) \r\n {this.state.tableobjectdata.totals.outSide.amount} \r\n \r\n \r\n TOTAL PPG DISCOUNT \r\n {this.state.tableobjectdata.totals.outSide.ppgDiscount} \r\n \r\n \r\n TOTAL TICKET DISCOUNT \r\n {this.state.tableobjectdata.totals.outSide.ticketDiscount} \r\n \r\n \r\n TOTAL LINE ITEM DISCOUNT \r\n {this.state.tableobjectdata.totals.outSide.lineItemDiscount} \r\n \r\n ;\r\n\r\n const programData = this.state.tableobjectdata === undefined ?
:\r\n this.state.tableobjectdata.program !== undefined && this.state.tableobjectdata.program.length > 0 &&\r\n this.state.tableobjectdata.program.map((prog, i) =>\r\n
\r\n
\r\n Description \r\n Amount / Percentage \r\n \r\n \r\n TOTAL PPG DISCOUNT \r\n {prog.total.ppgDiscount} \r\n \r\n \r\n TOTAL TICKET DISCOUNT \r\n {prog.total.ticketDiscount} \r\n \r\n \r\n TOTAL LINE ITEM DISCOUNT \r\n {prog.total.lineItemDiscount} \r\n \r\n \r\n TOTAL LOYALITY DISCOUNT \r\n {prog.total.lineItemTaxCredit} \r\n \r\n \r\n LOYALITY TRANSACTIONS INSIDE \r\n \r\n\r\n \r\n SALES (Before Ticket Disc) \r\n {prog.inSide.amount} \r\n \r\n \r\n TOTAL PPG DISCOUNT \r\n {prog.inSide.ppgDiscount} \r\n \r\n \r\n TOTAL TICKET DISCOUNT \r\n {prog.inSide.ticketDiscount} \r\n \r\n \r\n TOTAL LINE ITEM DISCOUNT \r\n {prog.inSide.lineItemDiscount} \r\n \r\n \r\n TOTAL DISCOUNT \r\n {prog.inSide.lineItemDiscount} \r\n \r\n \r\n LOYALITY TRANSACTIONS OUTSIDE \r\n \r\n \r\n SALES (Before Ticket Disc) \r\n {prog.outSide.amount} \r\n \r\n \r\n TOTAL PPG DISCOUNT \r\n {prog.outSide.ppgDiscount} \r\n \r\n \r\n TOTAL TICKET DISCOUNT \r\n {prog.outSide.ticketDiscount} \r\n \r\n \r\n TOTAL LINE ITEM DISCOUNT \r\n {prog.outSide.lineItemDiscount} \r\n \r\n \r\n )\r\n\r\n\r\n return (\r\n
\r\n\r\n \r\n {this.state.tableobjectdata !== undefined ? \r\n {tabs}\r\n {stationData}\r\n {programData}\r\n
:
{statusText} }\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default LoyalityReportTable;","import React, { Component } from 'react';\r\nimport moment from 'moment';\r\nimport $ from 'jquery';\r\n\r\nclass FilterTransetModal extends Component {\r\n constructor() {\r\n super();\r\n this.loadFilterData = this.loadFilterData.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.closeFilterTranset = this.closeFilterTranset.bind(this);\r\n this.state = {\r\n amount: \"\",\r\n periodSeq: \"\",\r\n signature: \"No\",\r\n errors: {}\r\n }\r\n }\r\n clearFilterData() {\r\n document.getElementById(\"filterAmount\").value = \"\";\r\n document.getElementById(\"filterDate\").value = \"\";\r\n document.getElementById(\"filterCard\").value = \"\";\r\n document.getElementById(\"filterSeqNo\").value = \"\";\r\n document.getElementById(\"filterSignature\").value = \"\";\r\n }\r\n clearDate() {\r\n //var formattedDate = moment(new Date(), 'MM/DD/YYYY').format('YYYY-MM-DD');\r\n //window.filterDatedatepicker.datepicker('setDate',formattedDate);\r\n }\r\n loadFilterData() {\r\n var amounterr = /^-?\\d*\\.?\\d*$/.test(document.getElementById(\"filterAmount\").value);\r\n var periodSeqerr = /^-?\\d*\\.?\\d*$/.test(document.getElementById(\"filterSeqNo\").value);\r\n console.log(document.getElementById(\"filterDate\").value)\r\n\r\n if (amounterr === false && periodSeqerr === false) {\r\n this.setState({\r\n errors: { \"amount\": \"Amount is invalid.\", \"periodSeq\": \"Ticket Number is invalid.\" }\r\n })\r\n } else if (amounterr === false && periodSeqerr !== false) {\r\n this.setState({\r\n errors: { \"amount\": \"Amount is invalid.\" }\r\n })\r\n } else if (amounterr !== false && periodSeqerr === false) {\r\n this.setState({\r\n // errors: { \"periodSeq\": \"Period Sequence Number is invalid.\" }\r\n errors: { \"periodSeq\": \"Ticket Sequence Number is invalid.\" }\r\n })\r\n } else {\r\n if (document.getElementById(\"filterDate\").value === \"\") {\r\n this.setState({\r\n errors: { \"date\": \"Date is required.\" }\r\n })\r\n } else {\r\n this.setState({\r\n errors: { \"date\": undefined }\r\n })\r\n var filterObject = {};\r\n filterObject.amount = document.getElementById(\"filterAmount\").value;\r\n filterObject.period = document.getElementById(\"filterDate\").value;\r\n filterObject.cardtype = document.getElementById(\"filterCard\").value;\r\n // filterObject.periodseq = document.getElementById(\"filterSeqNo\").value;\r\n filterObject.ticketseq = document.getElementById(\"filterSeqNo\").value;\r\n filterObject.signature = document.getElementById(\"filterSignature\").value;\r\n this.props.clickFilterData(filterObject);\r\n document.getElementById(\"Filtertranset\").style.width = \"0%\";\r\n }\r\n }\r\n }\r\n\r\n closeFilterTranset() {\r\n this.setState({\r\n errors: {}\r\n })\r\n document.getElementById(\"Filtertranset\").style.width = \"0%\";\r\n }\r\n\r\n handleChange(event) {\r\n //if(event.target.name===\"amount\"){\r\n\r\n if (!/^-?\\d*\\.?\\d*$/.test(event.target.value)) {\r\n if (event.target.name === \"amount\") {\r\n this.setState({\r\n errors: { ...this.state.errors, [event.target.name]: 'Amount is invalid.' }\r\n })\r\n } else if (event.target.name === \"periodSeq\") {\r\n this.setState({\r\n errors: { ...this.state.errors, [event.target.name]: 'Ticket Number is invalid.' }\r\n })\r\n }\r\n\r\n } else {\r\n this.setState({\r\n errors: { ...this.state.errors, [event.target.name]: undefined }\r\n })\r\n }\r\n //}\r\n }\r\n\r\n clearFilterDate() {\r\n $(\"#filterDate\").val(\"\");\r\n }\r\n\r\n componentDidMount() {\r\n window.filterDateChange = function (date) {\r\n\r\n }\r\n }\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default FilterTransetModal;","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { prefixUrl } from '../urlandheaderdata';\r\nclass AddStore extends Component {\r\n constructor() {\r\n super();\r\n this.newstore = {\r\n name: \"\",\r\n address: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\",\r\n emailID: \"\",\r\n phoneNumber: \"\",\r\n userID: \"\",\r\n }\r\n this.state = {\r\n errors: {}\r\n }\r\n this.closeAddstore = this.closeAddstore.bind(this);\r\n this.saveStore = this.saveStore.bind(this);\r\n this.changeHandler = this.changeHandler.bind(this);\r\n this.buildPostData = this.buildPostData.bind(this);\r\n this.addStore = React.createRef();\r\n this.nameRef = React.createRef();\r\n this.addressRef = React.createRef();\r\n this.cityRef = React.createRef();\r\n this.stateRef = React.createRef();\r\n this.zipRef = React.createRef();\r\n this.emailIDRef = React.createRef();\r\n this.phoneNumberRef = React.createRef();\r\n }\r\n clearStoreData() {\r\n this.nameRef.current.value = \"\";\r\n this.addressRef.current.value = \"\";\r\n this.cityRef.current.value = \"\";\r\n this.stateRef.current.value = \"select\";\r\n this.zipRef.current.value = \"\";\r\n this.emailIDRef.current.value = \"\";\r\n this.phoneNumberRef.current.value = \"\";\r\n this.newstore.name = \"\";\r\n this.newstore.address = \"\";\r\n this.newstore.city = \"\";\r\n this.newstore.state = \"\";\r\n this.newstore.zip = \"\";\r\n this.newstore.emailID = \"\";\r\n this.newstore.phoneNumber = \"\";\r\n this.newstore.userID = \"\"\r\n }\r\n closeAddstore() {\r\n this.addStore.current.style.width = \"0%\";\r\n this.setState({\r\n errors: {}\r\n })\r\n this.clearStoreData();\r\n }\r\n changeHandler($event) {\r\n this.setState({\r\n errors: { ...this.state.errors, [$event.target.name]: undefined }\r\n })\r\n this.newstore[$event.target.name] = $event.target.value\r\n }\r\n buildPostData() {\r\n let postData = {};\r\n postData.userID = this.props.userID;\r\n this.address = {\r\n address: this.newstore.address,\r\n city: this.newstore.city,\r\n state: this.newstore.state,\r\n zip: this.newstore.zip\r\n }\r\n postData.address = this.address;\r\n postData.name = this.newstore.name;\r\n postData.EmailID = this.newstore.emailID;\r\n postData.PhoneNumber = this.newstore.phoneNumber;\r\n return postData;\r\n }\r\n saveStore($event) {\r\n console.log(this.newstore);\r\n console.log(this.buildPostData());\r\n if ((this.newstore.name === null || this.newstore.name === \"\" || this.newstore.name === \"null\") &&\r\n (this.newstore.address === null || this.newstore.address === \"\" || this.newstore.address === \"null\") &&\r\n (this.newstore.city === null || this.newstore.city === \"\" || this.newstore.city === \"null\") &&\r\n (this.newstore.state === null || this.newstore.state === \"\" || this.newstore.state === \"null\") &&\r\n (this.newstore.zip === null || this.newstore.zip === \"\" || this.newstore.zip === \"null\")\r\n ) {\r\n this.setState({\r\n errors: {\r\n \"name\": \"Name is required.\",\r\n \"address\": \"Address is required.\",\r\n \"city\": \"City is required.\",\r\n \"state\": \"State is required.\",\r\n \"zip\": \"Zip is required.\"\r\n }\r\n })\r\n }\r\n else if (this.newstore.name === null || this.newstore.name === \"\" || this.newstore.name === \"null\") {\r\n this.setState({\r\n errors: { \"name\": \"Name is required.\" }\r\n })\r\n }\r\n else if (this.newstore.address === null || this.newstore.address === \"\" || this.newstore.address === \"null\") {\r\n this.setState({\r\n errors: { \"address\": \"Address is required.\" }\r\n })\r\n }\r\n else if (this.newstore.city === null || this.newstore.city === \"\" || this.newstore.city === \"null\") {\r\n this.setState({\r\n errors: { \"city\": \"City is required.\" }\r\n })\r\n }\r\n else if (this.newstore.state === null || this.newstore.state === \"\" || this.newstore.state === \"null\" || this.newstore.state === \"select\") {\r\n this.setState({\r\n errors: { \"state\": \"State is required.\" }\r\n })\r\n }\r\n else if (this.newstore.zip === null || this.newstore.zip === \"\" || this.newstore.zip === \"null\") {\r\n this.setState({\r\n errors: { \"zip\": \"Zip is required.\" }\r\n })\r\n }\r\n else if (this.newstore.name !== null && this.newstore.address !== null && this.newstore.city !== null && this.newstore.state !== null && this.newstore.zip != null) {\r\n console.log(this.newstore);\r\n this.setState({\r\n errors: {}\r\n })\r\n this.props.syncTimeSpinnerOn();\r\n let url = prefixUrl + `AddNewStore`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/AddNewStore`;\r\n axios.post(url, this.buildPostData())\r\n .then(\r\n Response => {\r\n if (Response.status === 200 && Response.data !== undefined) {\r\n this.props.syncTimeSpinnerOff();\r\n this.clearStoreData();\r\n this.props.addnewStoreToMenu(Response.data);\r\n this.addStore.current.style.width = \"0%\";\r\n }\r\n }\r\n )\r\n .catch(\r\n error => {\r\n console.log(error);\r\n if (error.response.status === 404 && error.response.data.storename) {\r\n this.setState({\r\n errors: { \"name\": \"Given Store Name is already existed!\" }\r\n })\r\n this.props.syncTimeSpinnerOff();\r\n }\r\n else {\r\n this.props.syncTimeSpinnerOff();\r\n this.clearStoreData();\r\n console.log(error);\r\n }\r\n }\r\n )\r\n }\r\n $event.preventDefault();\r\n }\r\n render() {\r\n let states =\r\n [\r\n \"AK\",\r\n \"AL\",\r\n \"AR\",\r\n \"AS\",\r\n \"AZ\",\r\n \"CA\",\r\n \"CO\",\r\n \"CT\",\r\n \"DC\",\r\n \"DE\",\r\n \"FL\",\r\n \"GA\",\r\n \"GU\",\r\n \"HI\",\r\n \"IA\",\r\n \"ID\",\r\n \"IL\",\r\n \"IN\",\r\n \"KS\",\r\n \"KY\",\r\n \"LA\",\r\n \"MA\",\r\n \"MD\",\r\n \"ME\",\r\n \"MI\",\r\n \"MN\",\r\n \"MO\",\r\n \"MS\",\r\n \"MT\",\r\n \"NC\",\r\n \"ND\",\r\n \"NE\",\r\n \"NH\",\r\n \"NJ\",\r\n \"NM\",\r\n \"NV\",\r\n \"NY\",\r\n \"OH\",\r\n \"OK\",\r\n \"OR\",\r\n \"PA\",\r\n \"PR\",\r\n \"RI\",\r\n \"SC\",\r\n \"SD\",\r\n \"TN\",\r\n \"TX\",\r\n \"UT\",\r\n \"VA\",\r\n \"VI\",\r\n \"VT\",\r\n \"WA\",\r\n \"WI\",\r\n \"WV\",\r\n \"WY\"\r\n ]\r\n\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Add New Store\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default AddStore;\r\n","import React, { Component } from 'react';\r\nimport $ from 'jquery';\r\nimport ReactTooltip from 'react-tooltip';\r\nimport {NotificationManager} from 'react-notifications';\r\nimport createNotification from '../services/AlertService';\r\n\r\nclass StoreIssues extends Component {\r\n constructor() {\r\n super()\r\n this.showStorePhoneNUmber = this.showStorePhoneNUmber.bind(this);\r\n this.showStoreGmail = this.showStoreGmail.bind(this);\r\n }\r\n closeStoreissue() {\r\n $(\".store-issue-button\").removeClass('selected');\r\n document.getElementById(\"myIssue\").style.width = \"0%\";\r\n }\r\n showStoreGmail(storeEmail) {\r\n createNotification('info',storeEmail);\r\n //alert(storeEmail);\r\n\r\n }\r\n showStorePhoneNUmber(storePhoneNumber) {\r\n createNotification('info',storePhoneNumber);\r\n //alert(storePhoneNumber);\r\n }\r\n formatPhoneNumber(number){\r\n var arr=number.split('');\r\n var res='+1 ('+arr[0]+arr[1]+arr[2]+') '+arr[3]+arr[4]+arr[5]+'-'+arr[6]+arr[7]+arr[8]+arr[9];\r\n return res;\r\n }\r\n render() {\r\n const statusStores = this.props.storesList !== undefined && this.props.storesList.length > 0\r\n && this.props.storesList.map((store, i) => {\r\n if (store.commanderStatus === \"Disconnected\" || store.bridgeStatus === \"Disconnected\") {\r\n return (\r\n
\r\n {store.name} \r\n \r\n {store.commanderStatus === \"Disconnected\" ? \r\n \r\n {store.bridgeStatus === \"Disconnected\" ? \r\n \r\n {store.emailID !== null ? \r\n \r\n \r\n )\r\n }\r\n }\r\n )\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Store \r\n Commander \r\n Bridge \r\n Contact \r\n \r\n \r\n \r\n {statusStores}\r\n {/* \r\n Romana Store \r\n \r\n \r\n Ronachimana KL Store \r\n \r\n \r\n Kolamapola Store \r\n \r\n \r\n Dhramajak isa store \r\n \r\n \r\n Rumanikila Store \r\n */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default StoreIssues;","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { CognitoUser, CognitoUserPool } from 'amazon-cognito-identity-js';\r\nimport { prefixUrl, poolData } from '../urlandheaderdata';\r\nimport Cookies from 'js-cookie';\r\nimport {NotificationManager} from 'react-notifications';\r\nimport createNotification from '../services/AlertService';\r\n\r\nclass SettingsModel extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n errors: {}\r\n }\r\n this.updateUser = {\r\n oldpassword: \"\",\r\n password: \"\",\r\n reenterpassword: \"\"\r\n }\r\n this.emailRef = React.createRef();\r\n this.oldpasswordRef = React.createRef();\r\n this.passwordRef = React.createRef();\r\n this.reenterpasswordRef = React.createRef();\r\n this.changeHandler = this.changeHandler.bind(this);\r\n this.UpdateChanges = this.UpdateChanges.bind(this);\r\n this.closeSetting = this.closeSetting.bind(this);\r\n\r\n }\r\n componentDidMount() {\r\n var userPool = new CognitoUserPool(poolData);\r\n var currentUser = userPool.getCurrentUser();\r\n if (currentUser !== null) {\r\n currentUser.getSession(function (err, session) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n //console.log('session validity: ' + session.isValid());\r\n });\r\n var that = this;\r\n currentUser.getUserAttributes(function (err, result) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n if (result) {\r\n var useremail = result.find(x => x.Name == \"email\").getValue();\r\n that.emailRef.current.value = useremail;\r\n }\r\n });\r\n }\r\n\r\n // var user = JSON.parse(localStorage.getItem('userInfo'));\r\n // this.emailRef.current.value = user.email;\r\n }\r\n clearControlsData() {\r\n this.oldpasswordRef.current.value = \"\";\r\n this.passwordRef.current.value = \"\";\r\n this.reenterpasswordRef.current.value = \"\";\r\n this.updateUser.oldpassword = \"\";\r\n this.updateUser.password = \"\";\r\n this.updateUser.reenterpassword = \"\";\r\n }\r\n enableOrDisableControls(booleanvalue) {\r\n this.oldpasswordRef.current.disabled = booleanvalue;\r\n this.passwordRef.current.disabled = booleanvalue;\r\n this.reenterpasswordRef.current.disabled = booleanvalue;\r\n }\r\n closeSetting() {\r\n document.getElementById(\"mySetting\").style.width = \"0%\";\r\n this.setState({\r\n errors: {}\r\n })\r\n this.clearControlsData();\r\n }\r\n changeHandler($event) {\r\n this.setState({\r\n errors: { ...this.state.errors, [$event.target.name]: undefined }\r\n })\r\n this.updateUser[$event.target.name] = $event.target.value;\r\n }\r\n UpdateChanges($event) {\r\n if ((this.updateUser.oldpassword === null || this.updateUser.oldpassword === \"\" || this.updateUser.oldpassword === \"null\") &&\r\n (this.updateUser.password === null || this.updateUser.password === \"\" || this.updateUser.password === \"null\") &&\r\n (this.updateUser.reenterpassword === null || this.updateUser.reenterpassword === \"\" || this.updateUser.reenterpassword === \"null\")) {\r\n this.setState({\r\n errors: {\r\n \"oldpassword\": \"Old password is required.\",\r\n \"password\": \"New password is required.\",\r\n \"reenterpassword\": \"Re-enter new password is required.\"\r\n }\r\n })\r\n }\r\n else if (this.updateUser.oldpassword === null || this.updateUser.oldpassword === \"\" || this.updateUser.oldpassword === \"null\") {\r\n this.setState({\r\n errors: { \"oldpassword\": \"oldpassword is required.\" }\r\n })\r\n }\r\n else if (this.updateUser.password === null || this.updateUser.password === \"\" || this.updateUser.password === \"null\") {\r\n this.setState({\r\n errors: { \"password\": \"Password is required.\" }\r\n })\r\n }\r\n else if (!/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&#^()~])[A-Za-z\\d@$!%*?&#^()~]{8,}$/.test(this.updateUser.password)) {\r\n this.setState({\r\n errors: { \"password\": \"Password must have minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character.\" }\r\n })\r\n }\r\n else if (this.updateUser.reenterpassword === null || this.updateUser.reenterpassword === \"\" || this.updateUser.reenterpassword === \"null\") {\r\n this.setState({\r\n errors: { \"reenterpassword\": \"Re-enter new password is required.\" }\r\n })\r\n }\r\n else if (this.updateUser.password !== this.updateUser.reenterpassword) {\r\n this.setState({\r\n errors: { \"reenterpassword\": \"Re-enter new password is invalid\" }\r\n })\r\n }\r\n else if (this.updateUser.oldpassword === this.updateUser.password) {\r\n this.setState({\r\n errors: { \"password\": \"Old password and New password should not be same\" }\r\n })\r\n }\r\n else if (this.updateUser.password !== null) {\r\n //UpdatePassword();\r\n var userPool = new CognitoUserPool(poolData);\r\n let cognitoUser = userPool.getCurrentUser();\r\n if (cognitoUser != null) {\r\n this.props.syncTimeSpinnerOn();\r\n this.setState({\r\n errors: {}\r\n });\r\n this.enableOrDisableControls(true);\r\n var that = this;\r\n cognitoUser.getSession(function (err, session) {\r\n if (err) {\r\n createNotification('error',err.message);\r\n //alert(err.message);\r\n return;\r\n }\r\n console.log('session validity: ' + session.isValid());\r\n });\r\n cognitoUser.changePassword(this.updateUser.oldpassword, this.updateUser.password, function (err, result) {\r\n if (err) {\r\n console.log(err);\r\n createNotification('error',err.message);\r\n //alert(err.message);\r\n that.clearControlsData();\r\n that.props.syncTimeSpinnerOff();\r\n that.enableOrDisableControls(false);\r\n $event.preventDefault();\r\n return;\r\n }\r\n\r\n that.props.syncTimeSpinnerOff();\r\n if (Cookies.get('rememberuser')) {\r\n // set password to cookies when user update a password.\r\n Cookies.set('userpassword', that.updateUser.password, { expires: 15 });\r\n }\r\n that.clearControlsData();\r\n that.enableOrDisableControls(false);\r\n console.log('call result: ' + result);\r\n createNotification('success',\"password updated successfully!\");\r\n //alert(\"password updated successfully!\");\r\n });\r\n }\r\n }\r\n $event.preventDefault();\r\n }\r\n\r\n UpdatePassword() {\r\n this.props.syncTimeSpinnerOn();\r\n this.setState({\r\n errors: {}\r\n })\r\n let url = prefixUrl + `UpdatePassword`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/UpdatePassword`;\r\n this.updateUser.email = this.emailRef.current.value;\r\n this.enableOrDisableControls(true);\r\n axios.post(url, this.updateUser)\r\n .then(\r\n Response => {\r\n if (Response.status === 200 && Response.data !== undefined) {\r\n this.props.syncTimeSpinnerOff();\r\n this.clearControlsData();\r\n this.enableOrDisableControls(false);\r\n }\r\n }\r\n )\r\n .catch(\r\n error => {\r\n if (error.response.status === 404) {\r\n this.setState({\r\n errors: { \"oldpassword\": \"Wrong Password\" }\r\n })\r\n }\r\n else if (error.response.status === 204) {\r\n createNotification('warning',\"User not found\");\r\n //alert(\"user not found\");\r\n } else {\r\n this.clearControlsData();\r\n console.log(error);\r\n }\r\n this.props.syncTimeSpinnerOff();\r\n this.enableOrDisableControls(false);\r\n }\r\n )\r\n }\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default SettingsModel;","import React, { Component } from 'react';\r\nimport moment from 'moment';\r\nimport $ from 'jquery';\r\n\r\nclass UpcFilterTransetModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.loadUpcFilterData = this.loadUpcFilterData.bind(this);\r\n this.closeUpcFilterTranset = this.closeUpcFilterTranset.bind(this);\r\n this.state = {\r\n errors: {},\r\n UPCDepartments: []\r\n }\r\n }\r\n componentDidMount() {\r\n window.filterDateChange = function (date) {\r\n\r\n }\r\n }\r\n clearFilterData() {\r\n document.getElementById(\"upcDepartment\").value = \"\";\r\n document.getElementById(\"upc\").value = \"\";\r\n document.getElementById(\"upcfromDate\").value = \"\";\r\n document.getElementById(\"upctoDate\").value = \"\";\r\n }\r\n clearDate() {\r\n //var formattedDate = moment(new Date(), 'MM/DD/YYYY').format('YYYY-MM-DD');\r\n //window.filterDatedatepicker.datepicker('setDate',formattedDate);\r\n }\r\n loadUpcFilterData() {\r\n if (document.getElementById(\"upcfromDate\").value === \"\" && document.getElementById(\"upctoDate\").value === \"\") {\r\n this.setState({\r\n errors: {\r\n \"upcfromDate\": \"From Date is required.\",\r\n \"upctoDate\": \"To Date is required.\"\r\n }\r\n })\r\n } else if (document.getElementById(\"upcfromDate\").value === \"\") {\r\n this.setState({\r\n errors: { \"upcfromDate\": \"From Date is required.\" }\r\n })\r\n } else if (document.getElementById(\"upctoDate\").value === \"\") {\r\n this.setState({\r\n errors: { \"upctoDate\": \"To Date is required.\" }\r\n })\r\n } else if (document.getElementById(\"upcfromDate\").value !== \"\" && document.getElementById(\"upctoDate\").value !== \"\") {\r\n this.setState({\r\n errors: {}\r\n })\r\n var UpcfilterObject = {};\r\n UpcfilterObject.upc = document.getElementById(\"upc\").value.replace(/\\s\\s+/g, ' ').trim();\r\n UpcfilterObject.fromdate = document.getElementById(\"upcfromDate\").value;\r\n UpcfilterObject.todate = document.getElementById(\"upctoDate\").value;\r\n UpcfilterObject.department = document.getElementById(\"upcDepartment\").value;\r\n this.props.clickUpcFilterData(UpcfilterObject);\r\n document.getElementById(\"UpcFiltertranset\").style.width = \"0%\";\r\n }\r\n }\r\n\r\n closeUpcFilterTranset() {\r\n this.setState({\r\n errors: {}\r\n })\r\n document.getElementById(\"UpcFiltertranset\").style.width = \"0%\";\r\n }\r\n\r\n clearFromFilterDate() {\r\n $(\"#upcfromDate\").val(\"\");\r\n }\r\n clearToFilterDate() {\r\n $(\"#upctoDate\").val(\"\");\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default UpcFilterTransetModal;","import React, { Component } from 'react';\r\nimport _ from 'lodash';\r\nimport $ from 'jquery';\r\n\r\nclass UpcReportTable extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tableobjectdata: undefined,\r\n }\r\n this.holdPrevDeptEvent = null;\r\n this.showDepartmentData = this.showDepartmentData.bind(this);\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n tableobjectdata: this.props.tableobjectdata\r\n });\r\n $(document).ready(function () {\r\n $('.hideDeptData').toggle();\r\n });\r\n }\r\n showDepartmentData(tr) {\r\n if (this.holdPrevDeptEvent !== null && this.holdPrevDeptEvent !== tr) {\r\n $(this.holdPrevDeptEvent.parentNode.children[1]).slideUp(0);\r\n this.holdPrevDeptEvent.children[0].children[1].className = \"caretclass fa fa-caret-right\";\r\n }\r\n $(tr.parentNode.children[1]).toggle();\r\n if ($(tr.parentNode.children[1]).is(':visible')) {\r\n tr.children[0].children[1].className = \"caretclass fa fa-caret-down\";\r\n } else {\r\n tr.children[0].children[1].className = \"caretclass fa fa-caret-right\";\r\n }\r\n this.holdPrevDeptEvent = tr;\r\n tr.scrollIntoView(true);\r\n }\r\n\r\n arraySort(array) {\r\n let sortedarray = _.sortBy(array, function (x) {\r\n return parseFloat(x['total']);\r\n }).reverse();\r\n return sortedarray;\r\n }\r\n\r\n render() {\r\n const statusText = this.props.statusText;\r\n const noDataCss = {\r\n 'paddingTop': '20%',\r\n 'textAlign': 'center'\r\n }\r\n const displayHeaders = this.props.tabletype.headers !== undefined && this.props.tabletype.headers.length > 0 && this.props.tabletype.headers.map((header, i) =>\r\n i === 0 ?\r\n
\r\n {header.DisplayText}\r\n \r\n \r\n :\r\n header.DisplayText === \"\" ?
:\r\n
\r\n {header.DisplayText}\r\n \r\n \r\n );\r\n\r\n let totalsum = 0;\r\n let totalquantity = 0;\r\n let individualTotalSum = 0;\r\n let individualQunatitySum = 0;\r\n const tabledata = this.state.tableobjectdata !== undefined && this.state.tableobjectdata.length > 0 &&\r\n this.state.tableobjectdata.map((deptgrparray, i) =>\r\n
\r\n this.showDepartmentData(e.currentTarget)}>\r\n {deptgrparray[0].item1.replace(\"&\", \"&\")} \r\n \r\n > \r\n \r\n
*/}\r\n \r\n \r\n {\r\n individualTotalSum = 0,\r\n individualQunatitySum = 0,\r\n deptgrparray.map((periodgrparray, i) =>\r\n periodgrparray.item3.map((finalarray, i) => {\r\n individualTotalSum = individualTotalSum + parseFloat(finalarray.total)\r\n individualQunatitySum = individualQunatitySum + parseFloat(finalarray.quantity)\r\n }\r\n )\r\n ),\r\n totalsum = totalsum + individualTotalSum,\r\n totalquantity = totalquantity + individualQunatitySum,\r\n deptgrparray.map((periodgrparray, i) =>\r\n this.arraySort(periodgrparray.item3).map((finalarray, i) =>\r\n \r\n {periodgrparray.item2} \r\n {finalarray.plu} \r\n {finalarray.description.replace(\"&\", \"&\")} \r\n {finalarray.quantity} \r\n {finalarray.total} \r\n \r\n )\r\n )\r\n }\r\n \r\n SUM {individualQunatitySum.toFixed(2)} \r\n {individualTotalSum.toFixed(2)} \r\n \r\n \r\n
\r\n );\r\n const tablefooter = this.state.tableobjectdata !== undefined && this.state.tableobjectdata.length > 0 &&\r\n
\r\n TOTAL {totalquantity.toFixed(2)} \r\n {totalsum.toFixed(2)} \r\n \r\n return (\r\n
\r\n \r\n \r\n {displayHeaders}\r\n \r\n \r\n \r\n {tabledata !== undefined && tabledata.length > 0 ?\r\n \r\n {tabledata}\r\n
\r\n :
{statusText} }\r\n \r\n {tabledata !== undefined && tabledata.length > 0 && tablefooter}\r\n
\r\n )\r\n }\r\n}\r\nexport default UpcReportTable;","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { CognitoUser, CognitoUserPool } from 'amazon-cognito-identity-js';\r\nimport Table from './table';\r\nimport DateList from './datelist';\r\nimport HeaderNavSection from './headernavsection';\r\nimport TableDetailsHeading from './tabledetailsheading';\r\nimport { stores } from '../urlandheaderdata';\r\nimport { departments, prefixUrl, poolData } from '../urlandheaderdata';\r\nimport Loader from 'react-loader-spinner';\r\nimport { Code } from 'react-content-loader';\r\nimport Sidebarmenu from './sidebarmenu';\r\nimport { findDOMNode } from 'react-dom';\r\nimport $ from 'jquery';\r\nimport TierReportTable from './tier_report_table';\r\nimport PopReportTable from './PoPReportTable';\r\nimport FpReportTable from './FpReportTable';\r\nimport Table2 from './table2';\r\nimport TankReconciliationReportTable from './TankReconciliationReportTable';\r\nimport LoyalityReportTable from './LoyalityReportTable';\r\nimport moment from 'moment';\r\nimport FilterTransetModal from './filterTransetModal';\r\nimport Tooltip_sidemenu from './tooltip_sidemenu';\r\nimport { truncate } from 'fs';\r\nimport _ from 'lodash';\r\nimport AddStoreComponent from './AddStoreComponent';\r\nimport StoreIssuesComponent from './StoreIssuesComponent';\r\nimport SettingsModel from './settingsModelComponent';\r\n\r\nimport 'react-notifications/lib/notifications.css';\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\nimport createNotification from '../services/AlertService';\r\n\r\nimport IdleTimer from 'react-idle-timer';\r\nimport UpcFilterTransetModel from './UpcFilterTransetModel';\r\nimport UpcReportTable from './upcReportTable';\r\n\r\n\r\nclass Dashboard extends Component {\r\n tabledata = null;\r\n datalist = null;\r\n datesNo = 0;\r\n constructor(props) {\r\n window.history.pushState(null, null, window.location.href);\r\n window.onpopstate = function () {\r\n window.history.go(1);\r\n };\r\n\r\n super(props);\r\n this.idleTimer = null;\r\n this.renderMenuItemClickData = this.renderMenuItemClickData.bind(this);\r\n this.renderFilterData = this.renderFilterData.bind(this);\r\n this.getStoresByUser = this.getStoresByUser.bind(this);\r\n this.renderReportOfStoreClick = this.renderReportOfStoreClick.bind(this);\r\n this.onCalenderDateChange = this.onCalenderDateChange.bind(this);\r\n this.TransetPaginationNextRecords = this.TransetPaginationNextRecords.bind(this);\r\n this.clearTransetFilterFields = this.clearTransetFilterFields.bind(this);\r\n this.syncTimeChange = this.syncTimeChange.bind(this);\r\n this.syncTimeSpinnerOn = this.syncTimeSpinnerOn.bind(this);\r\n this.syncTimeSpinnerOff = this.syncTimeSpinnerOff.bind(this);\r\n this.LoadDateListData = this.LoadDateListData.bind(this);\r\n this.DateListMoveLeft = this.DateListMoveLeft.bind(this);\r\n this.DateShiftClick = this.DateShiftClick.bind(this);\r\n this.addnewStoreToMenu = this.addnewStoreToMenu.bind(this);\r\n this.openMenu = this.openMenu.bind(this);\r\n this.updateStatusStoreList = this.updateStatusStoreList.bind(this);\r\n this.printTable = this.printTable.bind(this);\r\n this.onDateBarDateSelect = this.onDateBarDateSelect.bind(this);\r\n this.DateListMoveRight = this.DateListMoveRight.bind(this);\r\n this.SetNoOfDatesBasedOnScreen = this.SetNoOfDatesBasedOnScreen.bind(this);\r\n this.DateListOreintationChange = this.DateListOreintationChange.bind(this);\r\n this.logOut = this.logOut.bind(this);\r\n this.TransetShiftPaginationNextRecords = this.TransetShiftPaginationNextRecords.bind(this);\r\n this.onIdle = this.onIdle.bind(this);\r\n this.renderUpcFilterData = this.renderUpcFilterData.bind(this);\r\n //this.clearUpcTransetFilterFields = this.clearUpcTransetFilterFields.bind(this);\r\n this.state = {\r\n tabledata: [],\r\n tableheaders: [],\r\n tablefooters: [],\r\n tableobjectdata: [],\r\n periodseq: [],\r\n storesList: [],\r\n loadspin: false,\r\n storeID: null,\r\n tabletype: null,\r\n datakey: null,\r\n tableToDisplay: \"table1\",\r\n userID: \"\",\r\n selectedDate: \"\",\r\n storeAddress: \"\",\r\n dateListCmpPeriod: moment().format('YYYY-MM-DD'),\r\n dateListCmpPeriodSeqNo: \"\",\r\n currentStoreID: \"\",\r\n currenntTableHeadingIcon: \"\",\r\n transetPaginationToken: undefined,\r\n transetFilterObject: undefined,\r\n statusText: \"No Data\",\r\n currentstore: {},\r\n dateListObjectData: [],\r\n fromDate: \"\",\r\n toDate: \"\",\r\n reportName: \"\",\r\n transetNextRecordsClickDate: \"\",\r\n hideTransetNextButton: false,\r\n reportNameForDateBar: \"\",\r\n storeName: \"\",\r\n datebarLoader: false,\r\n transetShiftPaginationToken: undefined,\r\n transetUpcFilterObject: undefined,\r\n }\r\n this.user = {}\r\n }\r\n\r\n //method to load loadperiodseq() at the start of application\r\n componentDidMount() {\r\n var isUserSignedIn = sessionStorage.getItem('SignedInConfirmation');\r\n if (isUserSignedIn == null) {\r\n this.props.history.push('/');\r\n }\r\n this.forceUpdate();\r\n var userPool = new CognitoUserPool(poolData);\r\n var currentUser = userPool.getCurrentUser();\r\n if (currentUser !== null) {\r\n currentUser.getSession((err, session) => {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n\r\n const token = session.getIdToken().getJwtToken();\r\n axios.defaults.headers.common['Authorization'] = token;\r\n //console.log(token);\r\n this.SetNoOfDatesBasedOnScreen();\r\n // var user = JSON.parse(localStorage.getItem('userInfo'));\r\n // this.getStoresByUser(user.userID, user.storeName);\r\n });\r\n var that = this;\r\n currentUser.getUserAttributes(function (err, result) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n if (result) {\r\n that.user.userID = currentUser.username;\r\n that.user.storeName = result.find(x => x.Name == \"given_name\").getValue();\r\n that.getStoresByUser(that.user.userID, that.user.storeName);\r\n }\r\n });\r\n }\r\n var resizeTimer;\r\n window.addEventListener(\"resize\", function () {\r\n this.clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function () {\r\n that.SetNoOfDatesBasedOnScreen();\r\n that.DateListOreintationChange();\r\n }, 250);\r\n }, false);\r\n\r\n window.onDateChange = function (date) {\r\n var formattedDate = moment(date, 'MM/DD/YYYY').format('YYYY-MM-DD');\r\n that.onCalenderDateChange(formattedDate);\r\n }\r\n if (window.reloadRequired) {\r\n window.location.reload();\r\n window.reloadRequired = false;\r\n }\r\n\r\n $(\"#close-sidebar\").click(function () {\r\n $(\".page-wrapper\").removeClass(\"toggled\");\r\n $(\"#headerBussinessName\").prop(\"hidden\", false);\r\n\r\n setTimeout(function () {\r\n that.SetNoOfDatesBasedOnScreen();\r\n that.DateListOreintationChange();\r\n }, 250);\r\n });\r\n\r\n $(\"#show-sidebar\").click(function () {\r\n $(\".page-wrapper\").addClass(\"toggled\");\r\n $(\"#headerBussinessName\").prop(\"hidden\", true);\r\n\r\n setTimeout(function () {\r\n that.SetNoOfDatesBasedOnScreen();\r\n that.DateListOreintationChange();\r\n }, 250);\r\n });\r\n\r\n $(\".datelistcarousal,.gj-datepicker,.input-group-append,.btn-outline-secondary,.gj-icon\").click(function (event) {\r\n event.stopPropagation();\r\n });\r\n\r\n $(\"#root\").click(function (event) {\r\n window.$datePicker.close()\r\n });\r\n }\r\n\r\n SetNoOfDatesBasedOnScreen() {\r\n let dateBarWidth = $(\"#viewContainer\").width();\r\n let datebarwidthWithoutArrows = dateBarWidth - ($(\"#leftArrow\").width() * 2) - 20;\r\n let noOfDateCountToSet = (datebarwidthWithoutArrows / 99);\r\n //alert((parseInt(noOfDateCountToSet) * 97) +\"--\"+datebarwidthWithoutArrows)\r\n // alert(datebarwidthWithoutArrows);\r\n // alert(parseInt(noOfDateCountToSet) * 99);\r\n if ((parseInt(noOfDateCountToSet) * 99) > datebarwidthWithoutArrows) {\r\n this.datesNo = parseInt(noOfDateCountToSet) - 2;\r\n } else {\r\n if (99 - (datebarwidthWithoutArrows - (parseInt(noOfDateCountToSet) * 99)) < 15) {\r\n this.datesNo = parseInt(noOfDateCountToSet);\r\n } else {\r\n this.datesNo = parseInt(noOfDateCountToSet) - 1;\r\n }\r\n }\r\n //alert(parseInt( noOfDateCountToSet));\r\n }\r\n\r\n //this method is to render data in table when department report is clicked\r\n renderMenuItemClickData(tabletype) {\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n tableheaders: tabletype.headers,\r\n tablefooters: tabletype.footers,\r\n loadspin: true,\r\n tabletype: tabletype,\r\n datakey: tabletype.key,\r\n tableToDisplay: tabletype.tableToDisplay,\r\n currenntTableHeadingIcon: tabletype.dept,\r\n statusText: \"No Data\",\r\n hideTransetNextButton: false\r\n });\r\n if (tabletype.dept !== \"Transet Report\" && tabletype.dept !== \"UPC Report\") {\r\n axios.get(tabletype.url + `${this.state.userID}&storeID=${this.state.storeID}&date=${this.state.selectedDate}`).then(res => {\r\n if (res.status === 200) {\r\n //commented date bar functionality\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens \r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, tabletype.reportName, fromdate, todate, null, (x) => { });\r\n if (res.data !== undefined && res.data.data[0] !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data[0],\r\n tabledata: res.data.data[0][tabletype.key],\r\n dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (tabletype.dept === \"Transet Report\") {\r\n this.setState({\r\n transetFilterObject: undefined,\r\n transetNextRecordsClickDate: this.state.selectedDate\r\n })\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = this.state.selectedDate;\r\n axios.post(tabletype.url, postData).then(\r\n res => {\r\n if (res.status === 200) {\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate, this.state.selectedDate, (transetMaxShift) => {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = this.state.selectedDate;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n //console.log(this.replace(tabletype.key,res.data.data[0]))\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n });\r\n\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (tabletype.dept === \"UPC Report\") {\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = this.state.selectedDate;\r\n axios.post(tabletype.url, postData).then(\r\n res => {\r\n if (res.status === 200) {\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate, this.state.selectedDate, (transetMaxShift) => {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = this.state.selectedDate;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n //console.log(this.replace(tabletype.key,res.data.data[0]))\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n });\r\n\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n\r\n }\r\n\r\n //method is to load period and periodseq data in filter search dropdown\r\n loadperiodseq() {\r\n let regioneast1 = 'https://xqp95aptb6.execute-api.us-east-1.amazonaws.com/Prod/v1/Transet/GetTransetPeriodSeqs';\r\n let regioneast2 = 'https://kjbvi7528f.execute-api.us-east-2.amazonaws.com/Prod/v1/transet/GetTransetPeriodSeqs';\r\n axios.get(regioneast2).then(\r\n res => {\r\n if (res.data !== undefined) {\r\n this.setState({\r\n periodseq: res.data\r\n })\r\n }\r\n });\r\n }\r\n\r\n replace(str, obj) {\r\n return str.replace(/([^}]+)/g, function (wholematch, firstmatch) {\r\n var value = firstmatch.split('.').reduce(function (a, b) {\r\n return a[b];\r\n }, obj);\r\n return typeof value !== 'undefined' ? value : wholematch;\r\n });\r\n }\r\n\r\n //method to render the last report data on each store click.\r\n renderReportOfStoreClick(currentStoreID) {\r\n this.openMenu(currentStoreID);\r\n if (this.state.currentStoreID != currentStoreID) {\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n currentStoreID: currentStoreID\r\n })\r\n if (this.state.tabletype != null) {\r\n this.setState({\r\n tableheaders: this.state.tabletype.headers,\r\n tablefooters: this.state.tabletype.footers,\r\n loadspin: true,\r\n tableToDisplay: this.state.tabletype.tableToDisplay,\r\n statusText: \"No Data\",\r\n hideTransetNextButton: false\r\n });\r\n if (this.state.tabletype.dept != \"Transet Report\" && this.state.tabletype.dept !== \"UPC Report\") {\r\n axios.get(this.state.tabletype.url + `${this.state.userID}&storeID=${currentStoreID}&date=${this.state.selectedDate}`).then(res => {\r\n if (res.status === 200) {\r\n //commented date bar functionality\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n // let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, currentStoreID, this.state.tabletype.reportName, fromdate, todate, null, (x) => { });\r\n if (res.data !== undefined && res.data.data[0] !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data[0],\r\n tabledata: res.data.data[0][this.state.tabletype.key],\r\n dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (this.state.tabletype.dept === \"Transet Report\") {\r\n this.setState({\r\n transetFilterObject: undefined,\r\n transetNextRecordsClickDate: this.state.selectedDate\r\n })\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = currentStoreID;\r\n postData.period = this.state.selectedDate;\r\n axios.post(this.state.tabletype.url, postData).then(res => {\r\n if (res.status === 200) {\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n // let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, currentStoreID, this.state.tabletype.reportName, fromdate, todate, this.state.selectedDate, (transetMaxShift) => {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = this.state.selectedDate;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n });\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (this.state.tabletype.dept === \"UPC Report\") {\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = currentStoreID;\r\n postData.period = this.state.selectedDate;\r\n axios.post(this.state.tabletype.url, postData).then(\r\n res => {\r\n if (res.status === 200) {\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate, this.state.selectedDate, (transetMaxShift) => {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = this.state.selectedDate;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n //console.log(this.replace(tabletype.key,res.data.data[0]))\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n });\r\n\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n //method to render the data on selected date in calender\r\n onCalenderDateChange(dateobj) {\r\n if (this.state.tabletype != null) {\r\n if (this.state.selectedDate !== dateobj) {\r\n this.setState({\r\n dateListCmpPeriod: dateobj\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n tableheaders: this.state.tabletype.headers,\r\n tablefooters: this.state.tabletype.footers,\r\n loadspin: true,\r\n tableToDisplay: this.state.tabletype.tableToDisplay,\r\n selectedDate: dateobj,\r\n statusText: \"No Data\",\r\n hideTransetNextButton: false\r\n });\r\n if (this.state.tabletype.dept != \"Transet Report\" && this.state.tabletype.dept !== \"UPC Report\") {\r\n axios.get(this.state.tabletype.url + `${this.state.userID}&storeID=${this.state.storeID}&date=${dateobj}`).then(res => {\r\n if (res.status === 200) {\r\n //commented date bar functionality\r\n let fromdate = moment(moment(dateobj).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(dateobj).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(dateobj).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate, null, (x) => { });\r\n if (res.data !== undefined && res.data.data[0] !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data[0],\r\n tabledata: res.data.data[0][this.state.tabletype.key],\r\n dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n loadspin: false\r\n\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (this.state.tabletype.dept === \"Transet Report\") {\r\n this.setState({\r\n transetFilterObject: undefined,\r\n transetNextRecordsClickDate: this.state.selectedDate\r\n })\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = dateobj;\r\n axios.post(this.state.tabletype.url, postData).then(res => {\r\n if (res.status === 200) {\r\n let fromdate = moment(moment(dateobj).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n // let fromdate = moment(moment(dateobj).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(dateobj).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate, todate, (transetMaxShift) => {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = todate;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n });\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (this.state.tabletype.dept === \"UPC Report\") {\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = dateobj;\r\n axios.post(this.state.tabletype.url, postData).then(\r\n res => {\r\n if (res.status === 200) {\r\n let fromdate = moment(moment(dateobj).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(dateobj).format(\"YYYY-MM-DD\");\r\n\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate, todate, (transetMaxShift) => {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = todate;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n //console.log(this.replace(tabletype.key,res.data.data[0]))\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // dateListCmpPeriod: this.state.dateListCmpPeriod,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n });\r\n\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n onDateBarDateSelect(dateobj) {\r\n if (this.state.tabletype != null) {\r\n //if (this.state.selectedDate !== dateobj) {\r\n this.setState({\r\n dateListCmpPeriod: dateobj\r\n })\r\n var formtDate = moment(dateobj).format(\"MM/DD/YYYY\")\r\n // var formtDate=moment(moment(dateobj).add(1, 'day')).format(\"MM/DD/YYYY\")\r\n $(window.$datePicker).val(formtDate);\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n tableheaders: this.state.tabletype.headers,\r\n tablefooters: this.state.tabletype.footers,\r\n loadspin: true,\r\n tableToDisplay: this.state.tabletype.tableToDisplay,\r\n selectedDate: dateobj,\r\n statusText: \"No Data\",\r\n hideTransetNextButton: false\r\n });\r\n if (this.state.tabletype.dept != \"Transet Report\" && this.state.tabletype.dept !== \"UPC Report\") {\r\n axios.get(this.state.tabletype.url + `${this.state.userID}&storeID=${this.state.storeID}&date=${dateobj}`).then(res => {\r\n if (res.status === 200) {\r\n //commented date bar functionality\r\n // let fromdate = moment(moment(dateobj).subtract(14, 'day')).format(\"YYYY-MM-DD\");\r\n // let todate = moment(dateobj).format(\"YYYY-MM-DD\");\r\n this.setState({\r\n //fromDate: fromdate,\r\n //toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n //this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate);\r\n if (res.data !== undefined && res.data.data[0] !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data[0],\r\n tabledata: res.data.data[0][this.state.tabletype.key],\r\n dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n loadspin: false\r\n\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (this.state.tabletype.dept === \"Transet Report\") {\r\n this.setState({\r\n transetFilterObject: undefined,\r\n transetNextRecordsClickDate: this.state.selectedDate\r\n })\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = dateobj;\r\n axios.post(this.state.tabletype.url, postData).then(res => {\r\n if (res.status === 200) {\r\n // let fromdate = moment(moment(dateobj).subtract(14, 'day')).format(\"YYYY-MM-DD\");\r\n // let todate=moment(dateobj).format(\"YYYY-MM-DD\");\r\n this.setState({\r\n // fromDate: fromdate,\r\n // toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n //this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate);\r\n var transetMaxShift = \"\";\r\n if (dateobj && dateobj != \"\") {\r\n var transetDataOfSelectDate = this.state.dateListObjectData.filter(obj => {\r\n return obj.date === dateobj\r\n });\r\n if (transetDataOfSelectDate[0].items) {\r\n let newTransetDataObj = _.groupBy(transetDataOfSelectDate[0].items, 'periodSeqNum');\r\n newTransetDataObj = Object.values(newTransetDataObj);\r\n if (newTransetDataObj && newTransetDataObj.length > 0) {\r\n newTransetDataObj = _.sortBy(newTransetDataObj, function (x) {\r\n return parseInt(x[\"periodSeqNum\"])\r\n }).reverse();\r\n transetMaxShift = newTransetDataObj[0][0][0].periodSeqNum;\r\n }\r\n }\r\n\r\n }\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = dateobj;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n } else if (this.state.tabletype.dept === \"UPC Report\") {\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = dateobj;\r\n axios.post(this.state.tabletype.url, postData).then(res => {\r\n if (res.status === 200) {\r\n // let fromdate = moment(moment(dateobj).subtract(14, 'day')).format(\"YYYY-MM-DD\");\r\n // let todate=moment(dateobj).format(\"YYYY-MM-DD\");\r\n this.setState({\r\n // fromDate: fromdate,\r\n // toDate: todate,\r\n reportName: this.state.tabletype.reportName\r\n })\r\n //this.LoadDateListData(this.state.userID, this.state.storeID, this.state.tabletype.reportName, fromdate, todate);\r\n var transetMaxShift = \"\";\r\n if (dateobj && dateobj != \"\") {\r\n var transetDataOfSelectDate = this.state.dateListObjectData.filter(obj => {\r\n return obj.date === dateobj\r\n });\r\n if (transetDataOfSelectDate[0].items) {\r\n let newTransetDataObj = _.groupBy(transetDataOfSelectDate[0].items, 'periodSeqNum');\r\n newTransetDataObj = Object.values(newTransetDataObj);\r\n if (newTransetDataObj && newTransetDataObj.length > 0) {\r\n newTransetDataObj = _.sortBy(newTransetDataObj, function (x) {\r\n return parseInt(x[\"periodSeqNum\"])\r\n }).reverse();\r\n transetMaxShift = newTransetDataObj[0][0][0].periodSeqNum;\r\n }\r\n }\r\n\r\n }\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0 && transetMaxShift != \"\") {\r\n var dateShiftClickCallObj = {};\r\n dateShiftClickCallObj.period = dateobj;\r\n dateShiftClickCallObj.periodSeqNum = transetMaxShift;\r\n var dateShiftClickCallArr = [];\r\n dateShiftClickCallArr.push(dateShiftClickCallObj);\r\n\r\n this.DateShiftClick(dateShiftClickCallArr);\r\n // this.setState({\r\n // tableobjectdata: res.data.data[0],\r\n // tabledata: res.data.data,\r\n // //commented because in transet report data is comming in combination of shifts\r\n // // dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n // dateListCmpPeriodSeqNo: \"\",\r\n // loadspin: false,\r\n // transetPaginationToken: res.data.paginationtoken\r\n // });\r\n // document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n //}\r\n }\r\n }\r\n\r\n openMenu(storeId) {\r\n console.log(storeId);\r\n let atag = $(\"#sidebardropdown\" + storeId).children()[0];\r\n let prevstoreid = this.state.storeID;\r\n this.setState({\r\n storeID: atag.dataset.storeId,\r\n storeAddress: atag.dataset.storeAddress,\r\n });\r\n\r\n if ($(\"#sidebardropdown\" + prevstoreid).hasClass(\"active\")) {\r\n $(\"#sidebar-submenu\" + prevstoreid).slideUp(200);\r\n $(\"#sidebardropdown\" + prevstoreid).removeClass(\"active\");\r\n if (prevstoreid != storeId) {\r\n $(\"#sidebar-submenu\" + storeId).slideDown(200);\r\n $(\"#sidebardropdown\" + storeId).addClass(\"active\");\r\n }\r\n }\r\n else {\r\n $(\"#sidebar-submenu\" + storeId).slideDown(200);\r\n $(\"#sidebardropdown\" + storeId).addClass(\"active\");\r\n }\r\n }\r\n\r\n //gets the stores to display in side menu and it renders only at start of aaplication.\r\n getStoresByUser(usrId, storeName) {\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n loadspin: true\r\n });\r\n let url = prefixUrl + `Stores?userID=${usrId}`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/Stores?userID=${usrId}`;\r\n axios.get(url).then(\r\n res => {\r\n if (res.data && res.data.length) {\r\n this.setState({\r\n storeID: res.data[0].storeID\r\n })\r\n }\r\n this.setState({\r\n storesList: res.data,\r\n userID: usrId,\r\n storeName: storeName,\r\n loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n if (res.data && res.data.length > 0) {\r\n this.LoadInitialDepartment(res.data[0]);\r\n let fromdate = moment(moment().subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment().subtract(9, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment().format(\"YYYY-MM-DD\");\r\n this.setState({\r\n fromDate: fromdate,\r\n toDate: todate,\r\n reportName: \"Department\"\r\n });\r\n this.LoadDateListData(usrId, res.data[0].storeID, \"Department\", fromdate, todate, null, (x) => { });\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n this.setState({\r\n loadspin: false,\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n });\r\n }\r\n\r\n LoadInitialDepartment(store) {\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n //console.log(moment(moment().subtract(1,'day')).format('YYYY-MM-DD'));\r\n this.setState({\r\n tableheaders: departments[0].headers,\r\n tablefooters: departments[0].footers,\r\n loadspin: true,\r\n tableToDisplay: departments[0].tableToDisplay,\r\n selectedDate: moment(moment().subtract(1, 'day')).format('YYYY-MM-DD'),\r\n tabletype: departments[0],\r\n storeAddress: `${store.address.address !== null && store.address.address ? store.address.address + \",\" : \"\"} ${store.address.city && store.address.city !== null ? store.address.city + \",\" : \"\"} ${store.address.state && store.address.state !== null ? store.address.state : \"\"} ${store.address.zip && store.address.zip !== null ? store.address.zip : \"\"}`,\r\n statusText: \"No data\",\r\n });\r\n this.openMenu(store.storeID);\r\n axios.get(departments[0].url + `${this.state.userID}&storeID=${store.storeID}&date=${moment(moment().subtract(1, 'day')).format('YYYY-MM-DD')}`).then(result => {\r\n // axios.get(departments[0].url + `${this.state.userID}&storeID=${store.storeID}`).then(result => {\r\n if (result.status === 200) {\r\n if (result.data !== undefined && result.data.data[0] !== undefined && result.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: result.data.data[0],\r\n tabledata: result.data.data[0][departments[0].key],\r\n dateListCmpPeriodSeqNo: result.data.data[0].periodSeqNum,\r\n loadspin: false,\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n\r\n //method to load data into table when filter search is done\r\n renderFilterData(filterdataobj) {\r\n let regioneast1 = prefixUrl + `Transet/GetTranset`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let regioneast1 ='https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/Transet/GetTranset';\r\n let regioneast2 = 'https://kjbvi7528f.execute-api.us-east-2.amazonaws.com/Prod/v1/transet/GetTranset';\r\n\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: [],\r\n loadspin: true,\r\n //selectedDate: filterdataobj.period,\r\n dateListCmpPeriod: filterdataobj.period,\r\n transetFilterObject: filterdataobj,\r\n statusText: \"No Data\",\r\n transetNextRecordsClickDate: filterdataobj.period\r\n });\r\n\r\n filterdataobj.userID = this.state.userID;\r\n filterdataobj.storeID = this.state.storeID;\r\n console.log(\"filter Data\");\r\n console.log(filterdataobj);\r\n axios.post(regioneast1, filterdataobj)\r\n .then(\r\n x => {\r\n if (x.status === 200) {\r\n if (x.data !== undefined && x.data.data[0] !== undefined && x.data.data.length > 0) {\r\n this.setState({\r\n // tableheaders:departments[0].headers,\r\n tableobjectdata: x.data.data[0],\r\n tabledata: x.data.data,\r\n loadspin: false,\r\n hideTransetNextButton: false,\r\n transetPaginationToken: x.data.paginationtoken,\r\n dateListCmpPeriodSeqNo: \"\",\r\n //dateListCmpPeriodSeqNo: x.data.data[0].periodSeqNum,\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n } else {\r\n this.setState({\r\n // tableheaders:departments[0].headers,\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n loadspin: false,\r\n //transetPaginationToken: x.data.paginationtoken,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n } else {\r\n this.setState({\r\n // tableheaders:departments[0].headers,\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n loadspin: false,\r\n //transetPaginationToken: x.data.paginationtoken,\r\n dateListCmpPeriodSeqNo: \"\",\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n\r\n TransetPaginationNextRecords() {\r\n if (this.state.transetPaginationToken !== \"{}\") {\r\n this.setState({\r\n loadspin: true,\r\n statusText: \"No Data\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.period = this.state.transetNextRecordsClickDate;\r\n if (this.state.transetFilterObject) {\r\n postData.amount = this.state.transetFilterObject.amount;\r\n postData.cardtype = this.state.transetFilterObject.cardtype;\r\n postData.ticketseq = this.state.transetFilterObject.ticketseq;\r\n //postData.periodseq = this.state.transetFilterObject.periodseq;\r\n postData.signature = this.state.transetFilterObject.signature;\r\n }\r\n postData.paginationtoken = this.state.transetPaginationToken;\r\n axios.post(this.state.tabletype.url, postData).then(res => {\r\n if (res.status === 200) {\r\n if (res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data[0],\r\n tabledata: res.data.data,\r\n //dateListCmpPeriodSeqNo: res.data.data[0].periodSeqNum,\r\n dateListCmpPeriodSeqNo: \"\",\r\n loadspin: false,\r\n transetPaginationToken: res.data.paginationtoken\r\n });\r\n // console.log(res.data.paginationtoken)\r\n // if (res.data.paginationtoken ===\"{}\") {\r\n // document.getElementById(\"paginationBtn\").disabled = true;\r\n // //$(\"#paginationBtn\").attr(\"disabled\", \"true\");\r\n // }\r\n // else {\r\n // document.getElementById(\"paginationBtn\").disabled = true;\r\n // //$(\"#paginationBtn\").attr(\"disabled\", \"false\");\r\n // }\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n //this.loadData();\r\n } else {\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tabledata: undefined,\r\n tableobjectdata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n })\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n }\r\n\r\n clearTransetFilterFields() {\r\n $(\"#filterAmount\").val(\"\");\r\n $(\"#filterDate\").val(\"\");\r\n $(\"#filterCard\").val(\"\");\r\n $(\"#filterSeqNo\").val(\"\");\r\n // this.setState({\r\n // dateListCmpPeriodSeqNo:\"\"\r\n // })\r\n }\r\n\r\n LoadDateListData(userid, storeid, reportName, FromDate, ToDate, transetSelectedDate, callback) {\r\n var transetMaxShift = \"\";\r\n document.getElementById(\"loadoverlayForDateBar\").style.width = \"100%\";\r\n // this.setState({\r\n // loadspin:true\r\n // });\r\n this.setState({\r\n datebarLoader: true,\r\n });\r\n let url = prefixUrl + `DatesAndShifts`;\r\n var postData = {};\r\n postData.userID = userid;\r\n postData.storeID = storeid;\r\n postData.fromdate = FromDate;\r\n postData.tablename = reportName;\r\n postData.todate = ToDate;\r\n\r\n // let url = prefixUrl + `HorizontalDatesDisplay?userID=${userid}&storeID=${storeid}&tablename=${reportName}&fromdate=${FromDate}&todate=${ToDate}`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/HorizontalDatesDisplay?userID=${userid}&storeID=${storeid}&tablename=${reportName}&fromdate=${FromDate}&todate=${ToDate}`;\r\n axios.post(url, postData).then(\r\n res => {\r\n if (res.data && res.data.length > 0) {\r\n if (reportName === \"TransetReport\") {\r\n let transetdata = res.data;\r\n (transetdata).forEach(obj => {\r\n let tempArr = _.groupBy(obj.items, 'periodSeqNum');\r\n tempArr = Object.values(tempArr);\r\n if (tempArr && tempArr.length > 1) {\r\n tempArr = _.sortBy(tempArr, function (x) {\r\n return parseInt(x[\"periodSeqNum\"])\r\n }).reverse();\r\n }\r\n obj.items = tempArr;\r\n obj.count = obj.items.length;\r\n });\r\n if (transetSelectedDate) {\r\n var transetDataOfSelectDate = transetdata.filter(obj => {\r\n return obj.date === transetSelectedDate\r\n });\r\n if (transetDataOfSelectDate[0].items) {\r\n let newTransetDataObj = _.groupBy(transetDataOfSelectDate[0].items, 'periodSeqNum');\r\n newTransetDataObj = Object.values(newTransetDataObj);\r\n if (newTransetDataObj && newTransetDataObj.length > 0) {\r\n newTransetDataObj = _.sortBy(newTransetDataObj, function (x) {\r\n return parseInt(x[\"periodSeqNum\"])\r\n }).reverse();\r\n transetMaxShift = newTransetDataObj[0][0][0].periodSeqNum;\r\n }\r\n }\r\n\r\n }\r\n\r\n // let tempArr = _.groupBy(transetdata[0].items, 'periodSeqNum');\r\n // console.log(tempArr);\r\n // tempArr = Object.values(tempArr);\r\n // console.log(tempArr);\r\n // transetdata[0].items = tempArr;\r\n this.setState({\r\n dateListObjectData: transetdata,\r\n reportNameForDateBar: \"TransetReport\",\r\n //loadspin:false,\r\n datebarLoader: false\r\n });\r\n callback(transetMaxShift);\r\n\r\n }\r\n else {\r\n this.setState({\r\n dateListObjectData: res.data,\r\n reportNameForDateBar: \"\",\r\n //loadspin:false\r\n datebarLoader: false\r\n });\r\n }\r\n\r\n document.getElementById(\"loadoverlayForDateBar\").style.width = \"0%\";\r\n } else {\r\n // this.setState({\r\n // loadspin:false\r\n // });\r\n document.getElementById(\"loadoverlayForDateBar\").style.width = \"0%\";\r\n this.setState({\r\n datebarLoader: false\r\n })\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n // this.setState({\r\n // loadspin:false\r\n // });\r\n document.getElementById(\"loadoverlayForDateBar\").style.width = \"0%\";\r\n this.setState({\r\n datebarLoader: false\r\n })\r\n });\r\n\r\n }\r\n\r\n DateListMoveLeft() {\r\n\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo + 1, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(10, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(moment(this.state.toDate).subtract(1, 'day')).format(\"YYYY-MM-DD\");\r\n\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n //loadspin: true,\r\n fromDate: fromdate,\r\n toDate: todate\r\n });\r\n\r\n let url = prefixUrl + `HorizontalDatesDisplay?userID=${this.state.userID}&storeID=${this.state.storeID}&tablename=${this.state.reportName}&fromdate=${fromdate}&todate=${todate}`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/HorizontalDatesDisplay?userID=${this.state.userID}&storeID=${this.state.storeID}&tablename=${this.state.reportName}&fromdate=${fromdate}&todate=${todate}`;\r\n axios.get(url).then(\r\n res => {\r\n if (res.data && res.data.length > 0) {\r\n //console.log(res.data);\r\n let datearr = this.state.dateListObjectData;\r\n let newarr = res.data;\r\n if (this.state.reportName === \"TransetReport\") {\r\n let transetdata = res.data;\r\n (newarr).forEach(obj => {\r\n let tempArr = _.groupBy(obj.items, 'periodSeqNum');\r\n tempArr = Object.values(tempArr);\r\n if (tempArr && tempArr.length > 1) {\r\n tempArr = _.sortBy(tempArr, function (x) {\r\n return parseInt(x[\"periodSeqNum\"])\r\n }).reverse();\r\n }\r\n obj.items = tempArr;\r\n obj.count = obj.items.length;\r\n });\r\n }\r\n //datearr.push(...((res.data).reverse()));\r\n //commented below line is for apending new data to old data logic.\r\n //newarr.push(...(datearr));\r\n //console.log(datearr);\r\n // datearr.shift();\r\n // datearr.push(newarr);\r\n datearr.pop();\r\n datearr.splice(0, 0, newarr[0]);\r\n this.setState({\r\n dateListObjectData: datearr,\r\n //loadspin: false\r\n });\r\n //console.log(datearr);\r\n //console.log(this.state.selectedDate);\r\n if (datearr.filter(e => e.date === this.state.selectedDate).length === 0) {\r\n this.onDateBarDateSelect(datearr[datearr.length - 1].date);\r\n } else {\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n } else {\r\n this.setState({\r\n //loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n //loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n\r\n DateListMoveRight() {\r\n if (this.state.toDate < moment().format(\"YYYY-MM-DD\")) {\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo - 1, 'day')).format(\"YYYY-MM-DD\");\r\n // let fromdate = moment(moment(this.state.toDate).subtract(8, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(moment(this.state.toDate).add(1, 'day')).format(\"YYYY-MM-DD\");\r\n\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n //loadspin: true,\r\n fromDate: fromdate,\r\n toDate: todate\r\n });\r\n\r\n let url = prefixUrl + `HorizontalDatesDisplay?userID=${this.state.userID}&storeID=${this.state.storeID}&tablename=${this.state.reportName}&fromdate=${todate}&todate=${todate}`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/HorizontalDatesDisplay?userID=${this.state.userID}&storeID=${this.state.storeID}&tablename=${this.state.reportName}&fromdate=${todate}&todate=${todate}`;\r\n axios.get(url).then(\r\n res => {\r\n if (res.data && res.data.length > 0) {\r\n let datearr = this.state.dateListObjectData;\r\n let newarr = res.data;\r\n if (this.state.reportName === \"TransetReport\") {\r\n let transetdata = res.data;\r\n (newarr).forEach(obj => {\r\n let tempArr = _.groupBy(obj.items, 'periodSeqNum');\r\n tempArr = Object.values(tempArr);\r\n if (tempArr && tempArr.length > 1) {\r\n tempArr = _.sortBy(tempArr, function (x) {\r\n return parseInt(x[\"periodSeqNum\"])\r\n }).reverse();\r\n }\r\n obj.items = tempArr;\r\n obj.count = obj.items.length;\r\n });\r\n }\r\n //datearr.push(...((res.data).reverse()));\r\n //newarr.push(...(datearr));\r\n //console.log(datearr);\r\n datearr.shift();\r\n datearr.push(newarr[0]);\r\n this.setState({\r\n dateListObjectData: datearr,\r\n //loadspin: false\r\n });\r\n // console.log(datearr);\r\n // console.log(this.state.selectedDate);\r\n if (datearr.filter(e => e.date === this.state.selectedDate).length === 0) {\r\n this.onDateBarDateSelect(datearr[0].date);\r\n } else {\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n } else {\r\n this.setState({\r\n //loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n //loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n }\r\n\r\n DateListOreintationChange() {\r\n let fromdate = moment(moment(this.state.toDate).subtract(this.datesNo, 'day')).format(\"YYYY-MM-DD\");\r\n //let fromdate = moment(moment(this.state.toDate).subtract(10, 'day')).format(\"YYYY-MM-DD\");//commented this line as instead of nine no setted this.datesNo for responsive screens\r\n let todate = moment(this.state.toDate).format(\"YYYY-MM-DD\");\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n //loadspin: true,\r\n fromDate: fromdate,\r\n toDate: todate\r\n });\r\n\r\n let url = prefixUrl + `HorizontalDatesDisplay?userID=${this.state.userID}&storeID=${this.state.storeID}&tablename=${this.state.reportName}&fromdate=${fromdate}&todate=${todate}`;\r\n /*url for new server www.mycstorereports.com*/\r\n //let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/HorizontalDatesDisplay?userID=${this.state.userID}&storeID=${this.state.storeID}&tablename=${this.state.reportName}&fromdate=${fromdate}&todate=${todate}`;\r\n axios.get(url).then(\r\n res => {\r\n if (res.data && res.data.length > 0) {\r\n //console.log(res.data);\r\n let newarr = res.data;\r\n if (this.state.reportName === \"TransetReport\") {\r\n (newarr).forEach(obj => {\r\n let tempArr = _.groupBy(obj.items, 'periodSeqNum');\r\n tempArr = Object.values(tempArr);\r\n obj.items = tempArr;\r\n obj.count = obj.items.length;\r\n });\r\n }\r\n\r\n this.setState({\r\n dateListObjectData: newarr,\r\n //loadspin: false\r\n });\r\n if (newarr.filter(e => e.date === this.state.selectedDate).length === 0) {\r\n this.onDateBarDateSelect(newarr[0].date);\r\n } else {\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n } else {\r\n this.setState({\r\n //loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n //loadspin: false\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n\r\n DateShiftClick(dateShiftObj) {\r\n if (this.state.tabletype.dept === \"UPC Report\") {\r\n var url = prefixUrl + `GetUpcdata`;\r\n var postData = {};\r\n postData.storeID = this.state.storeID;\r\n if (this.state.tabletype.reportName === \"TransetReport\") {\r\n postData.shift = dateShiftObj[0].periodSeqNum;\r\n }\r\n var formtDate = moment(dateShiftObj[0].period).format(\"MM/DD/YYYY\");\r\n // var formtDate=moment(moment(dateobj).add(1, 'day')).format(\"MM/DD/YYYY\")\r\n $(window.$datePicker).val(formtDate);\r\n axios.post(url, postData).then(\r\n res => {\r\n if (res && res.data !== undefined && res.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data,\r\n tabledata: res.data,\r\n dateListCmpPeriodSeqNo: dateShiftObj[0].periodSeqNum,\r\n selectedDate: dateShiftObj[0].period\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n else {\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n dateListCmpPeriodSeqNo: dateShiftObj[0].periodSeqNum\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n }\r\n ).catch((error) => {\r\n console.log(error);\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n statusText: \"Error retrieving data, please try later\",\r\n dateListCmpPeriodSeqNo: dateShiftObj[0].periodSeqNum\r\n });\r\n this.syncTimeSpinnerOff();\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n else {\r\n var url = prefixUrl + `ShiftData`;\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.tablename = this.state.tabletype.reportName;\r\n if (this.state.tabletype.reportName === \"TransetReport\") {\r\n postData.period = dateShiftObj[0].period;\r\n postData.shift = dateShiftObj[0].periodSeqNum;\r\n } else {\r\n postData.period = dateShiftObj.period;\r\n postData.shift = dateShiftObj.periodSeqNum;\r\n }\r\n var formtDate = moment(postData.period).format(\"MM/DD/YYYY\");\r\n // var formtDate=moment(moment(dateobj).add(1, 'day')).format(\"MM/DD/YYYY\")\r\n $(window.$datePicker).val(formtDate);\r\n axios.post(url, postData).then(\r\n res => {\r\n if (this.state.tabletype.reportName === \"TransetReport\") {\r\n\r\n if (res && res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data,\r\n tabledata: res.data.data,\r\n hideTransetNextButton: true,\r\n dateListCmpPeriodSeqNo: (res.data.data)[0].periodSeqNum,\r\n selectedDate: (res.data.data)[0].period,\r\n transetShiftPaginationToken: res.data.paginationtoken\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n else {\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n dateListCmpPeriodSeqNo: \"\"\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n }\r\n else {\r\n if (res && res.data[0] !== undefined && res.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data[0],\r\n tabledata: res.data[0][this.state.tabletype.key],\r\n dateListCmpPeriodSeqNo: res.data[0].periodSeqNum,\r\n selectedDate: res.data[0].period\r\n });\r\n this.syncTimeSpinnerOff();\r\n } else {\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n dateListCmpPeriodSeqNo: \"\"\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n }\r\n\r\n }\r\n );\r\n }\r\n // console.log(dateShiftObj[this.state.tabletype.key])\r\n // if (this.state.tabletype.reportName === \"TransetReport\") {\r\n // let tempArr = [];\r\n // //tempArr.push(dateShiftObj);\r\n // this.setState({\r\n // tableobjectdata: dateShiftObj,\r\n // tabledata: dateShiftObj,\r\n // hideTransetNextButton: true,\r\n // dateListCmpPeriodSeqNo: dateShiftObj[0].periodSeqNum,\r\n // selectedDate: dateShiftObj[0].period\r\n // });\r\n // } else {\r\n // this.setState({\r\n // tableobjectdata: dateShiftObj,\r\n // tabledata: dateShiftObj[this.state.tabletype.key],\r\n // dateListCmpPeriodSeqNo: dateShiftObj.periodSeqNum,\r\n // selectedDate: dateShiftObj.period\r\n // });\r\n // }\r\n //this.syncTimeSpinnerOff();\r\n }\r\n\r\n TransetShiftPaginationNextRecords() {\r\n if (this.state.transetShiftPaginationToken !== \"{}\") {\r\n this.syncTimeSpinnerOn();\r\n var url = prefixUrl + `ShiftData`;\r\n var postData = {};\r\n postData.userID = this.state.userID;\r\n postData.storeID = this.state.storeID;\r\n postData.tablename = this.state.tabletype.reportName;\r\n postData.period = this.state.selectedDate;\r\n postData.shift = this.state.dateListCmpPeriodSeqNo;\r\n postData.paginationtoken = this.state.transetShiftPaginationToken;\r\n axios.post(url, postData).then(\r\n res => {\r\n if (res && res.data !== undefined && res.data.data !== undefined && res.data.data.length > 0) {\r\n this.setState({\r\n tableobjectdata: res.data.data,\r\n tabledata: res.data.data,\r\n hideTransetNextButton: true,\r\n dateListCmpPeriodSeqNo: (res.data.data)[0].periodSeqNum,\r\n selectedDate: (res.data.data)[0].period,\r\n transetShiftPaginationToken: res.data.paginationtoken\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n else {\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n dateListCmpPeriodSeqNo: \"\"\r\n });\r\n this.syncTimeSpinnerOff();\r\n }\r\n });\r\n }\r\n }\r\n\r\n logOut() {\r\n var userPool = new CognitoUserPool(poolData);\r\n let cognitoUser = userPool.getCurrentUser();\r\n if (cognitoUser != null) {\r\n cognitoUser.getSession(function (err, session) {\r\n if (err) {\r\n createNotification('error', err);\r\n //alert(err);\r\n return;\r\n }\r\n //console.log('session validity: ' + session.isValid());\r\n });\r\n cognitoUser.signOut();\r\n sessionStorage.clear();\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n openStoreissue() {\r\n document.getElementById(\"myIssue\").style.width = \"100%\";\r\n }\r\n closeStoreissue() {\r\n document.getElementById(\"myIssue\").style.width = \"0%\";\r\n }\r\n\r\n openSetting() {\r\n document.getElementById(\"mySetting\").style.width = \"100%\";\r\n }\r\n closeSetting() {\r\n document.getElementById(\"mySetting\").style.width = \"0%\";\r\n }\r\n\r\n syncTimeChange(store) {\r\n var index = this.state.storesList.findIndex(s => s.storeID === store.storeID);\r\n this.state.storesList.splice(index, 1, store)\r\n this.setState({\r\n storesList: [...this.state.storesList]\r\n })\r\n }\r\n syncTimeSpinnerOn() {\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n loadspin: true\r\n })\r\n }\r\n syncTimeSpinnerOff() {\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n this.setState({\r\n loadspin: false\r\n })\r\n }\r\n addnewStoreToMenu(newstore) {\r\n this.setState({\r\n storesList: [...this.state.storesList, newstore]\r\n })\r\n }\r\n\r\n updateStatusStoreList() {\r\n this.setState({\r\n storesList: this.state.storesList\r\n })\r\n }\r\n\r\n printTable(reportName) {\r\n var content;\r\n var htmlToPrint;\r\n if (reportName === \"Department Report\") {\r\n content = document.getElementById(\"printTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"Network Product Report\") {\r\n content = document.getElementById(\"printTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"Network card Report\") {\r\n content = document.getElementById(\"printTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"Tank Report\") {\r\n content = document.getElementById(\"printTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"Tier/PR Report\") {\r\n content = document.getElementById(\"printTierPRTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"POP Discount Report\") {\r\n content = document.getElementById(\"printPOPTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"FP Dispenser Report\") {\r\n content = document.getElementById(\"printFPTable\");\r\n htmlToPrint = '' +\r\n '';\r\n } else if (reportName === \"Loyalty Report\") {\r\n content = document.getElementById(\"printLoyalityTable\");\r\n htmlToPrint = '' +\r\n '';\r\n //var buttonslist=content.getElementsByTagName(\"button\");\r\n } else if (reportName === \"Tank Reconciliation\") {\r\n content = document.getElementById(\"printTankReconcilliationTable\");\r\n htmlToPrint = '' +\r\n '';\r\n }\r\n\r\n var printdate = this.state.selectedDate ? this.state.selectedDate : this.state.dateListCmpPeriod;\r\n var pageheader = '
' +\r\n '' + printdate + ' ' +\r\n '' + reportName + ' ' +\r\n 'Shift-' + this.state.dateListCmpPeriodSeqNo + ' ' +\r\n '
'\r\n var pri = document.getElementById(\"ifmcontentstoprint\").contentWindow;\r\n pri.document.open();\r\n pri.document.write('
');\r\n pri.document.write(pageheader);\r\n pri.document.write('
');\r\n pri.document.write(htmlToPrint);\r\n pri.document.write(content.outerHTML);\r\n pri.document.close();\r\n pri.focus();\r\n pri.print();\r\n }\r\n\r\n onIdle(e) {\r\n //console.log(this.idleTimer.getRemainingTime())\r\n if (this.idleTimer.getRemainingTime() == 0) {\r\n alert(\"Your session is expired\");\r\n sessionStorage.clear();\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n renderUpcFilterData(UpcfilterObject) {\r\n var url = prefixUrl + `GetUpcdata`;\r\n document.getElementById(\"loadoverlay\").style.width = \"100%\";\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: [],\r\n loadspin: true,\r\n //selectedDate: filterdataobj.period,\r\n dateListCmpPeriod: \"\",\r\n transetUpcFilterObject: UpcfilterObject,\r\n statusText: \"No Data\",\r\n });\r\n\r\n UpcfilterObject.storeID = this.state.storeID;\r\n console.log(\"upcfilter Data\");\r\n console.log(UpcfilterObject);\r\n axios.post(url, UpcfilterObject)\r\n .then(\r\n x => {\r\n if (x.status === 200) {\r\n if (x.data !== undefined && x.data.length > 0) {\r\n this.setState({\r\n // tableheaders:departments[0].headers,\r\n tableobjectdata: x.data,\r\n tabledata: x.data,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n selectedDate: \"\"\r\n //dateListCmpPeriodSeqNo: x.data.data[0].periodSeqNum,\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n } else {\r\n this.setState({\r\n // tableheaders:departments[0].headers,\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n loadspin: false,\r\n //transetPaginationToken: x.data.paginationtoken,\r\n dateListCmpPeriodSeqNo: \"\",\r\n selectedDate: \"\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n } else {\r\n this.setState({\r\n // tableheaders:departments[0].headers,\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n loadspin: false,\r\n //transetPaginationToken: x.data.paginationtoken,\r\n dateListCmpPeriodSeqNo: \"\",\r\n selectedDate: \"\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n this.setState({\r\n tableobjectdata: undefined,\r\n tabledata: undefined,\r\n loadspin: false,\r\n dateListCmpPeriodSeqNo: \"\",\r\n selectedDate: \"\",\r\n statusText: \"Error retrieving data, please try later\"\r\n });\r\n document.getElementById(\"loadoverlay\").style.width = \"0%\";\r\n });\r\n }\r\n\r\n // clearUpcTransetFilterFields() {\r\n // $(\"#upcDepartment\").val(\"\");\r\n // $(\"#upc\").val(\"\");\r\n // $(\"#upcfromDate\").val(\"\");\r\n // $(\"#upctoDate\").val(\"\");\r\n // }\r\n\r\n render() {\r\n // const loadTableOrSpin=this.state.loadspin?
:
;\r\n const loadTable1OrSpin = this.state.loadspin ?
: ;\r\n const loadTierReportTableOrSpin = this.state.loadspin ?
:
:
:
:
:
:
: \r\n
{ this.idleTimer = ref }}\r\n element={document}\r\n onIdle={this.onIdle}\r\n timeout={1000 * 60 * 60} />\r\n \r\n {/* sidebar falls here */}\r\n {/*
*/}\r\n \r\n {/* header nav section comes here */}\r\n \r\n {/* datelist falls here */}\r\n
\r\n
\r\n {/* table details fall here */}\r\n {/*
this.renderFilterData(x)} deptKey={this.state.tabletype == null ? \"\" : this.state.tabletype.dept} iconClickFun={this.renderMenuItemClickData}/> */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* teble falls here */}\r\n {/*
*/}\r\n {tableToDisplay}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* */}\r\n \r\n
Object Source INC © 2019.
\r\n
Powered by Object Source INC
\r\n
this.renderFilterData(filterObject)} />\r\n
\r\n
\r\n \r\n this.renderUpcFilterData(UpcfilterObject)} />\r\n \r\n );\r\n }\r\n}\r\nexport default Dashboard;","import React, { Component } from 'react';\r\nimport { CognitoUserPool } from 'amazon-cognito-identity-js';\r\nimport axios from 'axios';\r\nimport { prefixUrl, poolData } from '../urlandheaderdata';\r\nimport Loader from 'react-loader-spinner';\r\nimport IdleTimer from 'react-idle-timer';\r\nclass AddStoreAfterSignup extends Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n this.idleTimer = null;\r\n this.newstore = {\r\n name: \"\",\r\n address: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\",\r\n emailID: \"\",\r\n phoneNumber: \"\",\r\n userID: \"\",\r\n }\r\n this.state = {\r\n userLastname: \"\",\r\n loadSpin: false,\r\n errors: {}\r\n }\r\n this.saveStore = this.saveStore.bind(this);\r\n this.changeHandler = this.changeHandler.bind(this);\r\n this.buildPostData = this.buildPostData.bind(this);\r\n this.nameRef = React.createRef();\r\n this.addressRef = React.createRef();\r\n this.cityRef = React.createRef();\r\n this.stateRef = React.createRef();\r\n this.zipRef = React.createRef();\r\n this.emailIDRef = React.createRef();\r\n this.phoneNumberRef = React.createRef();\r\n this.onIdle=this.onIdle.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n var isUserSignedIn = sessionStorage.getItem('AddStorePage');\r\n if (isUserSignedIn == null) {\r\n this.props.history.push('/');\r\n }\r\n var userPool = new CognitoUserPool(poolData);\r\n var currentUser = userPool.getCurrentUser();\r\n if (currentUser !== null) {\r\n currentUser.getSession(function (err, session) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n const token = session.getIdToken().getJwtToken();\r\n axios.defaults.headers.common['Authorization'] = token;\r\n });\r\n var that = this;\r\n currentUser.getUserAttributes(function (err, result) {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n if (result) {\r\n that.setState({\r\n userLastname: result.find(x => x.Name == \"family_name\").getValue()\r\n });\r\n that.newstore.userID = currentUser.username;\r\n }\r\n });\r\n }\r\n }\r\n\r\n clearStoreData() {\r\n this.nameRef.current.value = \"\";\r\n this.addressRef.current.value = \"\";\r\n this.cityRef.current.value = \"\";\r\n this.stateRef.current.value = \"select\";\r\n this.zipRef.current.value = \"\";\r\n this.emailIDRef.current.value = \"\";\r\n this.phoneNumberRef.current.value = \"\";\r\n this.newstore.name = \"\";\r\n this.newstore.address = \"\";\r\n this.newstore.city = \"\";\r\n this.newstore.state = \"\";\r\n this.newstore.zip = \"\";\r\n this.newstore.emailID = \"\";\r\n this.newstore.phoneNumber = \"\";\r\n this.newstore.userID = \"\"\r\n }\r\n\r\n changeHandler($event) {\r\n this.setState({\r\n errors: { ...this.state.errors, [$event.target.name]: undefined }\r\n })\r\n this.newstore[$event.target.name] = $event.target.value\r\n }\r\n\r\n buildPostData() {\r\n let postData = {};\r\n postData.userID = this.newstore.userID;\r\n this.address = {\r\n address: this.newstore.address,\r\n city: this.newstore.city,\r\n state: this.newstore.state,\r\n zip: this.newstore.zip\r\n }\r\n postData.address = this.address;\r\n postData.name = this.newstore.name;\r\n postData.EmailID = this.newstore.emailID;\r\n postData.PhoneNumber = this.newstore.phoneNumber;\r\n return postData;\r\n }\r\n\r\n saveStore($event) {\r\n console.log(this.newstore);\r\n console.log(this.buildPostData());\r\n if ((this.newstore.name === null || this.newstore.name === \"\" || this.newstore.name === \"null\") &&\r\n (this.newstore.address === null || this.newstore.address === \"\" || this.newstore.address === \"null\") &&\r\n (this.newstore.city === null || this.newstore.city === \"\" || this.newstore.city === \"null\") &&\r\n (this.newstore.state === null || this.newstore.state === \"\" || this.newstore.state === \"null\") &&\r\n (this.newstore.zip === null || this.newstore.zip === \"\" || this.newstore.zip === \"null\")\r\n ) {\r\n this.setState({\r\n errors: {\r\n \"name\": \"Name is required.\",\r\n \"address\": \"Address is required.\",\r\n \"city\": \"City is required.\",\r\n \"state\": \"State is required.\",\r\n \"zip\": \"Zip is required.\"\r\n }\r\n })\r\n }\r\n else if (this.newstore.name === null || this.newstore.name === \"\" || this.newstore.name === \"null\") {\r\n this.setState({\r\n errors: { \"name\": \"Name is required.\" }\r\n })\r\n }\r\n else if (this.newstore.address === null || this.newstore.address === \"\" || this.newstore.address === \"null\") {\r\n this.setState({\r\n errors: { \"address\": \"Address is required.\" }\r\n })\r\n }\r\n else if (this.newstore.city === null || this.newstore.city === \"\" || this.newstore.city === \"null\") {\r\n this.setState({\r\n errors: { \"city\": \"City is required.\" }\r\n })\r\n }\r\n else if (this.newstore.state === null || this.newstore.state === \"\" || this.newstore.state === \"null\" || this.newstore.state === \"select\") {\r\n this.setState({\r\n errors: { \"state\": \"State is required.\" }\r\n })\r\n }\r\n else if (this.newstore.zip === null || this.newstore.zip === \"\" || this.newstore.zip === \"null\") {\r\n this.setState({\r\n errors: { \"zip\": \"Zip is required.\" }\r\n })\r\n }\r\n else if (this.newstore.name !== null && this.newstore.address !== null && this.newstore.city !== null && this.newstore.state !== null && this.newstore.zip != null) {\r\n console.log(this.newstore);\r\n this.setState({\r\n loadSpin: true,\r\n errors: {}\r\n })\r\n let url = prefixUrl + `AddNewStore`;\r\n /*url for new server www.mycstorereports.com\r\n let url=`https://xi0cyhp3j3.execute-api.us-east-1.amazonaws.com/Prod/v1/AddNewStore`;*/\r\n axios.post(url, this.buildPostData())\r\n .then(\r\n Response => {\r\n if (Response.status === 200 && Response.data !== undefined) {\r\n this.clearStoreData();\r\n console.log(Response.data);\r\n this.setState({\r\n loadSpin: false,\r\n })\r\n sessionStorage.setItem(\"SignedInConfirmation\", \"SignedIn\");\r\n sessionStorage.removeItem(\"AddStorePage\");\r\n this.props.history.push('/dashboard');\r\n }\r\n }\r\n )\r\n .catch(\r\n error => {\r\n console.log(error);\r\n if (error.response.status === 404 && error.response.data.storename) {\r\n this.setState({\r\n loadSpin: false,\r\n errors: { \"name\": \"Given Store Name is already existed!\" }\r\n })\r\n }\r\n else {\r\n this.clearStoreData();\r\n this.setState({\r\n loadSpin: false,\r\n })\r\n console.log(error);\r\n }\r\n }\r\n )\r\n }\r\n $event.preventDefault();\r\n }\r\n\r\n onIdle(e){\r\n //console.log(this.idleTimer.getRemainingTime())\r\n if(this.idleTimer.getRemainingTime()==0){\r\n alert(\"Your session is expired\");\r\n sessionStorage.clear();\r\n this.props.history.push('/');\r\n }\r\n }\r\n render() {\r\n const loadSpinnerOrSubmitButton = this.state.loadSpin ?
:\r\n Submit ;\r\n\r\n let states =\r\n [\r\n \"AK\",\r\n \"AL\",\r\n \"AR\",\r\n \"AS\",\r\n \"AZ\",\r\n \"CA\",\r\n \"CO\",\r\n \"CT\",\r\n \"DC\",\r\n \"DE\",\r\n \"FL\",\r\n \"GA\",\r\n \"GU\",\r\n \"HI\",\r\n \"IA\",\r\n \"ID\",\r\n \"IL\",\r\n \"IN\",\r\n \"KS\",\r\n \"KY\",\r\n \"LA\",\r\n \"MA\",\r\n \"MD\",\r\n \"ME\",\r\n \"MI\",\r\n \"MN\",\r\n \"MO\",\r\n \"MS\",\r\n \"MT\",\r\n \"NC\",\r\n \"ND\",\r\n \"NE\",\r\n \"NH\",\r\n \"NJ\",\r\n \"NM\",\r\n \"NV\",\r\n \"NY\",\r\n \"OH\",\r\n \"OK\",\r\n \"OR\",\r\n \"PA\",\r\n \"PR\",\r\n \"RI\",\r\n \"SC\",\r\n \"SD\",\r\n \"TN\",\r\n \"TX\",\r\n \"UT\",\r\n \"VA\",\r\n \"VI\",\r\n \"VT\",\r\n \"WA\",\r\n \"WI\",\r\n \"WV\",\r\n \"WY\"\r\n ]\r\n\r\n console.log(this.userLastname);\r\n return (\r\n \r\n
{ this.idleTimer = ref }}\r\n element={document}\r\n onIdle={this.onIdle}\r\n timeout={1000*60*60} />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Hi {this.state.userLastname}, Thanks for signing-up
\r\n
\r\n
\r\n
\r\n
\r\n
+ ADD MORE STORES \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n
Object Source INC © 2019.
\r\n
Powered by Object Source INC
\r\n
\r\n
\r\n
\r\n
\r\n
:( \r\n \r\n
Page not found \r\n
The page you are looking for might had its name changed or is temporarily unavailable.
\r\n
home page \r\n
\r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(
![](\"./assets/images/Logo.png\"){kind=logo}
\r\n ![\"\"](\"assets/images/obj-design.png\")
\r\n ![\"User](\"assets/images/obj-logo.png\"){kind=logo}
*/}\r\n ![](\"assets/images/obg-store=blak.png\"/)
\r\n ![](\"./assets/images/obg-store=blak.png\")
![](\"./assets/images/thanku-bg.png\")
\r\n ![](\"./assets/images/logo-wt.png\"){kind=logo}
\r\n