{"version":3,"sources":["webpack:///./src/components/admin-panel/pages/Device/Index.vue","webpack:///./src/components/admin-panel/pages/Device/DeviceList.vue","webpack:///./src/components/admin-panel/pages/Device/DeviceList.vue?361b","webpack:///./src/components/admin-panel/pages/Device/Index.vue?bee7","webpack:///./src/components/admin-panel/pages/Device/DeviceList.vue?14cb"],"names":["class","_createElementBlock","_hoisted_1","_createVNode","_component_device_list","_createBlock","_component_a_row","gutter","_component_a_col","span","_component_a_select","value","$data","selectedOrganizations","$event","mode","style","placeholder","options","$options","organizationOptions","loading","_ctx","isFetchingDevices","filter-option","filterOption","max-tag-count","id","autocave","_component_a_button","onClick","handleSelectAllOrganizations","isSelectedAllOrgs","type","onUpdate","_component_a_table","columns","data-source","list","bordered","pagination","onChange","handleTableChange","scroll","y","x","title","_withCtx","_component_a_typography_title","level","_component_a_tag","color","totalCount","bodyCell","column","record","dataIndex","_createElementVNode","_component_a_checkbox","checked","visible_to_support_only","handleCheckboxChange","inject","data","width","align","organizationList","page","created","this","getData","getOrganization","computed","_this$organizationLis","map","device","Org_name","label","length","position","showSizeChanger","current","total","methods","allOrgs","org","query","getQueryParams","error","DeviceServices","getDeviceInfo","console","log","count","results","getAllOrganizations","toast","info","join","body","Serial_number","updateDevicePatch","Device","__exports__","components","DeviceList","render"],"mappings":"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","file":"js/chunk-3e85db8b.cdc90979.js","sourcesContent":["<template>\r\n  <div class=\"p-4\">\r\n    <device-list></device-list>\r\n  </div>\r\n</template>\r\n<script>\r\nimport DeviceList from './DeviceList.vue';\r\n\r\nexport default {\r\n  components: {\r\n    DeviceList,\r\n  },\r\n};\r\n</script>\r\n","<template>\r\n  <!-- <a-col span=\"24\" class=\"mt-4\"> -->\r\n  <a-row :gutter=\"[8, 8]\" class=\"py-1 mb-2 px-1\">\r\n    <a-col span=\"12\">\r\n      <a-select\r\n        v-model:value=\"selectedOrganizations\"\r\n        mode=\"multiple\"\r\n        style=\"width: 100%\"\r\n        placeholder=\"Select Organization(s)\"\r\n        :options=\"organizationOptions\"\r\n        :loading=\"isFetchingDevices\"\r\n        :filter-option=\"filterOption\"\r\n        :max-tag-count=\"4\"\r\n        id=\"analytics-trace-select-device-filter\"\r\n      >\r\n      </a-select>\r\n    </a-col>\r\n    <a-col :autocave=\"2\">\r\n      <a-button\r\n        id=\"all-org-select-button\"\r\n        @click=\"handleSelectAllOrganizations\"\r\n      >\r\n        {{ isSelectedAllOrgs ? 'Cancel' : 'Select All' }}\r\n      </a-button>\r\n    </a-col>\r\n    <a-col span=\"2\">\r\n      <a-button\r\n        type=\"primary\"\r\n        @click=\"onUpdate\"\r\n        id=\"analytics-trace-update-btn\"\r\n      >\r\n        Update\r\n      </a-button>\r\n    </a-col>\r\n\r\n    <!-- </a-col> -->\r\n    <a-col span=\"24\" class=\"mt-4\">\r\n      <a-table\r\n        :columns=\"columns\"\r\n        :data-source=\"list\"\r\n        bordered\r\n        :pagination=\"pagination\"\r\n        @change=\"handleTableChange\"\r\n        :scroll=\"{ y: '50vh', x: '900px' }\"\r\n        class=\"w-100\"\r\n      >\r\n        <template #title>\r\n          <a-typography-title :level=\"5\">\r\n            Devices: &nbsp;\r\n            <a-tag color=\"blue\">{{ totalCount }}</a-tag>\r\n          </a-typography-title>\r\n        </template>\r\n        <template #bodyCell=\"{ column , record }\">\r\n          <template v-if=\"column.dataIndex === 'visible_to_support_only'\">\r\n            <div class=\"actions\">\r\n              <span>\r\n                <a-checkbox\r\n                  v-model:checked=\"record.visible_to_support_only\"\r\n                  @change=\"handleCheckboxChange(record)\"\r\n                ></a-checkbox>\r\n                <!-- <a-button type=\"primary\" danger @click=\"deleteData(column.id)\"\r\n                  >Delete</a-button\r\n                > -->\r\n              </span>\r\n            </div>\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 DeviceServices from '../../../../services/device';\r\n\r\nexport default {\r\n  inject: ['toast'],\r\n  data() {\r\n    return {\r\n      columns: [\r\n        {\r\n          title: 'ID',\r\n          dataIndex: 'Device',\r\n          width: '5%'\r\n        },\r\n        {\r\n          title: 'SERIAL NUMBER',\r\n          dataIndex: 'Serial_number',\r\n          width: '15%'\r\n        },\r\n        {\r\n          title: 'Display Name',\r\n          dataIndex: 'display_name',\r\n          width: '20%'\r\n        },\r\n        {\r\n          title: 'GPU',\r\n          dataIndex: 'gpu',\r\n          width: '12%'\r\n        },\r\n        {\r\n          title: 'RAM',\r\n          dataIndex: 'ram',\r\n          width: '6%'\r\n        },\r\n        {\r\n          title: 'LAST ACTIVE',\r\n          dataIndex: 'last_Active',\r\n          width: '11%'\r\n        },\r\n        {\r\n          title: 'ORGANIZATION',\r\n          dataIndex: 'Organization',\r\n          width: '13%'\r\n        },\r\n        {\r\n          title: 'Support Only',\r\n          dataIndex: 'visible_to_support_only',\r\n          width: '10%',\r\n          align: 'center'\r\n        }\r\n      ],\r\n      list: [], // device list\r\n      organizationList: [],\r\n      selectedOrganizations: [],\r\n      totalCount: 0,\r\n      page: 1\r\n    };\r\n  },\r\n\r\n  created() {\r\n    this.getData();\r\n    this.getOrganization();\r\n  },\r\n\r\n  computed: {\r\n    organizationOptions() {\r\n      return this.organizationList?.map(device => ({\r\n        value: device.Org_name,\r\n        label: device.Org_name\r\n      }));\r\n    },\r\n    isSelectedAllOrgs() {\r\n      return (\r\n        this.selectedOrganizations.length === this.organizationOptions.length\r\n      );\r\n    },\r\n    pagination() {\r\n      return {\r\n        position: ['bottomCenter'],\r\n        showSizeChanger: false,\r\n        current: this.page,\r\n        total: this.totalCount\r\n      };\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    handleSelectAllOrganizations() {\r\n      if (this.isSelectedAllOrgs) {\r\n        this.selectedOrganizations = [];\r\n        return;\r\n      }\r\n      const allOrgs = this.organizationOptions.map(org => org.value);\r\n      this.selectedOrganizations = [...allOrgs];\r\n    },\r\n    async getData() {\r\n      this.list = [];\r\n      const query = this.getQueryParams();\r\n      const [error, data] = await DeviceServices.getDeviceInfo(query);\r\n      if (error) {\r\n        console.log({ error });\r\n        return;\r\n      }\r\n      this.totalCount = data.count;\r\n      this.list = data.results;\r\n    },\r\n\r\n    async getOrganization() {\r\n      this.organizationList = [];\r\n      const [error, data] = await DeviceServices.getAllOrganizations();\r\n      if (error) {\r\n        console.log({ error });\r\n        return;\r\n      }\r\n      this.organizationList = data;\r\n    },\r\n\r\n    onUpdate() {\r\n      if (this.selectedOrganizations.length === 0)\r\n        return this.toast.info('Organization is not selected');\r\n      this.getData();\r\n    },\r\n    handleTableChange(pagination) {\r\n      const { current } = pagination;\r\n      this.page = current;\r\n      this.getData();\r\n    },\r\n    getQueryParams() {\r\n      let query =\r\n        'organizations=' +\r\n        this.selectedOrganizations.join() +\r\n        '&page=' +\r\n        this.page;\r\n      return query;\r\n    },\r\n    async handleCheckboxChange(record) {\r\n      let body = {\r\n        Serial_number: record.Serial_number,\r\n        visible_to_support_only: record.visible_to_support_only\r\n      };\r\n\r\n      const [error, data] = await DeviceServices.updateDevicePatch(\r\n        record.Device,\r\n        body,\r\n        false\r\n      );\r\n      if (error) {\r\n        console.log({ error });\r\n        return;\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\ntable,\r\ntr,\r\ntd {\r\n  text-align: left;\r\n  margin-right: auto;\r\n  margin-left: 0px;\r\n  height: 15px;\r\n  padding: 4px;\r\n}\r\n</style>\r\n","import { render } from \"./DeviceList.vue?vue&type=template&id=2393fb72\"\nimport script from \"./DeviceList.vue?vue&type=script&lang=js\"\nexport * from \"./DeviceList.vue?vue&type=script&lang=js\"\n\nimport \"./DeviceList.vue?vue&type=style&index=0&id=2393fb72&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=5317ab10\"\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__","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!./DeviceList.vue?vue&type=style&index=0&id=2393fb72&lang=css\""],"sourceRoot":""}