{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.object.freeze.js","webpack:///./src/views/observations/Plot.vue?c6af","webpack:///./src/views/viewer/LLSelection.vue?015d","webpack:///src/views/viewer/LLSelection.vue","webpack:///./src/views/viewer/LLSelection.vue?de91","webpack:///./src/views/viewer/LLSelection.vue","webpack:///./src/views/observations/SensorPlot.vue?4767","webpack:///src/views/observations/SensorPlot.vue","webpack:///./src/views/observations/SensorPlot.vue?97f4","webpack:///./src/views/observations/SensorPlot.vue","webpack:///src/views/observations/Plot.vue","webpack:///./src/views/observations/Plot.vue?981d","webpack:///./src/views/observations/Plot.vue","webpack:///./node_modules/core-js/modules/_object-sap.js","webpack:///./src/helpers/apiservices/components/components.service.js","webpack:///./src/views/observations/context.menu.js"],"names":["isObject","meta","onFreeze","$freeze","it","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","on","onSelectionClick","_l","item","key","name","tag","selection","staticRenderFns","directives","rawName","value","expression","model","callback","$$v","dateRangeFrom","maxDate","dateRangeTo","getType","onClick","_v","_s","$t","component","sensor","description","strcomponents","ref","chartOptions","$export","core","fails","module","exports","KEY","exec","fn","Object","exp","S","F","ComponentsService","components","requestData","method","url","axios","response","JSON","parse","data","message","ErrorParser","asMessage","Error","ndcomponents","ContextMenu","instance","items","title","renderer","HandsontableHelper","contextMenuTitleRenderer","disableSelection","isCommand","edit","contextMenuRenderer","onEditObservations","delete","onDeleteObservations"],"mappings":"2FACA,IAAIA,EAAW,EAAQ,QACnBC,EAAO,EAAQ,QAAWC,SAE9B,EAAQ,OAAR,CAAyB,UAAU,SAAUC,GAC3C,OAAO,SAAgBC,GACrB,OAAOD,GAAWH,EAASI,GAAMD,EAAQF,EAAKG,IAAOA,O,yCCNzD,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,cAAc,CAACE,YAAY,QAAQ,CAACF,EAAG,oBAAoB,CAACG,MAAM,CAAC,KAAO,UAAU,KAAO,OAAO,KAAO,gBAAgB,MAAQ,oBAAoBC,KAAK,aAAa,GAAGJ,EAAG,gBAAgB,CAACK,GAAG,CAAC,MAAQT,EAAIU,oBAAoBV,EAAIW,GAAIX,EAAW,SAAE,SAASY,GAAM,OAAOR,EAAG,aAAa,CAACS,IAAID,EAAKE,KAAKC,IAAI,MAAMR,MAAM,CAAC,OAASK,EAAK,UAAYZ,EAAIgB,iBAAgB,IACxeC,EAAkB,G,kFCDlB,EAAS,WAAa,IAAIjB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACc,WAAW,CAAC,CAACJ,KAAK,OAAOK,QAAQ,SAASC,OAAM,EAAOC,WAAW,SAASf,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,2BAA2B,CAACG,MAAM,CAAC,2BAA0B,EAAK,aAAa,KAAK,OAAS,mBAAmB,UAAY,mBAAmB,MAAQ,mBAAmB,yBAAyB,MAAM,MAAQ,UAAU,mBAAkB,EAAK,aAAY,GAAMe,MAAM,CAACF,MAAOpB,EAAiB,cAAEuB,SAAS,SAAUC,GAAMxB,EAAIyB,cAAcD,GAAKH,WAAW,kBAAkB,CAACjB,EAAG,UAAU,CAACG,MAAM,CAAC,KAAO,OAAO,YAAc,IAAIe,MAAM,CAACF,MAAOpB,EAAiB,cAAEuB,SAAS,SAAUC,GAAMxB,EAAIyB,cAAcD,GAAKH,WAAW,kBAAkB,CAACjB,EAAG,WAAW,CAACI,KAAK,UAAU,CAACJ,EAAG,oBAAoB,CAACE,YAAY,0BAA0BC,MAAM,CAAC,KAAO,YAAY,IAAI,IAAI,IAAI,GAAGH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,2BAA2B,CAACG,MAAM,CAAC,2BAA0B,EAAK,aAAa,KAAK,OAAS,mBAAmB,UAAY,mBAAmB,MAAQ,iBAAiB,yBAAyB,MAAM,MAAQ,UAAU,mBAAkB,EAAK,aAAY,EAAK,WAAWP,EAAIyB,cAAc,WAAWzB,EAAI0B,SAASJ,MAAM,CAACF,MAAOpB,EAAe,YAAEuB,SAAS,SAAUC,GAAMxB,EAAI2B,YAAYH,GAAKH,WAAW,gBAAgB,CAACjB,EAAG,UAAU,CAACG,MAAM,CAAC,KAAO,OAAO,YAAc,IAAIe,MAAM,CAACF,MAAOpB,EAAe,YAAEuB,SAAS,SAAUC,GAAMxB,EAAI2B,YAAYH,GAAKH,WAAW,gBAAgB,CAACjB,EAAG,WAAW,CAACI,KAAK,UAAU,CAACJ,EAAG,oBAAoB,CAACE,YAAY,0BAA0BC,MAAM,CAAC,KAAO,YAAY,IAAI,IAAI,IAAI,KAAKH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,GAAK,YAAY,KAAOP,EAAI4B,QAAQ,cAAcnB,GAAG,CAAC,MAAQT,EAAI6B,UAAU,CAAC7B,EAAI8B,GAAG,IAAI9B,EAAI+B,GAAG/B,EAAIgC,GAAG,uBAAuB,GAAG5B,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,GAAK,UAAU,KAAOP,EAAI4B,QAAQ,YAAYnB,GAAG,CAAC,MAAQT,EAAI6B,UAAU,CAAC7B,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIgC,GAAG,gBAAgB,GAAG5B,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,GAAK,UAAU,KAAOP,EAAI4B,QAAQ,YAAYnB,GAAG,CAAC,MAAQT,EAAI6B,UAAU,CAAC7B,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIgC,GAAG,gBAAgB,QAC5vE,EAAkB,G,yDC+DP,kBACf,mBACA,YACA,cACA,eACA,eACA,eACA,iBACA,0BAGA,gBACA,OACA,kEACA,2CAEA,kDAGA,YAEA,SACA,oBACA,+CAEA,oBACA,iBAEA,4CACA,uEACA,iDAGA,oBACA,wCACA,oCACA,8BAGA,WACA,CACA,qBACA,8BACA,wCAEA,mBACA,2CACA,0CC/GoW,I,YCOhWC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QClBX,EAAS,WAAa,IAAIjC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACN,EAAI8B,GAAG,IAAI9B,EAAI+B,GAAG/B,EAAIgC,GAAG,YAAY5B,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACN,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIkC,OAAOpB,WAAWV,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACN,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIgC,GAAG,mBAAmB5B,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACN,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIkC,OAAOC,kBAAkB/B,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACN,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIgC,GAAG,kBAAkB5B,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACN,EAAI8B,GAAG9B,EAAI+B,GAAG/B,EAAIoC,wBAAwBhC,EAAG,MAAMA,EAAG,aAAa,CAACiC,IAAI,aAAa/B,YAAY,QAAQC,MAAM,CAAC,MAAQ,OAAO,OAAS,QAAQ,QAAUP,EAAIsC,iBAAiB,IAC3pC,EAAkB,G,oGCkCtB,GACA,kBACA,OACA,SACA,aAEA,OACA,oKACA,OADA,KACA,oIACA,wDAFA,IAIA,gBACA,OACA,SACA,WACA,UACA,oCACA,gBACA,SACA,cACA,OACA,YACA,iBACA,iBACA,cAEA,OACA,uBAEA,OACA,gBACA,QACA,aACA,qBACA,yDAEA,OACA,kBAIA,OACA,iBACA,QACA,qBACA,qBAIA,UACA,WACA,WACA,KACA,uBAMA,UACA,yBACA,+DACA,oBAEA,qBACA,OACA,uCACA,mCACA,wBACA,sCACA,sCAIA,mBACA,4CAIA,SACA,2LACA,0CACA,+CAGA,wEAFA,uIAGA,sIAIA,wHAOA,SAFA,KACA,KACA,mCACA,yDAEA,WACA,iDAOA,IAHA,2FAGA,oBAGA,IAFA,4EACA,KACA,oBACA,kBAEA,iDAIA,aACA,sBACA,oBAGA,2BACA,yGAIA,cACA,2HAjDA,GAoDA,uLACA,sEACA,qHAFA,GAKA,+BACA,iEAGA,uCAEA,uBACA,iCACA,sDAGA,uCACA,IACA,wCAEA,kBC3LmW,ICO/V,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCEf,+FAUA,GACA,YACA,OACA,WAEA,gBACA,OACA,SACA,WACA,mBACA,oBACA,WACA,sDACA,wBACA,uBAKA,YACA,eACA,cACA,cAGA,qBAGA,SACA,0BACA,+CAEA,+KAGA,GACA,sBACA,kBACA,uBAEA,uHARA,KC9D6V,ICOzV,EAAY,eACd,EACAvC,EACAkB,GACA,EACA,KACA,KACA,MAIa,e,gCCjBf,IAAIsB,EAAU,EAAQ,QAClBC,EAAO,EAAQ,QACfC,EAAQ,EAAQ,QACpBC,EAAOC,QAAU,SAAUC,EAAKC,GAC9B,IAAIC,GAAMN,EAAKO,QAAU,IAAIH,IAAQG,OAAOH,GACxCI,EAAM,GACVA,EAAIJ,GAAOC,EAAKC,GAChBP,EAAQA,EAAQU,EAAIV,EAAQW,EAAIT,GAAM,WAAcK,EAAG,MAAQ,SAAUE,K,6FCLrEG,EAAoB,CACxBC,WAAY,WAAF,8CAAE,wGAIT,OAHKC,EAAc,CAClBC,OAAQ,MACRC,IAAK,mBACN,kBAEwBC,IAAMH,GAAY,OAA3B,OAARI,EAAW,EAAH,uBACPC,KAAKC,MAAMF,EAASG,OAAK,OAEY,MAFZ,4BAE1BC,EAAUC,OAAYC,UAAU,EAAD,IAC/B,IAAIC,MAAMH,GAAQ,yDAE3B,qDAZW,GAcZI,aAAc,WAAF,8CAAE,wGAIX,OAHKZ,EAAc,CAClBC,OAAQ,MACRC,IAAK,2BACN,kBAEwBC,IAAMH,GAAY,OAA3B,OAARI,EAAW,EAAH,uBACPC,KAAKC,MAAMF,EAASG,OAAK,OAEY,MAFZ,4BAE1BC,EAAUC,OAAYC,UAAU,EAAD,IAC/B,IAAIC,MAAMH,GAAQ,yDAE3B,qDAZa,IAeDV,U,kCCjCf,gBAEMe,EAAc,SAACC,GAEjB,MAAO,CACLC,MAAO,CACLC,MAAO,CACLvD,KAAM,QACNwD,SAAUC,OAAmBC,yBAC7BC,kBAAkB,EAClBC,WAAW,GAEbC,KAAM,CACJ7D,KAAM,mGACNwD,SAAUC,OAAmBK,oBAC7BrD,SAAU4C,EAASU,oBAErBC,OAAQ,CACNhE,KAAM,uGACNwD,SAAUC,OAAmBK,oBAC7BrD,SAAU4C,EAASY,yBAMdb","file":"js/plot.55f858e5.js","sourcesContent":["// 19.1.2.5 Object.freeze(O)\nvar isObject = require('./_is-object');\nvar meta = require('./_meta').onFreeze;\n\nrequire('./_object-sap')('freeze', function ($freeze) {\n  return function freeze(it) {\n    return $freeze && isObject(it) ? $freeze(meta(it)) : it;\n  };\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-4\"},[_c('l-container',{staticClass:\"mb-4\"},[_c('l-container-title',{attrs:{\"slot\":\"toolbar\",\"text\":\"Plot\",\"icon\":\"network-wired\",\"color\":\"bg-pastel-purple\"},slot:\"toolbar\"})],1),_c('l-l-selection',{on:{\"click\":_vm.onSelectionClick}}),_vm._l((_vm.sensors),function(item){return _c(\"SensorPlot\",{key:item.name,tag:\"div\",attrs:{\"sensor\":item,\"selection\":_vm.selection}})})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"w-full flex flex-col\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"mr-4\"},[_c('vue-ctk-date-time-picker',{attrs:{\"no-value-to-custom-elem\":true,\"input-size\":\"sm\",\"format\":\"YYYY-MM-DD HH:mm\",\"formatted\":\"YYYY-MM-DD HH:mm\",\"label\":\"Select from time\",\"button-now-translation\":\"Now\",\"color\":\"#7fa99b\",\"no-clear-button\":true,\"no-header\":true},model:{value:(_vm.dateRangeFrom),callback:function ($$v) {_vm.dateRangeFrom=$$v},expression:\"dateRangeFrom\"}},[_c('l-input',{attrs:{\"type\":\"text\",\"placeholder\":\"\"},model:{value:(_vm.dateRangeFrom),callback:function ($$v) {_vm.dateRangeFrom=$$v},expression:\"dateRangeFrom\"}},[_c('template',{slot:\"prefix\"},[_c('font-awesome-icon',{staticClass:\"text-base text-gray-500\",attrs:{\"icon\":\"clock\"}})],1)],2)],1)],1),_c('div',{staticClass:\"mr-4\"},[_c('vue-ctk-date-time-picker',{attrs:{\"no-value-to-custom-elem\":true,\"input-size\":\"sm\",\"format\":\"YYYY-MM-DD HH:mm\",\"formatted\":\"YYYY-MM-DD HH:mm\",\"label\":\"Select to time\",\"button-now-translation\":\"Now\",\"color\":\"#7fa99b\",\"no-clear-button\":true,\"no-header\":true,\"min-date\":_vm.dateRangeFrom,\"max-date\":_vm.maxDate},model:{value:(_vm.dateRangeTo),callback:function ($$v) {_vm.dateRangeTo=$$v},expression:\"dateRangeTo\"}},[_c('l-input',{attrs:{\"type\":\"text\",\"placeholder\":\"\"},model:{value:(_vm.dateRangeTo),callback:function ($$v) {_vm.dateRangeTo=$$v},expression:\"dateRangeTo\"}},[_c('template',{slot:\"prefix\"},[_c('font-awesome-icon',{staticClass:\"text-base text-gray-500\",attrs:{\"icon\":\"clock\"}})],1)],2)],1)],1)]),_c('div',{staticClass:\"flex mt-4\"},[_c('div',{staticClass:\"text-center px-4 py-2 m-2\"},[_c('l-button',{attrs:{\"id\":'daterange',\"type\":_vm.getType('daterange')},on:{\"click\":_vm.onClick}},[_vm._v(\" \"+_vm._s(_vm.$t('viewtimeseries')))])],1),_c('div',{staticClass:\"text-center px-4 py-2 m-2\"},[_c('l-button',{attrs:{\"id\":'last24h',\"type\":_vm.getType('last24h')},on:{\"click\":_vm.onClick}},[_vm._v(_vm._s(_vm.$t('last24h')))])],1),_c('div',{staticClass:\"text-center px-4 py-2 m-2\"},[_c('l-button',{attrs:{\"id\":'newdata',\"type\":_vm.getType('newdata')},on:{\"click\":_vm.onClick}},[_vm._v(_vm._s(_vm.$t('newdata')))])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n    <div v-show=\"true\" class=\"w-full flex flex-col\">\n      <div class=\"flex\">\n        <div class=\"mr-4\">\n          <vue-ctk-date-time-picker\n            v-model=\"dateRangeFrom\"\n            :no-value-to-custom-elem=\"true\"\n            input-size=\"sm\"\n            format=\"YYYY-MM-DD HH:mm\"\n            formatted=\"YYYY-MM-DD HH:mm\"\n            label=\"Select from time\"\n            button-now-translation=\"Now\"\n            color=\"#7fa99b\"\n            :no-clear-button=\"true\"\n            :no-header=\"true\"\n          >\n            <l-input v-model=\"dateRangeFrom\" type=\"text\" placeholder>\n              <template slot=\"prefix\">\n                <font-awesome-icon icon=\"clock\" class=\"text-base text-gray-500\" />\n              </template>\n            </l-input>\n          </vue-ctk-date-time-picker>\n        </div>\n        <div class=\"mr-4\">\n          <vue-ctk-date-time-picker\n            v-model=\"dateRangeTo\"\n            :no-value-to-custom-elem=\"true\"\n            input-size=\"sm\"\n            format=\"YYYY-MM-DD HH:mm\"\n            formatted=\"YYYY-MM-DD HH:mm\"\n            label=\"Select to time\"\n            button-now-translation=\"Now\"\n            color=\"#7fa99b\"\n            :no-clear-button=\"true\"\n            :no-header=\"true\"\n            :min-date=\"dateRangeFrom\"\n            :max-date=\"maxDate\"\n          >\n            <l-input v-model=\"dateRangeTo\" type=\"text\" placeholder>\n              <template slot=\"prefix\">\n                <font-awesome-icon icon=\"clock\" class=\"text-base text-gray-500\" />\n              </template>\n            </l-input>\n          </vue-ctk-date-time-picker>\n        </div>\n      </div>\n\n      <div class=\"flex mt-4\">    \n        <div class=\"text-center px-4 py-2 m-2\"><l-button :id=\"'daterange'\" :type=\"getType('daterange')\" @click=\"onClick\"> {{$t('viewtimeseries')}}</l-button></div>\n        <div class=\"text-center px-4 py-2 m-2\"><l-button :id=\"'last24h'\" :type=\"getType('last24h')\" @click=\"onClick\">{{$t('last24h')}}</l-button></div>\n<!--         <div class=\"text-center px-4 py-2 m-2\"><l-button :id=\"'olddata'\" :type=\"getType('olddata')\" @click=\"onClick\">{{$t('olddata')}}</l-button></div> -->\n        <div class=\"text-center px-4 py-2 m-2\"><l-button :id=\"'newdata'\" :type=\"getType('newdata')\" @click=\"onClick\">{{$t('newdata')}}</l-button></div>\n      </div>\n    </div>\n\n</template>\n\n<script>\n\nimport VueCtkDateTimePicker from \"vue-ctk-date-time-picker\";\nimport \"vue-ctk-date-time-picker/dist/vue-ctk-date-time-picker.css\";\nimport * as moment from \"moment\";\nimport { LSelect, LOption, LButton, LInput, LCheckbox } from \"@/components/forms\";\nexport default {\n  name: \"LLSelection\",\n  components: {\n    LInput,\n    LSelect,\n    LOption,\n    LButton,\n    LCheckbox,\n    VueCtkDateTimePicker\n  },\n\n  data() {\n    return {\n      dateRangeFrom: moment().subtract(24,\"hours\").format(\"YYYY-MM-DD HH:mm\"), // moment().add(-1, \"months\").format(\"YYYY-MM-DD HH:mm\"),\n      dateRangeTo: moment().format(\"YYYY-MM-DD HH:mm\"),  //moment().add(1, \"days\").format(\"YYYY-MM-DD HH:mm\"),\n      //FilteringOptions,\n      filtering: this.$parent.FilteringOptions.last24h,\n    };\n  },\n  computed: {\n  },\n  methods: {\n    getType(btn){\n        return btn === this.filtering ? 'warning' : 'success';\n    },\n    onClick : function(id) { \n      this.filtering = id;\n\n      if(id === this.$parent.FilteringOptions.last24h){\n        this.dateRangeFrom = moment().subtract(24,\"hours\").format(\"YYYY-MM-DD HH:mm\"); \n        this.dateRangeTo = moment().format(\"YYYY-MM-DD HH:mm\");;\n      }\n\n      this.$emit(\"click\", {\n        from: moment(this.dateRangeFrom).utc().unix(),\n        to: moment(this.dateRangeTo).utc().unix(),\n        filtering : this.filtering\n      });\n    }\n  },\n  computed: {\n    startDate() {\n      const start = moment().subtract(2, 'month');\n      return start.format('YYYY-MM-DDTHH:mm:ss');\n    },\n    maxDate() {\n      const max = moment(this.dateRangeFrom).add(2, 'month');\n      return max.format('YYYY-MM-DDTHH:mm:ss');\n    }, \n  }\n};\n</script>\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!./LLSelection.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!./LLSelection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LLSelection.vue?vue&type=template&id=fce28046&\"\nimport script from \"./LLSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./LLSelection.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"table w-full\"},[_c('div',{staticClass:\"table-row-group\"},[_c('div',{staticClass:\"table-row\"},[_c('div',{staticClass:\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t('name')))]),_c('div',{staticClass:\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\"},[_vm._v(_vm._s(_vm.sensor.name))])]),_c('div',{staticClass:\"table-row\"},[_c('div',{staticClass:\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\"},[_vm._v(_vm._s(_vm.$t('description')))]),_c('div',{staticClass:\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\"},[_vm._v(_vm._s(_vm.sensor.description))])]),_c('div',{staticClass:\"table-row\"},[_c('div',{staticClass:\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\"},[_vm._v(_vm._s(_vm.$t('components')))]),_c('div',{staticClass:\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\"},[_vm._v(_vm._s(_vm.strcomponents))])])])]),_c('br'),_c('highcharts',{ref:\"lineCharts\",staticClass:\"chart\",attrs:{\"width\":\"100%\",\"height\":\"500px\",\"options\":_vm.chartOptions}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p-4\">\n    <div class=\"table w-full\">\n        <div class=\"table-row-group\">\n            <div class=\"table-row\">\n            <div class=\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold \"> {{$t('name')}}</div>\n            <div class=\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\">{{ sensor.name }}</div>\n            </div>\n            <div class=\"table-row\">\n            <div class=\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\">{{$t('description')}}</div>\n            <div class=\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\">{{ sensor.description}}</div>\n            </div>\n            <div class=\"table-row\">\n            <div class=\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\">{{$t('components')}}</div>\n            <div class=\"table-cell bg-gray-400 text-gray-700 px-4 py-2 font-bold\">{{ strcomponents}}</div>\n            </div>\n        </div>\n    </div>\n    <br/>\n<!--     <apexchart width=\"100%\" height=\"300\" type=\"line\" ref='apex' :options=\"chartOptions\" :series=\"series\"></apexchart>  -->\n\n    <highcharts width=\"100%\" height=\"500px\" class=\"chart\" :options=\"chartOptions\" ref=\"lineCharts\"></highcharts> \n\n  </div>\n</template>\n\n<script>\n\nimport Notify from \"@/helpers/notify\";\nimport ObservationsService from \"../../helpers/apiservices/observations/observations.service\";\nimport ComponentsService from \"../../helpers/apiservices/components/components.service\";\nimport ApexchartHelper from \"@/helpers/settings/apexchart\";\nimport * as moment from \"moment\";\n\n\nexport default {\n    name: \"sensorplot\",\n    props: [\n        'sensor',\n        'selection'\n    ],\n    watch: { \n      \tselection: async function(newVal, oldVal) { \n           Notify.loadData(null, await this.loadData);\n        },\n    },\n    data() {\n        return {\n            error: \"\",\n            loading: false,\n            series: [],\n            options: ApexchartHelper.settings(this.id, true),\n            dataReceived: false,\n            title: '',\n            chartOptions: {\n                chart: {\n                    type: 'line',\n                    boostThreshold: 1,\n                    turboThreshold: 0,\n                    animation: true,\n                },\n                title: {\n                    text: this.sensor.name\n                },\n                xAxis: {\n                        type: 'datetime', \n                        labels: {\n                            rotation: -45,\n                            formatter: function () {                \n                                return moment(new Date(this.value)).format('DD/MM/YY HH:mm');\n                            },\n                            style:{\n                                fontSize: \"8px\"\n                            }\n                        }\n                    },\n                yAxis: {\n                    allowDecimals: true,\n                    labels: {\n                        formatter: function () {                \n                            return this.value;\n                        }\n                    }\n                },\n                series: [],\n                exporting: {\n                    enabled: true,\n                    csv: {\n                        itemDelimiter: ';'\n                    },\n                }\n            }\n        };\n    },\n    computed: {\n        strcomponents: function() {\n            let strcomp = this.sensor.components.map(s => s.name);\n            return strcomp.join(',');\n        },\n        filtering: function(){\n            return {\n                datefrom : this.selection.filterDateFrom,\n                dateto: this.selection.filterDateTo,\n                sensorid: this.sensor.id,\n                filteroption: this.selection.filtering,\n                providerid: this.sensor.provider.id\n            };\n        },\n    },\n    mounted() {\n        Notify.loadData(null, this.loadInitialData);\n\n    },\n\n    methods: {\n        async loadData () {\n            switch(this.filtering.filteroption) {\n                case this.$parent.FilteringOptions.olddata:\n                    this.sensor.observations = await ObservationsService.sensorobservationsOld(this.filtering); \n                break;\n                case this.$parent.FilteringOptions.newdata:\n                    this.sensor.observations = await ObservationsService.sensorobservations(this.filtering);\n                break;\n                //default - date range\n                default:\n                    this.sensor.observations = await ObservationsService.sensorobservationsTS(this.filtering);\n                    break;\n            }\n            \n            //clear series and graph\n            let mseries = []\n            var series_ids = [];\n            for (var s in this.$refs.lineCharts.chart.series) {\n                series_ids.push(this.$refs.lineCharts.chart.series[s].options.id);\n            }\n            for (var id in series_ids) {\n                this.$refs.lineCharts.chart.get(series_ids[id]).remove(true);\n            }\n\n            //One serie for each component\n             var unique = [...new Set(this.sensor.observations.map(o => o.component))]; //\n            \n            let compmeasurements;\n            for(var u = 0; u < unique.length; u++){\n                compmeasurements  = this.sensor.observations.filter(o => o.component === unique[u]); // all measurements for this component\n                let d = [];\n                for(var m = 0; m < compmeasurements.length; m++){\n                    if(compmeasurements[m].value != -9900){\n                        //d.push([moment.unix(m.timestamp_to_epoch), m.value])\n                        d.push([compmeasurements[m].timestamp_to_epoch * 1000, compmeasurements[m].value])\n\n                    }\n                }\n                if(d.length>0){\n                    d.sort(function(a,b){\n                        return a[0] - b[0];\n                    });\n\n                    mseries.push({name : unique[u], data: d });\n                    this.$refs.lineCharts.chart.addSeries({id: unique[u], name: unique[u] , data: d, visible: this.IsDefaultComponent(unique[u])}); \n                }\n            } \n\n            this.series = mseries;\n            this.dataReceived = true; \n\n        },\n        async loadInitialData() {\n            this.ndComponents = await ComponentsService.ndcomponents();\n            await this.loadData();\n        },\n\n        IsDefaultComponent(compName){\n            return this.ndComponents.some(el => el.name === compName);\n        },\n\n        SetDefaultSeries: function() {\n            //uncheck all series and only show default - but show if only two\n            if(this.series.length > 2){\n                this.series.forEach(s => {\n                    this.$refs.apex.chart.toggleSeries(s.name.toString())\n                });\n                //Check default components\n                this.ndComponents.forEach(comp => {\n                    try{\n                        this.$refs.apex.chart.toggleSeries(comp.name);\n                    }\n                    catch(err){\n                        //Its okay if there are no series that matches\n                    }\n                });\n            }\n        } \n    }\n};\n</script>\n\n\n\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!./SensorPlot.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!./SensorPlot.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SensorPlot.vue?vue&type=template&id=2e1bfa63&\"\nimport script from \"./SensorPlot.vue?vue&type=script&lang=js&\"\nexport * from \"./SensorPlot.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","<template>\n  <div class=\"p-4\">\n    <l-container class=\"mb-4\">\n      <l-container-title\n        slot=\"toolbar\"\n        text=\"Plot\"\n        icon=\"network-wired\"\n        color=\"bg-pastel-purple\"\n      />\n    </l-container>\n\n    <l-l-selection @click=\"onSelectionClick\"/>\n\n    <div is=\"SensorPlot\" :sensor=item :selection=selection  v-for=\"item in sensors\" :key=\"item.name\"></div>\n\n  </div>\n</template>\n\n<script>\n\nconst FilteringOptions= Object.freeze({ last24h: 'last24h', olddata: 'olddata', newdata: 'newdata', daterange: 'daterange'});\n\nimport ContextMenu from \"./context.menu\";\nimport Notify from \"@/helpers/notify\";\nimport { LButton } from \"@/components/forms\";\nimport ObservationsService from \"../../helpers/apiservices/observations/observations.service\";\nimport LLSelection from \"../../views/viewer/LLSelection\";\nimport * as moment from \"moment\";\nimport SensorPlot from './SensorPlot';\n\nexport default {\n  name: \"plot\",\n  props: [\n      'sensors'\n  ],\n  data() {\n    return {\n        error: \"\",\n        loading: false,\n        FilteringOptions,\n        filtering: FilteringOptions.newdata,\n        selection:{\n          filterDateFrom: moment.utc().subtract(24,\"hours\").unix(), \n          filterDateTo: moment().unix(),\n          filtering: FilteringOptions.last24h\n        }\n        \n    };\n  },\n  components: {\n    LButton,\n    LLSelection,\n    SensorPlot \n  },\n\n  mounted() {\n  },\n\n  methods: {\n    dataFieldType: function (n) {\n        return n === this.filtering ? 'warning' : 'success';\n    },\n    async onSelectionClick(selections) {   \n\n      //trigger only one update\n      let s = {\n        filterDateFrom: selections.from,\n        filterDateTo: selections.to,\n        filtering : selections.filtering\n      }\n      this.selection = s;\n    }\n  }\n};\n</script>\n\n\n\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!./Plot.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!./Plot.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Plot.vue?vue&type=template&id=07077326&\"\nimport script from \"./Plot.vue?vue&type=script&lang=js&\"\nexport * from \"./Plot.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","// most Object methods by ES6 should accept primitives\nvar $export = require('./_export');\nvar core = require('./_core');\nvar fails = require('./_fails');\nmodule.exports = function (KEY, exec) {\n  var fn = (core.Object || {})[KEY] || Object[KEY];\n  var exp = {};\n  exp[KEY] = exec(fn);\n  $export($export.S + $export.F * fails(function () { fn(1); }), 'Object', exp);\n};\n","import axios from \"axios\";\nimport ErrorParser from '../../services/error.parser';\n\nconst ComponentsService = {\n  components: async function () {\n    const requestData = {\n      method: \"get\",\n      url: \"/api/components\"\n    };\n    try {\n      const response = await axios(requestData);\n      return JSON.parse(response.data);\n    } catch (error) {\n      const message = ErrorParser.asMessage(error);\n      throw new Error(message);\n    }\n  },\n  //default components, appsettings\n  ndcomponents: async function () {\n    const requestData = {\n      method: \"get\",\n      url: \"/api/components/default\"\n    };\n    try {\n      const response = await axios(requestData);\n      return JSON.parse(response.data);\n    } catch (error) {\n      const message = ErrorParser.asMessage(error);\n      throw new Error(message);\n    }\n  },\n};\n\nexport default ComponentsService;\n\n","import HandsontableHelper from \"@/helpers/settings/handsontable\";\n\nconst ContextMenu = (instance) => {\n  {\n    return {\n      items: {\n        title: {\n          name: \"Menu:\",\n          renderer: HandsontableHelper.contextMenuTitleRenderer,\n          disableSelection: true, // Prevent mouseoever from highlighting the item for selection\n          isCommand: true // Prevent clicks from executing command and closing the menu\n        },\n        edit: {\n          name: \"<div class='flex'><i class='fas fa-edit text-orange-500 mr-1 mt-1'></i><div>Edit row</div></div>\",\n          renderer: HandsontableHelper.contextMenuRenderer,\n          callback: instance.onEditObservations\n        },\n        delete: {\n          name: \"<div class='flex'><i class='fas fa-trash-alt text-red-500 mr-1 mt-1'></i><div>Delete row</div></div>\",\n          renderer: HandsontableHelper.contextMenuRenderer,\n          callback: instance.onDeleteObservations\n        }\n      }\n    }\n  };\n};\nexport default ContextMenu;"],"sourceRoot":""}