{"version":3,"sources":["webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/views/SyncLogsPage.vue","webpack:///src/views/SyncLogsPage.vue","webpack:///./src/views/SyncLogsPage.vue?96e0","webpack:///./src/views/SyncLogsPage.vue?44c2"],"names":["mixins","Colorable","Delayable","Dependent","Menuable","extend","name","props","closeDelay","type","Number","String","default","disabled","Boolean","openDelay","openOnHover","openOnFocus","tag","transition","data","calculatedMinWidth","closeDependents","computed","calculatedLeft","activator","content","this","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","pageYOffset","calcYOverflow","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","zIndex","activeZIndex","beforeMount","$nextTick","value","callActivate","mounted","getSlotType","consoleError","methods","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","options","call","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","staticClass","class","contentClass","menuable__content__active","activatorFixed","style","attrs","getScopeIdAttrs","directives","isContentActive","ref","getContentSlot","render","h","showLazyContent","genActivator","scopedSlots","key","fn","_c","on","_v","tableHeaders","_vm","_u","item","defaultSortBy","sortBy","sortDesc","page","$constants","PAGINATION","DEFAULT_PAGE","itemsPerPage","DEFAULT_PERPAGE","records","recordsCount","selectedFilters","text","align","sortable","watch","handler","newVal","oldVal","changed","Object","keys","some","toString","updateUrl","deep","getRouteQueries","getRecords","getUserDetails","params","$helpers","serializeOptions","$router","replace","$route","query","catch","employeeId","id","$store","getters","selectedUser","commit","firstName","lastName","url","$axios","post","then","response","userInformation","username","status","error","deserializeOptions","exportRecords","syncGuid","guid","userId","filters","loaderText","responseType","withCredentials","process","downloadFile","items","count","component","staticRenderFns"],"mappings":"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","file":"js/chunk-283087ec-2025-1-21-19-31.js","sourcesContent":["import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Menuable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    openOnFocus: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n      if (this.attach === false) top += this.pageYOffset\n\n      return `${this.calcYOverflow(top)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.blur = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}}),_c('v-spacer'),_c('v-col',{staticClass:\"shrink\"}),_c('v-col',{staticClass:\"shrink\"},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"white--text\",attrs:{\"color\":\"msaBlue\"},on:{\"click\":_vm.exportRecords}},on),[_c('v-icon',[_vm._v(\" mdi-download \")])],1)]}}])},[_vm._v(\" Export \")])],1)],1),_c('v-row',[_c('v-col',[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" Sync Records \"),_c('v-badge',{staticClass:\"ml-2\",attrs:{\"content\":_vm.recordsCount,\"value\":_vm.recordsCount,\"bordered\":\"\",\"color\":\"msaBlue\",\"inline\":\"\"}})],1),_c('v-data-table',{attrs:{\"footer-props\":_vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS,\"headers\":_vm.tableHeaders,\"items\":_vm.records,\"options\":_vm.options,\"server-items-length\":_vm.recordsCount,\"must-sort\":\"\"},on:{\"update:options\":function($event){_vm.options=$event}},scopedSlots:_vm._u([{key:`item.createdAt`,fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"filterAsLocalDateTime\")(item.createdAt,(_vm.mask = 'yyyy-LL-dd h:mm a')))+\" \")]}}],null,true)})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid>\n    <v-row align=\"center\">\n      <v-col cols=\"12\" md=\"6\"> </v-col>\n      <v-spacer />\n      <v-col class=\"shrink\"> </v-col>\n      <v-col class=\"shrink\">\n        <v-tooltip bottom>\n          <template v-slot:activator=\"{ on }\">\n            <v-btn\n              @click=\"exportRecords\"\n              v-on=\"on\"\n              color=\"msaBlue\"\n              class=\"white--text\"\n            >\n              <v-icon> mdi-download </v-icon>\n            </v-btn>\n          </template>\n          Export\n        </v-tooltip>\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col>\n        <v-card>\n          <v-card-title class=\"msaBlue white--text\">\n            Sync Records\n            <v-badge\n              :content=\"recordsCount\"\n              :value=\"recordsCount\"\n              bordered\n              class=\"ml-2\"\n              color=\"msaBlue\"\n              inline\n            >\n            </v-badge>\n          </v-card-title>\n          <v-data-table\n            :footer-props=\"$constants.PAGINATION.DEFAULT_FOOTER_PROPS\"\n            :headers=\"tableHeaders\"\n            :items=\"records\"\n            :options.sync=\"options\"\n            :server-items-length=\"recordsCount\"\n            must-sort\n          >\n            <template v-slot:[`item.createdAt`]=\"{ item }\">\n              {{\n                item.createdAt\n                  | filterAsLocalDateTime((mask = 'yyyy-LL-dd h:mm a'))\n              }}\n            </template>\n          </v-data-table>\n        </v-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nexport default {\n  name: 'SyncLogsPage',\n  data() {\n    return {\n      defaultSortBy: 'createdAt',\n      options: {\n        sortBy: [],\n        sortDesc: [true],\n        page: this.$constants.PAGINATION.DEFAULT_PAGE,\n        itemsPerPage: this.$constants.PAGINATION.DEFAULT_PERPAGE,\n      },\n      records: [],\n      recordsCount: 0,\n      selectedFilters: {},\n      tableHeaders: [\n        {\n          text: 'Device ID',\n          value: 'deviceId',\n          align: 'start',\n          class: 'headerTextGrey--text lightGrey',\n          width: '320px',\n          sortable: false,\n        },\n        {\n          text: 'Sync ID',\n          value: 'syncGuid',\n          align: 'start',\n          class: 'headerTextGrey--text lightGrey',\n          width: '320px',\n          sortable: false,\n        },\n        {\n          text: 'Controller',\n          value: 'controller',\n          align: 'start',\n          class: 'headerTextGrey--text lightGrey',\n          width: '140px',\n          sortable: false,\n        },\n        {\n          text: 'Action',\n          value: 'action',\n          align: 'start',\n          class: 'headerTextGrey--text lightGrey',\n          width: '140px',\n          sortable: false,\n        },\n        {\n          text: 'Synced',\n          value: 'createdAt',\n          align: 'start',\n          class: 'headerTextGrey--text lightGrey',\n          width: '175px',\n        },\n      ],\n    };\n  },\n  watch: {\n    options: {\n      handler(newVal, oldVal) {\n        const changed = Object.keys(oldVal).some(\n          (key) => oldVal[key].toString() != newVal[key].toString(),\n        );\n\n        if (changed) {\n          this.updateUrl();\n        }\n      },\n      deep: true,\n    },\n  },\n  async mounted() {\n    this.options.sortBy[0] = this.defaultSortBy;\n    this.getRouteQueries();\n    await this.getRecords();\n    this.getUserDetails();\n  },\n  methods: {\n    updateUrl() {\n      const params = this.$helpers.serializeOptions(\n        this.options,\n        this.defaultSortBy,\n        true,\n      );\n      this.$router\n        .replace({ name: this.$route.name, query: params })\n        .catch(() => {});\n    },\n    getUserDetails() {\n      const params = {\n        employeeId: this.$route.params.id,\n      };\n      if (params.employeeId == this.$store.getters.selectedUser.id) {\n        return;\n      }\n      // Clear the user's name in the breadcrumbs, and then update them\n      this.$store.commit('updateSelectedUser', {\n        firstName: '',\n        lastName: '',\n      });\n      const url = 'get-user-details?format=json';\n      this.$axios\n        .post(url, params)\n        .then((response) => {\n          this.userInformation = { ...response.data };\n          this.$store.commit('updateSelectedUser', {\n            id: this.userInformation.id,\n            username: this.userInformation.username,\n            firstName: this.userInformation.firstName,\n            lastName: this.userInformation.lastName,\n            status: this.userInformation.status,\n          });\n        })\n        .catch((error) => error);\n    },\n    getRouteQueries() {\n      const query = this.$route.query;\n      this.options = this.$helpers.deserializeOptions(\n        query,\n        this.defaultSortBy,\n        true,\n      );\n    },\n    exportRecords() {\n      const params = {\n        syncGuid: this.$route.params.guid,\n        userId: this.$route.params.id,\n        options: this.options,\n        filters: this.filters,\n        loaderText: 'Exporting...',\n      };\n      let url = 'export-connection-events-by-sync-guid?format=json';\n      const options = {\n        responseType: 'blob',\n        withCredentials: process.env.VUE_APP_USE_WITH_CREDENTIALS,\n      };\n      this.$axios\n        .post(url, params, options)\n        .then((response) => {\n          this.$helpers.downloadFile(response.data, 'sync records.xlsx');\n        })\n        .catch((error) => error);\n    },\n    getRecords() {\n      const params = {\n        options: this.options,\n        filters: this.filters,\n        loaderText: 'Loading...',\n        syncGuid: this.$route.params.guid,\n        userId: this.$route.params.id,\n      };\n      let url = 'get-connection-events-by-sync-guid?format=json';\n      return this.$axios\n        .post(url, params)\n        .then((response) => {\n          this.records = response.data.items;\n          this.recordsCount = response.data.count;\n        })\n        .catch((error) => error);\n    },\n  },\n};\n</script>\n\n<style></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!./SyncLogsPage.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!./SyncLogsPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SyncLogsPage.vue?vue&type=template&id=44b1b615\"\nimport script from \"./SyncLogsPage.vue?vue&type=script&lang=js\"\nexport * from \"./SyncLogsPage.vue?vue&type=script&lang=js\"\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"],"sourceRoot":""}