{"version":3,"sources":["webpack:///./src/components/excel/invoicesExcel.vue","webpack:///src/components/excel/invoicesExcel.vue","webpack:///./src/components/excel/invoicesExcel.vue?e880","webpack:///./src/components/excel/invoicesExcel.vue?6fce","webpack:///./src/components/excel/invoicesExcel.vue?5522"],"names":["attrs","scopedSlots","key","render","staticRenderFns","component"],"mappings":"qJAA4D,EAAU,W,IAAaA,EAAM,K,EAAC,EAAM,MAAG,G,OAAC,SAAQ,C,MAAU,CAAmB,QAAmB,gBAACC,gBAAkB,GAAGC,aAAI,O,YAA4B,O,IAAEF,YAAM,GAAE,aAAC,Q,UAA+D,UAAY,EAAE,S,MAAC,CAAU,oBAAG,UAAC,GAAC,KAAO,IAAwB,GAAC,CAA4CA,MAAM,sB,QAAgB,GAAc,GAAC,qB,MAAC,CAAW,KAAQ,QAAI,YAAO,EAAO,SAAI,OAAI,oBAAU,SAIne,GAASG,OAAQC,oC,sCCwBjB,GACA,YACA,6DAEA,yBACA,OACA,MACA,WACA,cAGA,SACA,0BAEA,wCAEA,KAMA,YALA,2CACA,aACA,kCACA,cAMA,wBAMA,YALA,2CACA,aACA,kCACA,cAMA,yBACA,2CAGA,qBAGA,mDAGA,WACA,kCACA,2CACA,CACA,uBACA,oBACA,UAEA,sCACA,iCACA,sCACA,kCACA,yCAGA,6DACA,mDAGA,+BACA,UACA,wBACA,kCACA,6CACA,oBACA,iBACA,aACA,sBAGA,aAGA,uCACA,uBACA,sBACA,iCACA,6CACA,MACA,OAGA,cAIA,2BACA,yBACA,QACA,eACA,gBACA,yBAEA,iDAEA,0CACA,eACA,qBAKA,yBACA,KACA,+BAIA,yBACA,YACA,gBACA,gCACA,8BACA,mCAIA,0CACA,mCACA,qBAIA,eACA,QACA,eACA,gBACA,yBAEA,+CACA,YACA,qCAKA,mCACA,0EC3KqW,I,wBCQjWC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,sECnBf","file":"js/chunk-20aa5c46.367fc27c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-tooltip',{attrs:{\"left\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"color\":\"transparent\",\"depressed\":\"\",\"icon\":\"\"},on:{\"click\":_vm.exportDataToExcel}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"icon\":\"excel\",\"strokewidth\":3,\"width\":34,\"height\":34,\"fill\":\"white\"}})],1)]}}])},[_c('span',[_vm._v(\"Izlazne fakture Excel\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-tooltip left color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n    <template v-slot:activator=\"{ on, attrs }\">\n      <v-btn\n        @click=\"exportDataToExcel\"\n        color=\"transparent\"\n        depressed\n        icon\n        v-bind=\"attrs\"\n        v-on=\"on\"\n      >\n        <sabira_icon\n          icon=\"excel\"\n          :strokewidth=\"3\"\n          :width=\"34\"\n          :height=\"34\"\n          fill=\"white\"\n        ></sabira_icon>\n      </v-btn>\n    </template>\n    <span>Izlazne fakture Excel</span>\n  </v-tooltip>\n</template>\n\n<script>\nimport ExcelJS from \"exceljs\";\nimport { saveAs } from \"file-saver\";\n\nexport default {\n  components: {\n    sabira_icon: () => import(\"@/components/sabira_icon\"),\n  },\n  name: \"listaFakturaExcel\",\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  methods: {\n    async exportDataToExcel() {\n      // Check if any data has undefined or null ko_date or invoice_date\n      const invalidData = this.data.some((item) => !item || !item.datum);\n\n      if (invalidData) {\n        this.$webpageEventBus.$emit(\"show_status\", {\n          type: \"error\",\n          message: \"Nema podataka za prikaz\",\n          timeout: 2000,\n        });\n        return; // Stop further execution if invalid data is found\n      }\n\n      // Proceed if all data is valid\n      if (this.data.length === 0) {\n        this.$webpageEventBus.$emit(\"show_status\", {\n          type: \"error\",\n          message: \"Nema podataka za prikaz\",\n          timeout: 2000,\n        });\n        return;\n      }\n\n      // Create a new workbook and add a worksheet\n      const workbook = new ExcelJS.Workbook();\n      const worksheet = workbook.addWorksheet(\"Lista izlaznih faktura\");\n\n      // Enable filtering on the headers\n      worksheet.autoFilter = \"A1:G1\";\n\n      // Get the year from the first invoice date\n      const year = new Date(this.data[0].datum).getFullYear();\n\n      // Define the columns (headers) and their keys\n      worksheet.columns = [\n        { header: \"#\", key: \"index\", width: 10 },\n        { header: \"Broj fakture\", key: \"broj_fakture\" },\n        {\n          header: \"Fiskalni broj\",\n          key: \"fiskalni_broj\",\n          width: 20,\n        },\n        { header: \"Datum\", key: \"datum\", width: 15 },\n        { header: \"Klijent\", key: \"klijent\" },\n        { header: \"Total\", key: \"total\", width: 15 },\n        { header: \"PDV\", key: \"pdv\", width: 15 },\n        { header: \"Ukupno\", key: \"ukupno\", width: 15 },\n      ];\n\n      worksheet.getColumn(\"fiskalni_broj\").alignment = { horizontal: \"center\" };\n      worksheet.getColumn(\"index\").alignment = { horizontal: \"left\" };\n\n      // Add rows dynamically from the data prop\n      const formattedData = this.data.map((item, index) => ({\n        index: index + 1,\n        broj_fakture: item.broj || \"\",\n        fiskalni_broj: item.fiskalni_broj || \"\",\n        datum: new Date(item.datum).toLocaleDateString(),\n        klijent: item.naziv || \"\",\n        total: item.total || 0,\n        pdv: item.pdv || 0,\n        ukupno: item.ukupno || 0,\n      }));\n\n      worksheet.addRows(formattedData);\n\n      // Calculate column widths based on data width for specific columns\n      [\"broj_fakture\", \"klijent\"].forEach((key) => {\n        const column = worksheet.getColumn(key);\n        let maxLength = column.header.length;\n        column.eachCell({ includeEmpty: true }, (cell) => {\n          const columnLength = cell.value ? cell.value.toString().length : 10;\n          if (columnLength > maxLength) {\n            maxLength = columnLength;\n          }\n        });\n        column.width = maxLength + 4; // Adding some padding to the column width\n      });\n\n      // Apply styling to the headers\n      worksheet.getRow(1).font = { bold: true };\n      worksheet.getRow(1).eachCell((cell) => {\n        cell.fill = {\n          type: \"pattern\",\n          pattern: \"solid\",\n          fgColor: { argb: \"6CADD8\" },\n        };\n        cell.font = { size: 14, bold: false, color: { argb: \"FFFFFF\" } };\n      });\n      worksheet.getRows(2, worksheet.actualRowCount).forEach((row) => {\n        row.eachCell((cell) => {\n          cell.font = { size: 12 };\n        });\n      });\n\n      // Remove any extra rows before adding the SUM row\n      const rowCount = worksheet.actualRowCount;\n      if (rowCount > 1) {\n        worksheet.spliceRows(rowCount + 1, worksheet.rowCount - rowCount); // Remove rows after the last actual row\n      }\n\n      // Calculate and add the SUM row directly after the last data row\n      const actualRowCount = worksheet.actualRowCount; // Get the actual row count\n      const sumRow = worksheet.addRow({\n        index: \"SUMARNO\",\n        total: { formula: `SUM(F2:F${actualRowCount})` },\n        pdv: { formula: `SUM(G2:G${actualRowCount})` },\n        ukupno: { formula: `SUM(H2:H${actualRowCount})` },\n      });\n\n      // Merge the \"SUM\" cell across the first four columns\n      worksheet.mergeCells(`A${sumRow.number}:E${sumRow.number}`);\n      worksheet.getCell(`A${sumRow.number}`).alignment = {\n        horizontal: \"center\",\n      };\n\n      // Apply styling to the SUM row\n      sumRow.eachCell((cell) => {\n        cell.fill = {\n          type: \"pattern\",\n          pattern: \"solid\",\n          fgColor: { argb: \"6CADD8\" },\n        };\n        cell.font = { bold: false, size: 14, color: { argb: \"FFFFFF\" } };\n        if (cell.col === 1) {\n          cell.alignment = { horizontal: \"center\" };\n        }\n      });\n\n      // Generate the Excel file and trigger the download\n      const buffer = await workbook.xlsx.writeBuffer();\n      saveAs(new Blob([buffer]), \"lista_izlaznih_faktura_\" + year + \".xlsx\");\n    },\n  },\n};\n</script>\n<style scoped>\n.v-tooltip__content {\n  color: black;\n  opacity: 1;\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!./invoicesExcel.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!./invoicesExcel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./invoicesExcel.vue?vue&type=template&id=6f3e1eab&scoped=true\"\nimport script from \"./invoicesExcel.vue?vue&type=script&lang=js\"\nexport * from \"./invoicesExcel.vue?vue&type=script&lang=js\"\nimport style0 from \"./invoicesExcel.vue?vue&type=style&index=0&id=6f3e1eab&prod&scoped=true&lang=css\"\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  \"6f3e1eab\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./invoicesExcel.vue?vue&type=style&index=0&id=6f3e1eab&prod&scoped=true&lang=css\""],"sourceRoot":""}