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