{"version":3,"sources":["webpack:///./src/components/forms/MolecularTestView.vue?f7b6","webpack:///./src/components/forms/MolecularTestView.vue?2b45","webpack:///src/components/forms/MolecularTestView.vue","webpack:///./src/components/forms/MolecularTestView.vue?99a5","webpack:///./src/components/forms/MolecularTestView.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","toggleModal","ref","attrs","dataSource","columns","scopedSlots","_u","key","fn","data","$event","editTest","id","deleteTest","isModalOpen","handleSubmit","options","model","value","callback","$$v","targetId","expression","staticRenderFns","components","DxTreeList","PageTitle","Modal","SelectInput","IconButton","testOptions","molecularPanelOptions","statusOptions","molecTests","testForm","specimenId","cytMolecTestId","cytMolecTestStatusId","created","displayName","type","computed","mapState","specimens","user","dataField","caption","dataType","cellTemplate","caseId","specimenIds","map","flat","Infinity","specimenOptions","methods","SpecimensApi","details","getSpecimenTests","loadSpecimenTests","testsMap","Promise","tests","event","rest","findOption","window","payload","requestedBy","requestedOn","cytologyService","CytologyEntities","targetPanel","sort","addedByCytMolecPanelId","component"],"mappings":"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","file":"js/chunk-75e5203c.65a1ab20.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!./MolecularTestView.vue?vue&type=style&index=0&id=22b45dbc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"d-flex\"},[_c('PageTitle',[_vm._v(\"Molecular Tests\")]),_c('button',{staticClass:\"btn btn-primary ml-auto\",on:{\"click\":_vm.toggleModal}},[_vm._v(\"Add Test\")])],1),_c('DxTreeList',{ref:\"gridRef\",attrs:{\"id\":\"molecularTestGrid\",\"data-source\":_vm.dataSource,\"show-borders\":true,\"word-wrap-enabled\":true,\"data-structure\":\"tree\",\"expand-nodes-on-filtering\":true,\"rendery-async\":true,\"allowColumnReordering\":true,\"allowColumnResizing\":true,\"row-alternation-enabled\":true,\"no-data-text\":\"No tests found\",\"columns\":_vm.columns},scopedSlots:_vm._u([{key:\"actions\",fn:function(ref){\nvar data = ref.data.data;\nreturn [_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('icon-button',{staticClass:\"btn pointer p-0 mr-2\",attrs:{\"icon\":\"edit\"},on:{\"click\":function($event){return _vm.editTest(data.id)}}}),_c('icon-button',{staticClass:\"btn text-danger pointer p-0\",attrs:{\"icon\":\"trash-alt\"},on:{\"click\":function($event){return _vm.deleteTest(data.id)}}})],1)]}}])}),_c('Modal',{attrs:{\"status\":_vm.isModalOpen},on:{\"close\":_vm.toggleModal}},[_c('div',{staticClass:\"container p-4\"},[_c('h3',[_vm._v(\"Add Molecular Test\")]),_c('form',{staticClass:\"form-grid\",on:{\"submit\":_vm.handleSubmit}},[_c('SelectInput',{attrs:{\"required\":\"\",\"label\":\"Select Test Or Panel\",\"dataSource\":_vm.options},model:{value:(_vm.targetId),callback:function ($$v) {_vm.targetId=$$v},expression:\"targetId\"}}),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"btn btn-primary ml-auto\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Save\")])])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- CONTENT -->\n  <div class=\"container\">\n    <div class=\"d-flex\">\n      <PageTitle>Molecular Tests</PageTitle>\n      <button class=\"btn btn-primary ml-auto\" @click=\"toggleModal\">Add Test</button>\n    </div>\n    <DxTreeList\n      id=\"molecularTestGrid\"\n      :data-source=\"dataSource\"\n      :show-borders=\"true\"\n      :word-wrap-enabled=\"true\"\n      data-structure=\"tree\"\n      :expand-nodes-on-filtering=\"true\"\n      :rendery-async=\"true\"\n      :allowColumnReordering=\"true\"\n      :allowColumnResizing=\"true\"\n      :row-alternation-enabled=\"true\"\n      no-data-text=\"No tests found\"\n      :columns=\"columns\"\n      ref=\"gridRef\"\n    >\n      <template v-slot:actions=\"{ data: { data } }\">\n        <div class=\"d-flex justify-content-center\">\n          <icon-button icon=\"edit\" class=\"btn pointer p-0 mr-2\" @click=\"editTest(data.id)\" />\n\n          <icon-button\n            icon=\"trash-alt\"\n            class=\"btn text-danger pointer p-0\"\n            @click=\"deleteTest(data.id)\"\n          />\n        </div>\n      </template>\n    </DxTreeList>\n\n    <Modal :status=\"isModalOpen\" @close=\"toggleModal\">\n      <div class=\"container p-4\">\n        <h3>Add Molecular Test</h3>\n        <form @submit=\"handleSubmit\" class=\"form-grid\">\n          <SelectInput\n            required\n            label=\"Select Test Or Panel\"\n            :dataSource=\"options\"\n            v-model=\"targetId\"\n          />\n          <div class=\"footer\">\n            <button class=\"btn btn-primary ml-auto\" type=\"submit\">Save</button>\n          </div>\n        </form>\n      </div>\n    </Modal>\n  </div>\n</template>\n\n<script>\nimport { SpecimensApi } from \"@/services\";\nimport { DxTreeList } from \"devextreme-vue\";\nimport { mapState } from \"vuex\";\nimport PageTitle from \"../common/PageTitle.vue\";\nimport Modal from \"../common/Modal.vue\";\nimport SelectInput from \"../common/SelectInput.vue\";\nimport cytologyService, { CytologyEntities } from \"@/services/cytology\";\nimport { CytMolecTestStatusEnum, enumToDropDown } from \"@/modules/enums\";\nimport IconButton from \"../common/IconButton.vue\";\n\nexport default {\n  components: { DxTreeList, PageTitle, Modal, SelectInput, IconButton },\n  data() {\n    return {\n      isModalOpen: false,\n      testOptions: cytologyService.createSearch(CytologyEntities.CytMolecTests),\n      molecularPanelOptions: cytologyService.createSearch(CytologyEntities.CytMolecPanels),\n      statusOptions: enumToDropDown(CytMolecTestStatusEnum),\n      molecTests: {},\n      targetId: null,\n      testForm: {\n        specimenId: null,\n        cytMolecTestId: null,\n        cytMolecTestStatusId: \"Sent\"\n      },\n      options: []\n    };\n  },\n  created() {\n    if (this.specimenIds?.length) {\n      this.loadSpecimenTests();\n    }\n    this.molecularPanelOptions.load().then(data => {\n      this.options = [\n        ...this.options,\n        ...data.map(e => ({ id: e.id, displayName: `${e.displayText} (P)`, type: \"panel\" }))\n      ];\n      return this.testOptions.load().then(data => {\n        this.options = [\n          ...this.options,\n          ...data.map(e => ({ id: e.id, displayName: `${e.displayText} (T)`, type: \"test\" }))\n        ];\n      });\n    });\n  },\n  computed: {\n    ...mapState({\n      specimens: state => state.accessionStore.caseDetails.specimens,\n      user: state => state.currentUser\n    }),\n    columns() {\n      return [\n        {\n          dataField: \"cytMolecTest\",\n          caption: \"Test\"\n        },\n        { dataField: \"seqNum\", caption: \"Seq Num\" },\n        { dataField: \"requestedBy\", caption: \"Requested By\" },\n        { dataField: \"requestedOn\", caption: \"Requested On\", dataType: \"date\" },\n        { dataField: \"sentBy\", caption: \"Sent By\" },\n        { dataField: \"sentOn\", caption: \"Sent On\" },\n        { dataField: \"resultedBy\", caption: \"Resulted By\" },\n        { dataField: \"resultedOn\", caption: \"Resulted On\", dataType: \"date\" },\n        { dataField: \"cytMolecResult\", caption: \"Result\" },\n        { dataField: \"cytMolecTestStatus\", caption: \"Status\" },\n        {\n          caption: \"Actions\",\n          cellTemplate: \"actions\"\n        }\n      ];\n    },\n    caseId() {\n      return this.$route.params.caseId;\n    },\n    specimenIds() {\n      return (this.specimens || [])?.map(specimen => specimen.id);\n    },\n    dataSource() {\n      const keys = Object.keys(this.molecTests);\n      if (keys.length) {\n        return keys\n          .map(key => this.molecTests[key].map(e => ({ ...e, specimenId: key })))\n          .flat(Infinity);\n      }\n      return [];\n    },\n    specimenOptions() {\n      return this.specimens.map(specimen => ({\n        id: specimen.id,\n        displayName: specimen.specimenOrder\n      }));\n    }\n  },\n  methods: {\n    async deleteTest(id) {\n      await SpecimensApi.deleteMolecularTest(id);\n      this.loadSpecimenTests();\n    },\n    async editTest(id) {\n      const details = await SpecimensApi.getMolecularTest(id);\n      this.testForm = details;\n      this.toggleModal();\n    },\n    getSpecimenTests(specimenId) {\n      return SpecimensApi.getMolecularTests(specimenId);\n    },\n    async loadSpecimenTests() {\n      const testsMap = {};\n      await Promise.all(\n        this.specimenIds.map(async id => {\n          const tests = await this.getSpecimenTests(id);\n          testsMap[id] = tests;\n        })\n      );\n      this.molecTests = testsMap;\n    },\n    toggleModal() {\n      this.isModalOpen = !this.isModalOpen;\n    },\n    async handleSubmit(event) {\n      event.preventDefault();\n      const { ...rest } = this.testForm;\n\n      const findOption = this.options.find(e => e.id === this.targetId);\n      if (!findOption) {\n        window.alert(\"Please select a test or panel.\");\n        return;\n      }\n\n      const specimenId = this.specimenIds[0];\n      const { type, id } = findOption;\n\n      if (type === \"test\") {\n        const payload = {\n          ...rest,\n          cytMolecTestId: id,\n          specimenId,\n          requestedBy: this.user.displayName,\n          requestedOn: new Date()\n        };\n        await SpecimensApi.insertMolecularTest(specimenId, payload);\n      }\n      if (type === \"panel\") {\n        const targetPanel = await cytologyService.getSingleEntity(\n          CytologyEntities.CytMolecPanels,\n          id\n        );\n        const tests = targetPanel.tests\n          .sort((a, b) => a.seqNum - b.seqNum)\n          .map(e => ({\n            cytMolecTestId: e.cytMolecTestId,\n            addedByCytMolecPanelId: id,\n            specimenId,\n            requestedBy: this.user.displayName,\n            requestedOn: new Date()\n          }));\n        await Promise.all(tests.map(e => SpecimensApi.insertMolecularTest(specimenId, e)));\n\n        // const targetSpecimen = this.specimens.find(e => e.id === specimenId);\n        // const currentIcds = this.specimen.icdCodes.map(e => e.id);\n      }\n\n      this.loadSpecimenTests();\n      this.toggleModal();\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 1rem;\n  .footer {\n    grid-column: span 2;\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!./MolecularTestView.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!./MolecularTestView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MolecularTestView.vue?vue&type=template&id=22b45dbc&scoped=true&\"\nimport script from \"./MolecularTestView.vue?vue&type=script&lang=js&\"\nexport * from \"./MolecularTestView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MolecularTestView.vue?vue&type=style&index=0&id=22b45dbc&lang=scss&scoped=true&\"\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  \"22b45dbc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}