{"version":3,"sources":["webpack:///./src/components/survey/enumerators/StandardizationTest/standardization-data-entry.vue?2635","webpack:///./src/components/survey/enumerators/StandardizationTest/standardization-data-entry.vue?7246","webpack:///src/components/survey/enumerators/StandardizationTest/standardization-data-entry.vue","webpack:///./src/components/survey/enumerators/StandardizationTest/standardization-data-entry.vue?997e","webpack:///./src/components/survey/enumerators/StandardizationTest/standardization-data-entry.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","data","columns","nestedHeaders","hotSettings","staticRenderFns","buildColumns","length","Array","fill","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,YAAY,CAACG,IAAI,MAAMD,YAAY,aAAaE,MAAM,CAAC,KAAOR,EAAIS,KAAK,YAAY,MAAM,QAAUT,EAAIU,QAAQ,iBAAiBV,EAAIW,cAAc,cAAc,gCAAgC,SAAWX,EAAIY,gBAAgB,IAC5WC,EAAkB,G,oICwBtB,MAAMC,EAAeC,GAAU,IAAIC,MAAMD,GAAQE,KAAK,CACtD,iBAGA,OACA,oCACA,YACA,iBAEA,OACA,SACA,YACA,aAEA,aACA,WACA,aAEA,oBACA,cACA,aAEA,mBACA,cACA,cAGA,OACA,wDACA,OACA,cACA,aACA,WACA,qDACA,aACA,iBACA,aACA,WACA,aACA,iBACA,iBACA,cACA,cACA,aACA,YACA,YACA,0BACA,gBACA,2BAGA,aACA,qBAEA,oBACA,oBAEA,oBAIA,aACA,gBACA,4BACA,4CACA,8BACA,mDACA,8DAEA,iBACA,uCACA,SACA,cACA,SAEA,kBACA,aAGA,SAGA,OACA,cACA,4BAEA,0BACA,gDAEA,iBACA,QACA,aACA,aAEA,GADA,gCACA,+CACA,gBACA,kCACA,mGACA,mCAKA,gBACA,+CACA,mEACA,4BAGA,kBACA,mGACA,2CACA,YACA,eACA,0BACA,sBACA,mBACA,eAIA,YACA,+DACA,mBACA,SACA,gCACA,gCACA,6CAEA,aAEA,0BACA,WACA,wCACA,mBACA,iBACA,iCAEA,YACA,qBACA,cACA,aACA,YACA,+BAEA,MACA,iEAEA,yBAOA,OANA,UACA,WAEA,UAGA,cAEA,wCAEA,+BAEA,CACA,wDACA,2DAEA,2BAEA,uBACA,uCACA,IACA,oHACA,uDACA,IACA,WACA,OACA,OACA,EACA,IAGA,0BACA,+CAEA,cACA,MACA,UACA,oDACA,uBACA,+BACA,OACA,4BACA,aACA,eAIA,0BACA,sBAGA,qBACA,IACA,0CACA,8CACA,uBACA,YAGA,OADA,qCACA,EACA,SAEA,OADA,wEACA,IAGA,sBACA,wDACA,sBACA,0CACA,uBACA,mDACA,eAEA,mBACA,+CACA,yBACA,8CACA,yBAEA,iBAEA,wCACA,wBACA,uCACA,wFACA,OCnQiZ,I,wBCQ7YC,EAAY,eACd,EACAnB,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAK,E","file":"js/chunk-42829bdc.de260af1.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./standardization-data-entry.vue?vue&type=style&index=0&id=6f4d5417&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-20 st-data-entry\"},[_c('hot-table',{ref:\"hot\",staticClass:\"table-body\",attrs:{\"data\":_vm.data,\"stretch-h\":\"all\",\"columns\":_vm.columns,\"nested-headers\":_vm.nestedHeaders,\"license-key\":\"non-commercial-and-evaluation\",\"settings\":_vm.hotSettings}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mb-20 st-data-entry\">\n    <hot-table\n      ref=\"hot\"\n      class=\"table-body\"\n      :data=\"data\"\n      stretch-h=\"all\"\n      :columns=\"columns\"\n      :nested-headers=\"nestedHeaders\"\n      license-key=\"non-commercial-and-evaluation\"\n      :settings=\"hotSettings\"/>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\nimport { mapActions, mapState } from 'vuex';\nimport sortBy from 'lodash/sortBy';\nimport groupBy from 'lodash/groupBy';\nimport deepClone from 'lodash/cloneDeep';\nimport debounce from 'lodash/debounce';\nimport { HotTable } from '@handsontable/vue';\nimport Handsontable from 'handsontable';\nimport { enumeratorColumns, enumeratorColumnsDataFields } from '../../../../util/enumerators';\n\nconst buildColumns = length => new Array(length).fill({\n  type: 'numeric'\n});\n\nexport default {\n  name: 'StandardizationTestDataEntry',\n  components: {\n    HotTable\n  },\n  props: {\n    groupId: {\n      type: Number,\n      required: true\n    },\n    enumerators: {\n      type: Array,\n      required: true\n    },\n    onDataEntryChanges: {\n      type: Function,\n      required: true\n    },\n    onEnumeratorCount: {\n      type: Function,\n      required: true\n    }\n  },\n  data() {\n    const columnCount = this.enumerators.length * enumeratorColumns().length;\n    return {\n      columnCount,\n      cache: undefined,\n      mounted: false,\n      data: Handsontable.helper.createEmptySpreadsheetData(100, columnCount),\n      columns: buildColumns(columnCount),\n      nestedHeaders: [],\n      hotSettings: {\n        height: 550,\n        width: '100%',\n        columnSorting: false,\n        sortIndicator: false,\n        rowHeaders: true,\n        fillHandle: false,\n        colWidths: 85,\n        maxRows: 100,\n        minRows: 100,\n        afterGetColHeader: (col, header) => {\n          if (header && header.classList) {\n            header.classList.add('htLeft');\n          }\n        },\n        afterPaste() {\n          this.deselectCell();\n        },\n        afterChange: (changes, source) => {\n          this.updateCell(changes);\n        },\n        customBorders: []\n      }\n    };\n  },\n  computed: {\n    ...mapState({\n      project: state => state.survey.project,\n      standardization: state => state.survey.standardization,\n      surveyId: state => state.survey.surveyId,\n      lastUpdated: state => state.standardizationGroups.lastUpdated,\n      isSupervisor: state => state.survey.currentUserRoleSystem === 'srvy-sup'\n    }),\n    columnMetadata() {\n      const sortedEnumerators = this.createSortedEnumerators();\n      return sortedEnumerators\n        .map(enumerator => enumeratorColumnsDataFields\n          .map(metric => (\n            {\n              enumeratorId: enumerator.id,\n              metric\n            }\n          )))\n        .flat();\n    }\n  },\n  watch: {\n    enumerators() {\n      this.loadStandardization();\n    },\n    '$i18n.locale': function() {\n      this.nestedHeaders = this.initialNestedHeaders();\n    },\n    standardization: {\n      deep: true,\n      immediate: true,\n      handler(value, old) {\n        this.setStandardizationData(value);\n        if (!this.mounted && this.cache && this.cache.length > 0) {\n          this.mounted = true;\n          const key = 'standardization_loading';\n          this.$message.loading({ content: this.$t('components.notifications.settingUpDataEntryTable'), key });\n          this.loadCacheIntoTableData(key);\n        }\n      }\n    }\n  },\n  created() {\n    this.nestedHeaders = this.initialNestedHeaders();\n    if (this.standardization?.length === 0) {\n      this.loadStandardization();\n    }\n  },\n  mounted() {\n    if (this.isSupervisor && this.$refs?.hot?.hotInstance) {\n      this.$refs.hot.hotInstance.updateSettings({\n        readOnly: true,\n        contextMenu: false,\n        disableVisualSelection: true,\n        manualColumnResize: false,\n        manualRowResize: false,\n        comments: false\n      });\n    }\n  },\n  methods: {\n    ...mapActions(['getStandardization', 'updateStandardization']),\n    translateMetric(metric) {\n      const metrics = {\n        Height: this.$t('values.height'),\n        Weight: this.$t('values.weight'),\n        MUAC: this.$t('components.description.MUAC')\n      };\n      return metrics[metric];\n    },\n    setStandardizationData(value) {\n      const enumeratorCount = {};\n      const filteredData = value.filter(item => item.groupId === this.groupId);\n      const grouped = groupBy(filteredData, 'childId');\n      const groupedKeys = Object.keys(grouped);\n      const sortedEnumerators = this.createSortedEnumerators();\n\n      if (groupedKeys.length) {\n        this.cache = this.data;\n        groupedKeys.forEach((key) => {\n          const childResults = grouped[key];\n          const result = sortedEnumerators.map(enumerator => {\n            const childResult = childResults.find(item => item.id === enumerator.id);\n\n            if (childResult) {\n              const { weight1, weight2, height1, height2, muac1, muac2 } = childResult;\n\n              const addEnumCount = weight1 !== null && weight2 !== null ? 1 : 0;\n              if (enumerator.id in enumeratorCount) {\n                enumeratorCount[enumerator.id] += addEnumCount;\n              } else {\n                enumeratorCount[enumerator.id] = addEnumCount;\n              }\n\n              return [weight1, weight2, height1, height2, muac1, muac2];\n            }\n            return [null, null, null, null, null, null];\n          });\n          this.cache[key - 1] = result.flat();\n        });\n      } else {\n        const columnCount = this.enumerators.length * enumeratorColumns().length;\n        this.cache = Handsontable.helper.createEmptySpreadsheetData(100, columnCount);\n      }\n      this.onEnumeratorCount(enumeratorCount);\n    },\n    initialNestedHeaders() {\n      const sortedEnumerators = this.createSortedEnumerators();\n      const enumeratorNameHeaders = sortedEnumerators\n        .map(enumerator => ({ label: `${enumerator.firstName} ${enumerator.familyName} ${enumerator.supervisor ? `(${this.$t('values.supervisor')})` : ''}`, colspan: 6 }));\n      const enumeratorColumnNames = enumeratorColumns(this).map(colObj => Object.values(colObj)).flat();\n      const enumeratorDataHeaders = sortedEnumerators\n        .map(() => (enumeratorColumnNames))\n        .flat();\n      return [\n        enumeratorNameHeaders,\n        enumeratorDataHeaders\n      ];\n    },\n    createSortedEnumerators() {\n      return sortBy(this.enumerators, enumerator => !enumerator.supervisor);\n    },\n    updateCell(changes) {\n      if (changes) {\n        const updates = changes\n          .filter(([, column]) => (column < this.columns.length))\n          .map(([row, column, oldValue, newValue]) => {\n            const columnMetadata = this.columnMetadata[column];\n            return {\n              enumeratorId: columnMetadata.enumeratorId,\n              [columnMetadata.metric]: newValue,\n              childId: row + 1\n            };\n          });\n\n        this.onDataEntryChanges();\n        this.saveChanges(updates);\n      }\n    },\n    async saveChanges(updates) {\n      try {\n        const response = await this.updateStandardization({\n          projectId: this.$store.state.survey.project.id,\n          surveyId: this.surveyId,\n          updates\n        });\n        this.$message.success('Data saved!');\n        return response;\n      } catch (err) {\n        this.$alert().danger('An error occured saving standardization results');\n        return err;\n      }\n    },\n    loadStandardization() {\n      const columnCount = this.enumerators.length * enumeratorColumns().length;\n      if (columnCount < this.columnCount) {\n        this.columns = this.columns.slice(0, columnCount);\n      } else if (columnCount > this.columnCount) {\n        const columns = [...this.columns, ...buildColumns(columnCount - this.columnCount)];\n        this.columns = columns;\n      }\n      this.columnCount = columnCount;\n      this.nestedHeaders = this.initialNestedHeaders();\n      this.getStandardization({\n        projectId: this.$store.state.survey.project.id,\n        surveyId: this.surveyId\n      });\n      this.mounted = false;\n    },\n    loadCacheIntoTableData: debounce(function(key) {\n      const data = deepClone(this.cache);\n      this.$refs.hot.hotInstance.loadData(data);\n      this.$message.success({ content: this.$t('components.notifications.tableReady'), key });\n    }, 500)\n  }\n};\n</script>\n\n<style lang=\"scss\">\n  .st-data-entry .htCore {\n    tr:nth-child(1) > th.htLeft:nth-child(2n+0),\n    tr:nth-child(2) > th:nth-child(6n+1),\n    td:nth-child(6n+1) {\n      border-right: 2px solid #959595;\n    }\n  }\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./standardization-data-entry.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./standardization-data-entry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./standardization-data-entry.vue?vue&type=template&id=6f4d5417&\"\nimport script from \"./standardization-data-entry.vue?vue&type=script&lang=js&\"\nexport * from \"./standardization-data-entry.vue?vue&type=script&lang=js&\"\nimport style0 from \"./standardization-data-entry.vue?vue&type=style&index=0&id=6f4d5417&prod&lang=scss&\"\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"],"sourceRoot":""}