{"version":3,"sources":["webpack:///./src/components/excel/clientsExcel.vue","webpack:///src/components/excel/clientsExcel.vue","webpack:///./src/components/excel/clientsExcel.vue?8af3","webpack:///./src/components/excel/clientsExcel.vue?71de"],"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,OAA+D,KAAO,MAAC,MAAa,uC,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,cAE1mBC,U,sCC+BJ,GACA,YACA,6DAEA,2BACA,OACA,MACA,WACA,cAGA,SACA,0BAEA,8BAEA,KAMA,YALA,2CACA,aACA,kCACA,cAMA,wBAMA,YALA,2CACA,aACA,kCACA,cAMA,yBACA,oCAGA,qBAGA,WACA,kCACA,6BACA,CACA,eACA,aAEA,4BACA,8BACA,iCACA,oCACA,+BACA,iCACA,8BAGA,mDAGA,+BACA,UACA,wBACA,kBACA,gBACA,kBACA,sBACA,cACA,oBACA,sBACA,qBAGA,aAGA,CACA,QACA,QACA,KACA,MACA,UACA,MACA,SACA,UACA,SACA,YACA,uBACA,sBACA,iCACA,6CACA,MACA,OAGA,cAIA,2BACA,yBACA,QACA,eACA,gBACA,yBAEA,iDAEA,0CACA,eACA,qBAKA,mCACA,6DCvJoW,I,YCOhWC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d229053.898fe845.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(\"Klijenti 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>Klijenti 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: \"listaKlijenataExcel\",\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);\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 klijenata\");\n\n      // Enable filtering on the headers\n      worksheet.autoFilter = \"A1:J1\";\n\n      // Define the columns (headers) and their keys\n      worksheet.columns = [\n        { header: \"#\", key: \"index\", width: 10 },\n        { header: \"Šifra\", key: \"sifra\" },\n        {\n          header: \"Naziv\",\n          key: \"naziv\",\n        },\n        { header: \"ID broj\", key: \"id\" },\n        { header: \"PDV broj\", key: \"pdv\" },\n        { header: \"Opština\", key: \"opstina\" },\n        { header: \"Poštanski broj\", key: \"zip\" },\n        { header: \"Država\", key: \"drzava\" },\n        { header: \"Telefon\", key: \"telefon\" },\n        { header: \"Email\", key: \"email\" },\n      ];\n\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        sifra: item.client_code || \"\",\n        naziv: item.naziv || \"\",\n        id: item.idbroj || \"\",\n        pdv: item.pdvbroj || \"\",\n        opstina: item.opstina || \"\",\n        zip: item.zip || \"\",\n        drzava: item.drzava || \"\",\n        telefon: item.telefon || \"\",\n        email: item.email || \"\",\n      }));\n\n      worksheet.addRows(formattedData);\n\n      // Calculate column widths based on data width for specific columns\n      [\n        \"sifra\",\n        \"naziv\",\n        \"id\",\n        \"pdv\",\n        \"opstina\",\n        \"zip\",\n        \"drzava\",\n        \"telefon\",\n        \"email\",\n      ].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      // Generate the Excel file and trigger the download\n      const buffer = await workbook.xlsx.writeBuffer();\n      saveAs(new Blob([buffer]), \"lista_klijenata.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!./clientsExcel.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!./clientsExcel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./clientsExcel.vue?vue&type=template&id=47227895\"\nimport script from \"./clientsExcel.vue?vue&type=script&lang=js\"\nexport * from \"./clientsExcel.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":""}