{"version":3,"sources":["webpack:///./src/pages/userPayrolls/index.vue","webpack:///src/pages/userPayrolls/index.vue","webpack:///./src/pages/userPayrolls/index.vue?9349","webpack:///./src/pages/userPayrolls/index.vue?95df"],"names":["staticClass","_c","attrs","$t","headers","payrollsList","_vm","isLoading","$event","scopedSlots","key","_v","_s","props","item","payrollType","year","month","on","layout","APP_CONFIG","mainPanelLayout","data","pages","totalItems","userList","computed","mapGetters","userId","monthsArray","text","value","isMobile","window","innerWidth","created","getUserPayrolls","methods","mapActions","getPayrolls","showToast","ticket","download","getExcel","then","response","downloadPayroll","getExcelData","downloadImage","payload","getMonthNumber","contractId","downloadExcel","row","htmlContent","generatePayroll","document","body","appendChild","$html2canvas","type","allowTaint","useCORS","width","canvas","removeChild","link","createElement","href","contractNumber","click","pays","minuses","nn","wt","spaid","sminus","spure","collectedRows","items","forEach","i","columnId","push","columnTitle","columnValue","columnType","maxLength","Math","max","length","payrollContent","id","innerHTML","firstName","lastName","personnelNumber","account","find","fileId","fileid","filePath","a","substr","lastIndexOf","component","staticRenderFns"],"mappings":"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","file":"js/page-userPayrolls-index.145f2175.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-3\"},[_c('page-title',{attrs:{\"title\":_vm.$t('pages.userPayrolls.payrollsList')}}),_c('v-data-table',{staticClass:\"report-table\",attrs:{\"align-center\":\"\",\"headers\":_vm.headers,\"hide-default-header\":_vm.isMobile,\"options\":_vm.pages,\"items\":_vm.payrollsList,\"loading\":_vm.isLoading,\"disable-sort\":\"\"},on:{\"update:options\":function($event){_vm.pages=$event}},scopedSlots:_vm._u([{key:\"item\",fn:function(props){return [_c('tr',[_c('td',{staticClass:\"data-min-td min-20\"},[_vm._v(\" \"+_vm._s(props.item.title)+\" \")]),_c('td',{staticClass:\"data-min-td\"},[_vm._v(\" \"+_vm._s(props.item.contractNumber)+\" \")]),_c('td',{staticClass:\"data-min-td\"},[_vm._v(\" \"+_vm._s(props.item.payrollType)+\" \")]),_c('td',{staticClass:\"data-min-td\"},[_vm._v(\" \"+_vm._s(props.item.year)+\" \")]),_c('td',{staticClass:\"data-min-td\"},[_vm._v(\" \"+_vm._s(props.item.month)+\" \")]),_c('td',{staticClass:\"data-min-td\"},[_c('v-btn',{staticClass:\"px-1\",attrs:{\"small\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.downloadPayroll(props.item)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-download \")]),_vm._v(\" \"+_vm._s(_vm.$t('enums.downloadPayroll'))+\" \")],1)],1)])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"userPayrolls\",\n  \"meta\": {\n    \"order\": 3,\n    \"isVisible\": true,\n    \"iconName\": \"mdi-cash-multiple\",\n    \"roles\": [\"User\", \"SuperUser\"]\n  }\n}\n</route>\n<template>\n  <div class=\"mt-3\">\n    <page-title\n      :title=\"$t('pages.userPayrolls.payrollsList')\"\n    >\n    </page-title>\n    <v-data-table\n      align-center\n      class=\"report-table\"\n      :headers=\"headers\"\n      :hide-default-header=\"isMobile\"\n      :options.sync=\"pages\"\n      :items=\"payrollsList\"\n      :loading=\"isLoading\"\n      disable-sort\n      >\n      <template slot=\"item\" slot-scope=\"props\">\n        <tr>\n          <td class=\"data-min-td min-20\"> {{ props.item.title }} </td>\n          <td class=\"data-min-td\"> {{ props.item.contractNumber}} </td>\n          <td class=\"data-min-td\"> {{ props.item.payrollType}} </td>\n          <td class=\"data-min-td\"> {{ props.item.year }} </td>\n          <td class=\"data-min-td\"> {{ props.item.month}} </td>\n          <td class=\"data-min-td\">\n            <v-btn\n              small\n              class=\"px-1\"\n              color=\"primary\"\n              @click=\"downloadPayroll(props.item)\"\n              >\n              <v-icon\n                small>\n                mdi-download\n              </v-icon>\n              {{ $t('enums.downloadPayroll') }}\n            </v-btn>\n          </td>\n        </tr>\n      </template>\n    </v-data-table>\n  </div>\n</template>\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nexport default {\n  layout: APP_CONFIG.layout.mainPanelLayout,\n  data () {\n    return {\n      pages: {},\n      totalItems: 0,\n      isLoading: false,\n      payrollsList: [],\n      userList: []\n    }\n  },\n  computed: {\n    ...mapGetters({\n      userId: 'auth/userId',\n      monthsArray: 'enums/monthsArray'\n    }),\n    headers () {\n      return [\n        {\n          text: this.$t('enums.headers.contractTitle'),\n          value: 'title'\n        },\n        {\n          text: this.$t('enums.headers.contractNumber'),\n          value: 'contractNumber'\n        },\n        {\n          text: this.$t('enums.headers.payrollType'),\n          value: 'payrollType'\n        },\n        {\n          text: this.$t('enums.headers.year'),\n          value: 'year'\n        },\n        {\n          text: this.$t('enums.headers.month'),\n          value: 'month'\n        },\n        {\n          text: this.$t('enums.headers.actions'),\n          value: ''\n        }\n      ]\n    },\n    isMobile () {\n      return window.innerWidth < 767\n    }\n  },\n  created () {\n    this.getUserPayrolls()\n  },\n  methods: {\n    ...mapActions({\n      getPayrolls: 'payrolls/getPayrolls',\n      showToast: 'snackbar/showToastMessage',\n      ticket: 'cdn/ticket',\n      download: 'cdn/download',\n      getExcel: 'cdn/getExcel'\n    }),\n    getUserPayrolls () {\n      this.isLoading = true\n      this.getPayrolls().then(response => {\n        this.isLoading = false\n        this.payrollsList = response.data\n      })\n    },\n    downloadPayroll (item) {\n      if (item.payrollType === 'Excel') {\n        this.getExcelData(item)\n      } else {\n        this.downloadImage(item)\n      }\n    },\n    getExcelData (item) {\n      this.isLoading = true\n      const payload = {\n        year: item.year,\n        month: this.getMonthNumber(item.month),\n        contractId: item.contractId,\n        userId: this.userId\n      }\n      this.getExcel(payload)\n        .then(({ data }) => {\n          this.downloadExcel(data, item).then(() => {\n            this.isLoading = false\n          })\n        })\n    },\n    downloadExcel (row, item) {\n      const htmlContent = this.generatePayroll(row, item)\n      document.body.appendChild(htmlContent)\n      return this.$html2canvas(htmlContent, {\n        type: 'dataURL',\n        allowTaint: true,\n        useCORS: true,\n        width: 745\n      }).then((canvas) => {\n        document.body.removeChild(htmlContent)\n        const link = document.createElement('a')\n        link.href = canvas\n        link.download = `${this.userId}-${item.month}-${item.year}-${item.contractNumber}.png`\n        document.body.appendChild(link)\n        link.click()\n        document.body.removeChild(link)\n      })\n    },\n    generatePayroll (row, item) {\n      const pays = []; const minuses = []; let collectedRows = ''\n      let nn, wt, spaid, sminus, spure\n      row.items.forEach((i) => {\n        if (i.columnId === 1) {\n          nn = i\n        } else if (i.columnId === 5) {\n          wt = i\n        } else if (i.columnId === 18) {\n          spaid = i\n        } else if (i.columnId === 19) {\n          sminus = i\n        } else if (i.columnId === 20) {\n          spure = i\n        }\n      })\n      row.items.forEach(i => {\n        if (i.columnId === 6) {\n          pays.push(`\n        <td>${i.columnTitle}</td>\n        <td style=\"text-align:center\">${wt.columnValue}:00:00</td>\n        <td>${i.columnValue}</td>\n          `)\n        } else if (i.columnType === 'ExtraTime') {\n          pays.push(`\n        <td>${i.columnTitle}</td>\n        <td style=\"text-align:center\">00:${i.columnValue}:00</td>\n        <td></td>\n          `)\n        } else if (i.columnType === 'Pay') {\n          pays.push(`\n        <td>${i.columnTitle}</td>\n        <td></td>\n        <td>${i.columnValue}</td>\n          `)\n        } else if (i.columnType === 'Minus') {\n          minuses.push(`\n          <td>${i.columnTitle}</td>\n          <td></td>\n          <td>${i.columnValue}</td>\n          <td></td>\n        `)\n        }\n      })\n      const maxLength = Math.max(pays.length, minuses.length)\n      for (let i = 0; i < maxLength; i++) {\n        collectedRows += '<tr>'\n        if (pays[i]) {\n          collectedRows += pays[i]\n        } else {\n          collectedRows += '<td></td><td></td><td></td>'\n        }\n        if (minuses[i]) {\n          collectedRows += minuses[i]\n        } else {\n          collectedRows += '<td></td><td></td><td></td><td></td>'\n        }\n        collectedRows += '</tr>'\n      }\n      const payrollContent = document.createElement('div')\n      payrollContent.id = 'payroll-content'\n      payrollContent.innerHTML = `\n<!doctype html><html lang=\"en-US\"><head><meta charset=\"UTF-8\"><title>Working with elements</title><style>.logo{width:300px;text-align:center;padding:10px;margin-right:auto}.payroll-body{width:793px!important;height:600px;font-size:13px!important;border:1px solid #000;direction:ltr}.title{width:250px;font-weight:700;text-align:center;margin-right:auto;padding-top:10px}.page{width:250px;padding-top:20px;padding-left:20px;padding-right:60px;text-align:right;margin-right:auto;direction:rtl!important}.desc{width:793px;padding-top:20px;direction:rtl;text-align:center}.payroll-col{text-align:right;direction:rtl;padding-right:10px;margin-right:0}table.payroll-content{margin:10px 0 10px 20px;direction:rtl;text-align:right;font-family:arial,sans-serif;border-collapse:collapse;width:700px;height:500px}.payroll-content th{background-color:#dce1dc;font-size:13px}.payroll-content td,.payroll-content th{border:1px solid #ddd;direction:rtl;padding:8px}.payroll-content td{text-align:right}.payroll-content th{text-align:center}.dir-rtl{direction:rtl}.payroll-content tr:nth-child(even){background-color:#f4f6f5}.sum td{background-color:#fbf4da}.text-left{text-align:left!important}</style></head><body class=\"payroll-body\"><div style=\"display:flex;justify-content:space-between;width:793px\"><div class=\"page\"><div><span>تاریخ تهیه</span><span>:</span>&nbsp ${item.year}/${this.getMonthNumber(item.month)}/1</div><div><span style=\"padding-right:5px\">صفحه</span><span>:</span>&nbsp 1/1</div></div><div class=\"title\"><h3>شرکت قادر گستران آریا ۱<br>صورتحساب حقوق</h3><span>${item.month} ماه ${item.year}</span></div><div class=\"logo\"><img src=\"img/Logo.png\" height=\"150\" alt=\"لوگو\"></div></div><div class=\"desc\"><div style=\"width:45%;display:inline-block\"><div class=\"payroll-col\"><span>نام و نام خانوادگی</span><span>:</span>&nbsp ${row.firstName} ${row.lastName}</div><div class=\"payroll-col\"><span>شماره پرسنلی</span><span>:</span>&nbsp ${row.personnelNumber}</div></div><div style=\"width:35%;display:inline-block\"><div class=\"payroll-col\"><span>${nn.columnTitle}</span><span>:</span>&nbsp ${nn.columnValue}</div><div class=\"payroll-col\"><span>حساب</span><span>:</span>&nbsp ${row.account}</div></div></div><table class=\"payroll-content\"><tr><th>پرداختها</th><th>مدت<br>د &nbsp س &nbsp ر</th><th>ریال</th><th>کسور</th><th>مدت<br>د &nbsp س &nbsp ر</th><th>ریال</th><th>ملاحظات</th></tr>${collectedRows}<tr class=\"sum\"><td colspan=\"2\" class=\"text-left\">${spaid.columnTitle}</td><td>${spaid.columnValue}</td><td colspan=\"2\" class=\"text-left\">${sminus.columnTitle}</td><td colspan=\"2\">${sminus.columnValue}</td></tr><tr class=\"sum\"><td class=\"text-left\" colspan=\"5\">${spure.columnTitle}</td><td colspan=\"2\">${spure.columnValue}</td></tr></table><div style=\"height:30px\"></div></body></html>\n      `\n      return payrollContent\n    },\n    getMonthNumber (text) {\n      return this.monthsArray.find((month) => month.text === text).value\n    },\n    downloadImage ({ fileId }) {\n      const payload = {\n        fileid: fileId\n      }\n      this.ticket(payload).then(response => {\n        const filePath = response.data\n        const a = document.createElement('A')\n        a.href = filePath\n        a.download = filePath.substr(filePath.lastIndexOf('/') + 1)\n        document.body.appendChild(a)\n        a.click()\n        document.body.removeChild(a)\n      })\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=222bfaa4\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.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\n/* custom blocks */\nimport block0 from \"./index.vue?vue&type=custom&index=0&blockType=route\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports"],"sourceRoot":""}