{"version":3,"sources":["webpack:///./src/views/Orders.vue?20e5","webpack:///src/views/Orders.vue","webpack:///./src/views/Orders.vue?c7a6","webpack:///./src/views/Orders.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","scopedSlots","_u","key","fn","_v","proxy","on","$event","gotoNew","refreshOrders","staticStyle","model","value","callback","$$v","search","expression","headers","orders","ref","item","gotoDetails","stopPropagation","_s","uid","substring","customerName","_f","createDate","directives","name","rawName","totalAmount","toFixed","staticRenderFns","component","VBtn","VContainer","VDataTable","VDivider","VTextField"],"mappings":"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","file":"js/chunk-2d0ab565.ee634572.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"products\",\"tag\":\"section\"}},[_c('base-material-card',{staticClass:\"px-5 py-3\",attrs:{\"color\":\"indigo\",\"icon\":\"mdi-archive\",\"inline\":\"\",\"top-actions\":\"\"},scopedSlots:_vm._u([{key:\"after-heading\",fn:function(){return [_c('div',{staticClass:\"display-2 font-weight-light\"},[_vm._v(\"\\n        Orders\\n      \")])]},proxy:true},{key:\"top-actions\",fn:function(){return [_c('v-btn',{staticClass:\"px-2 ml-1\",attrs:{\"color\":\"success\"},on:{\"click\":function($event){return _vm.gotoNew()}}},[_vm._v(\"\\n        New order\\n      \")]),_c('v-btn',{staticClass:\"px-2 ml-1 v-btn--tight\",attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.refreshOrders()}}},[_vm._v(\"\\n        Refresh\\n      \")])]},proxy:true}])},[_c('v-text-field',{staticClass:\"ml-auto\",staticStyle:{\"max-width\":\"250px\"},attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"hide-details\":\"\",\"single-line\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-divider',{staticClass:\"mt-3\"}),_c('v-data-table',{staticClass:\"row-action\",attrs:{\"headers\":_vm.headers,\"items\":_vm.orders,\"search\":_vm.search,\"sort-desc\":[false, false],\"multi-sort\":\"\"},on:{\"update:search\":function($event){_vm.search=$event}},scopedSlots:_vm._u([{key:\"item\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('tr',{on:{\"click\":function($event){return _vm.gotoDetails(item)}}},[_c('td',{staticClass:\"text-right\"},[_c('v-btn',{staticClass:\"px-2 ml-1\",attrs:{\"color\":\"info\",\"rounded\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.gotoDetails(item)}}},[_vm._v(\"\\n              Details\\n            \")])],1),_c('td',[_vm._v(_vm._s(item.uid.substring(0, 7)))]),_c('td',[_vm._v(_vm._s(item.customerName))]),_c('td',[_vm._v(_vm._s(_vm._f(\"moment\")(item.createDate,\"DD/MM/YYYY HH:mm:ss\")))]),_c('td',{staticClass:\"text-right\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.totalAmount>0),expression:\"item.totalAmount>0\"}]},[_c('span',{staticClass:\"mdi mdi-currency-eur\"}),_vm._v(_vm._s(item.totalAmount.toFixed(2))+\"\\n            \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.totalAmount===0),expression:\"item.totalAmount===0\"}]},[_vm._v(\"\\n              -\\n            \")])])])]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    id=\"products\"\n    tag=\"section\"\n  >\n    <base-material-card\n      color=\"indigo\"\n      icon=\"mdi-archive\"\n      inline\n      class=\"px-5 py-3\"\n      top-actions\n    >\n      <template v-slot:after-heading>\n        <div class=\"display-2 font-weight-light\">\n          Orders\n        </div>\n      </template>\n\n      <template v-slot:top-actions>\n        <v-btn\n          class=\"px-2 ml-1\"\n          color=\"success\"\n          @click=\"gotoNew()\"\n        >\n          New order\n        </v-btn>\n        <v-btn\n          class=\"px-2 ml-1 v-btn--tight\"\n          color=\"info\"\n          @click=\"refreshOrders()\"\n        >\n          Refresh\n        </v-btn>\n      </template>\n\n      <v-text-field\n        v-model=\"search\"\n        append-icon=\"mdi-magnify\"\n        class=\"ml-auto\"\n        label=\"Search\"\n        hide-details\n        single-line\n        style=\"max-width: 250px;\"\n      />\n\n      <v-divider class=\"mt-3\" />\n\n      <v-data-table\n        :headers=\"headers\"\n        :items=\"orders\"\n        :search.sync=\"search\"\n        :sort-desc=\"[false, false]\"\n        multi-sort\n        class=\"row-action\"\n      >\n        <template v-slot:item=\"{ item }\">\n          <tr @click=\"gotoDetails(item)\">\n            <td class=\"text-right\">\n              <v-btn\n                class=\"px-2 ml-1\"\n                color=\"info\"\n                rounded\n                small\n                @click.stop=\"gotoDetails(item)\"\n              >\n                Details\n              </v-btn>\n            </td>\n            <td>{{ item.uid.substring(0, 7) }}</td>\n            <td>{{ item.customerName }}</td>\n            <td>{{ item.createDate | moment(\"DD/MM/YYYY HH:mm:ss\") }}</td>\n            <td class=\"text-right\">\n              <div v-show=\"item.totalAmount>0\">\n                <span class=\"mdi mdi-currency-eur\" />{{ item.totalAmount.toFixed(2) }}\n              </div>\n              <div v-show=\"item.totalAmount===0\">\n                -\n              </div>\n            </td>\n          </tr>\n        </template>\n      </v-data-table>\n    </base-material-card>\n  </v-container>\n</template>\n\n<script>\n  import { mapGetters } from 'vuex'\n\n  export default {\n    data: () => ({\n      headers: [\n        {\n          sortable: false,\n          text: '',\n          width: '1%',\n        },\n        {\n          sortable: true,\n          text: 'Id',\n          value: 'uid',\n        },\n        {\n          sortable: true,\n          text: 'Customer',\n          value: 'customerName',\n        },\n        {\n          sortable: true,\n          text: 'Order Date',\n          value: 'createDate',\n        },\n        {\n          sortable: true,\n          text: 'Total Amount',\n          value: 'totalAmount',\n          align: 'end',\n        },\n      ],\n      search: '',\n    }),\n    computed: {\n      products () {\n        return this.$store.state.products.list\n      },\n      orders () {\n        return this.$store.state.orders.list.map(item => {\n          return {\n            ...item,\n            customerName: this.getCustomerName(item.customerId),\n          }\n        })\n      },\n      ...mapGetters(['getCustomerName']),\n    },\n    created: async function () {\n      // refresh the store if there are no items\n      if (this.$store.state.orders.list.length === 0) {\n        this.refreshOrders()\n      }\n    },\n    methods: {\n      async refreshOrders () {\n        this.$store.dispatch('RefreshOrders')\n      },\n      gotoDetails (item) {\n        this.$router.push({ name: 'Order', params: { uid: item.uid } })\n      },\n      gotoNew () {\n        this.$router.push({ name: 'NewOrder' })\n      },\n    },\n  }\n</script>\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!./Orders.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!./Orders.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Orders.vue?vue&type=template&id=4720d442&\"\nimport script from \"./Orders.vue?vue&type=script&lang=js&\"\nexport * from \"./Orders.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VContainer,VDataTable,VDivider,VTextField})\n"],"sourceRoot":""}