\n {formError} \n
\n \n {formError} \n
\n \n {formError} \n
\n\n \n {formError} \n
\n \n {formError} \n
\n \n {formError} \n
\n \n \n {logo && 
}\n {!logo && \n {appTitle}\n }\n \n \n \n
\n );\n}","import React from 'react';\nimport { SvgIcon } from '@material-ui/core';\n\nconst TankIcon = (props) => {\n return(\n \n \n \n \n \n \n \n \n\n \n \n 
\n \n \n \n \n \n \n {orgInfo.orgName}\n \n \n \n \n \n \n \n \n {orgInfo.orgName}\n \n \n \n \n\n \n\n {({ TransitionProps, placement }) => (\n \n \n \n \n {orgInfo.isOrgEditor && }\n {orgInfo.isOrgEditor && \n \n \n )}\n \n \n {false && \n \n \n \n \n \n }\n\n {orgInfo.isOrgEditor && \n \n \n {t(\"dashboard\")}\n \n \n }\n {false && orgInfo.isOrgEditor && \n \n \n \n \n }\n {orgInfo.isOrgEditor && }\n {orgInfo.isOrgEditor && \n \n \n {t(\"devices\")}\n \n \n }\n {false && orgInfo.isOrgEditor && \n \n \n \n }\n {orgInfo.isOrgEditor && }\n \n {\n \n {t(\"myTanks\")}\n \n }\n \n {false && \n \n {\n }\n \n }\n\n \n \n \n \n \n \n\n \n\n \n {t(\"thankYou\")} \n \n \n {t(\"feedbackStr4\")}\n \n \n \n \n \n \n\n\n \n \n \n \n\n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n {orgInfo.isOrgEditor && }\n \n \n {false\n ? \n : null}\n \n \n \n \n )}\n \n \n \n
\n );\n}\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, {\n useState,\n useEffect,\n Fragment,\n } from 'react';\n import {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Typography,\n } from '@material-ui/core';\n import { CircleIcon } from '@material-ui/icons/Add'\n import { Auth } from 'aws-amplify';\n import { useHistory } from \"react-router-dom\";\n import { useTranslation } from 'react-i18next';\n import { makeStyles } from '@material-ui/core/styles';\n import {updateTimeStamp, updateNotes} from '../data';\n \n\n const useStyles = makeStyles((theme) => ({\n indented: {\n marginLeft: theme.spacing(0),\n marginTop: theme.spacing(1)\n },\n indented_subBullet: {\n marginLeft: theme.spacing(4),\n },\n}));\n\n const UpdateNotification = ({ signedIn, showUpdate, onCloseFunction=()=>{} }) => {\n //let history = useHistory();\n const classes = useStyles();\n const { t, i18n } = useTranslation();\n let idleInterval = 1000 * 60 * 1; //1 minute\n let idleEvent;\n const handleClose = () => {\n //Fetch to set that this update has been has been acknowledge\n onCloseFunction();\n };\n \n\n // change fragment to modal and handleclose func to close\n return \n {props.firstOrg\n ? \n \n \n {t(\"youAreNotCurrentlyConnected\")}\n \n \n \n : \n \n \n \n \n \n \n \n {t(\"back\")}\n \n \n \n \n \n \n {t(\"warningByCreatingANewOrg\")}\n \n \n \n }\n
\n : null\n }\n\n \n {params.value === \"WiFi\" ? t(\"wifi\") : params.value === \"PulseHUB\" ? t(\"pulseProLevelMonitor\") : params.value}\n
\n );\n };\n\n useEffect(() => {\n var i = 0;\n var l_devices = [];\n var test_status = 1;\n\n if (devices !== undefined) {\n if (action === 'activate') {\n test_status = 0;\n }\n for (i = 0; i < devices.length; i++) {\n if (devices[i].type === \"cellular\" || devices[i].type === 'pressure') {\n if (devices[i].status === test_status) {\n l_devices.push(devices[i]);\n }\n }\n }\n for (i = 0; i < l_devices.length; i++) {\n if (l_devices[i].checked === undefined) {\n l_devices[i].checked = false;\n }\n }\n setDisplayDevices(l_devices);\n }\n }, [devices, action]);\n\n function findSubscriptionPlanCode(subscriptionInfo) {\n var plan_code = BillingPlans[0].plan_code;\n for (var i = 0; i < BillingPlans.length; i++) {\n if (BillingPlans[i].label === subscriptionInfo) {\n plan_code = BillingPlans[i].plan_code;\n break;\n }\n }\n return plan_code;\n }\n\n const handleSetNewCharge = (value) => {\n var amount = Math.abs(value).toFixed(2).toString();\n setEstCharge(amount);\n };\n\n const handleNextInvoice = (value) => {\n var amount = value.toFixed(2).toString()\n setEstNextInvoice(amount);\n };\n\n const handleClickOpenActivate = () => {\n setOpenStatusChange(true);\n setAction(\"activate\");\n };\n\n const handleClickOpenDisable = () => {\n setOpenStatusChange(true);\n setAction(\"deactivate\");\n };\n\n const handleConfirmSelection = () => {\n setOpenStatusChange(false);\n if (checkedList.length > 0) {\n updatePreview();\n setOpen(true);\n }\n }\n\n const handleCloseStatusChange = () => {\n setIsLoading(false);\n setOpen(false);\n setOpenStatusChange(false);\n setCheckedList([]);\n };\n const handleStatusChange = () => {\n var quantity = 0;\n var i;\n\n setIsLoading(true);\n\n for (i = 0; i < devices.length; i++) {\n if (devices[i].status === 1) {\n quantity = quantity + 1;\n }\n }\n\n for (i = 0; i < checkedList.length; i++) {\n quantity = action === \"activate\" ? quantity + 1 : quantity - 1;\n }\n\n // update Subscription will update device status if no billing errors.\n updateSubscription(quantity);\n };\n\n const updateDeviceStatus = () => {\n var code = \"\";\n var targetList = [];\n var l_action = action;\n\n if (checkedList.length > 2) {\n l_action = 'Q_' + action; //Set up to be a queued/batched transaction\n }\n\n for (var i = 0; i < checkedList.length; i++) {\n targetList.push({ 'uid': checkedList[i], 'code': code, 'action': l_action });\n }\n\n console.log(\"Update Device Status\");\n\n Auth.currentAuthenticatedUser()\n .then(data => {\n var body = JSON.stringify({\n 'devices': targetList, 'sync': 0,\n 'hasBillingInfo': hasBillingInfo\n });\n\n var requestOptions = {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': data.signInUserSession.idToken.jwtToken\n },\n body: body\n };\n\n fetch(host + '/orgs/' + orgInfo.orgId + '/devices/', requestOptions)\n .then(results => results.json())\n .then(data => {\n if (data.error === \"OK\") {\n //Update and Create Subscription\n setDevices(data.deviceList);\n } else {\n if (data.error === \"error\" && data.errorList.length > 0) {\n alert(data.errorList[0].error);\n }\n else {\n alert(data.error)\n }\n }\n handleCloseStatusChange();\n }).catch((error) => {\n handleCloseStatusChange();\n console.log(error)\n })\n });\n }\n\n const updateSubscription = async (input_quantity) => {\n var msg = { status: 0, data: {} };\n var quantity = input_quantity;\n\n try {\n if (billingData.subscriptions.length == 0 && action !== \"activate\") {\n throw new Error(\"No subscription to delete\");\n }\n else if (billingData.subscriptions.length == 0 && action === \"activate\") {\n console.log(\"New Subscription\");\n\n const plan_code = findSubscriptionPlanCode(orgBilling.billing_plan);\n msg = await billing.newSubscription(\n orgInfo.orgId,\n plan_code,\n orgBilling.billing_curr,\n quantity,\n SubscriptionInfo.total_billing_cycles);\n }\n else {\n console.log(\"Update Subscription\");\n\n var sub = [{}];\n sub[0].quantity = quantity;\n sub[0].id = billingData.subscriptions[0].id;\n msg = await billing.updateSubscriptions(\n orgInfo.orgId,\n sub\n );\n }\n\n const { error, billing_account } = msg.data;\n\n if (msg.status === 404) {\n console.log(msg.status);\n }\n\n if (error !== 'OK' && msg.status !== 200) {\n if(error.includes(\"submitted values match the current subscriptions\")){\n //Still update the device status if the subscription value is correct.\n updateDeviceStatus();\n throw new Error(error);\n }\n else{\n alert(error);\n throw new Error(error);\n }\n }\n\n setBillingData(billing_account);\n updateDeviceStatus();\n } catch (error) {\n console.error(error);\n //handleCloseStatusChange();\n //No longer prevent activation for billing errors. Improve customer experience\n updateDeviceStatus();\n }\n };\n\n const updatePreview = () => {\n var newCharge = 0\n var nextInvoice = 0;\n var newQty = 0;\n var currentlyActive = 0;\n var l_billingPlan = BillingPlans[0];\n var i = 0;\n\n for (i = 0; i < BillingPlans.length; i++) {\n if (BillingPlans[i].label === orgBilling.billing_plan) {\n l_billingPlan = BillingPlans[i];\n break;\n }\n }\n\n newQty = checkedList.length;\n\n for (i = 0; i < devices.length; i++) {\n if (devices[i].status === 1) {\n currentlyActive = currentlyActive + 1;\n }\n }\n\n if (billingData.subscriptions.length == 0) {\n newCharge = Math.round(l_billingPlan.unit_cost[orgBilling.billing_curr] * newQty * 100) / 100;\n nextInvoice = newCharge;\n if (billingData.subscriptions.length > 0) {\n nextInvoice = Math.round(l_billingPlan.unit_cost[orgBilling.billing_curr] * (currentlyActive + newQty) * 100) / 100;\n }\n handleSetNewCharge(newCharge);\n } else {\n if (action === \"deactivate\") {\n newQty = newQty * -1;\n }\n previewSubscription();\n nextInvoice = Math.round(l_billingPlan.unit_cost[orgBilling.billing_curr] * (currentlyActive + newQty) * 100) / 100;\n }\n\n handleNextInvoice(nextInvoice);\n };\n\n const previewSubscription = async () => {\n var msg = { status: 0, data: {} };\n var newQty = 0;\n var currentlyActive = 0;\n var i = 0;\n\n try {\n if (billingData.subscriptions.length == 0) {\n console.log(\"No Subscription, cannot preview\");\n } else {\n newQty = checkedList.length;\n for (i = 0; i < devices.length; i++) {\n if (devices[i].status === 1) {\n currentlyActive = currentlyActive + 1;\n }\n }\n\n console.log(\"Update Subscription\");\n\n var sub = [{}];\n\n if (action === \"activate\") {\n sub[0].quantity = currentlyActive + newQty;\n } else {\n sub[0].quantity = currentlyActive - newQty;\n }\n\n sub[0].id = billingData.subscriptions[0].id;\n //console.log(sub);\n msg = await billing.previewSubscription(\n orgInfo.orgId,\n sub\n );\n }\n\n //console.log(msg.data);\n\n const { error, billing_preview } = msg.data;\n\n if (msg.status === 404) {\n console.log(msg.status);\n }\n\n if (error !== 'OK' && msg.status !== 200) {\n throw new Error(error);\n }\n\n handleSetNewCharge(billing_preview[0].estimated_total);\n } catch (error) {\n console.error(error);\n }\n };\n\n return (\n\n {params.value === \"WiFi\" ? t(\"wifi\") : params.value === \"PulseHUB\" ? \"Pulse Pro\" : t(params.value)}\n
\n );\n };\n\n function renderLink(params) {\n if (params.row.tankName === undefined) {\n return;\n }\n\n return (\n\n \n \n {false && \n \n \n \n \n \n \n {false && enableBilling && \n {isSyncing ? }\n {enableBilling && \n }\n \n \n downloadCSVReport()}>\n \n \n \n \n
\n \n
\n \n
\n \n {t(\"creditCard\")}: {first_six?.slice(0, 4)}{' '}\n {first_six?.slice(4, 6)}.. ....{' '}\n {last_four}\n
\n{t(\"expiration\")}: {exp_month + '/' + exp_year}
\n{t(\"name\") + \": \"}{first_name + ' ' + last_name}
\n{t(\"preferredCurrency\")}: {orgBilling.billing_curr}
\n{t(\"subscriptions\")}: {t(orgBilling.billing_plan)}
\n \n{t(\"email\") + \": \"}{email}
\n{t(\"addressLine1\") + \": \"}{street1}
\n{t(\"addressLine2\") + \": \"}{street2}
\n{t(\"city\") + \": \"}{city}
\n{t(\"country\") + \": \"}{country}
\n{t(\"stateProvinceRegion\") + \": \"}{t(findRegionTranslationKey(country, region))}
\n{t(\"zipCode\") + \": \"}{postal_code}
\n{t(\"phone\") + \": \"}{phone}
\n\n
\n \n
\n \n {apiKey}\n\n {apiKey == \"\" ?\n \n :\n \n \n {!isApiKeyActive ?\n \n :\n \n }\n \n }\n
\n \n
\n\n \n
\n \n console.log('dsasfdafdsa')}\n />\n
\n \n {(access === ACCESS.OWNER) &&\n \n \n {selected.type === 'ORG' ? t(\"organizationName\")+\": \" \n : selected.type === 'BRANCH' ? t('branchName')+\": \" \n : selected.type === 'SITE' ? t(\"siteName\") + ': ' \n : t(\"tankName\") + ': '}\n \n \n {selected.name}\n \n {(selected.type === 'BRANCH' || selected.type === 'SITE' || selected.type === 'ORG') && allowItemDelete && \n \n \n }\n\n {(selected.type === 'TANK') && }\n \n {moveDestinations.map((destination) => (\n \n ))}\n \n\n \n {(selected.type === 'BRANCH' || selected.type === 'SITE' || selected.type === 'ORG') && \n \n \n }\n \n }\n {openDialog &&
\n );\n};\n\nexport default ItemDelete;\n","import React, { Fragment, useState } from 'react';\nimport { SvgIcon } from '@material-ui/core';\nimport { TreeItem, TreeView } from '@material-ui/lab';\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ModalPrompt from './ModalPrompt';\nimport { ACCESS } from '../../../data';\nimport { useTranslation } from 'react-i18next';\n\nconst MinusSquare = props => (\n \n\n \n \n
\n }\n
\n );\n};\n\nexport default StrappingTable;\n","export default __webpack_public_path__ + \"static/media/HorizontalTank_ti40042.35823649.png\";","export default __webpack_public_path__ + \"static/media/ObroundTank_ti40043.ad4192bd.png\";","export default __webpack_public_path__ + \"static/media/VerticalTank_ti40781.fb442b51.png\";","export function calculateMaxCapacity (dUnits,vUnits,Height, Width, Diameter, Length, Shape)\n{\n var capacity;\n var lHeight, lWidth, lDiameter, lLength;\n const num_pi = 3.14159265359\n \n if (Shape === \"horizontal\"){\n if (dUnits === \"inches\"){\n //Convert to cm\n lLength = parseFloat(Length) * 2.54;\n lDiameter = parseFloat(Diameter) * 2.54;\n }\n else if (dUnits ===\"feet\"){\n //Convert to cm\n lLength = parseFloat(Length) * 2.54 * 12.0;\n lDiameter = parseFloat(Diameter) * 2.54 * 12.0;\n }\n else{\n lLength = parseFloat(Length);\n lDiameter = parseFloat(Diameter);\n }\n capacity = num_pi * ( (lDiameter/2.0) **2) * lLength / 1000;\n }\n else if (Shape === \"obround\"){\n if (dUnits === \"inches\"){\n //Convert to cm\n lLength = parseFloat(Length) * 2.54;\n lWidth = parseFloat(Width) * 2.54;\n lHeight = parseFloat(Height) * 2.54;\n }\n else if (dUnits ===\"feet\"){\n //Convert to cm\n lLength = parseFloat(Length) * 2.54 * 12.0;\n lWidth = parseFloat(Width) * 2.54 * 12.0;\n lHeight = parseFloat(Height) * 2.54 * 12.0;\n }\n else{\n lLength = parseFloat(Length);\n lWidth = parseFloat(Width);\n lHeight = parseFloat(Height);\n }\n capacity = (num_pi * ( (lWidth/2.0) **2) + (lHeight-lWidth)*lWidth)*lLength / 1000; //L\n }\n else{\n capacity = 0.0;\n }\n if (vUnits === \"gallons\"){\n //convert to gallons from L\n capacity = capacity * 0.264172;\n }\n return capacity.toFixed(1)\n}","import React, { Fragment, useState, useRef } from 'react';\nimport {\n Grid,\n FormControl,\n MenuItem,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles'\nimport StrappingTable from '../../../TlmPage/TlmTank/Components/StrappingTable';\nimport HorizontalTankImg from '../../../TlmPage/TlmTank/Components/Assets/HorizontalTank_ti40042.png'\nimport ObroundTankImg from '../../../TlmPage/TlmTank/Components/Assets/ObroundTank_ti40043.png';\nimport VerticalTankImg from '../../../TlmPage/TlmTank/Components/Assets/VerticalTank_ti40781.png';\nimport { calculateMaxCapacity } from '../../../helpers/calculateMaxCapacity';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n grow: {\n flexGrow: 1,\n },\n formControl: {\n margin: theme.spacing(1),\n minWidth: 300,\n\n marginBottom: 10\n },\n formControlTags: {\n margin: theme.spacing(1),\n minWidth: 600,\n\n marginBottom: 10\n },\n infoControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n marginBottom: 0\n },\n cols: {\n paddingRight: 15\n },\n clickButtons: {\n marginLeft: theme.spacing(2),\n },\n inputButton: {\n display: 'flex',\n flexWrap: 'nowrap',\n alignItems: 'center',\n marginTop: 10\n },\n tankInfo: {\n justify: \"flex-start\",\n alignItems: \"center\",\n },\n tankInfoForm: {\n minWidth: 400,\n },\n TankImg: {\n height: '300px',\n },\n}));\n\nconst TankTemplateForm = ({ template = {}, setTemplateData = () => { }, setCalculatedMaxCapacity = () => { }, viewMode = false }) => {\n const { t } = useTranslation();\n const classes = useStyles();\n const tankShape = [\n { key: 'vertical', label: t(\"verticalCylinderRect\") },\n { key: 'horizontal', label: t(\"horizontalCynlinder\") },\n { key: 'obround', label: t(\"obround\") },\n { key: 'table', label: t(\"strappingTable\") },\n { key: 'pulseHUB', label: t(\"existingPulseProTank\") }\n ];\n const dimensionunits = [{ key: 'inches', label: t(\"inches\") },\n { key: 'feet', label: t(\"feet\") },\n { key: 'centimeters', label: t(\"centimeters\") }];\n const volumeunits = [{ key: 'liters', label: t(\"liters\") },\n { key: 'gallons', label: t(\"gallons\") }];\n const [dimensionUnit, setDimensionUnits] = useState(template.DimensionUnit || 'inches');\n const [volumeUnit, setVolumeUnits] = useState(template.VolumeUnit || 'gallons');\n const [selectedTankShape, setTankShape] = useState(template.TankShape || 'vertical');\n const [levelVolumeTable, setLevelVolumeTable] = useState(template.VolumeTable || []);\n const [templateName, setTemplateName] = useState(template.name);\n const rtemplateName = useRef(\"\");\n const [tankHeight, setTankHeight] = useState(template.TankHeight || '');\n const rtankHeight = useRef(\"\");\n const [tankDiameter, setTankDiameter] = useState(template.TankDiameter || '');\n const rtankDiameter = useRef(\"\");\n const [tankLength, setTankLength] = useState(template.TankLength || '');\n const rtankLength = useRef(\"\");\n const [tankWidth, setTankWidth] = useState(template.TankWidth || '');\n const rtankWidth = useRef(\"\");\n const [tankCapacity, setTankCapacity] = useState(template.TankCapacity || '');\n const rtankCapacity = useRef(\"\");\n const [fillCapacity, setFillCapacity] = useState(template.FillCapacity || '');\n const rfillCapacity = useRef(\"\");\n const [showTankImage, setShowTankImage] = useState('false');\n const [tankImage, setTankImage] = useState();\n const [csvFileName, setCSVFileName] = useState('reports.csv');\n const [csvReportData, setCSVReportData] = useState([]);\n const csvHeaders = [\n { label: t(\"fluidHeight\"), key: 'height' },\n { label: t(\"volume\"), key: 'volume' },\n ];\n\n var calculatedMaxCapacity = calculateMaxCapacity(dimensionUnit, volumeUnit, tankHeight, tankWidth, tankDiameter, tankLength, selectedTankShape);\n\n React.useEffect(() => {\n //Update new Template\n var tTable = levelVolumeTable;\n\n if (tTable & (tTable !== undefined || tTable.length !== 0)) {\n if (tTable[0].height !== 0 || tTable[0].volume !== 0) {\n tTable.unshift({ height: 0, volume: 0 });\n }\n }\n\n var lTemplateData = {\n \"Name\": templateName,\n \"Type\": \"Tank\",\n \"Params\": [\n {\n \"DimensionUnit\": dimensionUnit,\n \"TankDiameter\": tankDiameter,\n \"TankLength\": tankLength,\n \"TankShape\": selectedTankShape,\n \"TankHeight\": tankHeight,\n \"TankWidth\": tankWidth,\n \"VolumeUnit\": volumeUnit,\n \"TankCapacity\": tankCapacity,\n \"FillCapacity\": fillCapacity,\n }\n ],\n \"StrappingTable\": tTable,\n };\n setTemplateData(lTemplateData);\n setCalculatedMaxCapacity(calculatedMaxCapacity);\n }, [templateName, dimensionUnit, volumeUnit, selectedTankShape, levelVolumeTable, tankHeight, tankLength, tankWidth, tankDiameter, fillCapacity, tankCapacity]);\n \n React.useEffect(() => {\n switch (selectedTankShape) {\n case \"vertical\":\n setTankImage(VerticalTankImg);\n setShowTankImage(true);\n break;\n case \"horizontal\":\n setTankImage(HorizontalTankImg);\n setShowTankImage(true);\n break;\n case \"obround\":\n setTankImage(ObroundTankImg);\n setShowTankImage(true);\n break;\n default:\n setShowTankImage(false);\n setTankImage(undefined);\n }\n }, [selectedTankShape]);\n\n const handleTableChange = (pair) => {\n if (levelVolumeTable.length < 100) {\n var data = levelVolumeTable;\n data.push({ height: parseInt(pair[0]), volume: parseInt(pair[1]) });\n data = data.sort((a, b) => a.height > b.height ? 1 : b.height > a.height ? -1 : 0);\n\n setLevelVolumeTable(data);\n }\n else {\n alert(t(\"strappingTableMustNotExceed\"));\n }\n };\n function replaceTable(newTable) {\n var data = newTable;\n data = data.sort((a, b) => a.height > b.height ? 1 : b.height > a.height ? -1 : 0);\n\n setLevelVolumeTable(data);\n };\n const handleTableRowDelete = (table) => {\n setLevelVolumeTable(() => {\n return [\n ...table\n ]\n });\n };\n\n React.useEffect(() => {\n createCSVData(levelVolumeTable);\n }, [levelVolumeTable]);\n\n function createCSVFileName(fileNamePrefix) {\n let d = new Date;\n let dformat = `${(\"0\" + d.getDate()).slice(-2)}${(\"0\" + (d.getMonth() + 1)).slice(-2)}${d.getFullYear()}_${d.getHours()}-${d.getMinutes()}-${d.getSeconds()}`;\n\n setCSVFileName(fileNamePrefix + '_StrappingTable_' + dformat + '.csv');\n };\n\n function createCSVData(data_in) {\n var i;\n var k;\n var csvData = [];\n var tempRow = [];\n\n createCSVFileName(templateName);\n\n for (i = 0; i < csvHeaders.length; i++) {\n tempRow.push(csvHeaders[i].label);\n }\n\n csvData.push(tempRow);\n\n if (data_in.length > 0) {\n for (k = 0; k < data_in.length; k++) {\n tempRow = []\n for (i = 0; i < csvHeaders.length; i++) {\n if (data_in[k][csvHeaders[i].key] === null || data_in[k][csvHeaders[i].key] === undefined) {\n tempRow.push(\"\");\n } else {\n tempRow.push(data_in[k][csvHeaders[i].key]);\n }\n }\n\n csvData.push(tempRow);\n }\n }\n\n setCSVReportData(csvData);\n };\n\n return (\n \n {viewMode && {t(\"strappingTable\")} }\n {!viewMode && setFluidHeight(e.target.value)} />}\n\n {!viewMode && setFluidVolume(e.target.value)}\n />}\n\n {!viewMode && \n \n \n }\n \n downloadCSVReport()}>\n \n \n\n onFileUpload(e)} />\n\n \n
\n\n {(table.length > 0) && {t(\"maximumCapacity\") + ': '}{calculatedMaxCapacity} {volumeUnit === 'gallons' ? t(\"gal\") : t(\"l\")}
\n\n
\n \n {criticalHelpOpen && }\n\n {dailyStatusReportOpen && }\n\n \n \n {/* Unused grid space */}\n \n \n {t(\"email\")}\n \n \n {t(\"textMessage\")}\n \n \n \n \n {t(\"criticalLevel\")}\n \n \n \n \n \n \n \n \n \n \n \n {t(\"statusReport\")}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {t('textNotificationConsent')} \n \n \n \n \n {t(\"save\")}\n \n \n \n \n
\n {t(\"sendStatusReportEverydayAt\")}
\n\n \n \n {(provided, snapshot) => (\n \n {localOrder.map(({key, label}, index) => {\n return(\n \n {(provided, snapshot) => (\n \n -1}\n checked={localChecked[key]}\n tabIndex={-1}\n disableRipple\n onClick={handleToggle(key)}\n />\n {t(label)}\n
\n )}\n \n )})}\n {provided.placeholder}\n \n )}\n \n \n \n \n props.setDisplayUnits(event.target.value)}\n >\n {units_settings.map((Uval) => (\n \n ))}\n \n
\n \n {props.filtersInfo.fluidName.map((fluid) => (\n handleDelete(fluid)} color=\"primary\" />\n ))}\n {props.filtersInfo.tagName.map((tagName) => (\n handleDelete(tagName)} color=\"primary\" />\n ))}\n {props.filtersInfo.statusName.map((statusName) => (\n handleDelete(statusName)} color=\"primary\" />\n ))}\n {(props.filtersInfo.ullageRange.length > 0) && (true === (props.filtersInfo.ullageRange[0] !== 0 || props.filtersInfo.ullageRange[1] !== 100)) &&\n handleDelete(\"ullage\")} color=\"primary\" />}\n {(props.filtersInfo.DTE) && (props.filtersInfo.DTE !== \"noFilter\") &&\n handleDelete(\"DTE\")} color=\"primary\" />}\n {(props.filtersInfo.showSensorWarning === 1) &&\n handleDelete(\"showSensorWarning\")} color=\"primary\" />}\n {(props.currentSearchTerm) &&\n handleClearSearchTerm()} color=\"primary\" />}\n
\n \n \n \n props.setDisplayUnits(event.target.value)}\n >\n {units_settings.map((Uval) => (\n \n ))}\n \n \n {props.showRefresh && \n \n }\n \n \n \n \n {openSearchDialogue && }\n \n \n }\n\n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n \n \n \n )}\n \n\n \n toggleReportsMenu(e)} >\n \n setReportsMenu(null)}\n disableAutoFocusItem>\n handleDownloadCSV()}>\n {t(\"exportAsCsv\")}\n \n handleDownloadPDF()}>\n {t(\"exportAsPdf\")}\n \n {disableScheduleReport == false && handleScheduleReports()}>\n {t(\"schedule\")}\n }\n \n \n\n \n \n
\n \n \n \n \n \n
\n \n {branchInfo.isBranchEditor ?\n <>\n \n \n {t(\"invite\")} \n \n \n\n :\n \n }\n \n \n \n {mapOpen ? t('hideMap') : t(\"showMap\")} \n \n \n\n
\n \n {getGoogleMap(true)}\n
\n \n
\n :\n
\n }\n \n \n
\n \n
\n \n {tank.status !== TANK_STATUSES.COMMUNICATION_ERROR\n ? \n \n : \n \n
\n \n \n {tankCapacity}
\n {displayUnits.includes(t(\"metric\")) ? t(\"liters\") : t(\"gallons\")}
\n \n \n {fullnessPercentage}% - {tankCapacity} {displayUnits.includes(t(\"metric\")) ? t(\"liters\") : t(\"gallons\")}\n \n \n {formattedDate}\n \n \n {tank.Status === t(\"ok\") ? \"\" : formatStatus(tank.Status)}\n \n
\n \n
\n \n \n \n \n }\n \n \n \n \n\n {false &&\n \n \n \n }\n\n {true &&\n \n \n \n }\n\n {true &&\n \n setReportsMenu(e.currentTarget)} >\n \n }\n\n {false &&\n \n \n }\n\n setReportsMenu(null)}\n disableAutoFocusItem>\n downloadCSVReport()}>\n {t(\"exportAsCsv\")}\n \n downloadPDFReport()}>\n {t(\"exportAsPdf\")}\n \n \n
\n \n {tank.TankInfo.serial !== \"\" ? \n {setShowRawData(event.target.checked ? true : false)}}\n name=\"show_raw_data\"\n color=\"primary\"\n />\n }\n />\n
\n \n {<>\n
\n\n \n \n \n\n \n \n \n\n \n {false && }\n \n\n \n \n {false && }\n
: \n \n {t(\"dataType\")} \n\n {\n for (var i = 3; i < dataTypeList.length; i++) {\n if (e.target.value === dataTypeList[i].label) {\n setDataType2(dataTypeList[i]);\n break;\n }\n }\n }}\n >\n {dataTypeList.map((option) => (\n option.id >=3 ? : null\n ))}\n \n \n
\n \n \n \n \n \n setReportsMenu(e.currentTarget)} >\n \n \n setReportsMenu(null)}\n disableAutoFocusItem>\n downloadCSVReport()}>\n {t(\"exportAsCsv\")}\n \n {false && downloadPDFReport()}>\n {t(\"exportAsPdf\")}\n }\n \n
\n \n
\n \n \n \n \n \n
\n {t(\"maximumCapacity\")}: {calculatedMaxCapacity} {volumeUnit === 'gallons' ? \"gal\" : \"L\"}
\n\n \n {tankId !== null && }\n \n
\n\n {/*Add fluid dialog*/}\n \n {t(\"maximumCapacity\")}: {tlm.FillCapacity} {tlm.VolumeUnit === 'gallons' ? t(\"gal\") : t(\"l\")}
\n\n \n \n \n
\n\n {offsetHelpOpen && }\n {gpsDialogueOpen && }\n {removeMonitorDialogue && }\n \n );\n};\n\nexport default TLMSettings;\n","import React from 'react';\nimport { SvgIcon } from '@material-ui/core';\n\nconst AddTankIcon = (props) => {\n return(\n \n {t(\"loadingData\")} \n
)\n }\n\n return (\n \n
\n \n {orgsFetched ?\n {t(\"loadingOrgData\")}... \n }\n {orgsFetched && }\n
\n \n : \n
\n }\n \n
\n