{"version":3,"sources":["webpack:///./node_modules/@ant-design/icons-svg/es/asn/FormOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/FormOutlined.js","webpack:///./src/components/admin-panel/pages/ModelTypes/AddModelType.vue?8713","webpack:///./src/components/admin-panel/pages/ModelTypes/Index.vue","webpack:///./src/components/admin-panel/pages/ModelTypes/ModelTypes.vue","webpack:///./src/components/admin-panel/pages/ModelTypes/config.js","webpack:///./src/components/admin-panel/pages/ModelTypes/ModelTypes.vue?101b","webpack:///./src/components/admin-panel/pages/ModelTypes/AddModelType.vue","webpack:///./src/components/admin-panel/pages/ModelTypes/AddModelType.vue?f147","webpack:///./src/components/admin-panel/pages/ModelTypes/Index.vue?476f"],"names":["_objectSpread","target","i","arguments","length","source","Object","ownKeys","keys","getOwnPropertySymbols","concat","filter","sym","getOwnPropertyDescriptor","enumerable","forEach","key","_defineProperty","obj","value","defineProperty","configurable","writable","props","context","p","attrs","AntdIcon","displayName","inheritAttrs","class","_createElementVNode","_createElementBlock","_hoisted_1","_createVNode","_component_a_button","type","onClick","_cache","$event","_ctx","setShowAddModelTypeModal","icon","_withCtx","_hoisted_2","_component_model_types","_component_add_model_type","_createBlock","_component_a_table","columns","$setup","data-source","modelTypes","loading","isFetchingModelTypes","bodyCell","record","column","_Fragment","_renderList","model_files","modelFile","_component_a_tag","file_path","color","$options","getFilePath","handleEditModelType","_component_form_outlined","title","dataIndex","align","components","FormOutlined","setup","computed","mapGetters","created","this","fetchModelTypes","methods","mapActions","file","file_name","__exports__","_component_a_modal","visible","showAddModelTypeModal","closable","modelTypeToBeEdited","destroy-on-close","ok-text","width","body-style","ok-button-props","disabled","isDisabled","isAddingModelType","onOk","handleAddModelType","onCancel","handleCancel","_component_a_input","$data","modelType","placeholder","_component_a_list","modelFiles","bordered","size","header","_component_a_typography_text","strong","handleAddNewFile","renderItem","item","index","_component_a_list_item","content","actions","_normalizeClass","isEdit","default","handleEdit","handleSaveRemove","data","isAddingNewFile","get","$store","state","set","name","JSON","stringify","every","f","watch","v","handleChange","fileName","temp","fileIndex","findIndex","pop","modelTypePayload","addNewModelTypeAndFiles","modelFilesPayload","updateModelType","newModelType","newModelFiles","setModelToBeEdited","ModelTypes","AddModelType","render"],"mappings":"yJACI,EAAe,CAAE,KAAQ,CAAE,IAAO,MAAO,MAAS,CAAE,QAAW,gBAAiB,UAAa,SAAW,SAAY,CAAC,CAAE,IAAO,OAAQ,MAAS,CAAE,EAAK,uLAA0L,CAAE,IAAO,OAAQ,MAAS,CAAE,EAAK,oQAAwQ,KAAQ,OAAQ,MAAS,YACvoB,I,YCAf,SAASA,EAAcC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaI,OAAOH,UAAUD,IAAM,GAAQK,EAAUD,OAAOE,KAAKH,GAAqD,oBAAjCC,OAAOG,wBAAwCF,EAAUA,EAAQG,OAAOJ,OAAOG,sBAAsBJ,GAAQM,QAAO,SAAUC,GAAO,OAAON,OAAOO,yBAAyBR,EAAQO,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUC,GAAOC,EAAgBhB,EAAQe,EAAKX,EAAOW,OAAa,OAAOf,EAEhe,SAASgB,EAAgBC,EAAKF,EAAKG,GAAiK,OAApJH,KAAOE,EAAOZ,OAAOc,eAAeF,EAAKF,EAAK,CAAEG,MAAOA,EAAOL,YAAY,EAAMO,cAAc,EAAMC,UAAU,IAAkBJ,EAAIF,GAAOG,EAAgBD,EAO3M,IAAI,EAAe,SAAsBK,EAAOC,GAC9C,IAAIC,EAAIzB,EAAc,GAAIuB,EAAOC,EAAQE,OAEzC,OAAO,yBAAaC,EAAA,KAAU3B,EAAc,GAAIyB,EAAG,CACjD,KAAQ,IACN,OAGN,EAAaG,YAAc,eAC3B,EAAaC,cAAe,EACb,U,oCCrBf,W,kECCOC,MAAM,O,EAOLC,gCAAkC,KAA/BD,MAAM,wBAAsB,S,2MAPrCE,gCAaM,MAbNC,EAaM,CAZJC,yBASWC,EAAA,CARTL,MAAM,6CACNM,KAAK,UACJC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,GAAEC,EAAAC,0BAAyB,K,CAEtBC,KAAIC,qBACb,IAAkC,CAAlCC,I,6BACS,IAEb,C,6BAFa,sB,MAGbV,yBAAeW,GACfX,yBAAkBY,K,+OCZpBC,yBAuBUC,EAAA,CAtBPC,QAASC,EAAAD,QACTE,cAAaX,EAAAY,WACbC,QAASb,EAAAc,sB,CAECC,SAAQZ,qBACjB,EADqBa,SAAQC,YAAM,CACJ,eAAfA,EAAOzC,K,2BACrBgB,gCAMQ0B,cAAA,CAAA1C,IAAA,GAAA2C,wBALcH,EAAOI,YAApBC,I,yBADTd,yBAMQe,EAAA,CAJL9C,IAAK6C,EAAUE,UAChBC,MAAM,Q,8BAEN,IAA4B,C,0DAAzBC,EAAAC,YAAYL,IAAS,K,0DAGG,YAAfJ,EAAOzC,K,yBACrB+B,yBAIWZ,EAAA,C,MAJAE,QAAKE,GAAEC,EAAA2B,oBAAoBX,I,CACzBd,KAAIC,qBACb,IAAiB,CAAjBT,yBAAiBkC,K,yICnBtB,MAAMnB,EAAU,CACrB,CACEoB,MAAO,OACPC,UAAW,OACXtD,IAAK,OACLuD,MAAO,UAET,CACEF,MAAO,cACPC,UAAW,aACXtD,IAAK,aACLuD,MAAO,UAET,CACEF,MAAO,YACPrD,IAAK,UACLuD,MAAO,WDeI,OACbC,WAAY,CACVC,qBAGFC,QACE,MAAO,CACLzB,YAIJ0B,SAAU,IACLC,eAAW,CAAC,aAAc,0BAG/BC,UACEC,KAAKC,mBAGPC,QAAS,IACJC,eAAW,CAAC,kBAAmB,wBAElCf,YAAYgB,GACV,MAAM,UAAEC,EAAS,UAAEpB,GAAcmB,EACjC,OAAKnB,EACE,GAAGA,KAAaoB,IADAA,K,qBElD7B,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,Q,SCcFtD,MAAM,6B,8UApBjBiB,yBAkFUsC,EAAA,CAjFAC,QAASrB,EAAAsB,sB,kCAAAtB,EAAAsB,sBAAqBhD,GACtCiD,SAAA,GACCnB,OAAU7B,EAAAiD,oBAAsB,SAAW,OAAtC,cACNC,mBAAA,GACCC,UAASnD,EAAAiD,oBAAsB,SAAW,MAC3CG,MAAM,OACLC,aAAY,C,qDAKZC,kBAAe,CAAAC,SAAc9B,EAAA+B,WAAU3C,QAAWb,EAAAyD,mBAClDC,KAAE5D,EAAA,KAAAA,EAAA,GAAAC,GAAEC,EAAAiD,oBAAsBxB,EAAAE,sBAAwBF,EAAAkC,sBAClDC,SAAQnC,EAAAoC,c,8BAET,IAAoE,CAApEnE,yBAAoEoE,EAAA,CAAnDnF,MAAOoF,EAAAC,U,gCAAAD,EAAAC,UAASjE,GAAEkE,YAAY,oB,kBAE/CvE,yBA+DSwE,EAAA,CA/DAvD,cAAaoD,EAAAI,WAAY7E,MAAM,aAAa8E,SAAA,GAASC,KAAK,S,CACtDC,OAAMnE,qBACf,IAYM,CAZNZ,gCAYM,MAZNE,EAYM,CAXJC,yBAEoB6E,EAAA,CAFDC,OAAA,IAAM,C,6BAAC,IAE1B,C,6BAF0B,mB,MAG1B9E,yBAOWC,EAAA,CANTL,MAAM,UACNM,KAAK,UACLyE,KAAK,QACJxE,QAAO4B,EAAAgD,kB,8BACT,IAED,C,6BAFC,gB,wBAMMC,WAAUvE,qBACnB,EADuBwE,OAAMC,WAAK,CACL,IAAVA,G,yBAAnBrE,yBAGcsE,EAAA,C,MAHkBvF,MAAM,a,8BACpC,IAAgD,CAAhDI,yBAAgD6E,EAAA,CAA7BC,OAAA,GAAOM,QAAQ,cAClCpF,yBAAgD6E,EAAA,CAA7BC,OAAA,GAAOM,QAAQ,gB,8CAEpCpF,yBAuCcmF,EAAA,CAvCDvF,MAAM,aAAW,CACjByF,QAAO5E,qBAChB,IAOW,CAPXT,yBAOWC,EAAA,CANTC,KAAK,OACJN,MAAK0F,4BAAA,kBAAsBL,EAAKM,SACjCC,QAAA,GACCrF,QAAKE,GAAE0B,EAAA0D,WAAWR,I,8BAEnB,IAAqC,C,0DAAlCA,EAAKM,OAAS,SAAW,QAAd,K,+BAGhBvF,yBAMWC,EAAA,CALTC,KAAK,OACJN,MAAK0F,4BAAA,gBAAoBL,EAAKM,SAC9BpF,QAAKE,GAAE0B,EAAA2D,iBAAiBT,EAAKhC,Y,8BAE9B,IAAqC,C,0DAAlCgC,EAAKM,OAAS,OAAS,UAAZ,K,8DAIlB,IAQM,CARN1F,gCAQM,YANIoF,EAAKM,Q,yBADb1E,yBAKEuD,EAAA,C,MAHQnF,MAAOgG,EAAKhC,U,oBAALgC,EAAKhC,UAAS5C,EAC7BsE,KAAK,QACLJ,YAAY,mB,8DAEd1D,yBAAsDgE,EAAA,C,MAA3BO,QAASH,EAAKhC,W,uBAG3CpD,gCAQM,YANIoF,EAAKM,Q,yBADb1E,yBAKEuD,EAAA,C,MAHQnF,MAAOgG,EAAKpD,U,oBAALoD,EAAKpD,UAASxB,EAC7BsE,KAAK,QACLJ,YAAY,mB,8DAEd1D,yBAA6DgE,EAAA,C,MAAlCO,QAAO,KAASH,EAAKpD,W,mIAS7C,OACb8D,OACE,MAAO,CACLrB,UAAW,GACXG,WAAY,GACZmB,iBAAiB,IAIrBnD,SAAU,IACLC,eAAW,CAAC,oBAAqB,wBACpCW,sBAAuB,CACrBwC,MACE,OAAOjD,KAAKkD,OAAOC,MAAM7E,WAAWmC,uBAEtC2C,IAAI/G,GACF2D,KAAKrC,yBAAyBtB,KAGlC6E,aACE,GAAIlB,KAAKW,oBAAqB,CAC5B,MAAM,KAAE0C,EAAI,YAAEvE,GAAgBkB,KAAKW,oBACnC,OACEX,KAAK0B,YAAc2B,GACnBC,KAAKC,UAAUvD,KAAK6B,cAAgByB,KAAKC,UAAUzE,GAGvD,OACGkB,KAAK0B,WACN1B,KAAK6B,WAAW2B,MAAOC,IAAOA,EAAEpD,YAAcoD,EAAExE,aAKtDyE,MAAO,CACL/C,oBAAoBgD,GAClB,GAAIA,EAAG,CACL,MAAM,KAAEN,EAAI,YAAEvE,GAAgB6E,EAC9B3D,KAAK0B,UAAY2B,EACjBrD,KAAK6B,WAAa/C,OAElBkB,KAAK0B,UAAY,GACjB1B,KAAK6B,WAAa,KAKxB3B,QAAS,IACJC,eAAW,CACZ,2BACA,0BACA,qBACA,oBAEFyD,aAAavH,EAAOwH,GAClB,MAAMC,EAAO,IAAI9D,KAAK6B,YAChBkC,EAAYD,EAAKE,UAAWP,GAAMA,EAAEpD,YAAcwD,GACxDC,EAAKC,GAAW,aAAe1H,EAC/B2D,KAAK6B,WAAaiC,GAGpBhB,iBAAiBe,GACf,IAAIC,EAAO,IAAI9D,KAAK6B,YACpB,MAAMkC,EAAYD,EAAKE,UAAWP,GAAMA,EAAEpD,YAAcwD,GACpDC,EAAKC,GAAW,UAClBD,EAAKC,GAAW,WAAY,EAE5BD,EAAOA,EAAKjI,OAAQ4H,GAAMA,EAAEpD,YAAcwD,GAE5C7D,KAAK6B,WAAaiC,EAClB9D,KAAKgD,iBAAkB,GAGzBH,WAAWzC,GACT,MAAM,UAAEC,GAAcD,EAChB0D,EAAO,IAAI9D,KAAK6B,YACtB,GAAI7B,KAAKgD,gBACPc,EAAKG,MACLjE,KAAKgD,iBAAkB,MAClB,CACL,MAAMe,EAAYD,EAAKE,UAAWP,GAAMA,EAAEpD,YAAcA,GACxDyD,EAAKC,GAAW,WAAaD,EAAKC,GAAW,UAE/C/D,KAAK6B,WAAaiC,GAGpB3B,mBACEnC,KAAKgD,iBAAkB,EACvBhD,KAAK6B,WAAa,IACb7B,KAAK6B,WACR,CAAExB,UAAW,GAAIpB,UAAW,GAAI0D,QAAQ,KAI5C,2BACE,MAAMuB,EAAmB,CACvBb,KAAMrD,KAAK0B,iBAGP1B,KAAKmE,wBAAwB,CACjCD,mBACAE,kBAAmBpE,KAAK6B,aAE1B7B,KAAKuB,gBAGP,kCACQvB,KAAKqE,gBAAgB,CACzBC,aAActE,KAAK0B,UACnB6C,cAAevE,KAAK6B,aAEtB7B,KAAKuB,gBAGPA,eACEvB,KAAK0B,UAAY,GACjB1B,KAAK6B,WAAa,GAClB7B,KAAKwE,mBAAmB,S,UCrM9B,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,QLYA,GACb9E,WAAY,CACV+E,aACAC,gBAEFxE,QAAS,IACJC,eAAW,CAAC,+BMtBnB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASwE,KAErD","file":"js/chunk-b9d8b3bc.18196e37.js","sourcesContent":["// This icon file is generated automatically.\nvar FormOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z\" } }] }, \"name\": \"form\", \"theme\": \"outlined\" };\nexport default FormOutlined;\n","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport FormOutlinedSvg from \"@ant-design/icons-svg/es/asn/FormOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar FormOutlined = function FormOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": FormOutlinedSvg\n  }), null);\n};\n\nFormOutlined.displayName = 'FormOutlined';\nFormOutlined.inheritAttrs = false;\nexport default FormOutlined;","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./AddModelType.vue?vue&type=style&index=0&id=4c5b6a3a&lang=css\"","<template>\r\n  <div class=\"p-4\">\r\n    <a-button\r\n      class=\"float-right mb-3 d-flex align-items-center\"\r\n      type=\"primary\"\r\n      @click=\"setShowAddModelTypeModal(true)\"\r\n    >\r\n      <template #icon>\r\n        <i class=\"bi bi-plus mr-1 mb-1\" />\r\n      </template>\r\n      Add Model Type\r\n    </a-button>\r\n    <model-types />\r\n    <add-model-type />\r\n  </div>\r\n</template>\r\n<script>\r\nimport ModelTypes from './ModelTypes.vue';\r\nimport AddModelType from './AddModelType.vue';\r\nimport { mapActions } from 'vuex';\r\n\r\nexport default {\r\n  components: {\r\n    ModelTypes,\r\n    AddModelType,\r\n  },\r\n  methods: {\r\n    ...mapActions(['setShowAddModelTypeModal']),\r\n  },\r\n};\r\n</script>\r\n","<template>\r\n  <a-table\r\n    :columns=\"columns\"\r\n    :data-source=\"modelTypes\"\r\n    :loading=\"isFetchingModelTypes\"\r\n  >\r\n    <template #bodyCell=\"{ record, column }\">\r\n      <template v-if=\"column.key === 'modelFiles'\">\r\n        <a-tag\r\n          v-for=\"modelFile in record.model_files\"\r\n          :key=\"modelFile.file_path\"\r\n          color=\"blue\"\r\n        >\r\n          {{ getFilePath(modelFile) }}\r\n        </a-tag>\r\n      </template>\r\n      <template v-if=\"column.key === 'actions'\">\r\n        <a-button @click=\"handleEditModelType(record)\">\r\n          <template #icon>\r\n            <form-outlined />\r\n          </template>\r\n        </a-button>\r\n      </template>\r\n    </template>\r\n  </a-table>\r\n</template>\r\n<script>\r\nimport { FormOutlined } from '@ant-design/icons-vue';\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport { columns } from './config';\r\n\r\nexport default {\r\n  components: {\r\n    FormOutlined,\r\n  },\r\n\r\n  setup() {\r\n    return {\r\n      columns,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters(['modelTypes', 'isFetchingModelTypes']),\r\n  },\r\n\r\n  created() {\r\n    this.fetchModelTypes();\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(['fetchModelTypes', 'handleEditModelType']),\r\n\r\n    getFilePath(file) {\r\n      const { file_name, file_path } = file;\r\n      if (!file_path) return file_name;\r\n      return `${file_path}/${file_name}`;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style></style>\r\n","export const columns = [\r\n  {\r\n    title: 'Name',\r\n    dataIndex: 'name',\r\n    key: 'name',\r\n    align: 'center',\r\n  },\r\n  {\r\n    title: 'Model Files',\r\n    dataIndex: 'modelFiles',\r\n    key: 'modelFiles',\r\n    align: 'center',\r\n  },\r\n  {\r\n    title: 'Action(s)',\r\n    key: 'actions',\r\n    align: 'center',\r\n  },\r\n];\r\n","import { render } from \"./ModelTypes.vue?vue&type=template&id=66f5eb6e\"\nimport script from \"./ModelTypes.vue?vue&type=script&lang=js\"\nexport * from \"./ModelTypes.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <a-modal\r\n    v-model:visible=\"showAddModelTypeModal\"\r\n    closable\r\n    :title=\"`${modelTypeToBeEdited ? 'Update' : 'Add'} Model Type`\"\r\n    destroy-on-close\r\n    :ok-text=\"modelTypeToBeEdited ? 'Update' : 'Add'\"\r\n    width=\"60vw\"\r\n    :body-style=\"{\r\n      height: '60vh',\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n    }\"\r\n    :ok-button-props=\"{ disabled: isDisabled, loading: isAddingModelType }\"\r\n    @ok=\"modelTypeToBeEdited ? handleEditModelType() : handleAddModelType()\"\r\n    @cancel=\"handleCancel\"\r\n  >\r\n    <a-input v-model:value=\"modelType\" placeholder=\"Enter Model Type\" />\r\n\r\n    <a-list :data-source=\"modelFiles\" class=\"files-list\" bordered size=\"small\">\r\n      <template #header>\r\n        <div class=\"d-flex align-items-center\">\r\n          <a-typography-text strong>\r\n            Model Files\r\n          </a-typography-text>\r\n          <a-button\r\n            class=\"ml-auto\"\r\n            type=\"primary\"\r\n            size=\"small\"\r\n            @click=\"handleAddNewFile\"\r\n          >\r\n            Add File\r\n          </a-button>\r\n        </div>\r\n      </template>\r\n\r\n      <template #renderItem=\"{ item, index }\">\r\n        <a-list-item v-if=\"index === 0\" class=\"list-item\">\r\n          <a-typography-text strong content=\"File Name\" />\r\n          <a-typography-text strong content=\"File Path\" />\r\n        </a-list-item>\r\n        <a-list-item class=\"list-item\">\r\n          <template #actions>\r\n            <a-button\r\n              type=\"link\"\r\n              :class=\"{ 'text-secondary': item.isEdit }\"\r\n              default\r\n              @click=\"handleEdit(item)\"\r\n            >\r\n              {{ item.isEdit ? 'Cancel' : 'Edit' }}\r\n            </a-button>\r\n\r\n            <a-button\r\n              type=\"link\"\r\n              :class=\"{ 'text-danger': !item.isEdit }\"\r\n              @click=\"handleSaveRemove(item.file_name)\"\r\n            >\r\n              {{ item.isEdit ? 'Save' : 'Remove' }}\r\n            </a-button>\r\n          </template>\r\n\r\n          <div>\r\n            <a-input\r\n              v-if=\"item.isEdit\"\r\n              v-model:value=\"item.file_name\"\r\n              size=\"small\"\r\n              placeholder=\"Enter File Name\"\r\n            />\r\n            <a-typography-text v-else :content=\"item.file_name\" />\r\n          </div>\r\n\r\n          <div>\r\n            <a-input\r\n              v-if=\"item.isEdit\"\r\n              v-model:value=\"item.file_path\"\r\n              size=\"small\"\r\n              placeholder=\"Enter File Path\"\r\n            />\r\n            <a-typography-text v-else :content=\"'./' + item.file_path\" />\r\n          </div>\r\n        </a-list-item>\r\n      </template>\r\n    </a-list>\r\n  </a-modal>\r\n</template>\r\n<script>\r\nimport { mapActions, mapGetters } from 'vuex';\r\nexport default {\r\n  data() {\r\n    return {\r\n      modelType: '',\r\n      modelFiles: [],\r\n      isAddingNewFile: false,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters(['isAddingModelType', 'modelTypeToBeEdited']),\r\n    showAddModelTypeModal: {\r\n      get() {\r\n        return this.$store.state.modelTypes.showAddModelTypeModal;\r\n      },\r\n      set(value) {\r\n        this.setShowAddModelTypeModal(value);\r\n      },\r\n    },\r\n    isDisabled() {\r\n      if (this.modelTypeToBeEdited) {\r\n        const { name, model_files } = this.modelTypeToBeEdited;\r\n        return (\r\n          this.modelType === name &&\r\n          JSON.stringify(this.modelFiles) === JSON.stringify(model_files)\r\n        );\r\n      }\r\n      return (\r\n        !this.modelType ||\r\n        this.modelFiles.every((f) => !f.file_name && !f.file_path)\r\n      );\r\n    },\r\n  },\r\n\r\n  watch: {\r\n    modelTypeToBeEdited(v) {\r\n      if (v) {\r\n        const { name, model_files } = v;\r\n        this.modelType = name;\r\n        this.modelFiles = model_files;\r\n      } else {\r\n        this.modelType = '';\r\n        this.modelFiles = [];\r\n      }\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions([\r\n      'setShowAddModelTypeModal',\r\n      'addNewModelTypeAndFiles',\r\n      'setModelToBeEdited',\r\n      'updateModelType',\r\n    ]),\r\n    handleChange(value, fileName) {\r\n      const temp = [...this.modelFiles];\r\n      const fileIndex = temp.findIndex((f) => f.file_name === fileName);\r\n      temp[fileIndex]['file_name'] = value;\r\n      this.modelFiles = temp;\r\n    },\r\n\r\n    handleSaveRemove(fileName) {\r\n      let temp = [...this.modelFiles];\r\n      const fileIndex = temp.findIndex((f) => f.file_name === fileName);\r\n      if (temp[fileIndex]['isEdit']) {\r\n        temp[fileIndex]['isEdit'] = false;\r\n      } else {\r\n        temp = temp.filter((f) => f.file_name !== fileName);\r\n      }\r\n      this.modelFiles = temp;\r\n      this.isAddingNewFile = false;\r\n    },\r\n\r\n    handleEdit(file) {\r\n      const { file_name } = file;\r\n      const temp = [...this.modelFiles];\r\n      if (this.isAddingNewFile) {\r\n        temp.pop();\r\n        this.isAddingNewFile = false;\r\n      } else {\r\n        const fileIndex = temp.findIndex((f) => f.file_name === file_name);\r\n        temp[fileIndex]['isEdit'] = !temp[fileIndex]['isEdit'];\r\n      }\r\n      this.modelFiles = temp;\r\n    },\r\n\r\n    handleAddNewFile() {\r\n      this.isAddingNewFile = true;\r\n      this.modelFiles = [\r\n        ...this.modelFiles,\r\n        { file_name: '', file_path: '', isEdit: true },\r\n      ];\r\n    },\r\n\r\n    async handleAddModelType() {\r\n      const modelTypePayload = {\r\n        name: this.modelType,\r\n      };\r\n\r\n      await this.addNewModelTypeAndFiles({\r\n        modelTypePayload,\r\n        modelFilesPayload: this.modelFiles,\r\n      });\r\n      this.handleCancel();\r\n    },\r\n\r\n    async handleEditModelType() {\r\n      await this.updateModelType({\r\n        newModelType: this.modelType,\r\n        newModelFiles: this.modelFiles,\r\n      });\r\n      this.handleCancel();\r\n    },\r\n\r\n    handleCancel() {\r\n      this.modelType = '';\r\n      this.modelFiles = [];\r\n      this.setModelToBeEdited(null);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n.files-list {\r\n  margin-top: 1em;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.files-list > .ant-spin-nested-loading {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.files-list > .ant-spin-nested-loading > .ant-spin-container {\r\n  flex-grow: 1;\r\n  height: 1px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.list-item {\r\n  gap: 1em;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n}\r\n</style>\r\n","import { render } from \"./AddModelType.vue?vue&type=template&id=4c5b6a3a\"\nimport script from \"./AddModelType.vue?vue&type=script&lang=js\"\nexport * from \"./AddModelType.vue?vue&type=script&lang=js\"\n\nimport \"./AddModelType.vue?vue&type=style&index=0&id=4c5b6a3a&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Index.vue?vue&type=template&id=0b1a7688\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}