{"version":3,"sources":["webpack:///./src/components/user-panel/pages/IoT/config.js","webpack:///./src/components/user-panel/pages/IoT/OPCConnectionManagement.vue?d94a","webpack:///./src/components/user-panel/pages/IoT/OPCConnectionMenuBar.vue","webpack:///./src/components/user-panel/pages/IoT/OPCConnectionManagement.vue","webpack:///./src/components/user-panel/pages/IoT/OPCConnectionManagement.vue?aeb1","webpack:///./src/components/user-panel/pages/IoT/OPCConnectionMenuBar.vue?3c8b","webpack:///./src/services/iot.js"],"names":["columns","title","dataIndex","key","align","width","customRender","text","record","OpcConnectionColumns","OpcConfigurationFields","OpcSecurityPolicy","value","label","class","_createElementBlock","_hoisted_1","_createVNode","_component_OPCConnectionManagement","_createElementVNode","_component_a_modal","visible","_ctx","showModal","$event","body-style","height","overflowY","ok-text","confirm-loading","saveButtonIsLoading","onOk","handleSubmit","onCancel","handleCancel","_component_a_space","direction","_component_a_form","ref","model","formData","rules","validationRules","_Fragment","_renderList","opcFormFields","field","_component_a_form_item","updateLabel","has-feedback","label-col","span","wrapper-col","style","name","_component_a_select","placeholder","options","unConfiguredDevicesOption","show-search","filter-option","filterOption","onChange","handleDeviceChange","disabled","editModeEnabled","anonymous_access","_hoisted_2","_component_a_switch","checked","handleAnonymousAccessChange","_hoisted_3","autocomplete","_createBlock","securityPolicy","_component_a_input_password","type","isInputDisabled","_component_a_input","handleInputChange","_component_a_row","gutter","_component_a_col","searchDevice","suffix","_withCtx","_component_search_outlined","_component_a_button","fetchDevices","onClick","addDevice","_component_a_table","data-source","configuredDeviceList","loading","isLoadingDevices","scroll","x","pagination","position","bodyCell","column","device_name","_component_a_tag","color","_toDisplayString","host","port","endpoint","_hoisted_4","formateData","last_connected","connectingStatus","id","status","handleConnect","index","editDevice","danger","_cache","showDeletePopup","_component_a_popconfirm","cancel-text","onConfirm","handleDeleteDevice","defineComponent","inject","components","SearchOutlined","setup","data","selectedDeviceId","selectedDevice","selectedOpcDevice","deviceList","unConfiguredDevices","configuredDevices","toastTimeoutDuration","connectAction","errorMessage","dateHelper","formatDate","created","this","setFormData","setConfiguredDevices","computed","mapGetters","searchLowerCase","toLowerCase","trim","filter","device","includes","watch","map","element","Device","display_name","Serial_number","methods","undefined","_this$formData","_this$formData2","required","validator","validatePort","trigger","security_policy","message","username","password","_rule","containsOnlyDigits","Promise","resolve","reject","reduce","acc","getAllDevices","toast","info","timeout","setDeviceList","getOPCDevices","error","IoTService","getAllOPCDevices","DeviceService","fetchAllDevicesOfOrg","organization","Type","resetFormValues","setUnconfiguredDevices","find","opcDevice","str","split","join","charAt","toUpperCase","slice","input","option","_option$label","indexOf","_this$$refs","$refs","formRef","clearValidate","regex","test","_this$$refs2","validate","handleSubmitOperation","performResetModal","result","performAddOrUpdate","updateOPCDevices","findIndex","item","push","handleUpdateDevice","handleAddDevice","addDeviceApi","_error$response","isMessage","response","success","updateDeviceApi","_error$response2","Object","keys","forEach","$nextTick","deleteOPCDevice","payload","addOPCDevice","updateOPCDevice","getOPCDeviceStatus","_error$response$data","opc_device","__exports__","OPCConnectionManagement","render","async","getOPCTags","query","spinner","ApiHelper","get","getOPCTag","tagId","deleteOPCTag","remove","updateTag","patch","addTag","post","getOPCTagByDevice","taskId","deviceId","getOPCTagByTaskAndDevice","pageId","getOPCTagsByTask","selectedTask","getOPCTagsByTaskAndDevice","action"],"mappings":"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","file":"js/chunk-9e45e1e6.30980979.js","sourcesContent":["export const columns = [\r\n  {\r\n    title: 'Tag Name',\r\n    dataIndex: 'tagName',\r\n    key: 'tagName',\r\n    align: 'center'\r\n  },\r\n  {\r\n    title: 'Tag Address',\r\n    dataIndex: 'tagId',\r\n    key: 'tagId',\r\n    align: 'center'\r\n  },\r\n  {\r\n    title: 'Device',\r\n    dataIndex: 'serial_number',\r\n    key: 'serial_number',\r\n    align: 'center',\r\n    width: '20%'\r\n  },\r\n  // {\r\n  //   title: 'Task',\r\n  //   dataIndex: 'taskName',\r\n  //   key: 'taskName',\r\n  //   align: 'center',\r\n  // },\r\n  {\r\n    title: 'Trigger Type',\r\n    dataIndex: 'triggerOn',\r\n    key: 'triggerOn',\r\n    customRender: ({ text, record }) => {\r\n      return text ? text : 'N/A';\r\n    },\r\n    align: 'center'\r\n  },\r\n  {\r\n    title: 'Operation',\r\n    dataIndex: 'operation',\r\n    key: 'operation',\r\n    align: 'center',\r\n    width: '15%'\r\n  }\r\n];\r\n\r\nexport const OpcConnectionColumns = [\r\n  {\r\n    title: 'Device',\r\n    dataIndex: 'device',\r\n    key: 'device',\r\n    width: '20%'\r\n  },\r\n  {\r\n    title: 'Url',\r\n    dataIndex: 'url',\r\n    key: 'url',\r\n    width: '25%'\r\n  },\r\n  {\r\n    title: 'Last connected',\r\n    dataIndex: 'lastConnected',\r\n    key: 'lastConnected',\r\n    width: '20%'\r\n  },\r\n  {\r\n    title: 'Status',\r\n    dataIndex: 'status',\r\n    key: 'status',\r\n    width: '10%'\r\n  },\r\n  {\r\n    title: 'Actions',\r\n    dataIndex: 'operation',\r\n    key: 'operation',\r\n    width: '25%'\r\n  }\r\n];\r\n\r\nexport const OpcConfigurationFields = [\r\n  'device',\r\n  'host',\r\n  'port',\r\n  'endpoint',\r\n  'anonymous_access',\r\n  'username',\r\n  'password',\r\n  'security_policy'\r\n];\r\nexport const OpcSecurityPolicy = [\r\n  { value: 'None', label: 'None' },\r\n  { value: 'Basic256Sha256', label: 'Basic256Sha256' }\r\n];\r\n","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!./OPCConnectionManagement.vue?vue&type=style&index=0&id=6a2d7f68&lang=css\"","<template>\r\n  <div class=\"p-4\">\r\n    <OPCConnectionManagement />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport OPCConnectionManagement from './OPCConnectionManagement.vue';\r\nexport default {\r\n  components: {\r\n    OPCConnectionManagement\r\n  }\r\n};\r\n</script>\r\n","<template>\r\n  <template>\r\n    <a-modal\r\n      v-model:visible=\"showModal\"\r\n      title=\"OPC Device Configuration\"\r\n      :body-style=\"{ height: '50vh', overflowY: 'auto' }\"\r\n      ok-text=\"Save\"\r\n      :confirm-loading=\"saveButtonIsLoading\"\r\n      @ok=\"handleSubmit\"\r\n      @cancel=\"handleCancel\"\r\n    >\r\n      <a-space direction=\"vertical\" class=\"w-100\">\r\n        <a-form ref=\"formRef\" :model=\"formData\" :rules=\"validationRules()\">\r\n          <template v-for=\"field in opcFormFields\">\r\n            <div v-if=\"field === 'device'\">\r\n              <a-form-item\r\n                :label=\"updateLabel(field)\"\r\n                has-feedback\r\n                :label-col=\"{ span: 7 }\"\r\n                :wrapper-col=\"{ span: 17 }\"\r\n                style=\"margin-bottom: 0;\"\r\n                :name=\"field\"\r\n              >\r\n                <a-select\r\n                  v-model:value=\"formData[field]\"\r\n                  placeholder=\"Select Device\"\r\n                  class=\"w-100\"\r\n                  :options=\"unConfiguredDevicesOption\"\r\n                  show-search\r\n                  :filter-option=\"filterOption\"\r\n                  @change=\"handleDeviceChange\"\r\n                  :disabled=\"editModeEnabled\"\r\n                >\r\n                </a-select>\r\n              </a-form-item>\r\n            </div>\r\n            <div v-else-if=\"field === anonymous_access\">\r\n              <a-form-item\r\n                :label=\"updateLabel(field)\"\r\n                :label-col=\"{ span: 7 }\"\r\n                :wrapper-col=\"{ span: 17 }\"\r\n                style=\"margin-bottom: 0;\"\r\n              >\r\n                <a-switch\r\n                  v-model:checked=\"formData[field]\"\r\n                  @change=\"handleAnonymousAccessChange\"\r\n                />\r\n              </a-form-item>\r\n            </div>\r\n            <div v-else>\r\n              <a-form-item\r\n                :label=\"updateLabel(field)\"\r\n                has-feedback\r\n                :label-col=\"{ span: 7 }\"\r\n                :wrapper-col=\"{ span: 17 }\"\r\n                style=\"margin-bottom: 0;\"\r\n                autocomplete=\"off\"\r\n                :name=\"field\"\r\n              >\r\n                <a-select\r\n                  v-if=\"field === 'security_policy'\"\r\n                  v-model:value=\"formData[field]\"\r\n                  placeholder=\"Select Policy\"\r\n                  class=\"w-100\"\r\n                  :options=\"securityPolicy\"\r\n                  show-search\r\n                  :filter-option=\"filterOption\"\r\n                >\r\n                </a-select>\r\n                <a-input-password\r\n                  v-else-if=\"field === 'password'\"\r\n                  v-model:value=\"formData[field]\"\r\n                  autocomplete=\"off\"\r\n                  type=\"password\"\r\n                  placeholder=\"*****\"\r\n                  :disabled=\"isInputDisabled(field)\"\r\n                />\r\n                <a-input\r\n                  v-else\r\n                  v-model:value=\"formData[field]\"\r\n                  :disabled=\"isInputDisabled(field)\"\r\n                  @change=\"handleInputChange(field)\"\r\n                />\r\n              </a-form-item>\r\n            </div>\r\n          </template>\r\n        </a-form>\r\n      </a-space>\r\n    </a-modal>\r\n  </template>\r\n  <a-row :gutter=\"[0, 16]\">\r\n    <a-col span=\"24\">\r\n      <a-input\r\n        placeholder=\"Search Device\"\r\n        v-model:value=\"searchDevice\"\r\n        class=\"w-25\"\r\n      >\r\n        <template #suffix>\r\n          <search-outlined style=\"color: rgba(0, 0, 0, 0.45)\" />\r\n        </template>\r\n      </a-input>\r\n      <a-button\r\n        type=\"primary\"\r\n        class=\"float-right\"\r\n        :disabled=\"fetchDevices\"\r\n        @click=\"addDevice\"\r\n        >Add Device</a-button\r\n      >\r\n    </a-col>\r\n    <a-col span=\"24\">\r\n      <a-table\r\n        :columns=\"columns\"\r\n        :data-source=\"configuredDeviceList\"\r\n        :loading=\"isLoadingDevices\"\r\n        :scroll=\"{ x: 'max-content' }\"\r\n        :pagination=\"{ position: ['bottomCenter'] }\"\r\n      >\r\n        <template #bodyCell=\"{ column, record }\">\r\n          <template v-if=\"column.key === 'device'\">\r\n            {{ record.device_name }}\r\n          </template>\r\n\r\n          <template v-if=\"column.key === 'url'\">\r\n            <a-tag color=\"blue\"\r\n              >opc.tcp://{{ record.host }}:{{ record.port }}/{{\r\n                record.endpoint\r\n              }}</a-tag\r\n            >\r\n          </template>\r\n\r\n          <template v-if=\"column.key === 'lastConnected'\">\r\n            <span>{{ formateData(record.last_connected) || 'none' }}</span>\r\n          </template>\r\n\r\n          <template v-if=\"column.key === 'status'\">\r\n            <a-tag color=\"default\" v-if=\"connectingStatus[record.id] === true\"\r\n              >connecting...</a-tag\r\n            >\r\n            <a-tag color=\"green\" v-else-if=\"record.status === 'connected'\"\r\n              >connected</a-tag\r\n            >\r\n            <a-tag color=\"red\" v-else-if=\"record.status === 'faulted'\"\r\n              >faulted</a-tag\r\n            >\r\n            <a-tag color=\"default\" v-else>Idle</a-tag>\r\n          </template>\r\n\r\n          <template v-else-if=\"column.key === 'operation'\">\r\n            <a-space>\r\n              <a-button\r\n                type=\"primary\"\r\n                :disabled=\"connectingStatus[record.id] === true\"\r\n                @click=\"handleConnect(record, index)\"\r\n              >\r\n                Connect\r\n              </a-button>\r\n              <a-button\r\n                type=\"primary\"\r\n                id=\"edit-btn\"\r\n                :disabled=\"connectingStatus[record.id] === true\"\r\n                @click=\"editDevice(record, index)\"\r\n              >\r\n                Edit\r\n              </a-button>\r\n              <a-button\r\n                type=\"primary\"\r\n                danger\r\n                :disabled=\"connectingStatus[record.id] === true\"\r\n                @click=\"showDeletePopup = true\"\r\n              >\r\n                <a-popconfirm\r\n                  v-modal:visible=\"showDeletePopup\"\r\n                  title=\"Are you sure delete the device?\"\r\n                  ok-text=\"Delete\"\r\n                  cancel-text=\"Cancel\"\r\n                  @confirm=\"handleDeleteDevice(record, index)\"\r\n                  @cancel=\"showDeletePopup = false\"\r\n                  >Delete\r\n                </a-popconfirm>\r\n              </a-button>\r\n            </a-space>\r\n          </template>\r\n        </template>\r\n      </a-table>\r\n    </a-col>\r\n  </a-row>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent } from 'vue';\r\nimport { mapGetters } from 'vuex';\r\nimport { SearchOutlined } from '@ant-design/icons-vue';\r\nimport dateHelper from '../../../shared/Helpers/dateHelper';\r\nimport DeviceService from 'src/services/device';\r\nimport IoTService from '../../../../services/iot';\r\nimport {\r\n  OpcConnectionColumns,\r\n  OpcConfigurationFields,\r\n  OpcSecurityPolicy\r\n} from './config';\r\n\r\nexport default defineComponent({\r\n  inject: ['toast'],\r\n  components: { SearchOutlined },\r\n\r\n  setup() {\r\n    return {\r\n      columns: OpcConnectionColumns,\r\n      opcFormFields: OpcConfigurationFields,\r\n      securityPolicy: OpcSecurityPolicy\r\n    };\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      showModal: false,\r\n      saveButtonIsLoading: false,\r\n      showDeletePopup: false,\r\n      editModeEnabled: false,\r\n      fetchDevices: false,\r\n      isLoadingDevices: false,\r\n      selectedDeviceId: null,\r\n      selectedDevice: null,\r\n      selectedOpcDevice: null,\r\n      deviceList: [],\r\n      unConfiguredDevices: [],\r\n      unConfiguredDevicesOption: [],\r\n      configuredDevices: [],\r\n      formData: {},\r\n      connectingStatus: {},\r\n      toastTimeoutDuration: 3000,\r\n      searchDevice: '',\r\n      connectAction: 'connect',\r\n      anonymous_access: 'anonymous_access',\r\n      errorMessage: 'An unexpected error has occured. Please refresh the page.',\r\n      formateData: dateHelper.formatDate\r\n    };\r\n  },\r\n\r\n  created() {\r\n    this.setFormData();\r\n    this.setConfiguredDevices();\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters(['organization']),\r\n    configuredDeviceList() {\r\n      if (!this.configuredDevices) {\r\n        return [];\r\n      }\r\n      const searchLowerCase = this.searchDevice.toLowerCase().trim();\r\n      return this.configuredDevices.filter(device =>\r\n        device.device_name.toLowerCase().includes(searchLowerCase)\r\n      );\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    unConfiguredDevices(device) {\r\n      this.unConfiguredDevicesOption = device.map(element => ({\r\n        value: element.Device,\r\n        label: element.display_name || element.Serial_number\r\n      }));\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    handleInputChange(field) {\r\n      if (this.formData[field] !== '' && this.formData[field] !== undefined)\r\n        return;\r\n      this.formData[field] = null;\r\n    },\r\n\r\n    validationRules() {\r\n      return {\r\n        device: [{ required: true }],\r\n        host: [{ required: true }],\r\n        port: [\r\n          { required: true, validator: this.validatePort, trigger: 'change' }\r\n        ],\r\n        endpoint: [{ required: true }],\r\n        security_policy: [\r\n          { required: true, message: \"'security policy' is required\" }\r\n        ],\r\n        username: [{ required: !this.formData?.anonymous_access || false }],\r\n        password: [{ required: !this.formData?.anonymous_access || false }]\r\n      };\r\n    },\r\n\r\n    async validatePort(_rule, value) {\r\n      value = this.formData['port'];\r\n      if (\r\n        value === null ||\r\n        value === '' ||\r\n        value === undefined ||\r\n        !this.containsOnlyDigits(value)\r\n      ) {\r\n        return Promise.reject('Please input digits');\r\n      } else return Promise.resolve();\r\n    },\r\n\r\n    setFormData() {\r\n      this.formData = this.opcFormFields.reduce((acc, field) => {\r\n        if (field === this.anonymous_access) acc[field] = false;\r\n        else acc[field] = null;\r\n        return acc;\r\n      }, {});\r\n    },\r\n\r\n    async setDeviceList() {\r\n      this.fetchDevices = true;\r\n      this.deviceList = await this.getAllDevices();\r\n      if (this.deviceList === null) return;\r\n      this.fetchDevices = false;\r\n    },\r\n\r\n    async setConfiguredDevices() {\r\n      try {\r\n        this.toast.info('Getting devices. Please wait.', {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        this.isLoadingDevices = true;\r\n        await this.setDeviceList();\r\n        await this.getOPCDevices();\r\n        this.isLoadingDevices = false;\r\n      } catch (error) {\r\n        this.isLoadingDevices = false;\r\n        return this.toast.error(this.errorMessage, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n      }\r\n    },\r\n\r\n    async getOPCDevices() {\r\n      this.isLoadingDevices = true;\r\n      const [error, data] = await IoTService.getAllOPCDevices();\r\n      if (error) {\r\n        this.isLoadingDevices = false;\r\n        this.toast.error('Failed to fetch the OPC devices.', {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        return;\r\n      }\r\n      this.isLoadingDevices = false;\r\n      this.configuredDevices = data;\r\n    },\r\n\r\n    async getAllDevices() {\r\n      const [error, data] = await DeviceService.fetchAllDevicesOfOrg(\r\n        this.organization,\r\n        true\r\n      );\r\n      if (error) {\r\n        return null;\r\n      }\r\n      return data.filter(device => device.Type !== 'departmental device');\r\n    },\r\n\r\n    async addDevice() {\r\n      try {\r\n        this.resetFormValues();\r\n        await this.setUnconfiguredDevices();\r\n        this.showModal = true;\r\n      } catch (error) {\r\n        return this.toast.error(this.errorMessage, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n      }\r\n    },\r\n\r\n    async setUnconfiguredDevices() {\r\n      this.unConfiguredDevices = this.deviceList.filter(device => {\r\n        if (\r\n          device?.Device !== null &&\r\n          this.configuredDevices.find(\r\n            opcDevice => opcDevice?.device === device?.Device\r\n          ) === undefined\r\n        )\r\n          return device;\r\n      });\r\n    },\r\n\r\n    handleDeviceChange(value) {\r\n      this.selectedDevice = this.unConfiguredDevicesOption.find(\r\n        device => device.value === value\r\n      );\r\n    },\r\n\r\n    updateLabel(str) {\r\n      if (str === '' || str === null || str === undefined) return str;\r\n      str = str.split('_').join(' ');\r\n      return str.charAt(0).toUpperCase() + str.slice(1);\r\n    },\r\n\r\n    filterOption(input, option) {\r\n      return option?.label?.toLowerCase().indexOf(input.toLowerCase()) >= 0;\r\n    },\r\n\r\n    handleAnonymousAccessChange(value) {\r\n      if (value === false) return;\r\n      this.formData['username'] = null;\r\n      this.formData['password'] = null;\r\n    },\r\n\r\n    resetFormValues() {\r\n      try {\r\n        this.setFormData();\r\n        this.$refs?.formRef?.clearValidate();\r\n        this.selectedDeviceId = null;\r\n        this.selectedDevice = null;\r\n        this.selectedOpcDevice = null;\r\n      } catch (error) {\r\n        return this.toast.error(this.errorMessage, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n      }\r\n    },\r\n\r\n    containsOnlyDigits(str) {\r\n      const regex = /^[0-9]+$/;\r\n      return regex.test(str);\r\n    },\r\n\r\n    async handleSubmit() {\r\n      try {\r\n        try {\r\n          await this.$refs?.formRef?.validate();\r\n        } catch (error) {\r\n          return this.toast.error('Please provide required fields.', {\r\n            timeout: this.toastTimeoutDuration\r\n          });\r\n        }\r\n\r\n        await this.handleSubmitOperation();\r\n      } catch (error) {\r\n        this.performResetModal();\r\n        return this.toast.error(this.errorMessage, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n      }\r\n    },\r\n\r\n    async handleSubmitOperation() {\r\n      this.saveButtonIsLoading = true;\r\n      const result = await this.performAddOrUpdate();\r\n      this.performResetModal();\r\n      if (result === null) return; \r\n      await this.updateOPCDevices(result);\r\n      await this.handleConnect(result, null)\r\n    },\r\n\r\n    async updateOPCDevices(data) {\r\n      this.isLoadingDevices = true;\r\n      const index = this.configuredDevices.findIndex(\r\n        item => item.id === data.id\r\n      );\r\n      if (index !== -1) this.configuredDevices[index] = data;\r\n      else this.configuredDevices.push(data);\r\n      this.isLoadingDevices = false;\r\n    },\r\n\r\n    performResetModal() {\r\n      this.resetFormValues();\r\n      this.editModeEnabled = false;\r\n      this.saveButtonIsLoading = false;\r\n      this.showModal = false;\r\n    },\r\n\r\n    async performAddOrUpdate() {\r\n      if (this.editModeEnabled) {\r\n        return await this.handleUpdateDevice();\r\n      }\r\n      return await this.handleAddDevice();\r\n    },\r\n\r\n    async handleAddDevice() {\r\n      const [error, data] = await this.addDeviceApi();\r\n      if (error) {\r\n        const isMessage = error?.response?.data?.message || '';\r\n        this.toast.error(`Failed to add the OPC device. ${isMessage}`, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        return null;\r\n      }\r\n\r\n      this.toast.success(\r\n        `Successfully added the device ${this.selectedDevice.label}.`,\r\n        {\r\n          timeout: this.toastTimeoutDuration\r\n        }\r\n      );\r\n      return data;\r\n    },\r\n\r\n    async handleUpdateDevice() {\r\n      const index = this.configuredDevices.findIndex(\r\n        device => device.id === this.selectedOpcDevice.id\r\n      );\r\n      if (index === -1) {\r\n        this.toast.error('Unable to find the configure device.', {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        return null;\r\n      }\r\n      const [error, data] = await this.updateDeviceApi();\r\n      if (error) {\r\n        const isMessage = error?.response?.data?.message || '';\r\n        this.toast.error(`Failed to update the OPC device. ${isMessage}`, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        return null;\r\n      }\r\n\r\n      this.toast.success('Edit successfully.', {\r\n        timeout: this.toastTimeoutDuration\r\n      });\r\n      return data;\r\n    },\r\n\r\n    handleCancel() {\r\n      this.performResetModal();\r\n    },\r\n\r\n    editDevice(record, index) {\r\n      try {\r\n        this.editModeEnabled = true;\r\n        this.selectedOpcDevice = record;\r\n        Object.keys(record).forEach(key => {\r\n          if (key === 'device_name') this.formData.device = record.device_name;\r\n          else if (key !== 'device') this.formData[key] = record[key];\r\n        });\r\n        this.$nextTick(() => {\r\n          this.showModal = true;\r\n        });\r\n      } catch (error) {\r\n        this.performResetModal();\r\n        this.toast.error(this.errorMessage, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n      }\r\n    },\r\n\r\n    async handleDeleteDevice(record, index) {\r\n      try {\r\n        const [error, data] = await IoTService.deleteOPCDevice(record.id);\r\n        if (error) {\r\n          this.toast.error('Failed to delete the OPC device.', {\r\n            timeout: this.toastTimeoutDuration\r\n          });\r\n          return;\r\n        }\r\n\r\n        this.configuredDevices = this.configuredDevices.filter(\r\n          opcDevice => opcDevice.id !== record.id\r\n        );\r\n        this.toast.success('Device deleted successfully.', {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        delete this.connectingStatus[record.id];\r\n      } catch (error) {\r\n        return this.toast.error(this.errorMessage, {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n      }\r\n    },\r\n\r\n    isInputDisabled(field) {\r\n      return (\r\n        (field === 'username' || field === 'password') &&\r\n        this.formData[this.anonymous_access] === true\r\n      );\r\n    },\r\n\r\n    async addDeviceApi() {\r\n      const payload = {\r\n        ...this.formData\r\n      };\r\n      return await IoTService.addOPCDevice(payload);\r\n    },\r\n\r\n    async updateDeviceApi() {\r\n      if (this.selectedOpcDevice === null) {\r\n        this.toast.error('Unable to get device. Aborting edit.', {\r\n          timeout: this.toastTimeoutDuration\r\n        });\r\n        return;\r\n      }\r\n\r\n      const payload = {\r\n        ...this.formData\r\n      };\r\n      payload.device = this.selectedOpcDevice.device;\r\n\r\n      return await IoTService.updateOPCDevice(\r\n        this.selectedOpcDevice.id,\r\n        payload\r\n      );\r\n    },\r\n\r\n    async handleConnect(record, index) {\r\n      this.connectingStatus[record.id] = true;\r\n\r\n      const [error, data] = await IoTService.getOPCDeviceStatus(\r\n        record.id,\r\n        this.connectAction\r\n      );\r\n\r\n      this.connectingStatus[record.id] = false;\r\n      if (error) {\r\n        record.status =\r\n          error.response.data?.opc_device?.status || record.status;\r\n        return;\r\n      }\r\n      record.last_connected = data.last_connected;\r\n      record.status = data.status;\r\n    }\r\n  }\r\n});\r\n</script>\r\n<style>\r\n#edit-btn.ant-btn {\r\n  background: #f8dc3a;\r\n  border-color: #f8dc3a;\r\n}\r\n\r\n#edit-btn.ant-btn:hover {\r\n  background: #f8dc89;\r\n  border-color: #f8dc89;\r\n}\r\n\r\n#edit-btn.ant-btn[disabled] {\r\n  background: #f5f5f5;\r\n  border-color: #d9d9d9;\r\n  color: rgba(0, 0, 0, 0.25);\r\n  text-shadow: none;\r\n}\r\n</style>\r\n","import { render } from \"./OPCConnectionManagement.vue?vue&type=template&id=6a2d7f68\"\nimport script from \"./OPCConnectionManagement.vue?vue&type=script&lang=js\"\nexport * from \"./OPCConnectionManagement.vue?vue&type=script&lang=js\"\n\nimport \"./OPCConnectionManagement.vue?vue&type=style&index=0&id=6a2d7f68&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 \"./OPCConnectionMenuBar.vue?vue&type=template&id=0ff921f4\"\nimport script from \"./OPCConnectionMenuBar.vue?vue&type=script&lang=js\"\nexport * from \"./OPCConnectionMenuBar.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__","import ApiHelper from './index';\r\n\r\nasync function getOPCTags(query = {}, spinner = false) {\r\n  return await ApiHelper.get('opcua/tags/', spinner, query);\r\n}\r\n\r\nasync function getOPCTag(tagId, spinner = false, query = {}) {\r\n  return await ApiHelper.get(`opcua/tag/${tagId}/`, spinner, query);\r\n}\r\n\r\nasync function deleteOPCTag(tagId, spinner = false, query = {}) {\r\n  return await ApiHelper.remove(\r\n    `opcua/delete_opc_tag/${tagId}/`,\r\n    spinner,\r\n    query\r\n  );\r\n}\r\n\r\nasync function updateTag(tagId, payload, spinner = false) {\r\n  return await ApiHelper.patch(`opcua/tag/${tagId}/`, payload, spinner);\r\n}\r\n\r\nasync function addTag(payload, spinner = false) {\r\n  return await ApiHelper.post(`opcua/add_opc_tag/`, payload, spinner);\r\n}\r\n\r\nasync function getOPCTagByDevice(\r\n  taskId,\r\n  deviceId,\r\n  spinner = false,\r\n  query = {}\r\n) {\r\n  return await ApiHelper.get(\r\n    `opcua/fetch_all_tags/${taskId}/${deviceId}/`,\r\n    spinner,\r\n    query\r\n  );\r\n}\r\n\r\nasync function getOPCTagByTaskAndDevice(\r\n  taskId,\r\n  deviceId,\r\n  pageId,\r\n  spinner = false,\r\n  query = {}\r\n) {\r\n  return await ApiHelper.get(\r\n    `opcua/fetch_all_tags/${taskId}/${deviceId}/?page=${pageId}`,\r\n    spinner,\r\n    query\r\n  );\r\n}\r\n\r\nasync function getOPCTagsByTask(selectedTask, query = {}, spinner = false) {\r\n  return await ApiHelper.get(\r\n    `opcua/tag_search_by_task/${selectedTask}/`,\r\n    spinner,\r\n    query\r\n  );\r\n}\r\n\r\nasync function getOPCTagsByTaskAndDevice(\r\n  selectedTask,\r\n  deviceId,\r\n  query = {},\r\n  spinner = false\r\n) {\r\n  return await ApiHelper.get(\r\n    `opcua/fetch_all_tags/${selectedTask}/${deviceId}`,\r\n    spinner,\r\n    query\r\n  );\r\n}\r\n\r\nasync function getAllOPCDevices(spinner = false) {\r\n  return await ApiHelper.get(`opcua/devices/`, spinner, {});\r\n}\r\n\r\nasync function addOPCDevice(payload, spinner = false) {\r\n  return await ApiHelper.post(`opcua/add_device/`, payload, spinner);\r\n}\r\n\r\nasync function deleteOPCDevice(deviceId, spinner = false, query = {}) {\r\n  return await ApiHelper.remove(`opcua/${deviceId}/`, spinner, query);\r\n}\r\n\r\nasync function updateOPCDevice(deviceId, payload, spinner = false) {\r\n  return await ApiHelper.patch(`opcua/${deviceId}/`, payload, spinner);\r\n}\r\n\r\nasync function getOPCDeviceStatus(\r\n  deviceId,\r\n  action,\r\n  spinner = false,\r\n  query = {}\r\n) {\r\n  return await ApiHelper.get(\r\n    `opcua/device/${deviceId}/${action}`,\r\n    spinner,\r\n    query\r\n  );\r\n}\r\n\r\nexport default {\r\n  getOPCTags,\r\n  getOPCTag,\r\n  deleteOPCTag,\r\n  addTag,\r\n  updateTag,\r\n  getOPCTagByDevice,\r\n  getOPCTagByTaskAndDevice,\r\n  getOPCTagsByTask,\r\n  getAllOPCDevices,\r\n  addOPCDevice,\r\n  deleteOPCDevice,\r\n  updateOPCDevice,\r\n  getOPCTagsByTaskAndDevice,\r\n  getOPCDeviceStatus\r\n};\r\n"],"sourceRoot":""}