{"version":3,"sources":["webpack:///./src/views/gauge_tracker/Gauges.vue?517f","webpack:///./src/views/gauge_tracker/Gauges.vue?ad04","webpack:///src/views/gauge_tracker/Gauges.vue","webpack:///./src/views/gauge_tracker/Gauges.vue?8a2a","webpack:///./src/views/gauge_tracker/Gauges.vue"],"names":["render","_vm","this","_c","_self","attrs","staticClass","on","loadGauges","model","value","callback","$$v","searchTerms","expression","$event","goToGauge","slot","_v","status","_l","label","key","domProps","_s","handleConnectionChange","selectedConnection","connection","id","name","selectedClass","classification","size","_e","gaugesData","page","gaugesTotal","limitPerPage","loadingGauges","defaultSortOrder","sortField","sortOrder","row","index","onSort","onPageChange","scopedSlots","_u","fn","props","profile","type","formatStatus","requestStatus","expirationDate","isExpiringOrExpired","class","getExpirationStatusClass","getExpirationLabel","licenseeIdLocation","licenseeId","getLocation","application","serialNumber","formatCurrency","formatDate","lastCalibrationDate","receivedDate","purchaseDate","manufacturer","staticRenderFns","components","mixins","mixin","selectedOffices","selectedProjects","selectedPeriod","selectedConnectionId","selectedRangeDate","selectedSizeId","selectedGradeId","showGradeFilter","exportMode","loaded","gradeSearchTerm","checkedRows","invoice","radio","numberOfDummies","showDummyButton","countDummiesProjects","userLicenseeConnections","selectedLicenseeName","selectedLicensee","licenseeConnections","statusOptions","all","available","checked","unavailable","classes","computed","$store","state","connectionsLight","offices","connectionSizesByConnection","commit","initializeScreen","nonTableElementsHeight","document","getElementById","clientHeight","getElementsByClassName","projectsTable","style","minHeight","window","innerHeight","maxHeight","methods","refreshConnectionsSizeByConnection","connectionId","dispatch","connectionSizes","e","console","error","replace","toLowerCase","char","toUpperCase","date","currDate","Date","toLocaleDateString","year","month","day","undefined","Intl","NumberFormat","currency","minimumFractionDigits","format","params","filter","limit","orderFields","data","totalRecords","gauges","log","field","order","$scrollTo","gauge","$router","push","today","expiration","differenceInTime","differenceInDays","Math","ceil","formattedDate","location","licenseeLocation","component"],"mappings":"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","file":"assets/js/chunk-99aa6918.8b680de1.js","sourcesContent":["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/lib/loaders/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/lib/index.js??vue-loader-options!./Gauges.vue?vue&type=style&index=0&id=5a48a6be&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"projects_layout\"}},[_c('section',[_c('div',{attrs:{\"id\":\"projects_table\"}},[_c('div',{staticClass:\"row wide\",attrs:{\"id\":\"projects_tabletop\"}},[_c('div',{staticClass:\"padding-xy-4 padding-x-0-desktop padding-y-5-tablet\"},[_c('div',{staticClass:\"columns is-multiline is-mobile is-vcentered\"},[_c('div',{staticClass:\"column\"},[_c('b-field',[_c('b-taginput',{staticClass:\"is-capitalized\",attrs:{\"placeholder\":\"Search...\",\"icon\":\"search\",\"type\":\"is-dark\",\"rounded\":\"\"},on:{\"input\":_vm.loadGauges},model:{value:(_vm.searchTerms),callback:function ($$v) {_vm.searchTerms=$$v},expression:\"searchTerms\"}})],1)],1),_c('div',{staticClass:\"column is-narrow\"},[_c('b-button',{staticClass:\"button is-primary\",attrs:{\"slot\":\"trigger\",\"icon-right\":\"plus-circle\"},on:{\"click\":function($event){return _vm.goToGauge()}},slot:\"trigger\"},[_vm._v(\" Gauge \")])],1)])])]),_c('div',[_c('div',{staticClass:\"project_group\"},[_c('div',{staticClass:\"columns is-mobile is-multiline is-vcentered\"},[_c('div',{staticClass:\"column is-narrow\"},[_c('b-field',{attrs:{\"expanded\":\"\"}},[_c('b-select',{attrs:{\"placeholder\":\"All Statuses\"},on:{\"input\":_vm.loadGauges},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},_vm._l((_vm.statusOptions),function(label,value){return _c('option',{key:value,domProps:{\"value\":value}},[_vm._v(\" \"+_vm._s(label)+\" \")])}),0)],1)],1),_c('div',{staticClass:\"column is-narrow\"},[_c('b-field',{attrs:{\"expanded\":\"\"}},[_c('b-select',{attrs:{\"placeholder\":\"All Connections\"},on:{\"input\":_vm.handleConnectionChange},model:{value:(_vm.selectedConnection),callback:function ($$v) {_vm.selectedConnection=$$v},expression:\"selectedConnection\"}},[_c('option',{attrs:{\"value\":\"all\"}},[_vm._v(\"All Connections\")]),_vm._l((_vm.connections),function(connection){return _c('option',{key:connection.id,domProps:{\"value\":connection.id}},[_vm._v(\" \"+_vm._s(connection.name)+\" \")])})],2)],1)],1),(_vm.selectedConnection !== 'all')?_c('div',{staticClass:\"column is-narrow\"},[_c('b-field',{attrs:{\"expanded\":\"\"}},[_c('b-select',{attrs:{\"placeholder\":\"All Classes\"},on:{\"input\":_vm.loadGauges},model:{value:(_vm.selectedClass),callback:function ($$v) {_vm.selectedClass=$$v},expression:\"selectedClass\"}},[_c('option',{attrs:{\"value\":\"all\"}},[_vm._v(\"All Classes\")]),_vm._l((_vm.connectionSizes),function(classification){return _c('option',{key:classification.id,domProps:{\"value\":classification.id}},[_vm._v(\" \"+_vm._s(classification.size)+\" \")])})],2)],1)],1):_vm._e()])])]),_c('b-table',{staticClass:\"scrollable clickable-row\",attrs:{\"data\":_vm.gaugesData,\"mobile-cards\":false,\"hoverable\":true,\"sort-icon\":'arrow-up',\"sort-icon-size\":'is-small',\"paginated\":\"\",\"current-page\":_vm.page,\"total\":_vm.gaugesTotal,\"backend-pagination\":\"\",\"per-page\":_vm.limitPerPage,\"loading\":_vm.loadingGauges,\"backend-sorting\":\"\",\"default-sort-direction\":_vm.defaultSortOrder,\"default-sort\":[_vm.sortField, _vm.sortOrder],\"row-class\":(row, index) => row.status === 'requested' && 'highlight'},on:{\"update:currentPage\":function($event){_vm.page=$event},\"update:current-page\":function($event){_vm.page=$event},\"sort\":_vm.onSort,\"click\":_vm.goToGauge,\"page-change\":_vm.onPageChange}},[_c('b-table-column',{attrs:{\"field\":\"action\",\"label\":\"Action\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [(_vm.profile.type === 'jfe')?_c('div',[(props.row.requestStatus)?_c('span',[_vm._v(_vm._s(_vm.formatStatus(props.row.requestStatus)))]):_vm._e(),(props.row.expirationDate && _vm.isExpiringOrExpired(props.row.expirationDate))?_c('div',{staticClass:\"expiration-container\"},[_c('div',{staticClass:\"expiration-status\",class:_vm.getExpirationStatusClass(props.row.expirationDate)}),_c('p',{staticClass:\"label-str\"},[_c('strong',[_vm._v(_vm._s(_vm.getExpirationLabel(props.row.expirationDate)))])])]):_vm._e()]):_vm._e(),(_vm.profile.type === 'licensee')?_c('div',[(props.row.licenseeIdLocation && props.row.licenseeIdLocation === _vm.profile.licenseeId)?_c('b-icon',{attrs:{\"icon\":\"sign-in\"}}):_vm._e()],1):_vm._e()]}}])}),_c('b-table-column',{attrs:{\"field\":\"status\",\"label\":\"Status\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.formatStatus(props.row.status))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"location\",\"label\":\"Location\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.getLocation(props.row))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"gauge\",\"label\":\"Gauge/Kit\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.name)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"connection\",\"label\":\"Connection\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.connection)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"application\",\"label\":\"Application\",\"cell-class\":\"is-capitalized\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.application)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"serialNumber\",\"label\":\"Serial Number\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.serialNumber)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"type\",\"label\":\"SD\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.type)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"value\",\"label\":\"Value\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.formatCurrency(props.row.value))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"CalibrationDue\",\"label\":\"Calibration Due\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.formatDate(props.row.expirationDate))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"lastCalibrationDate\",\"label\":\"Last Calibration\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.formatDate(props.row.lastCalibrationDate))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"received\",\"label\":\"Received\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.formatDate(props.row.receivedDate))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"purchaseDate\",\"label\":\"Purchased\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.formatDate(props.row.purchaseDate))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"manufacturer\",\"label\":\"Manufacturer\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.manufacturer)+\" \")]}}])}),_c('template',{slot:\"footer\"}),_c('template',{slot:\"empty\"},[_c('div',{staticClass:\"padding-xy-6 has-text-centered\"},[_vm._v(\" No gauges \")])])],2)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"projects_layout\">\r\n    <section>\r\n      <div id=\"projects_table\">\r\n        <div id=\"projects_tabletop\" class=\"row wide\">\r\n          <div class=\"padding-xy-4 padding-x-0-desktop padding-y-5-tablet\">\r\n            <div class=\"columns is-multiline is-mobile is-vcentered\">\r\n              <div class=\"column\">\r\n                <b-field>\r\n                  <b-taginput\r\n                    v-model=\"searchTerms\"\r\n                    placeholder=\"Search...\"\r\n                    icon=\"search\"\r\n                    type=\"is-dark\"\r\n                    class=\"is-capitalized\"\r\n                    rounded\r\n                    @input=\"loadGauges\"\r\n                  />\r\n                </b-field>\r\n              </div>\r\n              <div class=\"column is-narrow\">\r\n                <b-button slot=\"trigger\" class=\"button is-primary\" @click=\"goToGauge()\" icon-right=\"plus-circle\">\r\n                  Gauge\r\n                </b-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div>\r\n          <div class=\"project_group\">\r\n            <div class=\"columns is-mobile is-multiline is-vcentered\">\r\n              <div class=\"column is-narrow\">\r\n                <b-field expanded>\r\n                  <b-select v-model=\"status\" @input=\"loadGauges\" placeholder=\"All Statuses\">\r\n                    <option v-for=\"(label, value) in statusOptions\" :key=\"value\" :value=\"value\">\r\n                      {{ label }}\r\n                    </option>\r\n                  </b-select>\r\n                </b-field>\r\n              </div>\r\n\r\n              <!-- Filter by Connection -->\r\n              <div class=\"column is-narrow\">\r\n                <b-field expanded>\r\n                  <b-select v-model=\"selectedConnection\" @input=\"handleConnectionChange\" placeholder=\"All Connections\">\r\n                    <option value=\"all\">All Connections</option>\r\n                    <option\r\n                      v-for=\"connection in connections\"\r\n                      :key=\"connection.id\"\r\n                      :value=\"connection.id\"\r\n                    >\r\n                      {{ connection.name }}\r\n                    </option>\r\n                  </b-select>\r\n                </b-field>\r\n              </div>\r\n\r\n              <!-- Filter by Class -->\r\n              <div class=\"column is-narrow\" v-if=\"selectedConnection !== 'all'\">\r\n                <b-field expanded>\r\n                  <b-select v-model=\"selectedClass\" @input=\"loadGauges\" placeholder=\"All Classes\">\r\n                    <option value=\"all\">All Classes</option>\r\n                    <option\r\n                      v-for=\"classification in connectionSizes\"\r\n                      :key=\"classification.id\"\r\n                      :value=\"classification.id\">\r\n                      {{ classification.size }}\r\n                    </option>\r\n                  </b-select>\r\n                </b-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <b-table\r\n          class=\"scrollable clickable-row\"\r\n          :data=\"gaugesData\"\r\n          :mobile-cards=\"false\"\r\n          :hoverable=\"true\"\r\n          :sort-icon=\"'arrow-up'\"\r\n          :sort-icon-size=\"'is-small'\"\r\n          paginated\r\n          :current-page.sync=\"page\"\r\n          :total=\"gaugesTotal\"\r\n          backend-pagination\r\n          :per-page=\"limitPerPage\"\r\n          :loading=\"loadingGauges\"\r\n          backend-sorting\r\n          :default-sort-direction=\"defaultSortOrder\"\r\n          :default-sort=\"[sortField, sortOrder]\"\r\n          :row-class=\"(row, index) => row.status === 'requested' && 'highlight'\"\r\n          @sort=\"onSort\"\r\n          @click=\"goToGauge\"\r\n          @page-change=\"onPageChange\">\r\n          <b-table-column v-slot=\"props\" field=\"action\" label=\"Action\">\r\n            <div v-if=\"profile.type === 'jfe'\">\r\n              <span v-if=\"props.row.requestStatus\">{{ formatStatus(props.row.requestStatus) }}</span>\r\n              <div v-if=\"props.row.expirationDate && isExpiringOrExpired(props.row.expirationDate)\" class=\"expiration-container\">\r\n                <div class=\"expiration-status\" :class=\"getExpirationStatusClass(props.row.expirationDate)\"></div>\r\n                <p class=\"label-str\">\r\n                  <strong>{{ getExpirationLabel(props.row.expirationDate) }}</strong>\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"profile.type === 'licensee'\">\r\n              <b-icon icon=\"sign-in\" v-if=\"props.row.licenseeIdLocation && props.row.licenseeIdLocation === profile.licenseeId\"></b-icon>\r\n            </div>\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"status\" label=\"Status\">\r\n            {{ formatStatus(props.row.status) }}\r\n          </b-table-column>\r\n          <!--b-table-column v-slot=\"props\" :visible=\"(profile.type == 'jfe') && (profile.hasJfeAdminPermission) ? true : false\" field=\"duration\" label=\"Duration\">\r\n            {{ props.row.checkedOutDays }}\r\n            <span v-if=\"props.row.checkedOutDays\">\r\n              &nbsp;day<span v-if=\"Number(props.row.checkedOutDays) > 1\">s</span>\r\n            </span>\r\n          </b-table-column-->\r\n          <b-table-column v-slot=\"props\" field=\"location\" label=\"Location\">\r\n            {{ getLocation(props.row) }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"gauge\" label=\"Gauge/Kit\">\r\n            {{ props.row.name }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"connection\" label=\"Connection\">\r\n            {{ props.row.connection }}\r\n          </b-table-column>\r\n          <!-- <b-table-column v-slot=\"props\" field=\"classification\" label=\"Classification\">\r\n            {{ props.row.classification }}\r\n          </b-table-column> -->\r\n          <b-table-column v-slot=\"props\" field=\"application\" label=\"Application\" cell-class=\"is-capitalized\">\r\n            {{ props.row.application }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"serialNumber\" label=\"Serial Number\">\r\n            {{ props.row.serialNumber }}\r\n          </b-table-column>\r\n          <!--b-table-column :visible=\"(profile.type == 'jfe') && (profile.hasJfeAdminPermission) ? true : false\" field=\"office\" label=\"Owner\">\r\n            <template v-slot:header=\"{ column }\">\r\n              <span style=\"margin-right: 3px;\">{{ column.label }}</span>\r\n              <div>\r\n                <b-dropdown :mobile-modal=\"false\" class=\"has-text-left\">\r\n                  <b-button slot=\"trigger\" icon-right=\"filter\" size=\"is-small\" :class=\"selectedOffices.length > 0 ? 'is-info padding-xy-1' : ' is-transparent is-dark padding-xy-1'\" />\r\n                  <b-dropdown-item custom>\r\n                    <div class=\"padding-y-1\">\r\n                      <div class=\"media\">\r\n                        <div class=\"media-content\">\r\n                          <b-button @click.native=\"allOffices()\">\r\n                            All Offices\r\n                          </b-button>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </b-dropdown-item>\r\n                  <b-dropdown-item custom>\r\n                    <div v-for=\"office in offices\" :key=\"office.id\" class=\"padding-y-1\">\r\n                      <div class=\"media\">\r\n                        <div class=\"media-content\">\r\n                          <b-checkbox\r\n                            v-model=\"selectedOffices\"\r\n                            :native-value=\"office.id\"\r\n                            @input=\"loadGauges\"\r\n                          >\r\n                            {{ office.name }}\r\n                          </b-checkbox>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </b-dropdown-item>\r\n                  <b-dropdown-item class=\"has-text-right\">\r\n                    <small><a>close</a></small>\r\n                  </b-dropdown-item>\r\n                </b-dropdown>\r\n              </div>\r\n            </template>\r\n            <template v-slot=\"props\">\r\n              {{ props.row.owner }}\r\n            </template>\r\n          </b-table-column-->\r\n          <b-table-column v-slot=\"props\" field=\"type\" label=\"SD\">\r\n            {{ props.row.type }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"value\" label=\"Value\">\r\n            {{ formatCurrency(props.row.value) }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"CalibrationDue\" label=\"Calibration Due\">\r\n            {{ formatDate(props.row.expirationDate) }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"lastCalibrationDate\" label=\"Last Calibration\">\r\n            {{ formatDate(props.row.lastCalibrationDate) }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"received\" label=\"Received\">\r\n            {{ formatDate(props.row.receivedDate) }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"purchaseDate\" label=\"Purchased\">\r\n            {{ formatDate(props.row.purchaseDate) }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"manufacturer\" label=\"Manufacturer\">\r\n            {{ props.row.manufacturer }}\r\n          </b-table-column>\r\n          <template slot=\"footer\">\r\n          </template>\r\n          <template slot=\"empty\">\r\n            <div class=\"padding-xy-6 has-text-centered\">\r\n              No gauges\r\n            </div>\r\n          </template>\r\n        </b-table>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Vue2Filters from 'vue2-filters'\r\nimport Moment from 'moment'\r\n\r\nexport default {\r\n  name: 'Gauges',\r\n  components: {},\r\n  mixins: [Vue2Filters.mixin],\r\n  data () {\r\n    return {\r\n      gaugesData: [],\r\n      gaugesTotal: 0,\r\n      selectedOffices: [],\r\n      selectedProjects: null,\r\n      selectedPeriod: null,\r\n      selectedConnectionId: null,\r\n      selectedRangeDate: null,\r\n      selectedSizeId: null,\r\n      selectedGradeId: null,\r\n      showGradeFilter: false,\r\n      searchTerms: [],\r\n      exportMode: false,\r\n      loaded: false,\r\n      gradeSearchTerm: '',\r\n      loadingGauges: true,\r\n      checkedRows: [],\r\n      invoice: null,\r\n      radio: 'all',\r\n      numberOfDummies: 5000,\r\n      showDummyButton: true,\r\n      countDummiesProjects: 1,\r\n      userLicenseeConnections: [],\r\n      selectedLicenseeName: null,\r\n      selectedLicensee: null,\r\n      licenseeConnections: [],\r\n      page: 1,\r\n      limitPerPage: 50,\r\n      defaultSortOrder: 'DESC',\r\n      sortField: 'id',\r\n      sortOrder: 'DESC',\r\n      status: 'all',\r\n      selectedConnection: 'all',\r\n      selectedClass: 'all',\r\n      statusOptions: {\r\n        all: 'All Statuses',\r\n        available: 'Available',\r\n        checked: 'Checked',\r\n        unavailable: 'Unavailable'\r\n      },\r\n      classes: []\r\n    }\r\n  },\r\n  computed: {\r\n    profile () {\r\n      return this.$store.state.profile\r\n    },\r\n    connections () {\r\n      return this.$store.state.connectionsLight\r\n    },\r\n    offices () {\r\n      return this.$store.state.offices\r\n    },\r\n    connectionSizes () {\r\n      return this.$store.state.connectionSizesByConnection\r\n    },\r\n    now () {\r\n      return Moment()\r\n    }\r\n  },\r\n\r\n  async mounted () {\r\n    await this.$store.commit('setTitle', 'Gauge Tracker')\r\n    await this.initializeScreen()\r\n\r\n    // resize table\r\n    const nonTableElementsHeight = document.getElementById('navbar').clientHeight + document.getElementById('projects_tabletop').clientHeight + document.getElementsByClassName('project_group')[0].clientHeight + document.getElementById('projects_table').getElementsByClassName('level')[0].clientHeight;\r\n    const projectsTable = document.getElementById('projects_table').getElementsByClassName('table-wrapper')[0];\r\n    projectsTable.style.minHeight = (window.innerHeight - nonTableElementsHeight) + 'px'\r\n    projectsTable.style.maxHeight = (window.innerHeight - nonTableElementsHeight) + 'px'\r\n    // projectsTable.style.paddingBottom = (document.getElementById('projects_table').getElementsByClassName('level')[0].clientHeight) + 'px'\r\n  },\r\n  methods: {\r\n    async handleConnectionChange () {\r\n      if (this.selectedConnection !== 'all') {\r\n        await this.refreshConnectionsSizeByConnection(this.selectedConnection)\r\n      }\r\n      this.selectedClass = 'all'\r\n      await this.loadGauges()\r\n    },\r\n    async refreshConnectionsSizeByConnection (connectionId) {\r\n      try {\r\n        this.loadingGauges = true\r\n        await this.$store.dispatch('refreshConnectionSizesByConnection', connectionId)\r\n        this.connectionSizes = this.$store.state.connectionSizesByConnection\r\n      } catch (e) {\r\n        console.error('Error fetching connection sizes:', e)\r\n      } finally {\r\n        this.loadingGauges = false\r\n      }\r\n    },\r\n    formatStatus (status) {\r\n      return status\r\n        .replace(/_/g, ' ')\r\n        .toLowerCase()\r\n        .replace(/\\b\\w/g, char => char.toUpperCase())\r\n    },\r\n    formatDate (date) {\r\n      if (!date) {\r\n        return 'N/A'\r\n      }\r\n      const currDate = new Date(date)\r\n      return currDate.toLocaleDateString('en-US', {\r\n        year: 'numeric',\r\n        month: 'short',\r\n        day: '2-digit'\r\n      })\r\n    },\r\n    formatCurrency (value) {\r\n      if (value === null || value === undefined) return '$0.00'\r\n      return new Intl.NumberFormat('en-US', {\r\n        style: 'currency',\r\n        currency: 'USD',\r\n        minimumFractionDigits: 2\r\n      }).format(value)\r\n    },\r\n    async initializeScreen () {\r\n      this.$store.commit('setApp', 'gauge')\r\n      this.$store.dispatch('refreshOffices')\r\n      await this.loadGauges()\r\n\r\n      this.loadingGauges = false\r\n    },\r\n    async loadGauges () {\r\n      try {\r\n        this.loadingGauges = true\r\n        const params = {\r\n          filter: {\r\n            searchTerms: this.searchTerms,\r\n            offices: this.selectedOffices,\r\n            limit: this.limitPerPage,\r\n            page: this.page,\r\n            orderFields: [this.sortField, this.sortOrder],\r\n            status: this.status,\r\n            connection: this.selectedConnection,\r\n            size: this.selectedClass\r\n          }\r\n        }\r\n        await this.$store.dispatch('refreshGauges', params)\r\n        const { data, totalRecords } = this.$store.state.gauges\r\n        this.gaugesData = data\r\n        this.gaugesTotal = totalRecords\r\n        this.loadingGauges = false\r\n      } catch (e) {\r\n        console.log(e)\r\n      }\r\n    },\r\n    allOffices () {\r\n      this.selectedOffices = []\r\n      this.loadGauges()\r\n    },\r\n    async onSort (field, order) {\r\n      this.sortField = field\r\n      this.sortOrder = order\r\n      await this.loadGauges()\r\n    },\r\n    async onPageChange (page) {\r\n      this.page = page\r\n      await this.loadGauges()\r\n      this.$scrollTo(page, 500)\r\n    },\r\n    goToGauge (gauge) {\r\n      if (gauge) {\r\n        this.$router.push({\r\n          name: 'gauge_detail',\r\n          params: { id: gauge.id }\r\n        })\r\n      } else {\r\n        this.$router.push({\r\n          name: 'gauge_admin',\r\n          params: { id: 'new' }\r\n        })\r\n      }\r\n    },\r\n    isExpiringOrExpired (expirationDate) {\r\n      const today = new Date()\r\n      const expiration = new Date(expirationDate)\r\n      const differenceInTime = expiration - today\r\n      const differenceInDays = Math.ceil(differenceInTime / (1000 * 60 * 60 * 24))\r\n\r\n      return differenceInDays <= 15\r\n    },\r\n    getExpirationStatusClass (expirationDate) {\r\n      const today = new Date()\r\n      const expiration = new Date(expirationDate)\r\n      const differenceInTime = expiration - today\r\n      const differenceInDays = Math.ceil(differenceInTime / (1000 * 60 * 60 * 24))\r\n\r\n      if (differenceInDays <= 0) {\r\n        return 'expired'\r\n      } else if (differenceInDays <= 15) {\r\n        return 'warning'\r\n      }\r\n    },\r\n    getExpirationLabel (expirationDate) {\r\n      const expiration = new Date(expirationDate)\r\n      const today = new Date()\r\n      const differenceInTime = expiration - today\r\n      const differenceInDays = Math.ceil(differenceInTime / (1000 * 60 * 60 * 24))\r\n\r\n      const formattedDate = expiration.toLocaleDateString('en-US', {\r\n        month: 'short',\r\n        day: '2-digit'\r\n      })\r\n\r\n      return differenceInDays <= 0 ? `Expired: ${formattedDate}` : `Expires: ${formattedDate}`\r\n    },\r\n    getLocation (row) {\r\n      const location = ''\r\n      if (row.expirationDate) {\r\n        const today = new Date()\r\n        const expiration = new Date(row.expirationDate)\r\n        const differenceInTime = expiration - today\r\n        const differenceInDays = Math.ceil(differenceInTime / (1000 * 60 * 60 * 24))\r\n\r\n        if (differenceInDays <= 0) {\r\n          return 'Expired'\r\n        }\r\n      }\r\n\r\n      if (row.licenseeLocation && row.status === 'checked_out') {\r\n        return row.licenseeLocation\r\n      }\r\n\r\n      return location\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.expiration-container {\r\n  font-weight: bold;\r\n}\r\n\r\n.expiration-status {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 6px;\r\n}\r\n\r\n.label-str {\r\n  background: #ececec;\r\n  border-radius: 8px;\r\n  padding: 3px 5px;\r\n  position: relative;\r\n  font-size: 9px;\r\n  line-height: 1;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  white-space: nowrap;\r\n  text-align: center;\r\n}\r\n\r\n.label-str::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: transparent transparent #ececec transparent;\r\n}\r\n\r\n.label-str::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(1px);\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: transparent transparent #ececec transparent;\r\n}\r\n\r\n.expired {\r\n  background-color: red;\r\n}\r\n\r\n.warning {\r\n  background-color: #ffe600;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Gauges.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Gauges.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Gauges.vue?vue&type=template&id=5a48a6be&scoped=true\"\nimport script from \"./Gauges.vue?vue&type=script&lang=js\"\nexport * from \"./Gauges.vue?vue&type=script&lang=js\"\nimport style0 from \"./Gauges.vue?vue&type=style&index=0&id=5a48a6be&prod&scoped=true&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  \"5a48a6be\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}