{"version":3,"sources":["webpack:///./src/views/Transactions.vue?0f6d","webpack:///src/views/Transactions.vue","webpack:///./src/views/Transactions.vue?58a5","webpack:///./src/views/Transactions.vue?2d7d","webpack:///./src/views/Transactions.vue?bc03"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","url","columns","title","actions","selectionEnabled","beforeSetupGrid","perPage","sortOptions","enabled","field","type","expandedOptions","template","max-width","model","value","callback","$$v","newTransactionDialog","expression","staticClass","_v","close-on-content-click","offset-y","full-width","prepend-icon","scopedSlots","_u","key","fn","on","_g","newTransaction","date","label","readonly","$set","items","transactionCategories","paymentMethods","color","dark","click","$event","loading","processing","save","staticRenderFns","Transactionsvue_type_script_lang_js_","props","propertyID","Number","property","Object","data","transactions","pagination","totalCount","rowsPerPage","page","datePickerMenu","description","amount","checkNumber","paymentMethod","cardType","cardEnding","referenceNumber","category","isIcon","icon","toUpperCase","iconColor","sortable","dateOutputFormat","hidden","filterOptions","width","filterDropdownItems","formatFn","helpers","tdClass","row","created","_created","asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","push","text","action","openTransactionDialog","loadPaymentMethods","loadTransactionCategories","stop","apply","arguments","watch","mounted","beforeDestroy","computed","methods","_loadPaymentMethods","_callee2","_context2","$http","get","sent","_loadTransactionCategories","_callee3","_context3","getHeaderMessage","debit","credit","_save","_callee4","_context4","post","transaction","details","$refs","grid","load","getTotalCount","formatPhoneNumber","number","getTransactions","views_Transactionsvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","_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_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Transactions_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_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_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Transactions_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-0c6730aa.04f3cc95.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('data-grid',{ref:\"grid\",attrs:{\"url\":_vm.url,\"columns\":_vm.columns,\"title\":_vm.title,\"actions\":_vm.actions,\"selectionEnabled\":false,\"beforeSetupGrid\":_vm.beforeSetupGrid,\"perPage\":10,\"sortOptions\":{\n            enabled: true,\n            field: 'date',\n            type: 'desc',\n        },\"expandedOptions\":{\n            enabled: true,\n            template: 'transaction-details-view',\n        }}}),_c('v-dialog',{attrs:{\"max-width\":\"400\"},model:{value:(_vm.newTransactionDialog),callback:function ($$v) {_vm.newTransactionDialog=$$v},expression:\"newTransactionDialog\"}},[_c('v-card',{staticClass:\"pa-2\"},[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(\"New Transaction\")]),_c('v-menu',{attrs:{\"close-on-content-click\":true,\"offset-y\":\"\",\"full-width\":\"\",\"prepend-icon\":\"mdi-currency-usd\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n        var on = ref.on;\nreturn [_c('v-text-field',_vm._g({staticClass:\"px-3\",attrs:{\"value\":_vm.newTransaction.date,\"label\":\"Date\",\"prepend-icon\":\"mdi-calendar\",\"readonly\":\"\"},model:{value:(_vm.newTransaction.date),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"date\", $$v)},expression:\"newTransaction.date\"}},on))]}}]),model:{value:(_vm.newTransaction.datePickerMenu),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"datePickerMenu\", $$v)},expression:\"newTransaction.datePickerMenu\"}},[_c('v-date-picker',{model:{value:(_vm.newTransaction.date),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"date\", $$v)},expression:\"newTransaction.date\"}})],1),_c('v-select',{ref:\"type\",staticClass:\"px-3\",attrs:{\"items\":['Debit', 'Credit'],\"label\":\"Type\"},model:{value:(_vm.newTransaction.type),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"type\", $$v)},expression:\"newTransaction.type\"}}),_c('v-combobox',{staticClass:\"px-3\",attrs:{\"label\":\"Category\",\"items\":_vm.transactionCategories},model:{value:(_vm.newTransaction.category),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"category\", $$v)},expression:\"newTransaction.category\"}}),_c('v-text-field',{staticClass:\"px-3\",attrs:{\"label\":\"Description\"},model:{value:(_vm.newTransaction.description),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"description\", $$v)},expression:\"newTransaction.description\"}}),_c('v-text-field',{staticClass:\"px-3\",attrs:{\"type\":\"number\",\"label\":\"Amount\"},model:{value:(_vm.newTransaction.amount),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"amount\", $$v)},expression:\"newTransaction.amount\"}}),_c('v-combobox',{staticClass:\"px-3\",attrs:{\"label\":\"Payment Method\",\"items\":_vm.paymentMethods},model:{value:(_vm.newTransaction.paymentMethod),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"paymentMethod\", $$v)},expression:\"newTransaction.paymentMethod\"}}),_c('v-select',{staticClass:\"px-3\",attrs:{\"label\":\"Card Type\",\"items\":['Visa', 'Amex']},model:{value:(_vm.newTransaction.cardType),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"cardType\", $$v)},expression:\"newTransaction.cardType\"}}),_c('v-text-field',{staticClass:\"px-3\",attrs:{\"label\":\"Card Ending\"},model:{value:(_vm.newTransaction.cardEnding),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"cardEnding\", $$v)},expression:\"newTransaction.cardEnding\"}}),_c('v-text-field',{staticClass:\"px-3\",attrs:{\"label\":\"Check Number\"},model:{value:(_vm.newTransaction.checkNumber),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"checkNumber\", $$v)},expression:\"newTransaction.checkNumber\"}}),_c('v-text-field',{staticClass:\"px-3\",attrs:{\"label\":\"Reference Number\"},model:{value:(_vm.newTransaction.referenceNumber),callback:function ($$v) {_vm.$set(_vm.newTransaction, \"referenceNumber\", $$v)},expression:\"newTransaction.referenceNumber\"}}),_c('v-card-actions',{staticClass:\"mr-3\"},[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"default\",\"dark\":\"\"},on:{\"click\":function($event){_vm.newTransactionDialog = false}}},[_vm._v(\"Cancel\")]),_c('v-btn',{attrs:{\"loading\":_vm.processing,\"color\":\"success\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"\\n                    Save\\n                \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <data-grid\r\n            class=\"\"\r\n            :url=\"url\"\r\n            :columns=\"columns\"\r\n            :title=\"title\"\r\n            ref=\"grid\"\r\n            :actions=\"actions\"\r\n            :selectionEnabled=\"false\"\r\n            :beforeSetupGrid=\"beforeSetupGrid\"\r\n            :perPage=\"10\"\r\n            :sortOptions=\"{\r\n                enabled: true,\r\n                field: 'date',\r\n                type: 'desc',\r\n            }\"\r\n            :expandedOptions=\"{\r\n                enabled: true,\r\n                template: 'transaction-details-view',\r\n            }\"\r\n        ></data-grid>\r\n        <v-dialog v-model=\"newTransactionDialog\" max-width=\"400\">\r\n            <v-card class=\"pa-2\">\r\n                <v-card-title class=\"headline\">New Transaction</v-card-title>\r\n                <v-menu\r\n                    v-model=\"newTransaction.datePickerMenu\"\r\n                    :close-on-content-click=\"true\"\r\n                    offset-y\r\n                    full-width\r\n                    prepend-icon=\"mdi-currency-usd\"\r\n                >\r\n                    <template v-slot:activator=\"{ on }\">\r\n                        <v-text-field\r\n                            class=\"px-3\"\r\n                            v-model=\"newTransaction.date\"\r\n                            :value=\"newTransaction.date\"\r\n                            label=\"Date\"\r\n                            prepend-icon=\"mdi-calendar\"\r\n                            readonly\r\n                            v-on=\"on\"\r\n                        ></v-text-field>\r\n                    </template>\r\n                    <v-date-picker\r\n                        v-model=\"newTransaction.date\"\r\n                    ></v-date-picker>\r\n                </v-menu>\r\n                <v-select\r\n                    class=\"px-3\"\r\n                    :items=\"['Debit', 'Credit']\"\r\n                    label=\"Type\"\r\n                    v-model=\"newTransaction.type\"\r\n                    ref=\"type\"\r\n                ></v-select>\r\n                <v-combobox\r\n                    class=\"px-3\"\r\n                    label=\"Category\"\r\n                    :items=\"transactionCategories\"\r\n                    v-model=\"newTransaction.category\"\r\n                ></v-combobox>\r\n                <v-text-field\r\n                    class=\"px-3\"\r\n                    label=\"Description\"\r\n                    v-model=\"newTransaction.description\"\r\n                ></v-text-field>\r\n                <v-text-field\r\n                    class=\"px-3\"\r\n                    type=\"number\"\r\n                    label=\"Amount\"\r\n                    v-model=\"newTransaction.amount\"\r\n                ></v-text-field>\r\n                <v-combobox\r\n                    class=\"px-3\"\r\n                    label=\"Payment Method\"\r\n                    :items=\"paymentMethods\"\r\n                    v-model=\"newTransaction.paymentMethod\"\r\n                ></v-combobox>\r\n                <v-select\r\n                    class=\"px-3\"\r\n                    label=\"Card Type\"\r\n                    :items=\"['Visa', 'Amex']\"\r\n                    v-model=\"newTransaction.cardType\"\r\n                ></v-select>\r\n                <v-text-field\r\n                    class=\"px-3\"\r\n                    label=\"Card Ending\"\r\n                    v-model=\"newTransaction.cardEnding\"\r\n                ></v-text-field>\r\n                <v-text-field\r\n                    class=\"px-3\"\r\n                    label=\"Check Number\"\r\n                    v-model=\"newTransaction.checkNumber\"\r\n                ></v-text-field>\r\n                <v-text-field\r\n                    class=\"px-3\"\r\n                    label=\"Reference Number\"\r\n                    v-model=\"newTransaction.referenceNumber\"\r\n                ></v-text-field>\r\n                <v-card-actions class=\"mr-3\">\r\n                    <v-spacer></v-spacer>\r\n                    <v-btn\r\n                        color=\"default\"\r\n                        dark\r\n                        @click=\"newTransactionDialog = false\"\r\n                        >Cancel</v-btn\r\n                    >\r\n                    <v-btn\r\n                        :loading=\"processing\"\r\n                        color=\"success\"\r\n                        @click=\"save()\"\r\n                    >\r\n                        Save\r\n                    </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { formatPhoneNumber, formatCurrency } from \"../utils/helpers.js\";\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n    props: {\r\n        propertyID: Number,\r\n        property: Object,\r\n    },\r\n    data() {\r\n        return {\r\n            url: \"\",\r\n            loading: true,\r\n            processing: false,\r\n            transactions: [],\r\n            paymentMethods: [],\r\n            transactionCategories: [],\r\n            newTransactionDialog: false,\r\n            pagination: {\r\n                totalCount: 0,\r\n                rowsPerPage: 5,\r\n                page: 1,\r\n            },\r\n\r\n            newTransaction: {\r\n                date: \"\",\r\n                datePickerMenu: false,\r\n                type: \"Debit\",\r\n                description: \"\",\r\n                amount: \"\",\r\n                checkNumber: \"\",\r\n                paymentMethod: \"\",\r\n                cardType: \"\",\r\n                cardEnding: \"\",\r\n                referenceNumber: \"\",\r\n                category: \"\",\r\n            },\r\n\r\n            title: \"Transactions\",\r\n\r\n            actions: [],\r\n\r\n            columns: [\r\n                {\r\n                    field: \"type\",\r\n                    isIcon: true,\r\n                    icon: (value) => {\r\n                        if (!value) return \"\";\r\n\r\n                        switch (value.toUpperCase()) {\r\n                            case \"CREDIT\":\r\n                            case \"DEBIT\":\r\n                                return \"mdi-currency-usd\";\r\n                            default:\r\n                                return \"\";\r\n                        }\r\n                    },\r\n                    iconColor: (value) => {\r\n                        if (!value) return \"\";\r\n\r\n                        switch (value.toUpperCase()) {\r\n                            case \"CREDIT\":\r\n                                return \"success\";\r\n                            case \"DEBIT\":\r\n                                return \"rgb(243, 81, 35)\";\r\n                            default:\r\n                                return \"#aeb8bf\";\r\n                        }\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Date\",\r\n                    field: \"date\",\r\n                    type: \"date\",\r\n                    dateOutputFormat: \"MM/DD/YYYY\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Property\",\r\n                    field: \"property\",\r\n                    width: \"350px\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: false,\r\n                    label: \"Description\",\r\n                    field: \"description\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Type\",\r\n                    field: \"type\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                        filterDropdownItems: [\"Debit\", \"Credit\"],\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Category\",\r\n                    field: \"category\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Amount\",\r\n                    field: \"amount\",\r\n                    type: \"Number\",\r\n                    hidden: false,\r\n                    formatFn: (value) => {\r\n                        return formatCurrency(value);\r\n                    },\r\n                    tdClass: (row) => {\r\n                        return row.type == \"Debit\"\r\n                            ? \"text-danger\"\r\n                            : \"text-success\";\r\n                    },\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Payment Method\",\r\n                    field: \"paymentMethod\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Card Ending\",\r\n                    field: \"cardEnding\",\r\n                    hidden: false,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Card Type\",\r\n                    field: \"cardType\",\r\n                    hidden: true,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Check Number\",\r\n                    field: \"checkNumber\",\r\n                    hidden: true,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n                {\r\n                    sortable: true,\r\n                    label: \"Ref #\",\r\n                    field: \"referenceNumber\",\r\n                    hidden: true,\r\n                    filterOptions: {\r\n                        enabled: true,\r\n                    },\r\n                },\r\n            ],\r\n        };\r\n    },\r\n    async created() {\r\n        this.actions.push({\r\n            text: \"New Transaction\",\r\n            action: this.openTransactionDialog,\r\n        });\r\n\r\n        this.loadPaymentMethods();\r\n        this.loadTransactionCategories();\r\n    },\r\n    watch: {},\r\n    mounted() {},\r\n    beforeDestroy() {},\r\n    computed: {},\r\n    methods: {\r\n        openTransactionDialog() {\r\n            this.newTransactionDialog = true;\r\n        },\r\n        beforeSetupGrid() {\r\n            this.url = \"transactions?propertyID=0\";\r\n        },\r\n        async loadPaymentMethods() {\r\n            this.paymentMethods = await this.$http.get(\r\n                \"api/transactions/getPaymentMethods\"\r\n            );\r\n        },\r\n        async loadTransactionCategories() {\r\n            this.transactionCategories = await this.$http.get(\r\n                \"api/transactions/getTransactionCategories\"\r\n            );\r\n        },\r\n        getHeaderMessage() {\r\n            if (!this.property) return \"\";\r\n\r\n            return (\r\n                \"Debit: \" +\r\n                formatCurrency(this.property.debit) +\r\n                \"   Credit: \" +\r\n                formatCurrency(this.property.credit)\r\n            );\r\n        },\r\n        async save() {\r\n            const data = this.newTransaction;\r\n\r\n            this.processing = true;\r\n\r\n            await this.$http.post(\"api/transactions/save\", {\r\n                transaction: data,\r\n                details: [],\r\n            });\r\n\r\n            this.processing = false;\r\n            this.newTransactionDialog = false;\r\n            this.$refs.grid.load();\r\n        },\r\n        getTotalCount() {\r\n            if (this.$refs && this.$refs.grid) {\r\n                return this.$refs.grid.pagination.totalCount;\r\n            }\r\n\r\n            return 0;\r\n        },\r\n        formatPhoneNumber(number) {\r\n            return formatPhoneNumber(number);\r\n        },\r\n        getTransactions() {\r\n            return this.transactions;\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style>\r\n/*.ivr-detail-text {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n}\r\n.transaction-list.container {\r\n    padding-right: 0px !important;\r\n    padding-left: 0px !important;\r\n}\r\n.transaction-list .v-card__text {\r\n    padding-top: 0px !important;\r\n}*/\r\n</style>\r\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!./Transactions.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!./Transactions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Transactions.vue?vue&type=template&id=4d6e8cc5&\"\nimport script from \"./Transactions.vue?vue&type=script&lang=js&\"\nexport * from \"./Transactions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Transactions.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import mod 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/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Transactions.vue?vue&type=style&index=0&lang=css&\"; export default mod; 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/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Transactions.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}