{"version":3,"sources":["webpack:///./src/views/pages/Invoice.vue?d6d6","webpack:///src/views/pages/Invoice.vue","webpack:///./src/views/pages/Invoice.vue?03ca","webpack:///./src/views/pages/Invoice.vue","webpack:///./src/assets/images/logo/logo.png","webpack:///./src/views/pages/Invoice.vue?8836"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","model","value","callback","$$v","mailTo","expression","slot","on","$event","_v","printInvoice","_s","invoiceDetails","invoiceNo","_f","invoiceDate","recipientDetails","fullName","addressLine1","addressLine2","zipcode","mailId","mobile","companyDetails","name","invoiceData","tasks","scopedSlots","_u","key","fn","ref","data","_l","tr","index","task","hours","rate","amount","subtotal","discountPercentage","discountedAmount","total","staticRenderFns","id","computed","methods","window","components","mounted","$emit","component","module","exports"],"mappings":"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","file":"js/chunk-dd83c82e.6dc1e026.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"invoice-page\"}},[_c('div',{staticClass:\"flex flex-wrap items-center justify-between\"},[_c('vx-input-group',{staticClass:\"mb-base mr-3\"},[_c('vs-input',{attrs:{\"placeholder\":\"Email\"},model:{value:(_vm.mailTo),callback:function ($$v) {_vm.mailTo=$$v},expression:\"mailTo\"}}),_c('template',{slot:\"append\"},[_c('div',{staticClass:\"append-text btn-addon\"},[_c('vs-button',{staticClass:\"whitespace-no-wrap\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.mailTo = ''}}},[_vm._v(\"Send Invoice\")])],1)])],2),_c('div',{staticClass:\"flex items-center\"},[_c('vs-button',{staticClass:\"mb-base mr-3\",attrs:{\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon icon-download\"}},[_vm._v(\"Download\")]),_c('vs-button',{staticClass:\"mb-base mr-3\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon icon-file\"},on:{\"click\":_vm.printInvoice}},[_vm._v(\"Print\")])],1)],1),_c('vx-card',{attrs:{\"id\":\"invoice-container\"}},[_c('div',{staticClass:\"vx-row leading-loose p-base\"},[_c('div',{staticClass:\"vx-col w-1/2 mt-base\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/logo/logo.png\"),\"alt\":\"vuexy-logo\"}})]),_c('div',{staticClass:\"vx-col w-1/2 text-right\"},[_c('h1',[_vm._v(\"Invoice\")]),_c('div',{staticClass:\"invoice__invoice-detail mt-6\"},[_c('h6',[_vm._v(\"INVOICE NO.\")]),_c('p',[_vm._v(_vm._s(_vm.invoiceDetails.invoiceNo))]),_c('h6',{staticClass:\"mt-4\"},[_vm._v(\"INVOICE DATE\")]),_c('p',[_vm._v(_vm._s(_vm._f(\"date\")(_vm.invoiceDetails.invoiceDate,true)))])])]),_c('div',{staticClass:\"vx-col w-1/2 mt-12\"},[_c('h5',[_vm._v(\"Recipient\")]),_c('div',{staticClass:\"invoice__recipient-info my-4\"},[_c('p',[_vm._v(_vm._s(_vm.recipientDetails.fullName))]),_c('p',[_vm._v(_vm._s(_vm.recipientDetails.addressLine1))]),_c('p',[_vm._v(_vm._s(_vm.recipientDetails.addressLine2))]),_c('p',[_vm._v(_vm._s(_vm.recipientDetails.zipcode))])]),_c('div',{staticClass:\"invoice__recipient-contact \"},[_c('p',{staticClass:\"flex items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"MailIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.recipientDetails.mailId))])],1),_c('p',{staticClass:\"flex items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"PhoneIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.recipientDetails.mobile))])],1)])]),_c('div',{staticClass:\"vx-col w-1/2 mt-base text-right mt-12\"},[_c('h5',[_vm._v(_vm._s(_vm.companyDetails.name))]),_c('div',{staticClass:\"invoice__company-info my-4\"},[_c('p',[_vm._v(_vm._s(_vm.companyDetails.addressLine1))]),_c('p',[_vm._v(_vm._s(_vm.companyDetails.addressLine2))]),_c('p',[_vm._v(_vm._s(_vm.companyDetails.zipcode))])]),_c('div',{staticClass:\"invoice__company-contact\"},[_c('p',{staticClass:\"flex items-center justify-end\"},[_c('feather-icon',{attrs:{\"icon\":\"MailIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.companyDetails.mailId))])],1),_c('p',{staticClass:\"flex items-center justify-end\"},[_c('feather-icon',{attrs:{\"icon\":\"PhoneIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.companyDetails.mobile))])],1)])])]),_c('div',{staticClass:\"p-base\"},[_c('vs-table',{attrs:{\"hoverFlat\":\"\",\"data\":_vm.invoiceData.tasks},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,index){return _c('vs-tr',{key:index},[_c('vs-td',{attrs:{\"data\":data[index].task}},[_vm._v(_vm._s(data[index].task))]),_c('vs-td',{attrs:{\"data\":data[index].hours}},[_vm._v(_vm._s(data[index].hours))]),_c('vs-td',{attrs:{\"data\":data[index].rate}},[_vm._v(_vm._s(data[index].rate)+\" USD\")]),_c('vs-td',{attrs:{\"data\":data[index].amount}},[_vm._v(_vm._s(data[index].amount)+\" USD\")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"TASK DESCRIPTION\")]),_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"HOURS\")]),_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"RATE\")]),_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"AMOUNT\")])],1)],2),_c('vs-table',{staticClass:\"w-1/2 ml-auto mt-4\",attrs:{\"hoverFlat\":\"\",\"data\":_vm.invoiceData}},[_c('vs-tr',[_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"SUBTOTAL\")]),_c('vs-td',[_vm._v(_vm._s(_vm.invoiceData.subtotal)+\" USD\")])],1),_c('vs-tr',[_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"DISCOUNT (\"+_vm._s(_vm.invoiceData.discountPercentage)+\"%)\")]),_c('vs-td',[_vm._v(_vm._s(_vm.invoiceData.discountedAmount)+\" USD\")])],1),_c('vs-tr',[_c('vs-th',{staticClass:\"pointer-events-none\"},[_vm._v(\"TOTAL\")]),_c('vs-td',[_vm._v(_vm._s(_vm.invoiceData.total)+\" USD\")])],1)],1)],1),_c('div',{staticClass:\"invoice__footer text-right p-base\"},[_c('p',{staticClass:\"mb-4\"},[_vm._v(\"Transfer the amounts to the business amount below. Please include invoice number on your check.\")]),_c('p',[_c('span',{staticClass:\"mr-8\"},[_vm._v(\"BANK: \"),_c('span',{staticClass:\"font-semibold\"},[_vm._v(\"FTSBUS33\")])]),_c('span',[_vm._v(\"IBAN: \"),_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" G882-1111-2222-3333 \")])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: Invoice.vue\n    Description: Invoice Page\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"invoice-page\">\n\n        <div class=\"flex flex-wrap items-center justify-between\">\n          <vx-input-group class=\"mb-base mr-3\">\n            <vs-input v-model=\"mailTo\" placeholder=\"Email\" />\n\n            <template slot=\"append\">\n              <div class=\"append-text btn-addon\">\n                <vs-button type=\"border\" @click=\"mailTo = ''\" class=\"whitespace-no-wrap\">Send Invoice</vs-button>\n              </div>\n            </template>\n          </vx-input-group>\n          <div class=\"flex items-center\">\n            <vs-button class=\"mb-base mr-3\" type=\"border\" icon-pack=\"feather\" icon=\"icon icon-download\">Download</vs-button>\n            <vs-button class=\"mb-base mr-3\" icon-pack=\"feather\" icon=\"icon icon-file\" @click=\"printInvoice\">Print</vs-button>\n          </div>\n        </div>\n\n        <vx-card id=\"invoice-container\">\n\n            <!-- INVOICE METADATA -->\n            <div class=\"vx-row leading-loose p-base\">\n                <div class=\"vx-col w-1/2 mt-base\">\n                    <img src=\"@/assets/images/logo/logo.png\" alt=\"vuexy-logo\">\n                </div>\n                <div class=\"vx-col w-1/2 text-right\">\n                    <h1>Invoice</h1>\n                    <div class=\"invoice__invoice-detail mt-6\">\n                        <h6>INVOICE NO.</h6>\n                        <p>{{ invoiceDetails.invoiceNo }}</p>\n\n                        <h6 class=\"mt-4\">INVOICE DATE</h6>\n                        <p>{{ invoiceDetails.invoiceDate | date(true) }}</p>\n                    </div>\n                </div>\n                <div class=\"vx-col w-1/2 mt-12\">\n                    <h5>Recipient</h5>\n                    <div class=\"invoice__recipient-info my-4\">\n                        <p>{{ recipientDetails.fullName }}</p>\n                        <p>{{ recipientDetails.addressLine1 }}</p>\n                        <p>{{ recipientDetails.addressLine2 }}</p>\n                        <p>{{ recipientDetails.zipcode }}</p>\n                    </div>\n                    <div class=\"invoice__recipient-contact \">\n                        <p class=\"flex items-center\">\n                            <feather-icon icon=\"MailIcon\" svgClasses=\"h-4 w-4\"></feather-icon>\n                            <span class=\"ml-2\">{{ recipientDetails.mailId }}</span>\n                        </p>\n                        <p class=\"flex items-center\">\n                            <feather-icon icon=\"PhoneIcon\" svgClasses=\"h-4 w-4\"></feather-icon>\n                            <span class=\"ml-2\">{{ recipientDetails.mobile }}</span>\n                        </p>\n                    </div>\n                </div>\n                <div class=\"vx-col w-1/2 mt-base text-right mt-12\">\n                    <h5>{{ companyDetails.name }}</h5>\n                    <div class=\"invoice__company-info my-4\">\n                        <p>{{ companyDetails.addressLine1 }}</p>\n                        <p>{{ companyDetails.addressLine2 }}</p>\n                        <p>{{ companyDetails.zipcode }}</p>\n                    </div>\n                    <div class=\"invoice__company-contact\">\n                        <p class=\"flex items-center justify-end\">\n                            <feather-icon icon=\"MailIcon\" svgClasses=\"h-4 w-4\"></feather-icon>\n                            <span class=\"ml-2\">{{ companyDetails.mailId }}</span>\n                        </p>\n                        <p class=\"flex items-center justify-end\">\n                            <feather-icon icon=\"PhoneIcon\" svgClasses=\"h-4 w-4\"></feather-icon>\n                            <span class=\"ml-2\">{{ companyDetails.mobile }}</span>\n                        </p>\n                    </div>\n\n                </div>\n            </div>\n\n            <!-- INVOICE CONTENT -->\n            <div class=\"p-base\">\n                <!-- INVOICE TASKS TABLE -->\n                <vs-table hoverFlat :data=\"invoiceData.tasks\">\n                    <!-- HEADER -->\n                    <template slot=\"thead\">\n                        <vs-th class=\"pointer-events-none\">TASK DESCRIPTION</vs-th>\n                        <vs-th class=\"pointer-events-none\">HOURS</vs-th>\n                        <vs-th class=\"pointer-events-none\">RATE</vs-th>\n                        <vs-th class=\"pointer-events-none\">AMOUNT</vs-th>\n                    </template>\n\n                    <!-- DATA -->\n                    <template slot-scope=\"{data}\">\n                        <vs-tr v-for=\"(tr, index) in data\" :key=\"index\">\n                            <vs-td :data=\"data[index].task\">{{ data[index].task }}</vs-td>\n                            <vs-td :data=\"data[index].hours\">{{ data[index].hours }}</vs-td>\n                            <vs-td :data=\"data[index].rate\">{{ data[index].rate }} USD</vs-td>\n                            <vs-td :data=\"data[index].amount\">{{ data[index].amount }} USD</vs-td>\n                        </vs-tr>\n                    </template>\n                </vs-table>\n\n                <!-- INVOICE SUMMARY TABLE -->\n                <vs-table hoverFlat class=\"w-1/2 ml-auto mt-4\" :data=\"invoiceData\">\n                    <vs-tr>\n                        <vs-th class=\"pointer-events-none\">SUBTOTAL</vs-th>\n                        <vs-td>{{ invoiceData.subtotal }} USD</vs-td>\n                    </vs-tr>\n                    <vs-tr>\n                        <vs-th class=\"pointer-events-none\">DISCOUNT ({{ invoiceData.discountPercentage }}%)</vs-th>\n                        <vs-td>{{ invoiceData.discountedAmount }} USD</vs-td>\n                    </vs-tr>\n                    <vs-tr>\n                        <vs-th class=\"pointer-events-none\">TOTAL</vs-th>\n                        <vs-td>{{ invoiceData.total }} USD</vs-td>\n                    </vs-tr>\n                </vs-table>\n            </div>\n\n            <!-- INVOICE FOOTER -->\n            <div class=\"invoice__footer text-right p-base\">\n                <p class=\"mb-4\">Transfer the amounts to the business amount below. Please include invoice number on your check.</p>\n                <p>\n                    <span class=\"mr-8\">BANK: <span class=\"font-semibold\">FTSBUS33</span></span>\n                    <span>IBAN: <span class=\"font-semibold\"> G882-1111-2222-3333 </span></span>\n                </p>\n            </div>\n        </vx-card>\n    </div>\n</template>\n\n<script>\n\nexport default{\n  data () {\n    return {\n      mailTo: '',\n      companyDetails: {\n        name: 'Microsion Technologies Pvt. Ltd.',\n        addressLine1: '9 N. Sherwood Court',\n        addressLine2: 'Elyria, OH',\n        zipcode: '94203',\n        mailId: 'hello@pixinvent.net',\n        mobile: '+91 999 999 9999'\n      },\n      recipientDetails: {\n        fullName: 'Peter Stark',\n        addressLine1: '8577 West West Drive ',\n        addressLine2: 'Holbrook, NY',\n        zipcode: '90001',\n        mailId: 'peter@mail.com',\n        mobile: '+91 988 888 8888'\n      },\n      invoiceDetails: {\n        invoiceNo: '001/2019',\n        invoiceDate: 'Mon Dec 10 2018 07:46:00 GMT+0000 (GMT)'\n      },\n      invoiceData: {\n        tasks: [\n          {\n            id: 1,\n            task: 'Website Redesign',\n            hours: 60,\n            rate: 15,\n            amount: 90000\n          },\n          {\n            id: 2,\n            task: 'Newsletter template design',\n            hours: 20,\n            rate: 12,\n            amount: 24000\n          }\n        ],\n        subtotal: 114000,\n        discountPercentage: 5,\n        discountedAmount: 5700,\n        total: 108300\n      }\n    }\n  },\n  computed: {\n\n  },\n  methods: {\n    printInvoice () {\n      window.print()\n    }\n  },\n  components: {},\n  mounted () {\n    this.$emit('setAppClasses', 'invoice-page')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@media print {\n  .invoice-page {\n    * {\n      visibility: hidden;\n    }\n\n    #content-area {\n      margin: 0 !important;\n    }\n\n    .vs-con-table {\n      .vs-con-tbody {\n        overflow: hidden !important;\n      }\n    }\n\n    #invoice-container,\n    #invoice-container * {\n      visibility: visible;\n    }\n    #invoice-container {\n      position: absolute;\n      left: 0;\n      top: 0;\n      box-shadow: none;\n    }\n  }\n}\n\n@page {\n  size: auto;\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!./Invoice.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!./Invoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Invoice.vue?vue&type=template&id=f2a9796c&\"\nimport script from \"./Invoice.vue?vue&type=script&lang=js&\"\nexport * from \"./Invoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Invoice.vue?vue&type=style&index=0&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","module.exports = __webpack_public_path__ + \"img/logo.a5d6fa57.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./Invoice.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}