{"version":3,"sources":["webpack:///./src/views/observations/Observations.vue?ee82","webpack:///src/views/observations/Observations.vue","webpack:///./src/views/observations/Observations.vue?a7f3","webpack:///./src/views/observations/Observations.vue","webpack:///./src/helpers/apiservices/sensors/sensors.service.js","webpack:///./src/views/observations/context.menu.js"],"names":["obshottable","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","slot","key","componentKey","ref","observations","settings","epochRenderer","qcbitflagsrenderer","staticRenderFns","component","SensorService","sensors","requestData","method","url","axios","response","JSON","parse","data","message","ErrorParser","asMessage","Error","ContextMenu","instance","items","title","name","renderer","HandsontableHelper","contextMenuTitleRenderer","disableSelection","isCommand","edit","contextMenuRenderer","callback","onEditObservations","delete","onDeleteObservations"],"mappings":"uHAAA,ICwCIA,EDxCAC,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,KAAON,KAAKO,GAAG,gBAAgB,KAAO,gBAAgB,MAAQ,oBAAoBC,KAAK,aAAa,GAAGL,EAAG,QAAQ,CAACE,YAAY,+DAA+DC,MAAM,CAAC,GAAK,eAAe,KAAO,SAAS,YAAc,YAAYH,EAAG,YAAY,CAACM,IAAIV,EAAIW,aAAaC,IAAI,MAAML,MAAM,CAAC,KAAOP,EAAIa,aAAa,SAAWb,EAAIc,WAAW,CAACV,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,QAAQ,SAAWR,EAAIe,cAAc,KAAO,uBAAuB,YAAY,UAAUX,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,MAAM,SAAWR,EAAIe,cAAc,KAAO,qBAAqB,YAAY,UAAUX,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQ,KAAK,KAAO,KAAK,YAAY,UAAUH,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,QAAQ,KAAO,OAAO,YAAY,UAAUJ,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,aAAa,KAAO,YAAY,YAAY,UAAUJ,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,SAAS,KAAO,QAAQ,YAAY,UAAUJ,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,QAAQ,KAAO,OAAO,YAAY,UAAUJ,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQN,KAAKO,GAAG,aAAa,KAAO,QAAQ,YAAY,UAAUJ,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQ,MAAM,KAAO,WAAW,YAAY,UAAUH,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQ,MAAM,KAAO,YAAY,YAAY,UAAUH,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQ,KAAK,SAAWP,EAAIgB,mBAAmB,KAAO,iBAAiB,YAAY,WAAW,IAAI,IAC/kDC,EAAkB,G,0ICyCtB,G,UAAA,CACA,oBACA,YACA,gBACA,kBAKA,gBACA,OACA,mCACA,6CACA,gBACA,WACA,eACA,+BAGA,8BACA,mDACA,8BACA,+CACA,uBAIA,yCACA,qBAGA,6BAGA,8CACA,wCACA,4BACA,wBACA,eAKA,SACA,oMAEA,4DACA,2CAGA,uBACA,gEAGA,yHAVA,MCtFqW,I,YCOjWC,EAAY,eACd,EACAnB,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,wGCfTC,EAAgB,CACpBC,QAAS,WAAF,8CAAE,wGAIN,OAHKC,EAAc,CAClBC,OAAQ,MACRC,IAAK,gBACN,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,qDAZQ,IAeIV,U,kCCnBf,gBAEMc,EAAc,SAACC,GAEjB,MAAO,CACLC,MAAO,CACLC,MAAO,CACLC,KAAM,QACNC,SAAUC,OAAmBC,yBAC7BC,kBAAkB,EAClBC,WAAW,GAEbC,KAAM,CACJN,KAAM,mGACNC,SAAUC,OAAmBK,oBAC7BC,SAAUX,EAASY,oBAErBC,OAAQ,CACNV,KAAM,uGACNC,SAAUC,OAAmBK,oBAC7BC,SAAUX,EAASc,yBAMdf","file":"js/observations.f3576f53.js","sourcesContent":["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\":this.$t('observations'),\"icon\":\"network-wired\",\"color\":\"bg-pastel-purple\"},slot:\"toolbar\"})],1),_c('input',{staticClass:\"block mb-2 text-sm font-medium text-gray-900 dark:text-white\",attrs:{\"id\":\"search_field\",\"type\":\"search\",\"placeholder\":\"Search\"}}),_c('hot-table',{key:_vm.componentKey,ref:\"hot\",attrs:{\"data\":_vm.observations,\"settings\":_vm.settings}},[_c('hot-column',{attrs:{\"title\":this.$t('from'),\"renderer\":_vm.epochRenderer,\"data\":\"timestamp_from_epoch\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":this.$t('to'),\"renderer\":_vm.epochRenderer,\"data\":\"timestamp_to_epoch\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":\"ID\",\"data\":\"id\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":this.$t('name'),\"data\":\"name\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":this.$t('component'),\"data\":\"component\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":this.$t('value'),\"data\":\"value\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":this.$t('unit'),\"data\":\"unit\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":this.$t('datalevel'),\"data\":\"level\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":\"lat\",\"data\":\"latitude\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":\"lon\",\"data\":\"longitude\",\"read-only\":\"true\"}}),_c('hot-column',{attrs:{\"title\":\"QC\",\"renderer\":_vm.qcbitflagsrenderer,\"data\":\"qc_flags.flags\",\"read-only\":\"true\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p-4\">\n    <l-container class=\"mb-4\">\n      <l-container-title\n        slot=\"toolbar\"\n        :text= \"this.$t('observations')\"\n        icon=\"network-wired\"\n        color=\"bg-pastel-purple\"\n      />\n    </l-container>\n\n    <input class=\"block mb-2 text-sm font-medium text-gray-900 dark:text-white\" id=\"search_field\" type=\"search\" placeholder=\"Search\">\n  \n    <hot-table :data=\"observations\" :settings=\"settings\" ref=\"hot\" :key=\"componentKey\">\n      <hot-column :title= \"this.$t('from')\"  :renderer=\"epochRenderer\" data=\"timestamp_from_epoch\" read-only=\"true\"></hot-column>\n      <hot-column :title= \"this.$t('to')\"  :renderer=\"epochRenderer\" data=\"timestamp_to_epoch\" read-only=\"true\"></hot-column>\n      <hot-column title= \"ID\" data=\"id\" read-only=\"true\"></hot-column>\n      <hot-column :title= \"this.$t('name')\" data=\"name\" read-only=\"true\"></hot-column>\n      <hot-column :title= \"this.$t('component')\"  data=\"component\" read-only=\"true\"></hot-column>\n      <hot-column :title= \"this.$t('value')\" data=\"value\" read-only=\"true\"></hot-column>\n      <hot-column :title= \"this.$t('unit')\" data=\"unit\" read-only=\"true\"></hot-column>\n      <hot-column :title= \"this.$t('datalevel')\" data=\"level\" read-only=\"true\"></hot-column>\n      <hot-column title=\"lat\" data=\"latitude\" read-only=\"true\"></hot-column>\n      <hot-column title=\"lon\" data=\"longitude\" read-only=\"true\"></hot-column>\n      <hot-column title=\"QC\" :renderer=\"qcbitflagsrenderer\" data=\"qc_flags.flags\" read-only=\"true\"></hot-column>\n    </hot-table>\n  </div>\n</template>\n\n<script>\nimport ContextMenu from \"./context.menu\";\nimport HandsontableHelper from \"@/helpers/settings/handsontable\";\nimport \"handsontable/dist/handsontable.full.css\";\nimport { HotTable, HotColumn } from \"@handsontable/vue\";\nimport Handsontable from \"handsontable\";\nimport ObservationsService from \"../../helpers/apiservices/observations/observations.service\";\nimport SensorsService from \"../../helpers/apiservices/sensors/sensors.service\";\n\nimport Notify from \"@/helpers/notify\";\n\nvar obshottable;\n\nexport default {\n  name: \"observations\",\n  components: {\n    HotTable,\n    HotColumn,\n    //LInput,\n    //LButton,\n    //LInfoBox,\n  },\n  data() {\n    return {\n      epochRenderer: HandsontableHelper.epochRenderer,\n      qcbitflagsrenderer : HandsontableHelper.qcbitflagsrenderer,\n      observations: [],\n      sensors: [],\n      componentKey: 0,\n      settings: HandsontableHelper.settings(false),\n    };\n  },\n  mounted() {\n    this.settings.afterSelectionEnd = this.selectRowOnly;\n    this.settings.dropdownMenu = false;\n    this.settings.contextMenu = ContextMenu(this);\n    this.loadInitialData();\n    //Notify.loadData(null, this.loadInitialData);\n\n    //forcing recreation of hot-table since nor re-rendering of table or edit settings updated headers\n    this.$root.$on('rendertable', () => {\n      this.componentKey += 1;\n    }); \n\n    obshottable = this.$refs.hot.hotInstance;\n\n    //search fields listenere\n    const searchField = document.querySelector('#search_field');\n    searchField.addEventListener('keyup', function(event) {\n      const search = obshottable.getPlugin('search');\n      const queryResult = search.query(event.target.value);\n      obshottable.render();\n    });\n\n  },\n\n  methods: {\n    async loadInitialData() {\n\n      this.sensors = await SensorsService.sensors();\n      let obs = await ObservationsService.observationsasync();\n\n      //Add name property\n      obs.forEach(ob => {\n        ob.name = this.sensors.find(obj => obj.id == ob.id).name;\n      });\n\n      this.observations = obs;\n      \n    },\n\n  }\n};\n</script>","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!./Observations.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!./Observations.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Observations.vue?vue&type=template&id=3b1d00f0&\"\nimport script from \"./Observations.vue?vue&type=script&lang=js&\"\nexport * from \"./Observations.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 axios from \"axios\";\nimport ErrorParser from '../../services/error.parser';\n\nconst SensorService = {\n  sensors: async function () {\n    const requestData = {\n      method: \"get\",\n      url: \"/api/sensors\"\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 SensorService;\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":""}