{"version":3,"sources":["webpack:///./src/api/search.js","webpack:///./src/views/Home.vue?b512","webpack:///./src/views/Home.vue?de06","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?658d","webpack:///./src/views/Home.vue"],"names":["searchShipment","status","date","bol","phone","name","destination","api","get","params","Object","fromEntries","entries","filter","kv","searchManifest","departure","delayedShipment","unpaidShipment","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","superTitle","title","staticStyle","attrs","transitionName","summaryNumbers","on","getData","staticRenderFns","data","delivered","items","increase","delivering","toLoad","pickups","unpaid","delayed","methods","then","res","results","catch","err","console","log","updateTitle","path","split","pop","watch","$route","to","from","toDepth","length","fromDepth","mounted","component"],"mappings":"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","file":"js/chunk-8db5ce8c.53cc27b7.js","sourcesContent":["import api from './index';\n\nconst searchShipment = (status, date, bol, phone, name, destination) => api.get('/shipment/search', {\n  params: {\n    ...Object.fromEntries(Object.entries({\n      status,\n      date,\n      // 'shipment-id': shipmentId,\n      bol,\n      phone,\n      name,\n      destination,\n    }).filter((kv) => !!kv[1])),\n  },\n});\n\nconst searchManifest = (date, bol, departure, destination) => api.get('/manifest/search', {\n  params: {\n    ...Object.fromEntries(Object.entries({\n      date,\n      bol,\n      departure,\n      destination,\n    }).filter((kv) => !!kv[1])),\n  },\n});\n\n// const delayedShipment = () => api.get('/delayedShipment');\n\nconst delayedShipment = () => api.get('/delayedShipment');\n\nconst unpaidShipment = () => api.get('/unpaidShipment');\n\n// eslint-disable-next-line import/prefer-default-export\nexport {\n  searchShipment, delayedShipment, unpaidShipment, searchManifest,\n};\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=6a145222&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home text-left mx-5 pb-4 mt-2\"},[_c('div',{staticClass:\"d-flex align-items-end justify-content-between\"},[_c('div',{staticClass:\"text-gray-500 text-3xl\"},[_vm._v(\" Welcome! \")]),_c('div',[_c('div',{staticClass:\"text-gray-400 font-weight-bold\"},[_vm._v(_vm._s(_vm.superTitle))]),_c('div',{staticClass:\"text-gray-500 text-2xl\"},[_vm._v(_vm._s(_vm.title))])])]),_c('hr',{staticClass:\"welcome-divider mt-4 mb-5\",staticStyle:{\"border-width\":\"2px\"}}),_c('div',{staticClass:\"position-relative w-100\"},[_c('transition',{attrs:{\"name\":_vm.transitionName}},[_c('router-view',{staticClass:\"position-absolute w-100\",attrs:{\"summaryNumbers\":_vm.summaryNumbers},on:{\"getData\":function () { _vm.getData() }}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"home text-left mx-5 pb-4 mt-2\">\n    <div class=\"d-flex align-items-end justify-content-between\">\n      <div class=\"text-gray-500 text-3xl\">\n        Welcome!\n      </div>\n      <div>\n        <div class=\"text-gray-400 font-weight-bold\">{{superTitle}}</div>\n        <div class=\"text-gray-500 text-2xl\">{{title}}</div>\n      </div>\n    </div>\n    <hr class=\"welcome-divider mt-4 mb-5\" style=\"border-width: 2px;\"/>\n    <div class=\"position-relative w-100\">\n      <transition :name=\"transitionName\">\n        <router-view @getData=\"() => { getData() }\" :summaryNumbers=\"summaryNumbers\"\n        class=\"position-absolute w-100\" v-cloak/>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { searchShipment, delayedShipment, unpaidShipment } from '../api/search';\n\nexport default {\n  name: 'Home',\n  data() {\n    return {\n      summaryNumbers: {\n        delivered: {\n          name: 'delivered',\n          items: [\n          ],\n          increase: true,\n        },\n        delivering: {\n          name: 'delivering',\n          items: [\n          ],\n          increase: true,\n        },\n        toLoad: {\n          name: 'to load',\n          items: [\n          ],\n          increase: true,\n        },\n        pickups: {\n          name: 'pickups',\n          items: [\n          ],\n          increase: true,\n        },\n        unpaid: {\n          name: 'unpaid',\n          items: [\n          ],\n          increase: false,\n        },\n        delayed: {\n          name: 'delayed',\n          items: [\n          ],\n          increase: false,\n        },\n      },\n      transitionName: 'fade',\n      superTitle: 'Overview',\n      title: 'Dashboard',\n    };\n  },\n  methods: {\n    getData() {\n      searchShipment('pickup').then((res) => {\n        this.summaryNumbers.pickups.items = res.data.results;\n      }).catch((err) => {\n        console.log(err);\n      });\n      searchShipment('toload').then((res) => {\n        this.summaryNumbers.toLoad.items = res.data.results;\n      }).catch((err) => {\n        console.log(err);\n      });\n      searchShipment('todeliver').then((res) => {\n        this.summaryNumbers.delivering.items = res.data.results;\n      }).catch((err) => {\n        console.log(err);\n      });\n      searchShipment('completed').then((res) => {\n        this.summaryNumbers.delivered.items = res.data.results;\n      }).catch((err) => {\n        console.log(err);\n      });\n      delayedShipment().then((res) => {\n        this.summaryNumbers.delayed.items = res.data.results;\n      }).catch((err) => {\n        console.log(err);\n      });\n      unpaidShipment().then((res) => {\n        this.summaryNumbers.unpaid.items = res.data.results;\n      }).catch((err) => {\n        console.log(err);\n      });\n    },\n    updateTitle(path) {\n      switch (path.split('/').pop()) {\n        case 'delivered':\n          this.superTitle = 'Shipments';\n          this.title = 'Delivered';\n          break;\n        case 'delivering':\n          this.superTitle = 'Shipments';\n          this.title = 'Delivering';\n          break;\n        case 'toload':\n          this.superTitle = 'Shipments';\n          this.title = 'To Load';\n          break;\n        case 'pickups':\n          this.superTitle = 'Shipment';\n          this.title = 'Pickups';\n          break;\n        case 'unpaid':\n          this.superTitle = 'Shipments';\n          this.title = 'Unpaid';\n          break;\n        case 'delayed':\n          this.superTitle = 'Shipments';\n          this.title = 'Delayed';\n          break;\n        default:\n          this.superTitle = 'Overview';\n          this.title = 'Dashboard';\n      }\n    },\n  },\n  watch: {\n    $route(to, from) {\n      const toDepth = to.path.split('/').length;\n      const fromDepth = from.path.split('/').length;\n      this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left';\n      this.updateTitle(to.path);\n    },\n  },\n  mounted() {\n    this.updateTitle(this.$route.path);\n    this.getData();\n    // searchShipment('pickup').then((res) => {\n    //   this.summaryNumbers.pickups.items = res.data.results;\n    // }).catch((err) => {\n    //   console.log(err);\n    // });\n    // searchShipment('toload').then((res) => {\n    //   this.summaryNumbers.toLoad.items = res.data.results;\n    // }).catch((err) => {\n    //   console.log(err);\n    // });\n    // searchShipment('todeliver').then((res) => {\n    //   this.summaryNumbers.delivering.items = res.data.results;\n    // }).catch((err) => {\n    //   console.log(err);\n    // });\n    // searchShipment('delivered').then((res) => {\n    //   this.summaryNumbers.delivered.items = res.data.results;\n    // }).catch((err) => {\n    //   console.log(err);\n    // });\n    // delayedShipment().then((res) => {\n    //   this.summaryNumbers.delayed.items = res.data.results;\n    // }).catch((err) => {\n    //   console.log(err);\n    // });\n    // unpaidShipment().then((res) => {\n    //   this.summaryNumbers.unpaid.items = res.data.results;\n    // }).catch((err) => {\n    //   console.log(err);\n    // });\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.welcome-divider {\n  border-color: var(--hover-color);\n}\n\n#feed .card {\n  border: unset;\n  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;\n}\n\n.transparent-button {\n  background: transparent !important;\n  color: dimgray !important;\n  border-radius: 5px 0 0 5px !important;\n}\n\n.transparent-button:hover {\n  background: lightgray !important;\n}\n\n.fade-enter-active, .fade-leave-active {\n  transition: opacity .5s;\n}\n\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n\n.slide-left-enter-active, .slide-left-leave-active,\n.slide-right-enter-active, .slide-right-leave-active {\n  transition: opacity .5s, transform .5s;\n}\n\n.slide-left-enter, .slide-right-leave-to {\n  opacity: 0;\n  transform: translateX(200px);\n}\n\n.slide-left-leave-to, .slide-right-enter {\n  opacity: 0;\n  transform: translateX(-200px);\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!./Home.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!./Home.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=6a145222\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=6a145222&prod&lang=scss\"\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":""}