\r\n
\r\n {{ deviceEventCurrent.activity.name }}
\r\n\r\n \r\n CYCLE COUNT\r\n \r\n \r\n {{ deviceEventCurrent.cycleCount }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 1)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity1 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 2)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity2 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 3)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity3 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 4)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity4 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 5)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity5 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 6)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity6 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 7)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity7 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 8)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity8 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 9)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity9 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 10)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity10 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 11)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity11 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 12)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity12 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 13)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity13 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 14)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity14 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 15)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity15 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 16)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity16 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 17)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity17 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 18)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity18 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 19)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity19 }}\r\n \r\n
\r\n \r\n\r\n \r\n {{ entityByNumberAndDeviceType(deviceEventCurrent.device.typeId, 20)[0].name }}\r\n \r\n \r\n {{ deviceEventCurrent.entity20 }}\r\n \r\n
\r\n \r\n \r\n{{ prettyDate }}
\r\n\r\n {{ deviceCondition.condition.count }}
\r\n{{ deviceEventCurrent.activity.name }}
\r\n' + cycle.name + '
'\r\n cycle.type = 'background'\r\n cycle.editable = false\r\n deviceCycles.push(cycle)\r\n }\r\n\r\n if (\r\n (deviceEvent.activity !== null && i === deviceEvents.length - 1) ||\r\n deviceEvent.activityIdSequence === 1\r\n ) {\r\n let activity = { ...deviceEvent.activity }\r\n\r\n activity.id = Math.random()\r\n activity.className = activity.available\r\n ? 'activityAvailable'\r\n : 'activityUnAvailable'\r\n activity.group = 'Activity'\r\n activity.content = '' + activity.name + '
'\r\n activity.start = deviceEvent.start\r\n activity.end = deviceEvent.end\r\n activity.editable = {\r\n updateTime: false,\r\n updateGroup: false,\r\n remove: false,\r\n }\r\n deviceActivities.push(activity)\r\n }\r\n\r\n if (deviceEvent.cycleCountSequence === 1) {\r\n let cycle = { ...deviceEvent.cycle }\r\n let count =\r\n deviceEvent.cycleCount - deviceEvent.cycle.countAtStart > 0\r\n ? deviceEvent.cycleCount - deviceEvent.cycle.countAtStart\r\n : ''\r\n\r\n cycle.id = Math.random()\r\n cycle.start = deviceEvent.start\r\n cycle.className = 'timeline-cycle-count display-when-active'\r\n cycle.group = 'Events'\r\n cycle.content = count.toString()\r\n cycle.type = 'box'\r\n if (count > 0) {\r\n deviceCycleCount.push(cycle)\r\n }\r\n }\r\n commit('SET_LOADING', false)\r\n return deviceEvent\r\n }\r\n\r\n deviceEvents = response.data.items.map(transformDeviceEvents)\r\n\r\n let finalActivities = deviceActivities.map(function(\r\n activity,\r\n i,\r\n deviceActivities\r\n ) {\r\n if ((i > 0) & (i < deviceActivities.length)) {\r\n activity.end = deviceActivities[i - 1].start\r\n } else if (i === 0) {\r\n activity.end = deviceEvents[0].end\r\n }\r\n return activity\r\n })\r\n\r\n commit('SET_GETDEVICECONDITIONS_CACHE', deviceConditions)\r\n commit('SET_GET_DEVICECYCLES_CACHE', [...deviceCycles, ...deviceCycleCount])\r\n commit('SET_GET_DEVICEACTIVITIES_CACHE', finalActivities)\r\n commit('SET_GET_DEVICEEVENTS_CACHE', deviceEvents)\r\n\r\n return deviceEvents\r\n })\r\n .catch((error) => {\r\n commit('SET_LOADING', false)\r\n if (error.response && error.response.status === 401) {\r\n this.$router.push('Login')\r\n }\r\n return null\r\n })\r\n .finally(() => {})\r\n },\r\n\r\n getDeviceStateAggregateHour(\r\n { commit, state, rootState },\r\n { clearCache, dateRange, deviceId }\r\n ) {\r\n commit('SET_LOADING', true)\r\n // 1. Check if we've already fetched and cachedGroups the activity groups.\r\n const matchedAggregateHour = state.cachedDeviceStateAggregateHour\r\n if (!clearCache && matchedAggregateHour) {\r\n return Promise.resolve(matchedAggregateHour)\r\n }\r\n\r\n // 2. Fetch the deviceStateAggregateHour from the API and cache it in case\r\n // we need it again in the future.\r\n let url =\r\n '/api/services/app/deviceInsights/GetDeviceStateAggregateHour' +\r\n '?StartDate=' +\r\n dateRange.start +\r\n '&EndDate=' +\r\n dateRange.end\r\n\r\n if (deviceId) {\r\n url = url + '&deviceId=' + deviceId\r\n }\r\n\r\n return axios\r\n .get(url)\r\n .then((response) => {\r\n const deviceStateAggregateHour = response.data\r\n\r\n if (!deviceId) {\r\n commit('SET_GETDEVICESTATEAGGREGATEHOUR_CACHE', deviceStateAggregateHour)\r\n } else {\r\n commit(\r\n 'SET_GET_DEVICESTATEAGGREGATEHOUR_CACHE_DEVICE',\r\n deviceStateAggregateHour\r\n )\r\n }\r\n\r\n commit('SET_LOADING', false)\r\n return deviceStateAggregateHour\r\n })\r\n .catch((error) => {\r\n commit('SET_LOADING', false)\r\n if (error.response && error.response.status === 401) {\r\n this.$router.push('Login')\r\n }\r\n return null\r\n })\r\n },\r\n\r\n getDeviceCycleByDevice(\r\n { commit, state, rootState },\r\n { clearCache, deviceId, dateRange }\r\n ) {\r\n commit('SET_LOADING', true)\r\n // 1. Check if we've already fetched and cachedGroups the activity groups.\r\n const matchedDeviceCycleBydevice = state.cachedDeviceCycleByDevice\r\n if (!clearCache && matchedDeviceCycleBydevice) {\r\n return Promise.resolve(matchedDeviceCycleBydevice)\r\n }\r\n\r\n // 2. Fetch the deviceCycleBydevice from the API and cache it in case\r\n // we need it again in the future.\r\n return axios\r\n .get(\r\n '/api/services/app/deviceInsights/GetDeviceCycleByDevice' +\r\n '?StartDate=' +\r\n dateRange.start +\r\n '&EndDate=' +\r\n dateRange.end\r\n )\r\n .then((response) => {\r\n const matchedDeviceCycleBydevice = response.data\r\n\r\n commit('SET_GET_DEVICECYCLEBYDEVICE_CACHE', matchedDeviceCycleBydevice)\r\n commit('SET_LOADING', false)\r\n return matchedDeviceCycleBydevice\r\n })\r\n .catch((error) => {\r\n commit('SET_LOADING', false)\r\n if (error.response && error.response.status === 401) {\r\n this.$router.push('Login')\r\n }\r\n return null\r\n })\r\n },\r\n\r\n getDeviceInsights({ commit, state, rootState }, { clearCache, dateRange, deviceName }) {\r\n commit('SET_LOADING', true)\r\n // 1. Check if we've already fetched and cachedGroups the activity groups.\r\n const matchedDeviceInsights = state.cachedDeviceInsights\r\n if (!clearCache && matchedDeviceInsights) {\r\n return Promise.resolve(matchedDeviceInsights)\r\n }\r\n\r\n // 2. Fetch the deviceInsights from the API and cache it in case\r\n // we need it again in the future.\r\n let url =\r\n '/api/services/app/deviceInsights/getDeviceInsights' +\r\n '?StartDate=' +\r\n dateRange.start +\r\n '&EndDate=' +\r\n dateRange.end\r\n\r\n if (deviceName) {\r\n url = url + '&deviceName=' + deviceName\r\n }\r\n\r\n return axios\r\n .get(url)\r\n .then((response) => {\r\n const deviceInsights = response.data\r\n\r\n if (!deviceName) {\r\n commit('SET_GET_DEVICEINSIGHTS_CACHE', deviceInsights)\r\n } else {\r\n commit('SET_GET_DEVICEINSIGHTS_CACHE_DEVICE', deviceInsights)\r\n }\r\n\r\n commit('SET_LOADING', false)\r\n return deviceInsights\r\n })\r\n .catch((error) => {\r\n commit('SET_LOADING', false)\r\n if (error.response && error.response.status === 401) {\r\n this.$router.push('Login')\r\n }\r\n return null\r\n })\r\n },\r\n\r\n changeDeviceActivities({ commit, state, rootState }, { deviceActivityTime, reset }) {\r\n if (reset) {\r\n commit('CLEAR_CHANGED_DEVICE_ACTIVITIES')\r\n commit('CLEAR_CHANGED_DEVICE_ACTIVITIES_ASOBJECTARRAY')\r\n } else {\r\n commit('SET_CHANGED_DEVICE_ACTIVITIES', deviceActivityTime)\r\n\r\n if (state.changedDeviceActivities.length >= 2) {\r\n let activityDates = sortArrayOfDates([...state.changedDeviceActivities])\r\n\r\n for (\r\n var i = state.changedDeviceActivitiesAsObjectArray.length;\r\n i < activityDates.length;\r\n i += 2\r\n ) {\r\n if (activityDates[i + 1] != null) {\r\n commit('SET_CHANGED_DEVICE_ACTIVITIES_ASOBJECTARRAY', {\r\n start: activityDates[i],\r\n end: activityDates[i + 1],\r\n })\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n doInsightsLogin({ commit, state, rootState }) {\r\n commit('SET_LOADING', true)\r\n\r\n // 2. Fetch the deviceInsights from the API and cache it in case\r\n // we need it again in the future.\r\n\r\n return axios\r\n .post(\r\n 'https://insights.openindustry.org/login',\r\n 'remember=on&email=max%40cncdata.co.uk&password=',\r\n {\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n }\r\n )\r\n .then((response) => {\r\n const deviceInsights = response.data\r\n return deviceInsights\r\n })\r\n .catch((error) => {\r\n commit('SET_LOADING', false)\r\n if (error.response && error.response.status === 401) {\r\n this.$router.push('Login')\r\n }\r\n return null\r\n })\r\n },\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n \r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_base-any-chart-area.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_base-any-chart-area.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_base-any-chart-area.vue?vue&type=template&id=1d3f0b09&\"\nimport script from \"./_base-any-chart-area.vue?vue&type=script&lang=js&\"\nexport * from \"./_base-any-chart-area.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import { mapState, mapGetters, mapActions } from 'vuex'\r\n\r\nexport const Computed = {\r\n ...mapState('auth', {\r\n currentUser: (state) => state.currentUser,\r\n currentUserId: (state) => state.currentUserId,\r\n currentUserToken: (state) => state.currentUserToken,\r\n }),\r\n ...mapGetters('auth', ['loggedInUser', 'loggedInToken']),\r\n}\r\n\r\nexport const Methods = mapActions('auth', ['logIn', 'logOut', 'updatePassword'])\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('b-card-body',{staticClass:\"animated fadeIn card info-card card-body device-card-body-info p-0 pb-0 mb-0 clearfix\"},[_c('b-form-group',{staticClass:\"filter\"},[_c('label',{staticClass:\"w-100 font-weight-bold text-uppercase text-muted mt-2\",attrs:{\"for\":\"name\"}},[_vm._v(\"Name\")]),_c('b-form-input',{staticClass:\" mb-2\",attrs:{\"id\":\"name\",\"placeholder\":\"Name...\",\"type\":\"text\",\"value\":_vm.deviceFilters.name},on:{\"input\":_vm.deviceNameChanged}}),_c('label',{staticClass:\"align-middle float-right mr-1 font-weight-bold text-uppercase text-muted ml-1\"},[_vm._v(\"Group\")]),_c('label',{staticClass:\"switch-sm switch switch-label switch-pill align-middle float-right\"},[_c('input',{staticClass:\"switch-input form-check-input\",attrs:{\"type\":\"checkbox\",\"true-value\":\"true\",\"false-value\":\"false\"},domProps:{\"checked\":_vm.deviceFilters.searchGroup},on:{\"change\":_vm.toggleSearchGroupChanged}}),_c('span',{staticClass:\"switch-slider\",attrs:{\"data-checked\":\"\",\"data-unchecked\":\"\"}})]),_c('label',{staticClass:\"align-middle float-right font-weight-bold text-uppercase text-muted mr-1\"},[_vm._v(\"Device\")])],1)],1),_c('b-tabs',[_c('b-tab',{attrs:{\"title\":\"GROUP\",\"active\":\"\"}},_vm._l((_vm.filteredGroups),function(group){return _c('button',{key:group.id,staticClass:\"insights-list list-group-item list-group-item-action text-uppercase\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.selectedGroupChanged(group.name)}}},[_vm._v(\"\\n \"+_vm._s(group.name)+\"\\n \")])}),0),(true)?_c('b-tab',{attrs:{\"title\":\"DATE\"}},[_c('BaseInfoSideFiltersDate')],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n\r\n RUNNING\r\n {{ Math.round(deviceStateHistory.totalRunningMinutes)\r\n }} Mins\r\n
\r\n\r\n HOLD{{ Math.round(deviceStateHistory.totalHoldMinutes) }}\r\n Mins\r\n
\r\n\r\n IDLE{{\r\n Math.round(\r\n 60 -\r\n deviceStateHistory.totalRunningMinutes -\r\n deviceStateHistory.totalHoldMinutes\r\n )\r\n }}\r\n Mins\r\n
\r\n\r\n 100 %\r\n
\r\n{{ activity.name }}
\r\nThe page you are looking for was not found.
\r\nCheck your connected to the Network.
\r\n