{"version":3,"sources":["webpack:///./src/components/excel/articlesExcel.vue","webpack:///src/components/excel/articlesExcel.vue","webpack:///./src/components/excel/articlesExcel.vue?c7b7","webpack:///./src/components/excel/articlesExcel.vue?dc43"],"names":["_c","_self","staticStyle","attrs","staticRenderFns","component"],"mappings":"uIAA4CA,EAAOC,WAAS,MAAU,KAAOC,UAAY,G,OAAC,QAAY,C,YAAmB,CAAiB,sBAAuB,OAAQ,iBAAQ,gBAAgB,OAAC,cAAqB,eAAIF,cAAa,UAAkCG,GAAK,MAAC,kB,YAAQ,O,MAAQ,CAAW,KAAQ,QAAG,SAAI,OAAO,OAA8D,KAAO,MAAC,MAAa,sC,MAAC,CAAe,MAAO,cAAG,aAAG,KAAC,IAA8B,IAAIH,MAAG,sBAAkCG,GAAK,cAAC,C,YAAQ,O,MAAO,CAAgB,KAAO,OAAI,YAAW,EAAC,MAAO,GAAU,UAA0B,eAAI,iBAAS,cAEzmBC,U,kDC+BJ,GACA,YACA,6DAEA,0BACA,OACA,MACA,WACA,cAGA,SACA,8BACA,sCACA,wBACA,0BAEA,UACA,sBACA,kBACA,sBAEA,0BAEA,8BAEA,KAMA,YALA,2CACA,aACA,kCACA,cAMA,wBAMA,YALA,2CACA,aACA,kCACA,cAMA,yBACA,mCAGA,qBAGA,WACA,kCACA,6BACA,6BACA,0DACA,6CACA,kCACA,mDAGA,mDAGA,+BACA,UACA,kBACA,kBACA,gCACA,uCACA,qBACA,+BAGA,aAGA,0BACA,mCAIA,4BAGA,8BACA,uBACA,sBACA,iCACA,6CACA,MACA,OAGA,cAIA,2BACA,yBACA,QACA,eACA,gBACA,yBAEA,iDAIA,8BACA,yBACA,mBAKA,8BACA,oBACA,kCACA,kBAKA,yBACA,4BACA,GAEA,mBACA,4BACA,GAEA,mBACA,gCACA,GAIA,YACA,gBACA,iBACA,kBACA,MACA,WAIA,0CACA,mCACA,qBAIA,sBACA,8BACA,QACA,eACA,gBACA,yBAEA,+CACA,QACA,mCAKA,mCACA,4DC3MqW,I,YCOjWC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0ab178.b2dd5736.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"text-align\":\"center\",\"border\":\"1px solid grey\",\"border-radius\":\"10px\",\"width\":\"150px\",\"height\":\"150px\",\"padding-top\":\"0.5em\"}},[_c('div',[_c('sabira_icon',{staticClass:\"ma-2\",attrs:{\"icon\":\"excel\",\"width\":44,\"height\":44}})],1),_c('div',[_vm._v(\"Artikli Excel\")]),_c('div',[_c('v-btn',{attrs:{\"color\":\"transparent\",\"depressed\":\"\",\"icon\":\"\"},on:{\"click\":_vm.exportDataToExcel}},[_c('sabira_icon',{staticClass:\"ma-2\",attrs:{\"icon\":\"plus\",\"strokewidth\":3,\"width\":34,\"height\":34,\"fill\":\"#6cadd8\",\"secondary-fill\":\"#6cadd8\"}})],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    style=\"text-align:center;border: 1px solid grey; border-radius: 10px;width: 150px; height: 150px;padding-top: 0.5em;\"\n  >\n    <div>\n      <sabira_icon\n        icon=\"excel\"\n        :width=\"44\"\n        :height=\"44\"\n        class=\"ma-2\"\n      ></sabira_icon>\n    </div>\n    <div>Artikli Excel</div>\n    <div>\n      <v-btn @click=\"exportDataToExcel\" color=\"transparent\" depressed icon>\n        <sabira_icon\n          icon=\"plus\"\n          :strokewidth=\"3\"\n          :width=\"34\"\n          :height=\"34\"\n          class=\"ma-2\"\n          fill=\"#6cadd8\"\n          secondary-fill=\"#6cadd8\"\n        ></sabira_icon>\n      </v-btn>\n    </div>\n  </div>\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: \"listaArtikalaExcel\",\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 is invalid\n      const invalidData = this.data.some((item) => !item);\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 artikala\");\n\n      // Enable filtering on the headers\n      worksheet.autoFilter = \"A1:G1\";\n\n      // Define the columns (headers) and their keys\n      worksheet.columns = [\n        { header: \"#\", key: \"index\", width: 10 },\n        { header: \"Šifra\", key: \"sifra\" },\n        { header: \"Naziv\", key: \"naziv\" },\n        { header: \"Cijena bez PDV-a\", key: \"cijena_bez_pdv\", width: 15 },\n        { header: \"PDV %\", key: \"pdv_postotak\", width: 10 },\n        { header: \"PDV\", key: \"pdv\", width: 15 },\n        { header: \"Cijena sa PDV-om\", key: \"sa_pdv\", 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        sifra: item.sifra || \"\",\n        naziv: item.naziv || \"\",\n        cijena_bez_pdv: Number(item.vpc) || 0,\n        pdv_postotak: Number(item.pdv_postotak) || 0,\n        pdv: Number(item.pdv) || 0,\n        sa_pdv: Number(item.vpc_pdv) || 0,\n      }));\n\n      worksheet.addRows(formattedData);\n\n      // Apply number format to numeric columns\n      [\"D\", \"F\", \"G\"].forEach((col) => {\n        worksheet.getColumn(col).numFmt = \"#,##0.00\"; // Price columns with 2 decimal places\n      });\n\n      // Format PDV % column as whole number\n      worksheet.getColumn(\"E\").numFmt = \"0\"; // PDV percentage without decimals\n\n      // Calculate column widths based on data width for specific columns\n      [\"sifra\", \"naziv\"].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 totals\n      const totalBezPDV = this.data.reduce(\n        (sum, item) => sum + (Number(item.vpc) || 0),\n        0\n      );\n      const totalPDV = this.data.reduce(\n        (sum, item) => sum + (Number(item.pdv) || 0),\n        0\n      );\n      const totalSaPDV = this.data.reduce(\n        (sum, item) => sum + (Number(item.vpc_pdv) || 0),\n        0\n      );\n\n      // Add summary row with pre-calculated values\n      const sumRow = worksheet.addRow({\n        index: \"SUMARNO\",\n        cijena_bez_pdv: totalBezPDV,\n        pdv_postotak: null, // Empty cell for PDV %\n        pdv: totalPDV,\n        sa_pdv: totalSaPDV,\n      });\n\n      // Merge the \"SUMARNO\" cell across non-numeric columns\n      worksheet.mergeCells(`A${sumRow.number}:C${sumRow.number}`);\n      worksheet.getCell(`A${sumRow.number}`).alignment = {\n        horizontal: \"center\",\n      };\n\n      // Apply styling to the SUM row and ensure PDV % cell is styled even if empty\n      for (let col = 1; col <= 7; col++) {\n        const cell = worksheet.getCell(sumRow.number, col);\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 (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_artikala.xlsx\");\n    },\n  },\n};\n</script>\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!./articlesExcel.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!./articlesExcel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./articlesExcel.vue?vue&type=template&id=701a2d62\"\nimport script from \"./articlesExcel.vue?vue&type=script&lang=js\"\nexport * from \"./articlesExcel.vue?vue&type=script&lang=js\"\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"],"sourceRoot":""}