{"version":3,"sources":["webpack:///./src/core/helpers/breadcrumbs/breadcrumb.ts","webpack:///./src/view/pages/general/Invoice.vue","webpack:///./src/view/pages/general/Invoice.vue?bb2a","webpack:///./src/view/pages/general/Invoice.vue?dd78"],"names":["setCurrentPageBreadcrumbs","section","title","dispatch","SET_BREADCRUMB_ACTION","setCurrentPageTitle","class","id","type","print","name","components","setup","store","ADD_BODY_CLASSNAME","window","REMOVE_BODY_CLASSNAME","render"],"mappings":"kHAAA,gGAQaA,EAA4B,SACvCC,EACAC,GAEA,OAAMC,SAAS,OAAQC,sBAAuB,CAC5CH,QAASA,EACTC,MAAOA,KAQEG,EAAsB,SAACH,GAClC,OAAMC,SAAS,OAAQC,sBAAuB,CAC5CF,MAAOA,M,kECvBJI,MAAM,OAAOC,GAAG,c,GACdD,MAAM,iB,0pGA8IJA,MAAM,yD,GACJA,MAAM,a,GACJA,MAAM,yB,EAQT,yBAKS,UAJPE,KAAK,SACLF,MAAM,uDACP,cAED,G,EACA,yBAKS,UAJPE,KAAK,SACLF,MAAM,wGACP,oBAED,G,wDApKV,yBA2KM,MA3KN,EA2KM,CA1KJ,yBAyKM,MAzKN,EAyKM,CAvKJ,EA4IA,yBAwBM,MAxBN,EAwBM,CAvBJ,yBAsBM,MAtBN,EAsBM,CArBJ,yBAoBM,MApBN,EAoBM,CAnBJ,yBAMS,UALPE,KAAK,SACLF,MAAM,6DACL,QAAK,eAAE,EAAAG,UACT,mBAGD,EAMA,Y,wCC1JG,+BAAgB,CAC7BC,KAAM,UACNC,WAAY,GACZC,MAAK,WACH,IAAMC,EAAQ,iBAEd,wBAAU,WACRA,EAAMV,SAAS,OAAQW,mBAAoB,sBAC3C,eAA0B,UAAW,cAGvC,IAAML,EAAQ,WACZM,OAAON,SAOT,OAJA,0BAAY,WACVI,EAAMV,SAAS,OAAQa,sBAAuB,yBAGzC,CACLP,MAAK,MCvBX,EAAOQ,OAASA,EAED","file":"js/chunk-2a796034.41c4b2cd.js","sourcesContent":["import store from \"@/store\";\nimport { Actions } from \"@/store/enums/store.enums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} section Current page section name\n * @param {string} title Current page title name\n */\nexport const setCurrentPageBreadcrumbs = (\n  section: string,\n  title: string\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    section: section,\n    title: title\n  });\n};\n\n/**\n * Sets current page breadcrumbs\n * @param {string} title Current page title name\n */\nexport const setCurrentPageTitle = (title: string): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: title\n  });\n};\n","<template>\n  <div class=\"card\" id=\"kt_invoice\">\n    <div class=\"card-body p-0\">\n      <!--begin::Invoice-->\n      <div class=\"row justify-content-center pt-8 px-8 pt-md-20 px-md-0\">\n        <div class=\"col-md-10\">\n          <!-- begin: Invoice header-->\n          <div\n            class=\"d-flex justify-content-between pb-10 pb-md-20 flex-column flex-md-row\"\n          >\n            <h1 class=\"display-6 text-dark fw-bolder mb-10\">INVOICE</h1>\n            <div class=\"d-flex flex-column align-items-md-end px-0\">\n              <!--begin::Logo-->\n              <a href=\"#\" class=\"mb-5\">\n                <img\n                  src=\"media/svg/brand-logos/duolingo.svg\"\n                  class=\"h-50px\"\n                  alt=\"img\"\n                />\n              </a>\n              <!--end::Logo-->\n              <span\n                class=\"d-flex flex-column align-items-md-end fs-4 fw-bold text-muted\"\n              >\n                <span>Cecilia Chapman, 711-2880 Nulla St, Mankato</span>\n                <span>Mississippi 96522</span>\n              </span>\n            </div>\n          </div>\n          <!--end: Invoice header-->\n\n          <!--begin: Invoice body-->\n          <div class=\"row border-bottom pb-10\">\n            <div class=\"col-md-9 py-md-10 pe-md-10\">\n              <div class=\"table-responsive\">\n                <table class=\"table align-middle table-borderless\">\n                  <thead>\n                    <tr\n                      class=\"border-bottom-1 border-bottom-gray-100 fw-bolder text-muted fs-6 text-uppercase\"\n                    >\n                      <th class=\"pt-5 pb-10 ps-0 \">Description</th>\n                      <th class=\"pt-5 pb-10 text-end\">Hours</th>\n                      <th class=\"pt-5 pb-10 text-end\">Rate</th>\n                      <th class=\"pt-5 pb-10 text-end\">Amount</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    <tr>\n                      <td class=\"fw-bolder ps-0 pt-10\">\n                        <div class=\"d-flex align-items-center\">\n                          <i class=\"fa fa-genderless text-danger fs-1 me-2\"></i>\n                          Creative Design\n                        </div>\n                      </td>\n                      <td class=\"text-end pt-10\">80</td>\n                      <td class=\"text-end pt-10\">$40.00</td>\n                      <td class=\"pe-0 fs-6 fw-bolder text-end pt-10\">\n                        $3200.00\n                      </td>\n                    </tr>\n                    <tr>\n                      <td class=\"fw-bolder ps-0\">\n                        <div class=\"d-flex align-items-center\">\n                          <i\n                            class=\"fa fa-genderless text-success fs-1 me-2\"\n                          ></i>\n                          Front-End Development\n                        </div>\n                      </td>\n                      <td class=\"text-end\">120</td>\n                      <td class=\"text-end\">$40.00</td>\n                      <td class=\"pe-0 fs-6 fw-bolder text-end\">$4800.00</td>\n                    </tr>\n                    <tr>\n                      <td class=\"fw-bolder ps-0\">\n                        <div class=\"d-flex align-items-center\">\n                          <i\n                            class=\"fa fa-genderless text-primary fs-1 me-2\"\n                          ></i>\n                          Back-End Development\n                        </div>\n                      </td>\n                      <td class=\"text-end\">210</td>\n                      <td class=\"text-end\">$60.00</td>\n                      <td class=\"pe-0 fs-6 fw-bolder text-end\">$12600.00</td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n\n              <div class=\"border-bottom w-100 mt-7 mb-13\"></div>\n\n              <div class=\"d-flex flex-column flex-md-row\">\n                <div class=\"d-flex flex-column mb-10 mb-md-0\">\n                  <div class=\"fw-bold fs-6 mb-3\">BANK TRANSFER</div>\n\n                  <div class=\"d-flex justify-content-between fs-6 mb-3\">\n                    <span class=\"fw-bold me-15\">Account Name:</span>\n                    <span class=\"text-end\">Barclays UK</span>\n                  </div>\n\n                  <div class=\"d-flex justify-content-between fs-6 mb-3\">\n                    <span class=\"fw-bold me-15\">Account Number:</span>\n                    <span class=\"text-end\">1234567890934</span>\n                  </div>\n\n                  <div class=\"d-flex justify-content-between fs-6\">\n                    <span class=\"fw-bold me-15\">Code:</span>\n                    <span class=\"text-end\">BARC0032UK</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-3 border-start-md ps-md-10 pt-md-10 text-end\">\n              <!--begin::Total Amount-->\n              <div class=\"fs-3 fw-bolder text-muted mb-3\">TOTAL AMOUNT</div>\n              <div class=\"fs-2x fw-bolder\">$20,600.00</div>\n              <div class=\"text-muted fw-bold mb-16\">Taxes included</div>\n              <!--end::Total Amount-->\n\n              <div class=\"border-bottom w-100 mb-16\"></div>\n\n              <!--begin::Invoice To-->\n              <div class=\"text-gray-600 fs-6 fw-bold mb-3\">INVOICE TO.</div>\n              <div class=\"fs-6 fw-bold mb-10\">\n                Iris Watson.<br />Fredrick Nebraska 20620\n              </div>\n              <!--end::Invoice To-->\n\n              <!--begin::Invoice No-->\n              <div class=\"text-gray-600 fs-6 fw-bold mb-3\">INVOICE NO.</div>\n              <div class=\"fs-6 fw-bold mb-10\">56758</div>\n              <!--end::Invoice No-->\n\n              <!--begin::Invoice Date-->\n              <div class=\"text-gray-600 fs-6 fw-bold mb-3\">DATE</div>\n              <div class=\"fs-6 fw-bold\">12 May, 2020</div>\n              <!--end::Invoice Date-->\n            </div>\n          </div>\n          <!--end: Invoice body-->\n        </div>\n      </div>\n      <!-- begin: Invoice action-->\n      <div class=\"row justify-content-center py-8 px-8 py-md-13 px-md-0\">\n        <div class=\"col-md-10\">\n          <div class=\"d-flex fs-7 flex-wrap\">\n            <button\n              type=\"button\"\n              class=\"btn btn-primary fw-bolder fs-6 py-4 px-6 me-3 me-sm-6 my-1\"\n              @click=\"print()\"\n            >\n              Print Invoice\n            </button>\n            <button\n              type=\"button\"\n              class=\"btn btn-light-primary fw-bolder fs-6 me-3 px-6 my-1\"\n            >\n              Download\n            </button>\n            <button\n              type=\"button\"\n              class=\"btn bg-gray-800 text-white text-hover-gray-800 bg-hover-gray-200 fw-bolder fs-6 ms-sm-auto my-1 px-6\"\n            >\n              Create Invoice\n            </button>\n          </div>\n        </div>\n      </div>\n      <!-- end: Invoice action-->\n      <!--end::Invoice-->\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, onUnmounted } from \"vue\";\nimport { Actions } from \"@/store/enums/store.enums\";\nimport { useStore } from \"vuex\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumbs/breadcrumb\";\n\nexport default defineComponent({\n  name: \"invoice\",\n  components: {},\n  setup() {\n    const store = useStore();\n\n    onMounted(() => {\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"print-content-only\");\n      setCurrentPageBreadcrumbs(\"General\", \"Invoice\");\n    });\n\n    const print = () => {\n      window.print();\n    };\n\n    onUnmounted(() => {\n      store.dispatch(Actions.REMOVE_BODY_CLASSNAME, \"print-content-only\");\n    });\n\n    return {\n      print\n    };\n  }\n});\n</script>\n","\nimport { defineComponent, onMounted, onUnmounted } from \"vue\";\nimport { Actions } from \"@/store/enums/store.enums\";\nimport { useStore } from \"vuex\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumbs/breadcrumb\";\n\nexport default defineComponent({\n  name: \"invoice\",\n  components: {},\n  setup() {\n    const store = useStore();\n\n    onMounted(() => {\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"print-content-only\");\n      setCurrentPageBreadcrumbs(\"General\", \"Invoice\");\n    });\n\n    const print = () => {\n      window.print();\n    };\n\n    onUnmounted(() => {\n      store.dispatch(Actions.REMOVE_BODY_CLASSNAME, \"print-content-only\");\n    });\n\n    return {\n      print\n    };\n  }\n});\n","import { render } from \"./Invoice.vue?vue&type=template&id=57ba72d7\"\nimport script from \"./Invoice.vue?vue&type=script&lang=ts\"\nexport * from \"./Invoice.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}