{"version":3,"sources":["webpack:///./src/pages/config/sync/List.vue?92dd","webpack:///src/pages/config/sync/List.vue","webpack:///./src/pages/config/sync/List.vue?00d9","webpack:///./src/pages/config/sync/List.vue","webpack:///./src/pages/config/sync/List.vue?70d5"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","attrs","staticStyle","_v","_s","title","staticClass","_l","item","index","class","color","setDate","text","domProps","description","model","callback","$$v","$set","_e","buttonAttr","type","icon","disabled","dateRange","length","on","$event","doSync","staticRenderFns","components","SimpleTable","mounted","data","fullscreenLoading","syncData","methods","component"],"mappings":"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","file":"js/chunk-3066f7da.e18b514e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.fullscreenLoading),expression:\"fullscreenLoading\"}],attrs:{\"id\":\"sync-card\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"align-items\":\"center\"}},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"grid grid-cols-1 md:gird-cols-2 xl:grid-cols-2 justify-item py-2 gap-2\"},[_vm._l((_vm.syncData),function(item,index){return [_c('el-card',{staticClass:\"h-full\",class:item.color,attrs:{\"shadow\":\"hover\"}},[(!item.setDate)?_c('div',{staticClass:\"flex space-y-4 justify-between w-full h-full\"},[_c('div',{staticClass:\"flex flex-col space-y-2\"},[_c('div',{staticClass:\"text-lg py-2\"},[_vm._v(_vm._s(item.text))]),_c('div',{staticClass:\"flex space-x-4\"},[_c('div',{staticClass:\"text-xs text-justify\",domProps:{\"innerHTML\":_vm._s(item.description)}}),_c('el-button',{staticClass:\"h-10\",attrs:{\"type\":item.buttonAttr.type,\"icon\":item.buttonAttr.icon,\"disabled\":item.buttonAttr.disabled},on:{\"click\":function($event){return _vm.doSync(item)}}},[_vm._v(\" \"+_vm._s(item.buttonAttr.text)+\" \")])],1)])]):_c('div',{staticClass:\"flex flex-col space-y-4 justify-between w-full h-full\"},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('div',{staticClass:\"text-lg py-2\"},[_vm._v(_vm._s(item.text))]),_c('div',{staticClass:\"text-xs text-justify\",domProps:{\"innerHTML\":_vm._s(item.description)}})]),_c('div',{staticClass:\"flex space-x-2\"},[(item.setDate)?_c('el-date-picker',{attrs:{\"type\":\"daterange\",\"start-placeholder\":\"Start date\",\"end-placeholder\":\"End date\"},model:{value:(item.dateRange),callback:function ($$v) {_vm.$set(item, \"dateRange\", $$v)},expression:\"item.dateRange\"}}):_vm._e(),_c('el-button',{staticClass:\"h-10\",attrs:{\"type\":item.buttonAttr.type,\"icon\":item.buttonAttr.icon,\"disabled\":(\n                  item.buttonAttr.disabled\n                  || (\n                    item.dateRange === null\n                    || item.dateRange.length === 0\n                  )\n                )},on:{\"click\":function($event){return _vm.doSync(item)}}},[_vm._v(\" \"+_vm._s(item.buttonAttr.text)+\" \")])],1)])])]})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"sync-card\" v-loading=\"fullscreenLoading\">\n    <div\n      style=\"\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      \"\n    >\n      <h3>{{ title }}</h3>\n    </div>\n    <div\n      class=\"grid grid-cols-1 md:gird-cols-2 xl:grid-cols-2 justify-item py-2 gap-2\"\n    >\n      <template v-for=\"(item, index) in syncData\">\n        <el-card shadow=\"hover\" class=\"h-full\" :class=\"item.color\">\n          <!-- without date -->\n          <div\n            class=\"flex space-y-4 justify-between w-full h-full\"\n            v-if=\"!item.setDate\"\n          >\n            <div class=\"flex flex-col space-y-2\">\n              <div class=\"text-lg py-2\">{{ item.text }}</div>\n              <div class=\"flex space-x-4\">\n                <div\n                  class=\"text-xs text-justify\"\n                  v-html=\"item.description\"\n                ></div>\n                <el-button\n                  class=\"h-10\"\n                  :type=\"item.buttonAttr.type\"\n                  :icon=\"item.buttonAttr.icon\"\n                  :disabled=\"item.buttonAttr.disabled\"\n                  @click=\"doSync(item)\"\n                >\n                  {{ item.buttonAttr.text }}\n                </el-button>\n              </div>\n            </div>\n          </div>\n\n          <!-- with date -->\n          <div\n            class=\"flex flex-col space-y-4 justify-between w-full h-full\"\n            v-else\n          >\n            <div class=\"flex flex-col space-x-0 space-y-2\">\n              <div class=\"text-lg py-2\">{{ item.text }}</div>\n              <div class=\"text-xs text-justify\" v-html=\"item.description\"></div>\n            </div>\n            <div class=\"flex space-x-2\">\n              <el-date-picker\n                v-model=\"item.dateRange\"\n                type=\"daterange\"\n                start-placeholder=\"Start date\"\n                end-placeholder=\"End date\"\n                v-if=\"item.setDate\"\n              />\n              <el-button\n                class=\"h-10\"\n                :type=\"item.buttonAttr.type\"\n                :icon=\"item.buttonAttr.icon\"\n                :disabled=\"(\n                    item.buttonAttr.disabled\n                    || (\n                      item.dateRange === null\n                      || item.dateRange.length === 0\n                    )\n                  )\"\n                @click=\"doSync(item)\"\n              >\n                {{ item.buttonAttr.text }}\n              </el-button>\n            </div>\n          </div>\n        </el-card>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SimpleTable from '@/components/dx/SimpleTable'\nimport formattedValue from '@/helpers/formattedValue.js'\n\nexport default {\n  components: {\n    SimpleTable\n  },\n\n  mounted() {},\n  data() {\n    return {\n      title: 'Sync Data',\n      fullscreenLoading: false,\n      syncData: [\n        {\n          text: 'DCE Data',\n          url: '/_PopulateMaster/SingleDCEPull',\n          color:\n            'bg-gradient-to-r from-blue-600 to-blue-800 text-white rounded-lg',\n          setDate: false,\n          buttonAttr: {\n            text: 'Sync',\n            icon: 'el-icon-refresh',\n            type: '',\n            disabled: false\n          },\n          description:\n            'Synchronize Data Device and Sensor only from DCE (Historical Data is Not Included)'\n        },\n        {\n          text: 'DCO Data',\n          url: '/_PopulateMaster/SingleDCOPull',\n          color:\n            'bg-gradient-to-r from-red-800 to-red-600 text-white rounded-lg',\n          setDate: false,\n          buttonAttr: {\n            text: 'Sync',\n            icon: 'el-icon-refresh',\n            type: '',\n            disabled: false\n          },\n          description:\n            'Synchronize all Asset and its Customer Ownership (Rack, Cage, and USpace) from DCO'\n        },\n        {\n          text: 'Customer Data',\n          url: '/_PopulateMaster/PopulateCustomerUser',\n          color:\n            'bg-gradient-to-r from-purple-600 to-purple-800 text-white rounded-lg col-span-1 xl:col-span-2',\n          setDate: false,\n          buttonAttr: {\n            text: 'Sync',\n            icon: 'el-icon-refresh',\n            type: '',\n            disabled: false\n          },\n          description:\n            'Synchronize Customer Data from DCO and their ownership of Devices and Sensors in DCE. <br/>Prerequisite: Customer’s devices and sensors (including virtual sensors) must be located under the Customer’s Device group. Each Customer’s Device Group must be named using Customer Name in DCO.'\n        },\n        {\n          text: 'Historical Alarm',\n          url: '/Alarms/GetHistoricalAlarmForDatabase',\n          color:\n            'bg-gradient-to-r from-green-600 to-green-800 text-white rounded-lg',\n          setDate: true,\n          dateRange: null,\n          buttonAttr: {\n            text: 'Sync',\n            icon: 'el-icon-refresh',\n            type: '',\n            disabled: false\n          },\n          description:\n            'Retrieve all historical alarm data within specified period'\n        },\n        {\n          text: 'Historical Sensor Data',\n          url: '/MasterHistorical/UpdateHistoricalDataRangeDate',\n          color:\n            'bg-gradient-to-r from-yellow-600 to-yellow-800 text-white rounded-lg',\n          setDate: true,\n          dateRange: null,\n          buttonAttr: {\n            text: 'Sync',\n            icon: 'el-icon-refresh',\n            type: '',\n            disabled: false\n          },\n          description:\n            'Retrieve historical data from all Sensor used in Formula, within specified period'\n        }\n      ]\n    }\n  },\n  methods: {\n    async doSync(item) {\n      // start sync process\n      item.buttonAttr = {\n        text: 'Please wait ...',\n        icon: 'el-icon-loading',\n        type: 'warning',\n        disabled: true\n      }\n\n      this.$notify.info({\n        title: `Sync ${item.text}`,\n        message: `This may take a few moments.`,\n        type: 'success'\n      })\n\n      var data = {}\n      if (item.setDate) {\n        data.params = {\n          startDate: formattedValue.date(item.dateRange[0]),\n          endDate: formattedValue.date(item.dateRange[1])\n        }\n      }\n\n      // fetching data\n      await this.fetchData(item, data)\n    },\n\n    async fetchData(item, data = {}) {\n      try {\n        const res = await this.$axios\n          .get(item.url, data)\n          .then(() => {\n            this.$notify({\n              title: 'Sync Complete',\n              message: `Data has been Synced successfully`,\n              type: 'success',\n              duration: 10000\n            })\n\n            // end sync process\n            item.buttonAttr = {\n              text: 'Sync Done',\n              icon: 'el-icon-finished',\n              type: 'success',\n              disabled: false\n            }\n          })\n          .catch((error) => {\n            var response = error.response\n            var message = 'System Error. Please contact the administrator'\n\n            if (response.status !== 500) {\n              message = response.data.message\n            }\n\n            // end sync process\n            item.buttonAttr = {\n              text: 're-sync Data',\n              icon: 'el-icon-finished',\n              type: 'success',\n              disabled: false\n            }\n\n            this.$notify({\n              title: 'Sync Failed',\n              message: message,\n              type: 'error',\n              duration: 10000\n            })\n            throw message\n          })\n      } catch (e) {\n        console.log(e)\n      }\n    }\n  }\n}\n</script>\n\n<style>\n#sync-card .el-card .el-card__body {\n  height: 100%;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=56ed79bd&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.vue?vue&type=style&index=0&lang=css&\"\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","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}