{"version":3,"sources":["webpack:///./src/components/Templates/branchesListTemplate.vue","webpack:///src/components/Templates/branchesListTemplate.vue","webpack:///./src/components/Templates/branchesListTemplate.vue?ddd0","webpack:///./src/components/Templates/branchesListTemplate.vue?7f9d","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/views/groupManagement/ProductValuation/index.vue","webpack:///src/views/groupManagement/ProductValuation/index.vue","webpack:///./src/views/groupManagement/ProductValuation/index.vue?7d99","webpack:///./src/views/groupManagement/ProductValuation/index.vue?9dd0","webpack:///./src/components/Templates/Dropdown/branchesDropdown.vue","webpack:///src/components/Templates/Dropdown/branchesDropdown.vue","webpack:///./src/components/Templates/Dropdown/branchesDropdown.vue?c8f3","webpack:///./src/components/Templates/Dropdown/branchesDropdown.vue?12dc"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","dropdownOption","staticRenderFns","data","mounted","window","openDropdown","methods","component","module","exports","_v","productsValuation","length","showLoader","staticStyle","_s","$t","_e","_l","c","i","key","prodVal","style","backgroundImage","cardBackgroundUrl","backgroundRepeat","backgroundPosition","backgroundSize","productName","class","toLowerCase","attrs","require","convertThousand","currentVolume","group","currencyCode","valuation","$","title","components","MasterLayout","TableLoader","Paginator","VueMomentsAgo","DropDown","provide","grid","formatOptions","type","format","groupId","maxDate","categories","category","startDate","endDate","pluginStartDate","pluginEndDate","dateRange","start","end","customShortcuts","label","value","totalExpenses","totalIncome","expensesCount","backgroundUrl","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","companyExpenses","groupedExpense","computed","searchFun","Array","input","created","watch","getProductsValuation","get","configObject","then","res","catch","error","timeout","timeSince","seconds","Math","interval","refreshGrid","toolbarClick","pageOrientation","fileName","toFixed","toString","replace","details","info","link","buttonAction","emitName","name","delete","hasDelete","deleteNow","props"],"mappings":"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","file":"js/chunk-69dca75e.8233bd98.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('i',{staticClass:\"fa-li fa fa-ellipsis-v dropbtn\",on:{\"click\":function($event){return _vm.dropdownOption()}}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"\">\r\n    <i class=\"fa-li fa fa-ellipsis-v dropbtn\" @click=\"dropdownOption()\"></i>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      data: {},\r\n    };\r\n  },\r\n  mounted() {\r\n       window.onclick = (event) => {\r\n        if (!event.target.matches('.dropbtn')) {\r\n          var dropdowns = document.getElementsByClassName(\"dropdown-content\");\r\n          var i;\r\n          for (i = 0; i < dropdowns.length; i++) {\r\n            var openDropdown = dropdowns[i];\r\n            if (openDropdown.classList.contains('show')) {\r\n              openDropdown.classList.remove('show');\r\n            }\r\n          }\r\n        }\r\n      }\r\n  },\r\n  methods: {\r\n      dropdownOption() {\r\n        this.$eventHub.$emit('showBranhesConfig', this.data)\r\n      },\r\n  },\r\n};\r\n\r\n</script>","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!./branchesListTemplate.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!./branchesListTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./branchesListTemplate.vue?vue&type=template&id=4e116035&\"\nimport script from \"./branchesListTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./branchesListTemplate.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","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('section',{staticClass:\"section__row topmost-margin radius-5 align-items-center\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-7\"},[_c('h4',[_vm._v(\"Stock valuation\")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"})])]),_vm._v(\" \"),(\n        !_vm.productsValuation || (_vm.productsValuation.length < 1 && !_vm.showLoader)\n      )?_c('section',{staticClass:\"products_summary__wrapper mt-3\"},[_c('div',{staticClass:\"empty_tank_wrapper\",staticStyle:{\"background\":\"white\",\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"flex-flow\":\"column wrap\"}},[_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"100px\"}},[_c('h6',{staticStyle:{\"color\":\"rgb(161, 146, 146)\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('text.products.noStockValuation'))+\"\\n          \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-cente pb-5\",staticStyle:{\"margin-top\":\"20px\"}},[_c('h3',{staticStyle:{\"color\":\"rgb(161, 146, 146)\",\"font-size\":\"25px\"}})])])]):_vm._e(),_vm._v(\" \"),(_vm.showLoader)?_c('section',{staticClass:\"row card-loader-wrapper w-100\",staticStyle:{\"margin-top\":\"0px\"}},_vm._l((8),function(c,i){return _c('div',{key:i,staticClass:\"col-md-3 mt-3 position-relative\"},[_c('div',{staticClass:\"card-loader\"})])}),0):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('section',{staticClass:\"section__row mt-3 row ml-0\"},_vm._l((_vm.productsValuation),function(prodVal,i){return _c('div',{key:i,staticClass:\"w-100 col-md-4 mb-3\"},[_c('div',{staticClass:\"ep-card p-3\",staticStyle:{\"border-radius\":\"17px\"},style:({\n            backgroundImage: `url(${_vm.cardBackgroundUrl})`,\n            backgroundRepeat: 'no-repeat',\n            backgroundPosition: 'right',\n            backgroundSize: ' 136px',\n          })},[_c('div',{staticClass:\"card__header___text\"},[_c('div',{staticClass:\"w-100\"},[_c('h3',{staticClass:\"our_branches__header\"},[_vm._v(_vm._s(prodVal.productName))]),_vm._v(\" \"),_c('div',{staticClass:\"dealer__icon__wrapper mt-3\"},[_c('div',{class:[\n                    prodVal.productName.toLowerCase() === 'pms'\n                      ? 'oil_drop_div_1'\n                      : prodVal.productName.toLowerCase() === 'ago'\n                      ? 'oil_drop_div_2'\n                      : prodVal.productName.toLowerCase() === 'dpk'\n                      ? 'oil_drop_div_3'\n                      : prodVal.productName.toLowerCase() === 'lpg'\n                      ? 'oil_drop_div_5'\n                      : null,\n                  ]},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-md-6\"},[_c('h3',[_vm._v(\" \"+_vm._s(_vm.$t('text.products.currentVolume')))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 text-right\"},[_c('h3',[_vm._v(_vm._s(_vm.convertThousand(prodVal.currentVolume))+\" \"+_vm._s(_vm.$t('text.products.ltrs')))])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3 align-items-center justify-content-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('h3',[_vm._v(\" \"+_vm._s(_vm.$t('text.products.val')))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 text-right\"},[_c('h3',[_vm._v(\"\\n                    \"+_vm._s(_vm.group ? _vm.group.currencyCode : \"\")+_vm._s(_vm.convertThousand(prodVal.valuation))+\"\\n                  \")])])])])])])])}),0):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <section class=\"section__row topmost-margin radius-5 align-items-center\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-7\">\r\n            <h4>Stock valuation</h4>\r\n          </div>\r\n          <div class=\"col-md-3\"></div>\r\n        </div>\r\n      </section>\r\n      <section\r\n        class=\"products_summary__wrapper mt-3\"\r\n        v-if=\"\r\n          !productsValuation || (productsValuation.length < 1 && !showLoader)\r\n        \"\r\n      >\r\n        <div\r\n          class=\"empty_tank_wrapper\"\r\n          style=\"\r\n            background: white;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-flow: column wrap;\r\n          \"\r\n        >\r\n          <div class=\"text-center\" style=\"margin-top: 100px\">\r\n            <h6 style=\"color: rgb(161, 146, 146)\">\r\n              {{$t('text.products.noStockValuation')}}\r\n            </h6>\r\n          </div>\r\n\r\n          <div class=\"text-cente pb-5\" style=\"margin-top: 20px\">\r\n            <h3 style=\"color: rgb(161, 146, 146); font-size: 25px\"></h3>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section\r\n        class=\"row card-loader-wrapper w-100\"\r\n        v-if=\"showLoader\"\r\n        style=\"margin-top: 0px\"\r\n      >\r\n        <div\r\n          class=\"col-md-3 mt-3 position-relative\"\r\n          v-for=\"(c, i) in 8\"\r\n          :key=\"i\"\r\n        >\r\n          <div class=\"card-loader\"></div>\r\n        </div>\r\n      </section>\r\n      <section class=\"section__row mt-3 row ml-0\" v-if=\"!showLoader\">\r\n        <div\r\n          v-for=\"(prodVal, i) in productsValuation\"\r\n          :key=\"i\"\r\n          class=\"w-100 col-md-4 mb-3\"\r\n        >\r\n          <div\r\n            class=\"ep-card p-3\"\r\n            style=\"border-radius: 17px\"\r\n            :style=\"{\r\n              backgroundImage: `url(${cardBackgroundUrl})`,\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundPosition: 'right',\r\n              backgroundSize: ' 136px',\r\n            }\"\r\n          >\r\n            <div class=\"card__header___text\">\r\n              <div class=\"w-100\">\r\n                <h3 class=\"our_branches__header\">{{ prodVal.productName }}</h3>\r\n                <div class=\"dealer__icon__wrapper mt-3\">\r\n                  <div\r\n                    :class=\"[\r\n                      prodVal.productName.toLowerCase() === 'pms'\r\n                        ? 'oil_drop_div_1'\r\n                        : prodVal.productName.toLowerCase() === 'ago'\r\n                        ? 'oil_drop_div_2'\r\n                        : prodVal.productName.toLowerCase() === 'dpk'\r\n                        ? 'oil_drop_div_3'\r\n                        : prodVal.productName.toLowerCase() === 'lpg'\r\n                        ? 'oil_drop_div_5'\r\n                        : null,\r\n                    ]\"\r\n                  >\r\n                    <div class=\"text-center\">\r\n                      <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"row mt-3\">\r\n                  <div class=\"col-md-6\">\r\n                    <h3> {{$t('text.products.currentVolume')}}</h3>\r\n                  </div>\r\n                  <div class=\"col-md-6 text-right\">\r\n                    <h3>{{ convertThousand(prodVal.currentVolume) }} {{$t('text.products.ltrs')}}</h3>\r\n                  </div>\r\n                </div>\r\n                <div class=\"row mt-3 align-items-center justify-content-center\">\r\n                  <div class=\"col-md-6\">\r\n                    <h3> {{$t('text.products.val')}}</h3>\r\n                  </div>\r\n                  <div class=\"col-md-6 text-right\">\r\n                    <h3>\r\n                      {{ group ? group.currencyCode : \"\"\r\n                      }}{{ convertThousand(prodVal.valuation) }}\r\n                    </h3>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/groupManagement/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  groupAggregates,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport Paginator from \"@/components/Paginator.vue\";\r\nimport VueMomentsAgo from \"vue-moments-ago\";\r\nimport DropDown from \"@/components/Templates/Dropdown/branchesDropdown.vue\";\r\nimport Temp from \"@/components/Templates/branchesListTemplate.vue\";\r\nimport backgroundUrl from \"@/assets/img/BecomeDealer.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\n\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  title: \"Expenses:: Epump Portal\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    Paginator,\r\n    VueMomentsAgo,\r\n    DropDown,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      groupId: null,\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      categories: [],\r\n      category: \"all\",\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      startDate: this.$moment().subtract(30, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(30, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      totalExpenses: 0,\r\n      totalIncome: 0,\r\n      expensesCount: 0,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      companyExpenses: [],\r\n      showLoader: true,\r\n      groupedExpense: [],\r\n      companyExpenses: [],\r\n      productsValuation: [],\r\n      group: null,\r\n    };\r\n  },\r\n  computed: {},\r\n  mounted() {\r\n    this.$eventHub.$on(\"group\", (group) => {\r\n      this.group = group;\r\n    });\r\n    if (this.$route.query.groupId) {\r\n      this.getProductsValuation();\r\n    }\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n    Array.from(document.getElementsByTagName(\"input\")).forEach((input) => {\r\n      if (!Array.from(input.classList).includes(\"form-control\")) {\r\n        input.classList.add(\"form-control\");\r\n      }\r\n    });\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"group\", (group) => {\r\n      this.group = group;\r\n    });\r\n    if (this.$route.query.groupId) {\r\n      this.getProductsValuation();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  watch: {\r\n    group(group) {\r\n      if (group !== null) {\r\n        this.getProductsValuation();\r\n      }\r\n    },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n\r\n        this.getProductsValuation();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    getProductsValuation() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/GroupStockValuationReport/${\r\n            this.$route.query.groupId\r\n              ? this.$route.query.groupId\r\n              : this.group.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.showLoader = false;\r\n          this.productsValuation = res.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          this.$toast(error.response.data.message, {\r\n            type: \"error\",\r\n            timeout: 3000,\r\n          });\r\n        });\r\n    },\r\n    timeSince(date) {\r\n      let seconds = Math.floor((new Date() - date) / 1000);\r\n      const value = seconds < 0 ? \"from now\" : \"ago\";\r\n      seconds = Math.abs(seconds);\r\n\r\n      var interval = seconds / 31536000;\r\n\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" year \" : \" years \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 2592000;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" month \" : \" months \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 86400;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" day \" : \" days \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 3600;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" hour \" : \" hours \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 60;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" minute \" : \" minutes \") +\r\n          value\r\n        );\r\n      }\r\n      return (\r\n        Math.floor(seconds) +\r\n        (Math.floor(interval) == 1 ? \" second \" : \" seconds \") +\r\n        value\r\n      );\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          let pdfExportProperties = {\r\n            pageOrientation: \"Landscape\",\r\n            fileName: \"branches.pdf\",\r\n          };\r\n          this.$refs.dataGrid.pdfExport(pdfExportProperties);\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n  },\r\n};\r\n</script>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=33a090f1&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dropdown-content\",attrs:{\"id\":\"myDropdown\"}},[_vm._l((_vm.details.info),function(link,i){return _c('div',{key:i,staticClass:\"text-center\",on:{\"click\":function($event){return _vm.buttonAction(link.emitName)}}},[_vm._v(\"\\n        \"+_vm._s(link.name)+\"\\n    \")])}),_vm._v(\" \"),(_vm.details.delete.hasDelete)?_c('div',{staticClass:\"text-center\",on:{\"click\":_vm.deleteNow}},[_c('p',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(_vm._s(_vm.details.delete.name))])]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"dropdown-content\" id=\"myDropdown\">\r\n        <div class=\"text-center\" v-for=\"(link, i) in details.info\" :key=\"i\"  @click=\"buttonAction(link.emitName)\" >\r\n            {{ link.name }}\r\n        </div>\r\n        <div class=\"text-center\" @click=\"deleteNow\" v-if=\"details.delete.hasDelete\">\r\n            <p style=\"margin-bottom: 0\">{{details.delete.name}}</p>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: ['details'],\r\n    created() {\r\n    }, \r\n    methods: {\r\n        deleteNow() {\r\n            this.$eventHub.$emit(this.details.delete.deleteName, this.details.queryStrings[this.details.delete.query])\r\n        },\r\n        buttonAction(name) {\r\n            this.$eventHub.$emit(name, this.details.queryStrings.id)\r\n        }\r\n    },\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>","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!./branchesDropdown.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!./branchesDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./branchesDropdown.vue?vue&type=template&id=d466303c&\"\nimport script from \"./branchesDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./branchesDropdown.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":""}