{"version":3,"sources":["webpack:///./src/components/excel/paymentsExpenseExcel.vue?6bef","webpack:///./src/components/excel/paymentsExpenseExcel.vue","webpack:///src/components/excel/paymentsExpenseExcel.vue","webpack:///./src/components/excel/paymentsExpenseExcel.vue?deea","webpack:///./src/components/excel/paymentsExpenseExcel.vue?426e"],"names":["attrs","scopedSlots","key","render","staticRenderFns","component"],"mappings":"kHAAA,W,uECA4D,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,4B,kDCwBjB,GACA,YACA,6DAEA,yBACA,OACA,MACA,WACA,cAGA,SACA,8BACA,sCACA,wBACA,0BAEA,UACA,sBACA,kBACA,sBAEA,0BAEA,uBACA,0BAGA,KAMA,YALA,2CACA,aACA,kCACA,cAMA,wBAMA,YALA,2CACA,aACA,kCACA,cAMA,yBACA,kCAGA,qBAGA,4DAGA,WACA,kCACA,+CACA,2BACA,qCACA,8CACA,+CAGA,mDAGA,+BACA,UACA,0BACA,uBACA,+BACA,sDACA,sCAGA,aAGA,mCAGA,6CACA,uBACA,sBACA,iCACA,6CACA,MACA,OAGA,cAIA,2BACA,yBACA,QACA,eACA,gBACA,yBAEA,iDAIA,8BACA,yBACA,mBAKA,8BACA,oBACA,kCACA,kBAKA,yBACA,oCACA,GAIA,YACA,gBACA,cAIA,0CACA,mCACA,qBAIA,eACA,QACA,eACA,gBACA,yBAEA,+CACA,YACA,qCAKA,mCACA,iECxL4W,I,wBCQxWC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-d951c8d8.d06198b6.js","sourcesContent":["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!./paymentsExpenseExcel.vue?vue&type=style&index=0&id=5fb44432&prod&scoped=true&lang=css\"","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(\"Isplate 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>Isplate 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: \"listaIsplataExcel\", // Fixed component name\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  methods: {\n    formatNumberToBosniaLocale(number) {\n      return new Intl.NumberFormat(\"bs-BA\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      })\n        .format(number)\n        .replace(/\\./g, \"TEMP\") // temporarily replace dots\n        .replace(/,/g, \".\") // replace commas with dots\n        .replace(/TEMP/g, \",\"); // replace temp with commas\n    },\n    async exportDataToExcel() {\n      // Check if any data has undefined or null date\n      const invalidData = this.data.some(\n        (item) => !item || !item.uplaceno_datum\n      );\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 isplata\");\n\n      // Enable filtering on the headers (fixed range to include all columns)\n      worksheet.autoFilter = \"A1:F1\";\n\n      // Get the year from the first invoice date\n      const year = new Date(this.data[0].uplaceno_datum).getFullYear();\n\n      // Define the columns (headers) and their keys\n      worksheet.columns = [\n        { header: \"#\", key: \"index\", width: 10 },\n        { header: \"Referenca sa izvoda\", key: \"referenca\" },\n        { header: \"Opis\", key: \"opis\" },\n        { header: \"Dobavljač\", key: \"dobavljac\" },\n        { header: \"Datum isplate\", key: \"datum\", width: 17 },\n        { header: \"Isplaćeno\", key: \"isplaceno\", width: 15 },\n      ];\n\n      worksheet.getColumn(\"index\").alignment = { horizontal: \"left\" };\n\n      // Add rows dynamically from the data prop with proper number handling\n      const formattedData = this.data.map((item, index) => ({\n        index: index + 1,\n        referenca: item.referenca || \"\",\n        opis: item.trosak_opis || \"\",\n        dobavljac: item.supplier_naziv || \"\",\n        datum: new Date(item.uplaceno_datum).toLocaleDateString(),\n        isplaceno: Number(item.uplaceno_km) || 0, // Store as actual number\n      }));\n\n      worksheet.addRows(formattedData);\n\n      // Apply number format to numeric columns\n      worksheet.getColumn(\"F\").numFmt = \"#,##0.00\"; // Apply to \"Isplaćeno\" column\n\n      // Calculate column widths based on data width for specific columns\n      [\"referenca\", \"opis\", \"dobavljac\"].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\n      // Apply font size to data rows\n      for (let i = 2; i <= worksheet.rowCount; i++) {\n        worksheet.getRow(i).eachCell((cell) => {\n          cell.font = { size: 12 };\n        });\n      }\n\n      // Remove any empty rows that might have been added\n      for (let i = worksheet.rowCount; i > 0; i--) {\n        const row = worksheet.getRow(i);\n        if (!row.values || row.values.every((val) => !val)) {\n          worksheet.spliceRows(i, 1);\n        }\n      }\n\n      // Calculate total sum\n      const isplacenoSum = this.data.reduce(\n        (sum, item) => sum + (Number(item.uplaceno_km) || 0),\n        0\n      );\n\n      // Add summary row with pre-calculated value\n      const sumRow = worksheet.addRow({\n        index: \"SUMARNO\",\n        isplaceno: isplacenoSum,\n      });\n\n      // Merge the \"SUMARNO\" cell across all columns except the last one\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_isplata_\" + year + \".xlsx\");\n    },\n  },\n};\n</script>\n\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!./paymentsExpenseExcel.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!./paymentsExpenseExcel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./paymentsExpenseExcel.vue?vue&type=template&id=5fb44432&scoped=true\"\nimport script from \"./paymentsExpenseExcel.vue?vue&type=script&lang=js\"\nexport * from \"./paymentsExpenseExcel.vue?vue&type=script&lang=js\"\nimport style0 from \"./paymentsExpenseExcel.vue?vue&type=style&index=0&id=5fb44432&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  \"5fb44432\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}