{"version":3,"sources":["webpack:///./src/views/v-financial-report/checks/Checks.vue?4b9e","webpack:///./src/views/v-financial-report/checks/Checks.vue","webpack:///./src/components/checks/checks-item.vue","webpack:///./src/components/checks/checks-item.vue?b2cc","webpack:///./src/views/v-financial-report/checks/Checks.vue?5c8e","webpack:///./src/components/checks/checks-item.vue?93df"],"names":["class","checksToDisplay","checksGroup","addChecks","item","key","ID","__","HeaderTitle","Amount","NumbersOfPayments","localFormatDate","checks","DepositDate","name","props","emits","methods","date","this","$emit","render","__scopeId","components","ChecksItem","data","errorMsg","mounted","$router","push","computed","$store","getters"],"mappings":"2IAAA,W,mFCCWA,MAAM,oB,oFAAf,eASU,UATV,EASU,CARR,eAOM,a,mBANJ,eAKE,2BAJsB,EAAAC,iBAAe,SAA9BC,G,wBADT,eAKE,GAHC,YAAW,EAAAC,UACXC,KAAMF,EACNG,IAAKH,EAAYI,I,oICNnBN,MAAM,e,GACJA,MAAM,gB,GAGNA,MAAM,U,GACJA,MAAM,U,GACHA,MAAM,S,GACNA,MAAM,S,GAETA,MAAM,uB,GACHA,MAAM,S,GACNA,MAAM,S,GAETA,MAAM,mB,GACHA,MAAM,S,GACNA,MAAM,c,GAKXA,MAAM,U,uBACT,eAAgC,KAA7BA,MAAM,oBAAkB,Y,gDArB/B,eA0BM,MA1BN,EA0BM,CAzBJ,eAEM,MAFN,EAEM,eADD,EAAAO,GAAG,EAAAH,KAAKI,cAAW,GAExB,eAeM,MAfN,EAeM,CAdJ,eAGM,MAHN,EAGM,CAFJ,eAAoD,OAApD,EAAoD,eAA7B,EAAAD,GAAE,iBAAmB,IAAC,GAC7C,eAA4C,OAA5C,EAA4C,eAArB,EAAAH,KAAKK,QAAM,KAEpC,eAGM,MAHN,EAGM,CAFJ,eAA2D,OAA3D,EAA2D,eAApC,EAAAF,GAAE,wBAA0B,IAAC,GACpD,eAAuD,OAAvD,EAAuD,eAAhC,EAAAH,KAAKM,mBAAiB,KAE/C,eAKM,MALN,EAKM,CAJJ,eAAwD,OAAxD,EAAwD,eAAjC,EAAAH,GAAE,qBAAuB,IAAC,GACjD,eAES,OAFT,EAES,eADP,EAAAI,gBAAgB,EAAAP,KAAKQ,OAAM,GAAIC,cAAW,OAIhD,eAKM,MALN,EAKM,CAJJ,EACA,eAES,QAFHb,MAAM,QAAS,QAAK,+BAAE,EAAAG,e,eAC1B,EAAAI,GAAE,4B,gBAQK,GACbO,KAAM,aACNC,MAAO,CAAC,QACRC,MAAO,CAAC,aACRC,QAAS,CACPN,gBADO,SACSO,GACd,OAAO,eAAWA,IAEpBf,UAJO,WAKLgB,KAAKC,MAAM,YAAaD,KAAKf,S,UCpCnC,EAAOiB,OAAS,EAChB,EAAOC,UAAY,kBAEJ,QFSA,G,UAAA,CACbC,WAAY,CACVC,WAAA,GAEFC,KAJa,WAKX,MAAO,CACLC,SAAU,KAIdC,QAVa,aAabV,QAAS,CACPd,UADO,SACGC,GACRe,KAAKS,QAAQC,KAAb,6BAAwCzB,EAAKE,OAsBjDwB,SAAU,CACR7B,gBADQ,WAEN,OAAOkB,KAAKY,OAAOC,QAAQpB,W,UGnDjC,EAAOS,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"js/chunk-2d879187.3f5a8325.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Checks.vue?vue&type=style&index=0&id=423ce9dc&scoped=true&lang=css\"","<template>\r\n  <section class=\"checks-container\">\r\n    <div>\r\n      <checks-item\r\n        v-for=\"checksGroup in checksToDisplay\"\r\n        @addChecks=\"addChecks\"\r\n        :item=\"checksGroup\"\r\n        :key=\"checksGroup.ID\"\r\n      />\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport ChecksItem from \"@/components/checks/checks-item.vue\";\r\nimport { __ } from \"@/plugins/i18n\";\r\n\r\nexport default {\r\n  components: {\r\n    ChecksItem,\r\n  },\r\n  data() {\r\n    return {\r\n      errorMsg: \"\",\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    // this.loadChecks();\r\n  },\r\n  methods: {\r\n    addChecks(item) {\r\n      this.$router.push(`/checks/checksfill/${item.ID}`);\r\n    },\r\n    // async loadChecks() {\r\n    //   try {\r\n    //     if (\r\n    //       this.$store.getters.isInitiallyCommitted &&\r\n    //       this.checksToDisplay?.length\r\n    //     ) {\r\n    //       return;\r\n    //     }\r\n    //     await this.$store.dispatch(\"loadChecks\");\r\n    //   } catch (error) {\r\n    //     this.$toast.add({\r\n    //       severity: \"error\",\r\n    //       summary: __(\"Error\"),\r\n    //       detail: __(\"Something went wrong\"),\r\n    //       life: 10000,\r\n    //       closable: true,\r\n    //     });\r\n    //   }\r\n    // },\r\n  },\r\n  computed: {\r\n    checksToDisplay() {\r\n      return this.$store.getters.checks;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.checks-page-container {\r\n  padding: 20px;\r\n}\r\n\r\n.checks-table {\r\n  width: 100%;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.checks-table .p-vue-column {\r\n  text-align: left;\r\n}\r\n\r\n.date-container {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.date-container span {\r\n  margin-right: 10px;\r\n}\r\n\r\n.checks-actions .p-button {\r\n  margin-right: 10px;\r\n}\r\n\r\n.middle .amount {\r\n  width: 22%;\r\n}\r\n.middle .numbers-of-payments {\r\n  width: 39%;\r\n}\r\n.middle .first-check-day {\r\n  width: 39%;\r\n}\r\n.middle .lable {\r\n  color: #484f61;\r\n  text-align: right;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: normal;\r\n}\r\n.middle .value {\r\n  color: #373c49;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n}\r\n.action {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n  width: 100%;\r\n  color: var(--Green-buildup, #469609);\r\n}\r\n.action .lable {\r\n  font-family: Inter;\r\n  font-size: 12px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: normal;\r\n  margin: 5px;\r\n}\r\n.action .icon {\r\n  margin: 5px;\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"checks-item\">\r\n    <div class=\"header-title\">\r\n      {{ __(item.HeaderTitle) }}\r\n    </div>\r\n    <div class=\"middle\">\r\n      <div class=\"amount\">\r\n        <span class=\"label\">{{ __('Total amount') }}:</span>\r\n        <span class=\"value\">{{ item.Amount }}</span>\r\n      </div>\r\n      <div class=\"numbers-of-payments\">\r\n        <span class=\"label\">{{ __('Numbers of payments') }}:</span>\r\n        <span class=\"value\">{{ item.NumbersOfPayments }}</span>\r\n      </div>\r\n      <div class=\"first-check-day\">\r\n        <span class=\"label\">{{ __('First check date') }}:</span>\r\n        <span class=\"value date\">{{\r\n          localFormatDate(item.checks[0].DepositDate)\r\n        }}</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"action\">\r\n      <i class=\"pi pi-arrow-left\"></i>\r\n      <span class=\"label\" @click=\"addChecks()\">{{\r\n        __('Go to add checks')\r\n      }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { formatDate } from '@/services/apointUtil'\r\nexport default {\r\n  name: 'ChecksItem',\r\n  props: ['item'],\r\n  emits: ['addChecks'],\r\n  methods: {\r\n    localFormatDate(date) {\r\n      return formatDate(date)\r\n    },\r\n    addChecks() {\r\n      this.$emit('addChecks', this.item)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.checks-page-container {\r\n  padding: 20px;\r\n}\r\n\r\n.checks-table {\r\n  width: 100%;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.checks-table .p-vue-column {\r\n  text-align: left;\r\n}\r\n\r\n.date-container {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.date-container span {\r\n  margin-right: 10px;\r\n}\r\n\r\n.checks-actions .p-button {\r\n  margin-right: 10px;\r\n}\r\n.layout {\r\n  display: flex;\r\n  height: 164px;\r\n  padding: 23px 6px;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  align-self: stretch;\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(206, 204, 204, 0.93);\r\n  background: #fff;\r\n  box-shadow: 0px 2px 8px 0px rgba(85, 80, 80, 0.15);\r\n  flex-direction: column;\r\n}\r\n.layout .header-title {\r\n  color: #000;\r\n  text-align: start;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n  align-self: stretch;\r\n  width: 100%;\r\n}\r\n.layout .middle {\r\n  display: flex;\r\n  flex-direction: row;\r\n  height: 69px;\r\n  align-items: flex-start;\r\n  gap: 26px;\r\n  width: 100%;\r\n}\r\n\r\n.middle .amount {\r\n  width: 22%;\r\n}\r\n.middle .numbers-of-payments {\r\n  width: 39%;\r\n}\r\n.middle .first-check-day {\r\n  width: 39%;\r\n}\r\n.middle .lable {\r\n  color: #484f61;\r\n  text-align: right;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: normal;\r\n}\r\n.middle .value {\r\n  color: #373c49;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n}\r\n.action {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n  width: 100%;\r\n  color: var(--Green-buildup, #469609);\r\n}\r\n.action .lable {\r\n  font-family: Inter;\r\n  font-size: 12px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: normal;\r\n  margin: 5px;\r\n}\r\n.action .icon {\r\n  margin: 5px;\r\n}\r\n</style>\r\n","import { render } from \"./checks-item.vue?vue&type=template&id=197adcc5&scoped=true\"\nimport script from \"./checks-item.vue?vue&type=script&lang=js\"\nexport * from \"./checks-item.vue?vue&type=script&lang=js\"\n\nimport \"./checks-item.vue?vue&type=style&index=0&id=197adcc5&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-197adcc5\"\n\nexport default script","import { render } from \"./Checks.vue?vue&type=template&id=423ce9dc&scoped=true\"\nimport script from \"./Checks.vue?vue&type=script&lang=js\"\nexport * from \"./Checks.vue?vue&type=script&lang=js\"\n\nimport \"./Checks.vue?vue&type=style&index=0&id=423ce9dc&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-423ce9dc\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./checks-item.vue?vue&type=style&index=0&id=197adcc5&scoped=true&lang=css\""],"sourceRoot":""}