({\n innerSize: \"40%\",\n ...s\n })),\n drilldown: { series: drilldown }\n }}\n />\n );\n }\n}\n\nexport default DonutChart;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport BaseChart from \"./BaseChart\";\n\n// change yLabel to yAxisText for consistancy \n// add default export for consistancy\n\nexport class LineChart extends React.Component {\n static propTypes = {\n height: PropTypes.number,\n series: PropTypes.arrayOf(\n PropTypes.shape({\n data: PropTypes.array\n })\n ).isRequired,\n colors: PropTypes.array,\n decimals: PropTypes.number,\n xMax: PropTypes.number,\n xMin: PropTypes.number,\n xAxisType: PropTypes.oneOf([\n \"linear\",\n \"logarithmic\",\n \"datetime\",\n \"category\"\n ]),\n yMin: PropTypes.number,\n yMax: PropTypes.number,\n yAxisType: PropTypes.oneOf([\n \"linear\",\n \"logarithmic\",\n \"datetime\",\n \"category\"\n ]),\n categories: PropTypes.array,\n yAxisText: PropTypes.string,\n zoomType: PropTypes.string\n };\n\n render() {\n const {\n // name,\n height,\n colors,\n series,\n decimals,\n xMax,\n xMin,\n xAxisType,\n yMin,\n yMax,\n yAxisType,\n categories,\n yAxisText,\n zoomType\n } = this.props;\n\n return (\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 \n \n \n
\n \n \n \n \n \n\n \n {this.props.activeCalls.series && this.props.activeCalls.series.length > 0 ?\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// REDUX STATE\nconst mapToProps = state => {\n return {\n summary: state.summary,\n activeCalls: state.activeCalls,\n licenseOverage: state.licenseOverage\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(CallSummary)\n);\n\n","// ordered list of object and name substitutions for the headers of the CSV. This is\n// so users aren't confused by the columns being out of order or by them being named\n// slightly differently than the table displays. It's a map of the name coming from\n// the query service to the translation string, with mouseover if applicable\nexport const ListHeaderMap = [\n {data:\"from\",trans:\"Screens.Calls.List.From\"},\n {data:\"dialNumber\",trans:\"Screens.Calls.List.DialNumber\",title:\"dialString\",titleTrans:\"Screens.Calls.List.DialNumberMouseover\"},\n {data:\"conferenceId\",trans:\"Screens.Calls.List.ConferenceId\"},\n {data:\"startTime\",trans:\"Screens.Calls.List.StartTime\"},\n {data:\"duration\",trans:\"Screens.Calls.List.Duration\"},\n {data:\"endReason\",trans:\"Screens.Calls.List.EndReason\"},\n {data:\"agent\",trans:\"Screens.Calls.List.Agent\"},\n {data:\"deploymentType\",trans:\"Screens.Calls.List.Deployment\"},\n {data:\"region\",trans:\"Screens.Calls.List.Region\"},\n {data:\"protocol\",trans:\"Screens.Calls.List.Protocol\"}\n];\n\nconst ignoredDataFields = [\"bookmark\",\"deployment\"];\n\n// flatten a list of objects to a CSV. This currently assumes we only want to \n// output keyed objects, so any list within the object will be printed directly\n// to that keyed cell\nexport function convertToCsv(objectList, translate) {\n if (!Array.isArray(objectList) || objectList.length < 1) {\n console.log(\"No data or empty dataset in CSV conversion request\");\n return \"\";\n }\n\n // get all the possible headers to flatten this csv\n let headerPaths = getHeaderList(objectList);\n let headerTitles;\n [headerPaths,headerTitles] = doCSVSort(headerPaths, translate);\n\n let CSV = [];\n CSV.push(headerTitles.join(','));\n\n objectList.forEach((element) => {\n let line = [];\n headerPaths.forEach((path) => {\n line.push(getDatum(element,path,0));\n });\n CSV.push(line.join(','));\n });\n\n return CSV.join('\\n');\n}\n\nfunction doCSVSort(headerPaths,translate) {\n let newPaths = [];\n let titles = [];\n let parsed = [];\n ListHeaderMap.forEach(item => {\n // might be a bug here since we moved from a multidimensional array to flat array ... if\n // we go back to the data having layers, check here first.\n newPaths.push([item.data]);\n titles.push(translate(item.trans));\n parsed.push(item.data);\n });\n headerPaths.forEach(path => {\n let title = path.join('.');\n title.replace(',',';');\n if (!parsed.includes(title) && !ignoredDataFields.includes(title)) {\n newPaths.push(path);\n titles.push(title);\n }\n });\n return [newPaths,titles];\n}\n\nfunction getDatum(element,path,pathIdx) {\n if (pathIdx === path.length-1) {\n if (!element || !element.hasOwnProperty(path[pathIdx])) {\n return \"\";\n }\n let e = element[path[pathIdx]];\n if (!e) {\n e = \"\";\n }\n return e.toString().replace(/,/g, ' ');\n }\n\n if (element.hasOwnProperty(path[pathIdx])) {\n return getDatum(element[path[pathIdx]],path,pathIdx+1);\n }\n\n return \"\";\n}\n\n// Get the headers as a list of lists. This should return a list that contains a list \"path\"\n// to get to every object in the list. Not all objects will have all header paths, but we\n// need the total so we can make CSV headers\nfunction getHeaderList(list) {\n let headerMap = {};\n\n list.forEach((element) => {\n getHeaderMap(element, headerMap);\n });\n\n return flattenHeaderMap(headerMap, []);\n}\n\n// helper for getHeaderList: makes a map of all keys in all objects so if we have an object\n// with an element at obj.mediaStart.VTC.protocol, this object will have obj.mediaStart.VTC.protocol\n// = true. This is to consolidate all keys into one object that we can then flatten to lists.\nfunction getHeaderMap(element, headerMap) {\n if (typeof element === 'object' && element !== null) {\n Object.keys(element).forEach((key) => {\n if (typeof element[key] === 'object' && element[key] !== null) {\n headerMap[key] = {};\n getHeaderMap(element[key], headerMap[key]);\n } else {\n headerMap[key] = true;\n }\n });\n }\n}\n\n// helper for getHeaderList: Takes a map of all keys in all objects and returns a list of lists\n// where those keys are mapped to a list of keys for how each piece of data is found. For example,\n// if the headermap has map.mediaStart.VTC.protocol=true, then this will have a list element of\n// list[idx] = [mediaStart,VTC,protocol]\nfunction flattenHeaderMap(headerMap, path) {\n let paths = [];\n Object.keys(headerMap).forEach((key) => {\n let myPath = [...path,key];\n if (typeof headerMap[key] === 'object') {\n paths.push(...flattenHeaderMap(headerMap[key],myPath));\n } else {\n paths.push(myPath);\n }\n });\n return paths;\n}\n\nexport function downloadFile(data,name, mimeType) {\n const a = document.createElement(\"a\");\n mimeType = mimeType || \"application/octet-stream\";\n\n if (navigator.msSaveBlob) {\n // IE10\n navigator.msSaveBlob(\n new Blob([data], {\n type: mimeType\n }),\n name\n );\n } else if (URL && \"download\" in a) {\n //html5 A[download]\n a.href = URL.createObjectURL(\n new Blob([data], {\n type: mimeType\n })\n );\n a.setAttribute(\"download\", name);\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n } else {\n window.location.href =\n \"data:application/octet-stream,\" + encodeURIComponent(data); // only this mime type is supported\n }\n}\n\n","import React, { Component } from 'react'\nimport { Button, Dropdown, Icon, Input, Popup } from 'semantic-ui-react'\nimport DateRangePicker from 'react-daterange-picker'\nimport Moment from 'moment'\nimport { extendMoment } from \"moment-range\"\nimport { translate } from 'react-i18next'\nimport qs from 'query-string'\nimport \"./TimeRangeFilter.css\"\nimport { getUpdatedDate } from 'helpers/constants_helper'\n\nconst moment = extendMoment(Moment); // extends moment as a part of moment-range\n\nconst MIN_DATE = moment()\n .subtract(1,\"years\")\n .toDate();\nconst MAX_DATE = moment()\n .add(1,\"days\")\n .toDate();\n\nclass FilterBar extends Component {\n\n constructor(props) {\n super(props);\n \n if (this.props.location.search) {\n this.params = qs.parse(this.props.location.search);\n }\n\n this.pushProps = this.pushProps.bind(this);\n this.twiddleDate = this.twiddleDate.bind(this);\n this.dateSelection = this.dateSelection.bind(this);\n this.getCalendarDateRange = this.getCalendarDateRange.bind(this);\n\n this.state = {\n isCalendarOpen: false\n }\n }\n\n input = {};\n params = {};\n\n pushProps() {\n let newParams = qs.parse(this.props.location.search);\n let found = false;\n const input = this.input\n const params = this.params\n Object.keys(input).forEach( key => {\n let value = \"\"\n if (input[key].inputRef && input[key].inputRef.current) {\n value = input[key].inputRef.current.value;\n } else if (input[key].state) {\n value = input[key].state.value;\n }\n if (value.trim() !== \"\") {\n newParams[key] = value;\n if (newParams[key] !== params[key]) {\n found = true;\n }\n } else {\n if (newParams[key]) {\n delete newParams[key];\n if (newParams[key] !== params[key]) {\n found = true;\n }\n }\n }\n });\n if (found) {\n let myUrl = this.props.location.pathname.replace(this.props.location.search,'');\n this.props.history.push(myUrl + \"?\" + qs.stringify(newParams));\n }\n }\n\n dateSelection(dates) {\n let startMoment = moment.utc(dates.start).startOf(\"day\");\n let endMoment = moment.utc(dates.end).endOf(\"day\");\n\n this.input.startOnAfter.inputRef.current.value = startMoment.toISOString();\n this.input.startBefore.inputRef.current.value = endMoment.toISOString();\n this.setState({isCalendarOpen: false});\n }\n\n paginationArrow = properties => {\n let iconName, opacity, left, right;\n if (properties.direction === \"previous\") {\n iconName = \"arrow left\";\n left = 20;\n } else {\n iconName = \"arrow right\";\n right = 20;\n }\n\n opacity = properties.disabled ? 0.5 : 1;\n\n const iconStyle = {\n opacity: opacity,\n left: left,\n right: right \n }; \n return ( \n \n
{\n this.setState({filterHidden: !this.state.filterHidden});\n }}>\n {this.state.filterHidden ? \n t(\"Screens.Calls.List.FilterBar.Show\") : t(\"Screens.Calls.List.FilterBar.Hide\")}\n \n
{\n this.changeSortOrder();\n }}>\n {this.state.sortAscending ? t(\"Screens.Calls.List.SortDesc\") : t(\"Screens.Calls.List.SortAsc\")}\n \n \n
\n
{\n let csv = convertToCsv(this.props.calls, t);\n downloadFile(csv,\"export.csv\",\"application/csv\")\n }}\n >\n \n
{\n downloadFile(JSON.stringify(this.props.calls,null,2),\"export.json\",\"application/json\")\n }}\n >\n \n { !isFullData && this.props.totalCalls > 0 && this.props.totalCalls <= 10000 &&\n
{\n this.getAllData();\n }}\n >\n {t(\"Screens.Calls.List.GETDATA\")}\n \n }\n
\n {this.props.calls.length} / {this.props.totalCalls} calls loaded \n {this.props.totalCalls > 10000 ? \" (Can't bulk load more than 10k)\" : \"\"}\n
\n
\n
\n
\n \n \n {t(\"Screens.Calls.List.Link\")} \n {ListHeaderMap.map((entry,index) => {\n if (entry.title) {\n return(\n {t(entry.trans)}\n \n );\n }\n return (\n {t(entry.trans)} \n );\n })}\n \n \n\n {\n if (this.state.rowsDisplayed + this.pageSize <= this.props.calls.length) {\n this.setState({rowsDisplayed: this.state.rowsDisplayed + this.pageSize});\n } else if (this.props.calls.length === this.props.totalCalls) {\n if (this.state.rowsDisplayed !== this.props.calls.length) {\n this.setState({rowsDisplayed: this.props.calls.length === 0 ? 20 : this.props.calls.length});\n }\n } else {\n // need more data\n let bookmark = this.props.calls[this.props.calls.length-1].bookmark;\n \n getApiData(DATASOURCE.CALLSUPDATE,this.props.location.search,this.getBookmarkParameter(bookmark));\n if (this.state.rowsDisplayed + this.pageSize <= this.props.totalCalls) {\n this.setState({rowsDisplayed: this.state.rowsDisplayed + this.pageSize});\n } else {\n this.setState({rowsDisplayed: this.props.totalCalls});\n }\n }\n }}\n >\n {this.props.calls.map((entry, index) => {\n if (index < this.state.rowsDisplayed) {\n return (\n \n \n this.getCallDetails(entry.callId)}>\n \n \n {ListHeaderMap.map((data,index) => {\n if (data.title) {\n return (\n {entry[data.data]} \n );\n }\n return (\n {entry[data.data]} \n );\n })}\n \n )\n } else {\n return null;\n }\n })}\n \n
\n
\n \n
\n
\n
\n
{t(\"Screens.Modality.Paragraph\")}
\n
this.setState({ agreed: !this.state.agreed})}\n /> I agree to the License Agreement and Export Restrictions \n \n \n {this.props.modalityLoading && \n \n {Object.keys(this.props.modalityDetail).map(arch => { \n return (\n \n \n \n \n \n {this.props.modalityDetail[arch].file}\n \n \n MD5: {this.props.modalityDetail[arch].md5}\n \n \n {this.props.modalityDetail[arch].date}\n \n \n )\n })}\n \n \n\n \n {this.props.children}\n \n \n
\n )\n }\n}\n\nexport default WidgetCardWrapper\n","import { Component } from 'react'\nimport { getApiData } from 'helpers/api'\n\nclass BaseWidget extends Component {\n constructor(props,dataSource) {\n super(props);\n this.state = {\n searchLoc: window.location.search\n };\n this.dataSource = dataSource;\n }\n\n componentDidMount() {\n getApiData(this.dataSource,window.location.search);\n }\n\n componentDidUpdate(prevProps) {\n if (window.location.search !== this.state.searchLoc) {\n getApiData(this.dataSource,window.location.search);\n this.setState( {searchLoc: window.location.search } );\n }\n }\n\n render() {\n return null\n }\n}\n \nexport default BaseWidget;\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport DonutChart from 'components/DonutChart'\n\nclass EndreasonPie extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(EndreasonPie)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport DonutChart from 'components/DonutChart'\n\nclass DevicesPie extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(DevicesPie)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport BarChart from 'components/BarChart'\n\nclass DevicesBar extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(DevicesBar)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport BarChart from 'components/BarChart'\n\nclass ActiveCallsChart extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.ACTIVE_CALLS);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n activeCalls: state.activeCalls,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(ActiveCallsChart)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport LineChart from 'components/LineChart'\n\nclass ActiveCallsPer extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(ActiveCallsPer)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport BarChart from 'components/BarChart'\n\nclass TopConferences extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TopConferences)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport BarChart from 'components/BarChart'\n\nclass CallDuration extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(CallDuration)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass ActiveCallsCount extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.ACTIVE_CALLS);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.activeCalls,\"raw\",\"hits\") ? this.props.activeCalls.raw.hits: 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n activeCalls: state.activeCalls,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(ActiveCallsCount)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TotalCalls extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"total\",\"doc_count\") ? this.props.summary.raw.total.doc_count : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TotalCalls)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TeamsCalls extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"teams\",\"doc_count\") ? this.props.summary.raw.teams.doc_count : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TeamsCalls)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass SkypeCalls extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"skype\",\"doc_count\") ? this.props.summary.raw.skype.doc_count : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(SkypeCalls)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TotalDuration extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"total\",\"total_ms\") ? this.props.summary.raw.total.total_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TotalDuration)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TeamsDuration extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"teams\",\"total_ms\") ? this.props.summary.raw.teams.total_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TeamsDuration)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass SkypeDuration extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"skype\",\"total_ms\") ? this.props.summary.raw.skype.total_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(SkypeDuration)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TotalMedian extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"total\",\"median_ms\") ? this.props.summary.raw.total.median_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TotalMedian)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TeamsMedian extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"teams\",\"median_ms\") ? this.props.summary.raw.teams.median_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TeamsMedian)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass SkypeMedian extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"skype\",\"median_ms\") ? this.props.summary.raw.skype.median_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(SkypeMedian)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TotalMax extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"total\",\"max_ms\") ? this.props.summary.raw.total.max_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TotalMax)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass TeamsMax extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"teams\",\"max_ms\") ? this.props.summary.raw.teams.max_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(TeamsMax)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { getFormattedTime } from 'helpers/dataFormatter'\nimport { deepHasOwnProperty } from 'helpers/json_helper'\nimport { Statistic } from 'semantic-ui-react'\n\nclass SkypeMax extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 4,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = deepHasOwnProperty(this.props.summary,\"raw\",\"skype\",\"max_ms\") ? this.props.summary.raw.skype.max_ms : 0;\n if (isNaN(total)) {\n total = 0;\n }\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(SkypeMax)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { Statistic } from 'semantic-ui-react'\n\nclass LicenseOverage extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.LICENSE_OVERAGE);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 3,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = this.props.licenseOverage.accepted + this.props.licenseOverage.rejected;\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n licenseOverage: state.licenseOverage,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(LicenseOverage)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { Statistic } from 'semantic-ui-react'\n\nclass LicenseRejected extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.LICENSE_OVERAGE);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 3,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = this.props.licenseOverage.rejected;\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n licenseOverage: state.licenseOverage,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(LicenseRejected)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { Statistic } from 'semantic-ui-react'\n\nclass LicenseSurged extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.LICENSE_OVERAGE);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 3,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = this.props.licenseOverage.accepted;\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n licenseOverage: state.licenseOverage,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(LicenseSurged)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport { Statistic } from 'semantic-ui-react'\n\nclass LicenseOverage extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.LICENSE_OVERAGE);\n }\n\n static defaultGridItemProps(){\n return {\n w: 2,\n h: 3,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n let total = this.props.licenseOverage.claritiOverageCount;\n\n return (\n \n \n
\n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n licenseOverage: state.licenseOverage,\n history: state.router\n }\n};\n\nexport default translate()(\n connect(\n mapToProps,\n null\n )(LicenseOverage)\n);\n\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport Wrapper from './WidgetCardWrapper'\nimport { translate } from 'react-i18next'\nimport { DATASOURCE } from 'Constants'\nimport BaseWidget from './BaseWidget'\nimport BarChart from 'components/BarChart'\n\nclass MostUsed extends BaseWidget {\n constructor(props) {\n super(props,DATASOURCE.SUMMARY);\n }\n\n static defaultGridItemProps(){\n return {\n w: 4,\n h: 12,\n maxW: 6,\n maxH: 16\n };\n }\n\n render() {\n const { t } = this.props;\n return (\n \n \n );\n }\n}\n\n// Helper functions\nconst mapToProps = state => {\n return {\n summary: state.summary,\n history: state.router\n }\n};\n \nexport default translate()(\n connect(\n mapToProps,\n null\n )(MostUsed)\n);\n\n","import React, { Component } from 'react';\nimport { Dashboard, LocalStorage, WidgetDefinition } from \"@plcm/dynamic-dashboards\"\nimport EndreasonPie from './widgets/EndreasonPie'\nimport DevicesPie from './widgets/DevicesPie'\nimport DevicesBar from './widgets/DevicesBar'\nimport ActiveCallsChart from './widgets/ActiveCallsChart'\nimport ActiveCallsPer from './widgets/ActiveCallsPer'\nimport TopConferences from './widgets/TopConferences'\nimport CallDuration from './widgets/CallDuration'\nimport ActiveCallsCount from './widgets/ActiveCallsCount'\nimport TotalCalls from './widgets/TotalCalls'\nimport TeamsCalls from './widgets/TeamsCalls'\nimport SkypeCalls from './widgets/SkypeCalls'\nimport TotalDuration from './widgets/TotalDuration'\nimport TeamsDuration from './widgets/TeamsDuration'\nimport SkypeDuration from './widgets/SkypeDuration'\nimport TotalMedian from './widgets/TotalMedian'\nimport TeamsMedian from './widgets/TeamsMedian'\nimport SkypeMedian from './widgets/SkypeMedian'\nimport TotalMax from './widgets/TotalMax'\nimport TeamsMax from './widgets/TeamsMax'\nimport SkypeMax from './widgets/SkypeMax'\nimport LicenseOverage from './widgets/LicenseOverage'\nimport LicenseRejected from './widgets/LicenseRejected'\nimport LicenseSurged from './widgets/LicenseSurged'\nimport ClaritiLicenseOverage from './widgets/ClaritiLicenseOverage'\nimport MostUsed from './widgets/MostUsed'\nimport { translate } from 'react-i18next'\n\nclass DynamicDashboard extends Component {\n constructor(props) {\n super(props);\n\n this.saveCallback = this.saveCallback.bind(this);\n\n let empty = false;\n let ls = localStorage.getItem(this.dbKey);\n if (ls === null || ls.length === 0) {\n empty = true;\n } else {\n let lsObj = JSON.parse(ls);\n if (lsObj.widgets && lsObj.widgets.length === 0) {\n empty = true;\n }\n }\n\n if (empty) {\n console.log(\"Creating new localStorage[\" + this.dbKey + \"] with defaults.\");\n let widgetMap = {};\n this.widgetTypes.forEach((w) => widgetMap[w.name] = w);\n\n // get unique ids\n let idSet = new Set([]);\n for (let ii = 0; ii < this.defaultLayout.length; ii++) {\n let id = Math.floor(Math.random()*1000000000);\n if (idSet.has(id)) {\n ii--;\n } else {\n idSet.add(id);\n }\n }\n idSet = Array.from(idSet);\n let idIdx = 0;\n this.defaultLayout.forEach((w) => {\n w.i = idSet[idIdx++];\n });\n\n // create string object\n let obj = {\"widgets\":[], \"layouts\":{\"md\":[]}};\n this.defaultLayout.forEach((w) => {\n obj.widgets.push({id:w.i + \"\", name:w.widget});\n obj.layouts.md.push({w:w.w, h:w.h, x:w.x, y:w.y, i:w.i + \"\", moved:false, static:false,\n minW:widgetMap[w.widget].defaultGridItemProps.w,\n maxW:widgetMap[w.widget].defaultGridItemProps.maxW,\n minH:widgetMap[w.widget].defaultGridItemProps.h,\n maxH:widgetMap[w.widget].defaultGridItemProps.maxH\n });\n });\n localStorage.setItem(this.dbKey,JSON.stringify(obj));\n }\n }\n\n dbKey = \"aquaAnalyticsDashboard\";\n\n defaultLayout = [\n { widget: \"EndReasonPie\", w:4, h:12, x:0, y:0 },\n { widget: \"ActiveCallsPer\", w:4, h:12, x:4, y:0 },\n { widget: \"TotalCalls\", w:2, h:4, x:0, y:13 },\n { widget: \"TotalDuration\", w:2, h:4, x:2, y:13 },\n { widget: \"TotalMedian\", w:2, h:4, x:4, y:13 },\n { widget: \"TotalMax\", w:2, h:4, x:6, y:13 },\n { widget: \"TeamsCalls\", w:2, h:4, x:0, y:15 },\n { widget: \"TeamsDuration\", w:2, h:4, x:2, y:15 },\n { widget: \"TeamsMedian\", w:2, h:4, x:4, y:15 },\n { widget: \"TeamsMax\", w:2, h:4, x:6, y:15 },\n { widget: \"SkypeCalls\", w:2, h:4, x:0, y:17 },\n { widget: \"SkypeDuration\", w:2, h:4, x:2, y:17 },\n { widget: \"SkypeMedian\", w:2, h:4, x:4, y:17 },\n { widget: \"SkypeMax\", w:2, h:4, x:6, y:17 },\n { widget: \"DevicesPie\", w:4, h:12, x:0, y:19 }, \n { widget: \"DevicesBar\", w:4, h:12, x:4, y:19 }, \n { widget: \"TopConferences\", w:4, h:12, x:0, y:31 }, \n { widget: \"CallDuration\", w:4, h:12, x:4, y:31 }, \n { widget: \"ActiveCallsChart\", w:4, h:12, x:0, y:43 }, \n { widget: \"ActiveCallsCount\", w:2, h:4, x:4, y:43 }, \n { widget: \"LicenseOverage\", w:2, h:4, x:6, y:43 }, \n { widget: \"LicenseRejected\", w:2, h:4, x:4, y:47 }, \n { widget: \"LicenseSurged\", w:2, h:4, x:6, y:47 },\n { widget: \"ClaritiLicenseOverage\", w:2, h:4, x:4, y:51 },\n { widget: \"MostUsed\", w:4, h:12, x:0, y:55 }\n ]\n\n widgetTypes = [\n new WidgetDefinition(\"EndReasonPie\", EndreasonPie),\n new WidgetDefinition(\"DevicesPie\", DevicesPie),\n new WidgetDefinition(\"DevicesBar\", DevicesBar),\n new WidgetDefinition(\"ActiveCallsChart\", ActiveCallsChart),\n new WidgetDefinition(\"ActiveCallsPer\", ActiveCallsPer),\n new WidgetDefinition(\"TopConferences\", TopConferences),\n new WidgetDefinition(\"CallDuration\", CallDuration),\n new WidgetDefinition(\"ActiveCallsCount\", ActiveCallsCount),\n new WidgetDefinition(\"TotalCalls\", TotalCalls),\n new WidgetDefinition(\"TotalDuration\", TotalDuration),\n new WidgetDefinition(\"TotalMedian\", TotalMedian),\n new WidgetDefinition(\"TotalMax\", TotalMax),\n new WidgetDefinition(\"TeamsCalls\", TeamsCalls),\n new WidgetDefinition(\"TeamsDuration\", TeamsDuration),\n new WidgetDefinition(\"TeamsMedian\", TeamsMedian),\n new WidgetDefinition(\"TeamsMax\", TeamsMax),\n new WidgetDefinition(\"SkypeCalls\", SkypeCalls),\n new WidgetDefinition(\"SkypeDuration\", SkypeDuration),\n new WidgetDefinition(\"SkypeMedian\", SkypeMedian),\n new WidgetDefinition(\"SkypeMax\", SkypeMax),\n new WidgetDefinition(\"LicenseOverage\", LicenseOverage),\n new WidgetDefinition(\"LicenseRejected\", LicenseRejected),\n new WidgetDefinition(\"LicenseSurged\", LicenseSurged),\n new WidgetDefinition(\"ClaritiLicenseOverage\", ClaritiLicenseOverage),\n new WidgetDefinition(\"MostUsed\", MostUsed)\n ];\n\n dbStorage = new LocalStorage(this.dbKey);\n\n saveCallback(layoutsObj, widgetsObj) {\n // checking to see if the when layouts prop is enabled ... check out index.js2\n console.log(\"EDIT ME NOW: New layouts[%O] and widgets [%O]\",layoutsObj, widgetsObj);\n }\n\n render() {\n return (\n \n {MENU.sidebar.map((entry, index) => {\n if (entry.children && entry.children.length > 0) {\n return (\n {\n if (entry.fullPath === this.state.currentlyExpanded) {\n this.setState({ currentlyExpanded: \"\" });\n } else {\n this.setState({ currentlyExpanded: entry.fullPath });\n }\n }}\n key={index}\n id={t(entry.title)}\n >\n {entry.icon && (\n \n {entry.children.map((child, innerIndex) => (\n {\n this.setHistory(child.fullPath);\n e.stopPropagation();\n }}\n key={innerIndex}\n id={t(child.title)}\n >\n {t(child.title)}\n \n ))}\n \n )}\n \n );\n } else {\n return (\n {\n this.setHistory(entry.fullPath);\n }}\n key={index}\n id={t(entry.title)}\n >\n {entry.icon && \n );\n };\n}\n\nexport default translate()(SideBar);\n\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport { Dropdown, Grid, Icon, Input} from 'semantic-ui-react'\nimport { DATASOURCE } from 'Constants'\nimport qs from 'query-string'\nimport { translate } from 'react-i18next'\nimport { getApiData } from 'helpers/api'\n\nclass TenantFilter extends Component {\n constructor(props) {\n super(props);\n this.state = ({inputVal:\"\"});\n }\n\n params = qs.parse(this.props.location.search);\n\n addTidToParams = (tid) => {\n let newParam = null === tid || undefined === tid ? undefined : tid.toLowerCase();\n if (newParam !== this.params.tid) {\n this.params.tid = newParam;\n let myUrl = this.props.location.pathname.replace(this.props.location.search,'');\n this.props.history.push(myUrl + \"?\" + qs.stringify(this.params));\n }\n }\n\n doSearch = () => {\n let newParam = this.state.inputVal ? this.state.inputVal : undefined;\n if (newParam !== this.params.domain) {\n this.params.domain = newParam;\n let myUrl = this.props.location.pathname.replace(this.props.location.search,'');\n this.props.history.push(myUrl + \"?\" + qs.stringify(this.params));\n }\n }\n\n doSearchWrapper = e => {\n if (e.key === \"Enter\") {\n this.doSearch();\n e.preventDefault()\n e.stopPropagation()\n }\n }\n\n handleInputChange = e => {\n this.setState({inputVal: e.target.value });\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.location.search !== prevProps.location.search) {\n let p1 = qs.parse(this.props.location.search);\n let p2 = qs.parse(prevProps.location.search);\n if (p1.domain !== p2.domain && p1.domain !== \"\") {\n getApiData(DATASOURCE.TENANT_INFO, this.props.location.search);\n }\n }\n if (this.props.searchedCompany.name !== prevProps.searchedCompany.name) {\n this.addTidToParams(this.props.searchedCompany.stratusId);\n }\n }\n\n render() {\n const { t } = this.props;\n\n if (!this.props.hasAccess) {\n return null;\n }\n\n let userCompany = this.props.userCompany ? this.props.userCompany : t(\"TenantFilter.Mine\");\n let currentSelection = userCompany;\n if (this.params.tid) {\n if (this.props.searchedCompany.stratusId === this.params.tid) {\n currentSelection = this.props.searchedCompany.name;\n } else if (this.params.tid === \"all\") {\n currentSelection = t(\"TenantFilter.All\");\n }\n }\n\n return (\n \n \n \n {this.addTidToParams(null)}}\n />\n {this.addTidToParams(\"all\")}}\n />\n {this.props.searchedCompany.name && this.props.searchedCompany.stratusId ? \n (\n {this.addTidToParams(this.props.searchedCompany.stratusId)}}\n />\n ) : null\n }\n \n \n \n )\n }\n}\n\nconst mapToProps = state => {\n return {\n tenantId: state.userSession.tenantId,\n userCompany: state.tenantInfo.userCompany,\n loading: state.tenantInfo.loading,\n hasAccess: state.tenantInfo.hasAccess,\n searchedCompany: state.tenantInfo.searchedCompany\n }\n};\n\nexport default translate()(\n connect(\n mapToProps,\n null\n )(TenantFilter)\n);\n\n\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport { Dropdown, Grid, Icon} from 'semantic-ui-react'\nimport { TIMEPERIOD, DEFAULT_TIME_PERIOD } from 'Constants'\nimport qs from 'query-string'\nimport { translate } from 'react-i18next'\nimport TenantFilter from './TenantFilter'\n\nclass Selector extends Component {\n\n render() {\n const { t } = this.props;\n if (this.props.doRender) {\n let params = qs.parse(this.props.location.search);\n let timePeriod = DEFAULT_TIME_PERIOD;\n if (params) {\n if (params.timePeriod) {\n timePeriod = params.timePeriod.toUpperCase();\n }\n }\n\n return (\n \n \n {\n return {\n value: key, \n text: t(TIMEPERIOD[key].TEXT),\n icon: TIMEPERIOD[key].ICON\n }\n })\n }\n value={ timePeriod }\n text={ t(TIMEPERIOD[timePeriod].TEXT) }\n onChange={(e, {value}) => {\n params.timePeriod = (value.toUpperCase() === DEFAULT_TIME_PERIOD) ? undefined : value.toLowerCase();\n let myUrl = this.props.location.pathname.replace(this.props.location.search,'');\n this.props.history.push(myUrl + \"?\" + qs.stringify(params));\n }} \n />\n \n \n );\n }\n return null;\n }\n}\n\nconst mapToProps = state => {\n return {\n tenantId: state.userSession.tenantId\n }\n};\n\nexport default translate()(\n connect(\n mapToProps,\n null\n )(Selector)\n);\n","import React, { Component } from 'react'\nimport { Header } from 'semantic-ui-react'\nimport { translate } from 'react-i18next'\n\nclass ViewTitle extends Component {\n\n render() {\n const { t } = this.props;\n if (this.props.title === null) {\n return null;\n }\n let myTitles = this.props.title.map(title => t(title));\n return (\n {myTitles.join(t(\"Separators.vertical\"))} \n );\n }\n}\n\nexport default translate()(ViewTitle);\n","import React from \"react\";\n\nimport { Dimmer, Loader } from \"semantic-ui-react\";\n\nimport { URL } from 'Constants'\nimport { logout } from 'helpers/api'\n\nclass Logout extends React.Component {\n componentDidMount() {\n logout().then(() => {\n console.log(\"Heading to orion to logout\");\n window.location = URL.ORIONLOGOUT;\n })\n .catch(error => {\n console.log(\"Logout call to [%s] failed: %O\",URL.AUTHLOGOUT,error);\n });\n }\n\n render() {\n return (\n \n \n );\n }\n}\n\nexport default Logout;\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport { translate } from 'react-i18next'\nimport { Accordion } from 'semantic-ui-react'\n\nclass AccordionContent extends Component {\n constructor(props) {\n super(props);\n this.state = {openKeys: {}};\n this.getPanelContent = this.getPanelContent.bind(this);\n this.handleTitleClick = this.handleTitleClick.bind(this);\n }\n\n handleTitleClick(key,itemProps) {\n const { active } = itemProps;\n let newKeyState = this.state.openKeys;\n newKeyState[key] = active ? -1 : 0;\n this.setState({openKeys: newKeyState});\n }\n\n getPanelContent(data, isOpen) {\n if (Object.keys(data).length === 0) {\n return (\n \n )\n } else {\n return (\n \n {\n Object.keys(data).sort((a,b) => {\n return a.localeCompare(b, undefined, { sensitivity: 'base'})\n }).map((key,idx) => {\n let value = data[key];\n let myIsOpen = isOpen;\n if (this.state.openKeys.hasOwnProperty(key+idx)) {\n myIsOpen = this.state.openKeys[key+idx];\n } \n if (value === null) {\n return (\n
\n {key}: Not Applicable\n
\n );\n } else if (value.constructor === Object || Array.isArray(value)) {\n return (\n
this.handleTitleClick(key+idx,itemProps)}\n />\n )\n }\n return (\n \n {key}: {value.toString()}\n
\n );\n })\n }\n \n
this.returnToSender()}> Return to List \n
Call Detail [{callId}] \n
\n {(this.state.packetDataExists || this.props.packetsLoading) &&\n
\n \n }\n {!(this.state.packetDataExists || this.props.packetsLoading) &&\n
No packet loss data for this call
\n }\n {this.props.callDetail.startTime && STAGE === \"dev\" &&\n Date.now() - Date.parse(this.props.callDetail.startTime) < 30*24*60*60*1000 &&\n
this.gotoLadder()}>Generate Call Ladder \n }\n
= 0) {\n chartRef.selectAll(\".datum\" + myIdx)\n .style(\"fill\", nonHighlightColor);\n }\n reactSelf.setState({dataBoxText:datum.body,dataBoxIdx:idx});\n chartRef.selectAll(\".datum\"+idx)\n .style(\"fill\", highlightColor);\n })\n .append(\"svg:title\")\n .text(function(d) { return datum.body });\n // add the message lines and direction\n chartRef.append(\"line\")\n .style(\"stroke\", \"#000\")\n .attr(\"x1\",x1)\n .attr(\"x2\",x2)\n .attr(\"y1\",y)\n .attr(\"y2\",y)\n .attr(\"marker-end\",\"url(#end)\");\n // add the message timestamps\n chartRef.append(\"g\")\n .attr(\"transform\", \"translate(\" + 0 + \",\" + y + \")\")\n .attr(\"class\", \"first\")\n .attr(\"text-anchor\", \"begin\")\n .append(\"text\")\n .style(\"font-size\", \"0.8em\")\n .attr(\"class\",\"datum\"+idx)\n .text(function(d) {\n let date = new Date(datum.mssep);\n let s = \"\";\n s = date.getUTCHours() + \":\" + date.getUTCMinutes() + \":\" + \n date.getUTCSeconds() + \".\" + date.getMilliseconds() + \"Z\";\n return s;\n })\n .append(\"svg:title\")\n .text(function(d) { return datum.body });\n // message labels\n chartRef.append(\"g\")\n .attr(\"transform\", \"translate(\" + centerLoc + \",\" + y + \")\")\n .append(\"text\")\n .attr(\"dy\",\"-0.5em\")\n .attr(\"text-anchor\",\"middle\")\n .attr(\"class\",\"datum\"+idx)\n .text(function (d) { return datum.msgType })\n .on(\"click\", function(d) {\n let myIdx = reactSelf.state.dataBoxIdx;\n if (myIdx >= 0) {\n chartRef.selectAll(\".datum\" + myIdx)\n .style(\"fill\", nonHighlightColor);\n }\n reactSelf.setState({dataBoxText:datum.body,dataBoxIdx:idx});\n chartRef.selectAll(\".datum\"+idx)\n .style(\"fill\", highlightColor);\n })\n .append(\"svg:title\")\n .text(function(d) { return datum.body });\n });\n\n // add the message arrows ... done here to use \"end\" on the final side of the line\n chartRef.append(\"svg:defs\").selectAll(\"marker\")\n .data([\"end\"]) \n .enter().append(\"svg:marker\")\n .attr(\"id\", String)\n .attr(\"viewBox\", \"0 -5 10 10\")\n .attr(\"refX\", 10)\n .attr(\"refY\", 0)\n .attr(\"markerWidth\", 10)\n .attr(\"markerHeight\", 10)\n .attr(\"orient\", \"auto\")\n .append(\"svg:path\")\n .attr(\"d\", \"M0,-5L10,0L0,5\");\n }\n\n render() {\n const chartRef = select(this.chartRef); \n return (\n \n {this.state.dataBoxIdx >= 0 &&\n
\n
\n {\n let myIdx = this.state.dataBoxIdx; \n if (myIdx >= 0) { \n chartRef.selectAll(\".datum\" + myIdx) \n .style(\"fill\", this.nonHighlightColor); \n } \n this.setState({\n dataBoxIdx: -1,\n dataBoxText: \"\"\n })\n }}\n >\n \n Message Content \n
\n\n {this.state.dataBoxText}\n
\n }\n
this.chartRef = chartRef}\n width={this.props.width}\n height={this.props.data.length*this.ySpacing + this.topMargin + this.bottomMargin}>\n \n
\n \n
\n
this.returnToSender()}> Return to Detail \n
Call Ladder [{this.props.callDetail.plcmTraceId}] \n {this.state.noData && \n
No data for this call. Very recent calls and calls older than 30 days may not be in the records.
\n }\n
\n
\n \n);\n","import React, { Component } from 'react'\nimport { Route, Switch } from 'react-router-dom'\nimport HeaderBar from 'screens/HeaderBar'\nimport Footer from 'screens/Footer'\nimport SideBar from 'screens/SideBar'\nimport Selector from 'screens/Selector'\nimport ViewTitle from 'screens/ViewTitle'\nimport { URLMap } from 'Menu'\nimport Logout from 'auth/Logout'\nimport CallDetail from 'screens/calls/list/CallDetail'\nimport CallLadder from 'screens/calls/list/Ladder'\nimport Drilldown from 'highcharts/modules/drilldown'\nimport Highcharts from 'highcharts'\nimport { translate } from 'react-i18next'\nimport { Segment, Sidebar, Responsive } from 'semantic-ui-react'\nimport { ErrorWrapper } from 'components/ErrorCatcher'\nimport { STAGE } from 'Constants'\n\nclass MainPage extends Component {\n\n // initialize the highcharts modules in a single location and get data period set\n constructor(props) {\n super(props);\n\n this.state = {\n menuOpen: window.innerWidth > 1080,\n currentWidth: window.innerWidth\n };\n\n Drilldown(Highcharts);\n }\n\n handleHideClick = () => {\n this.setState({menuOpen: false});\n };\n\n handleShowClick = () => {\n this.setState({menuOpen: true});\n };\n\n windowResized = (event, data) => {\n if (data.width <= 1080 && this.state.currentWidth > 1080 && this.state.menuOpen) {\n this.handleHideClick();\n } else if (data.width > 1080 && this.state.currentWidth <= 1080 && !this.state.menuOpen) {\n this.handleShowClick();\n }\n this.setState({currentWidth: data.width});\n };\n\n // Render\n render() {\n let myPath = this.props.location.pathname.replace(this.props.location.search,'');\n let toggleMenu = this.state.menuOpen ? this.handleHideClick : this.handleShowClick;\n\n return (\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 target\n)\n"],"sourceRoot":""}