{"version":3,"sources":["webpack:///./src/client/notifications.vue?7633","webpack:///./src/client/notifications.vue","webpack:///src/client/notifications.vue","webpack:///./src/client/notifications.vue?17b3","webpack:///./src/client/notifications.vue?79e7"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","attrs","enabled","totalRecords","isLoading","dropdownAllowAll","perPageDropdown","rows","columns","searchFn","checkFcmKey","on","onPageChange","onSortChange","onColumnFilter","onPerPageChange","selectionChanged","$event","scopedSlots","_u","key","fn","props","column","field","editSpotter","row","id","deleteSpotter","_e","stopPropagation","preventDefault","sendNotifications","apply","arguments","_m","$v","text","$dirty","$error","model","value","$model","callback","$$v","$set","expression","isDisabled","isLoading2","staticRenderFns","toast","position","Vue","name","mixins","components","data","icon","url","serverParams","client_id","columnFilters","sort","type","page","perPage","label","filterable","sortable","user_client_ids","validations","required","methods","resetForm","loadItems","API","console","formatDate","updateParams","newProps","params","searchTerm","param","email","user_id","title","showCancelButton","confirmButtonColor","cancelButtonColor","then","users","timeout","showProgressBar","closeOnClick","pauseOnHover","computed","mounted","beforeMount","component"],"mappings":"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OA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,kB,uGCqI3H,GACAqD,OACAC,2BAGAC,2BAEA,OACAC,qBACAC,8BACAC,cACAC,KAJA,WAKA,OACAnB,QAEAoB,QACAC,OACAC,cAEAC,wDACAC,iBACAC,MACA,CACAtC,gCACAuC,cAIAC,OACAC,YAEAzD,SACA,CACA0D,aACA1C,aACA2C,eAEA,CACAD,cACA1C,qBACA4C,aAEA,CACAF,cACA1C,cACA4C,aAEA,CACAF,iBACA1C,gBACA4C,cAGAhE,aACA4C,cACAzC,QACA8D,mBACAlE,eACA4C,gBAGAuB,aACAjC,MACAkC,yBAMAC,SACAC,UADA,WAEA,uBACA,sBAEAC,UALA,WAKA,WACA,kBACAC,qDACA,YACA,eACA,8BACA,mBACAC,gCAEA,iBAIAC,WAlBA,SAkBApC,GACA,KACA,4CAGAqC,aAvBA,SAuBAC,GACA,yDAGAnE,aA3BA,SA2BAoE,GACA,mBAAAhB,qBACA,kBAGAjD,gBAhCA,SAgCAiE,GACA,mBAAAf,2BACA,kBAGApD,aArCA,SAqCAmE,GACA,mBACAlB,OACAC,eACAvC,qBAGA,kBAEAV,eA9CA,SA8CAkE,GACA,qBACA,kBAEAvE,SAlDA,SAkDAuE,GACA,mBAAAC,eACA,iBACA,mBAEAjE,iBAvDA,SAuDAkE,GAAA,WACA,wBACAA,sCACA,OACAC,cACAC,mBAEA,8BAIApD,kBAlEA,WAkEA,WAGA,GAFA,uBAEA,uBAGA,mCACA,YACAqD,cACAhD,kCACA0B,eACAuB,oBACAC,6BACAC,2BAEAC,MAAA,oBAGA,CACA,mBACA,mBACA,OACApD,eACAoB,eAEAiC,2BACA9B,yDAEAe,gCACAnB,GACA,YACA,gBACA,gBACA,8BACAmC,YACAC,mBACAC,gBACAC,qBAGA,YACA,gBACA,gBACA,oBACAH,YACAC,mBACAC,gBACAC,uBAaApF,YA9HA,SA8HAgB,GAEA,OADAkD,yCACA,qCAEAmB,YACAC,QAjMA,WAkMA,kBACA,kBAEAC,YArMA,cC9IuV,I,wBCQnVC,EAAY,eACd,EACA1G,EACAyD,GACA,EACA,KACA,KACA,MAIa,aAAAiD,E","file":"js/chunk-0a0a125c.7c79c32d.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./notifications.vue?vue&type=style&index=0&id=44fb43f1&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"widget new-updated-design\"},[_c('vue-snotify'),_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-7 grid-margin grid-margin-md-0 stretch-card\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title text-left\"},[_vm._v(_vm._s(_vm.$t('notifications-list')))])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('vue-good-table',{attrs:{\"mode\":\"remote\",\"select-options\":{ enabled: true },\"totalRows\":_vm.totalRecords,\"isLoading\":_vm.isLoading,\"pagination-options\":{enabled: true,dropdownAllowAll: false,perPageDropdown: [10, 20, 50, 100, 200],},\"rows\":_vm.rows,\"columns\":_vm.columns,\"search-options\":{enabled: true,searchFn: _vm.searchFn},\"row-style-class\":_vm.checkFcmKey},on:{\"on-page-change\":_vm.onPageChange,\"on-sort-change\":_vm.onSortChange,\"on-column-filter\":_vm.onColumnFilter,\"on-per-page-change\":_vm.onPerPageChange,\"on-selected-rows-change\":_vm.selectionChanged,\"update:isLoading\":function($event){_vm.isLoading=$event},\"update:is-loading\":function($event){_vm.isLoading=$event},\"on-search\":_vm.searchFn},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('span',{staticClass:\"text-nowrap\"},[_c('b-button',{staticClass:\"mr-1 btn-info text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.editSpotter(props.row.id)}}},[_vm._v(\" View Profile \")]),_c('b-button',{staticClass:\"mr-1 btn-danger text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.deleteSpotter(props.row.id)}}},[_vm._v(\" Delete \")])],1):_vm._e()]}}])})],1)])]),_c('div',{staticClass:\"col-md-5 grid-margin grid-margin-md-0 stretch-card\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title text-left\"},[_vm._v(_vm._s(_vm.$t('notifications')))])]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.sendNotifications.apply(null, arguments)}}},[_c('div',{staticClass:\"card-body new-card-body\"},[_vm._m(0),_c('b-form-textarea',{attrs:{\"placeholder\":_vm.$t('Enter your notification body...'),\"rows\":\"30\",\"max-rows\":\"6\",\"state\":_vm.$v.text.$dirty ? !_vm.$v.text.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.text.$model),callback:function ($$v) {_vm.$set(_vm.$v.text, \"$model\", $$v)},expression:\"$v.text.$model\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")])],1),_c('div',{staticClass:\"row float-right\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-button',{staticClass:\"mr-4 mb-3\",attrs:{\"type\":\"submit\",\"variant\":\"success\",\"disabled\":_vm.isDisabled || _vm.isLoading2}},[(_vm.isLoading2)?[_c('i',{staticClass:\"fas fa-spinner fa-spin\"}),_vm._v(\" \"+_vm._s(_vm.$t('sending'))+\"... \")]:[_vm._v(\" \"+_vm._s(_vm.$t('send-to-selected-btn'))+\" \")]],2)],1)])])])])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"widget new-updated-design\">\r\n        <vue-snotify></vue-snotify>\r\n        <div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-7 grid-margin grid-margin-md-0 stretch-card\">\r\n                    <div class=\"card\">\r\n                        <div class=\"card-header\">\r\n                            <h4 class=\"card-title text-left\">{{ $t('notifications-list') }}</h4>\r\n                        </div>\r\n                        <div class=\"card-body new-card-body\">\r\n                            <vue-good-table\r\n                                    mode=\"remote\"\r\n                                    @on-page-change=\"onPageChange\"\r\n                                    @on-sort-change=\"onSortChange\"\r\n                                    @on-column-filter=\"onColumnFilter\"\r\n                                    @on-per-page-change=\"onPerPageChange\"\r\n                                    :select-options=\"{ enabled: true }\"\r\n                                    @on-selected-rows-change=\"selectionChanged\"\r\n                                    :totalRows=\"totalRecords\"\r\n                                    :isLoading.sync=\"isLoading\"\r\n                                    :pagination-options=\"{enabled: true,dropdownAllowAll: false,perPageDropdown: [10, 20, 50, 100, 200],}\"\r\n                                    :rows=\"rows\"\r\n                                    :columns=\"columns\"\r\n                                    @on-search=\"searchFn\"\r\n                                    :search-options=\"{enabled: true,searchFn: searchFn}\"\r\n                                    :row-style-class=\"checkFcmKey\">\r\n                                <template slot=\"table-row\" slot-scope=\"props\">\r\n                                                             <span\r\n                                                                     v-if=\"props.column.field === 'action'\"\r\n                                                                     class=\"text-nowrap\"\r\n                                                             >\r\n                                                                 <b-button size=\"sm\" @click=\"editSpotter(props.row.id)\"\r\n                                                                           class=\"mr-1 btn-info text-white\">\r\n                                                                View Profile\r\n                                                            </b-button>\r\n                                                            <b-button size=\"sm\" @click=\"deleteSpotter(props.row.id)\"\r\n                                                                      class=\"mr-1 btn-danger text-white\">\r\n                                                                Delete\r\n                                                            </b-button>\r\n                                                             </span>\r\n                                </template>\r\n                            </vue-good-table>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-md-5 grid-margin grid-margin-md-0 stretch-card\">\r\n                    <div class=\"card\">\r\n                        <div class=\"card-header\">\r\n                            <h4 class=\"card-title text-left\">{{ $t('notifications') }}</h4>\r\n                        </div>\r\n                        <form @submit.stop.prevent=\"sendNotifications\">\r\n                            <div class=\"card-body new-card-body\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-md-12\">\r\n                                        <!-- <b-form-group label=\"Title*\" label-for=\"title\">\r\n                                            <b-form-input\r\n                                                    type=\"text\"\r\n                                                    id=\"title\"\r\n                                                    name=\"title\"\r\n                                                    autocomplete=\"new-password\"\r\n                                                    placeholder=\"Title\"\r\n                                                    v-model=\"$v.title.$model\"\r\n                                                    :state=\"$v.title.$dirty ? !$v.title.$error : null\"\r\n                                                    aria-describedby=\"input-1-live-feedback\"\r\n                                            >\r\n                                            </b-form-input>\r\n                                            <b-form-invalid-feedback id=\"input-1-live-feedback\">This is a\r\n                                                required\r\n                                                field.\r\n                                            </b-form-invalid-feedback>\r\n                                        </b-form-group> -->\r\n                                    </div>\r\n                                </div>\r\n                                <b-form-textarea\r\n                                        :placeholder=\"$t('Enter your notification body...')\" \r\n                                        rows=\"30\"\r\n                                        max-rows=\"6\"\r\n                                        v-model=\"$v.text.$model\"\r\n                                        :state=\"$v.text.$dirty ? !$v.text.$error : null\"\r\n                                        aria-describedby=\"input-1-live-feedback\"\r\n                                ></b-form-textarea>\r\n                                <b-form-invalid-feedback id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                                </b-form-invalid-feedback>\r\n                                <!-- <div class=\"row mt-4\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <img :src=\"url\" alt=\"\" width=\"100px\" height=\"100px\" class=\"mb-1\">\r\n                                    </div>\r\n                                    <div class=\"col-md-9\">\r\n                                        <b-form-group label=\"Upload Icon\" label-for=\"input8\">\r\n                                            <b-form-file ref=\"fileInput\" class=\"mt-2\"\r\n                                                         accept=\"image/png, image/jpeg\"\r\n                                                         id=\"input8\"\r\n                                                         placeholder=\"Choose a file...\"\r\n                                                         @change=\"onFileSelected\"></b-form-file>\r\n                                        </b-form-group>\r\n                                        <a href=\"javascript:void(0)\" @click=\"removeImage\">Remove Image</a>\r\n                                    </div>\r\n                                </div> -->\r\n                            </div>\r\n                            <div class=\"row float-right\">\r\n                                <!-- <div class=\"col-md-9 mt-3 text-right\">Send to all checked</div> -->\r\n                                <div class=\"col-md-12\">\r\n                                    <b-button type=\"submit\" variant=\"success\" class=\"mr-4 mb-3\"\r\n                                        :disabled=\"isDisabled || isLoading2\">\r\n                                        <template v-if=\"isLoading2\">\r\n                                        <i class=\"fas fa-spinner fa-spin\"></i> {{$t('sending')}}...\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        {{ $t('send-to-selected-btn') }}\r\n                                    </template>\r\n                                    </b-button>\r\n                                    <!-- <b-button type=\"submit\" variant=\"success\" class=\"mr-4 mb-3\"\r\n                                              :disabled=\"isDisabled\">Submit\r\n                                    </b-button> -->\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </section>\r\n</template>\r\n<script>\r\n    import API from '@/api'\r\n    import moment from 'moment'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import Vue from \"vue\";\r\n    import {validationMixin} from \"vuelidate\";\r\n    import {required, minLength, email, requiredIf, sameAs} from \"vuelidate/lib/validators\";\r\n\r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n\r\n    export default {\r\n        name: 'notifications',\r\n        mixins: [validationMixin],\r\n        components: {},\r\n        data() {\r\n            return {\r\n                text: '',\r\n                // title: '',\r\n                icon: [],\r\n                url: '',\r\n                serverParams: {\r\n                    // a map of column filters example: {name: 'john', age: '20'}\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    columnFilters: {},\r\n                    sort: [\r\n                        {\r\n                            field: 'user_client_settings.id', // example: 'name'\r\n                            type: 'desc' // 'asc' or 'desc'\r\n                        }\r\n                    ],\r\n\r\n                    page: 1, // what page I want to show\r\n                    perPage: 10 // how many items I'm showing per page\r\n                },\r\n                columns: [\r\n                    {\r\n                        label: 'Name',\r\n                        field: 'name',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Phone',\r\n                        field: 'mobile_phone',\r\n                        sortable: true,\r\n                    },\r\n                    {\r\n                        label: 'Email',\r\n                        field: 'email',\r\n                        sortable: true,\r\n                    },\r\n                    {\r\n                        label: 'Location',\r\n                        field: \"address\",\r\n                        sortable: true,\r\n                    },\r\n                ],\r\n                isLoading: false,\r\n                isLoading2: false,\r\n                rows: [],\r\n                user_client_ids: [],\r\n                totalRecords: 0,\r\n                isDisabled: false,\r\n            };\r\n        },\r\n        validations: {\r\n            text: {\r\n                required,\r\n            },\r\n            // title: {\r\n            //     required,\r\n            // },\r\n        },\r\n        methods: {\r\n            resetForm() {\r\n                this.form.date_from = '';\r\n                this.form.date_to = '';\r\n            },\r\n            loadItems() {\r\n                this.isLoading = true;\r\n                API.getAllNotificationSpotters(this.serverParams,\r\n                    data => {\r\n                        this.isLoading = false;\r\n                        this.totalRecords = data.totalRecords;\r\n                        this.rows = data.data.data;\r\n                        console.log('rows, ',this.rows);\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            formatDate(value) {\r\n                if (value) {\r\n                    return moment(String(value)).format('YYYY-MM-DD')\r\n                }\r\n            },\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n\r\n            onPageChange(params) {\r\n                this.updateParams({page: params.currentPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onPerPageChange(params) {\r\n                this.updateParams({perPage: params.currentPerPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onSortChange(params) {\r\n                this.updateParams({\r\n                    sort: [{\r\n                        type: params[0].type,\r\n                        field: params[0].field,\r\n                    }],\r\n                });\r\n                this.loadItems();\r\n            },\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n            searchFn(params) {\r\n                this.updateParams({searchTerm: params});\r\n                this.loadItems();\r\n                this.isLoading = false;\r\n            },\r\n            selectionChanged(param) {\r\n                this.user_client_ids = [];\r\n                param.selectedRows.forEach((value, index) => {\r\n                    const data = {\r\n                        email: value.email,\r\n                        user_id: value.user_id,\r\n                    }\r\n                    this.user_client_ids.push(data)\r\n                });\r\n                // console.log(this.user_client_ids);\r\n            },\r\n            sendNotifications() {\r\n                this.$v.text.$touch();\r\n                // this.$v.title.$touch();\r\n                if (this.$v.text.$anyError) {\r\n                    return;\r\n                }\r\n                if (this.user_client_ids.length === 0) {\r\n                    this.$swal({\r\n                        title: 'Error',\r\n                        text: \"Please select users first!\",\r\n                        type: 'warning',\r\n                        showCancelButton: true,\r\n                        confirmButtonColor: '#3085d6',\r\n                        cancelButtonColor: '#d33',\r\n                        // confirmButtonText: 'Yes, delete it!'\r\n                    }).then((result) => {\r\n\r\n                    })\r\n                } else {\r\n                    this.isDisabled = true;\r\n                    this.isLoading2 = true;\r\n                    let data = {\r\n                        text: this.text,\r\n                        icon: this.icon,\r\n                        // title: this.title,\r\n                        users: this.user_client_ids,\r\n                        client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    }\r\n                    API.sendSpotterNotifications(\r\n                        data,\r\n                        data => {\r\n                            this.isDisabled = false;\r\n                            this.isLoading2 = false;\r\n                            this.$snotify.success(data.message, {\r\n                                timeout: 2000,\r\n                                showProgressBar: false,\r\n                                closeOnClick: true,\r\n                                pauseOnHover: true,\r\n                            });\r\n                        },\r\n                        err => {\r\n                            this.isDisabled = false;\r\n                            this.isLoading2 = false;\r\n                            this.$snotify.error(err, {\r\n                                timeout: 2000,\r\n                                showProgressBar: false,\r\n                                closeOnClick: true,\r\n                                pauseOnHover: true,\r\n                            });\r\n                        })\r\n                }\r\n            },\r\n            // onFileSelected(event) {\r\n            //     this.icon = event.target.files[0]\r\n            //     this.url = URL.createObjectURL(this.icon)\r\n            // },\r\n            // removeImage() {\r\n            //     this.icon = [];\r\n            //     this.url = '';\r\n            // },\r\n             checkFcmKey(row) {\r\n                 console.log('row.device_id', row.device_id);\r\n                return row.device_id !== null ? 'noti-check' : '';\r\n            },\r\n        }, computed: {},\r\n        mounted() {\r\n            this.isLoading = true;\r\n            this.loadItems();\r\n        },\r\n        beforeMount() {\r\n        },\r\n    }\r\n</script>\r\n\r\n\r\n<style>\r\n    @media (max-width: 1150px) {\r\n        .card .new-card-body {\r\n            padding: 1.25rem 1.437rem !important;\r\n        }\r\n    }\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./notifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./notifications.vue?vue&type=template&id=44fb43f1&\"\nimport script from \"./notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./notifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./notifications.vue?vue&type=style&index=0&id=44fb43f1&prod&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"],"sourceRoot":""}