{"version":3,"sources":["webpack:///./src/client/prosync_repots.vue?0151","webpack:///./src/client/prosync_repots.vue","webpack:///src/client/prosync_repots.vue","webpack:///./src/client/prosync_repots.vue?466a","webpack:///./src/client/prosync_repots.vue?e339"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","attrs","model","value","serverParams","date_from","callback","$$v","$set","expression","date_to","$v","category_id","$dirty","$error","categories","on","$event","onCategoryChange","scopedSlots","_u","key","fn","length","_e","proxy","$model","locations","location_id","projectOptions","onProjectChange","selectedProjectId","spotTypes","spot_type_id","version_id","question_data","prosync_weather_data","prosync_efforts_data","isLoading2","getReportsData","canDownload","isLoading3","downloadReportData","isLoading4","viewReportData","resetFilters","ref","totalRecords","isLoading","enabled","dropdownAllowAll","perPageDropdown","spots","columns","searchFn","onPageChange","onSortChange","onColumnFilter","onPerPageChange","props","column","field","openReportSpotDetail","row","id","openSpotDetail","staticRenderFns","Vue","ascIcon","descIcon","toast","position","name","mixins","components","SpotDetailsModal","data","form","client_id","survey_id","columnDefs","pro_sync","columnFilters","sort","type","page","perPage","label","filterable","sortable","formatFn","isDownImageTemplate","rowData","surveys","underDevelop","questions","postQuestions","spotDetail","spotDetailImages","serverUrl","validations","required","methods","getNames","API","console","checkImage","image","formatDate","updateParams","newProps","params","searchTerm","formatStatus","status","formatUser","formatLocation","onGridReady","getProSyncReportFilters","link","document","query","window","event","computed","beforeMount","headerName","filter","checkboxSelection","cellRenderer","mounted","component"],"mappings":"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C,wCACAC,yCAGA,OACAC,OACAC,2BAIAJ,2BACA,OACAK,eACAC,8BACAC,YACAC,yBAEAC,KANA,WAOA,OACA1C,gBACAH,uBACAF,kBACAgD,MACAC,wDACAzE,aACAK,WACAE,eACAmE,aACAnD,eACAK,gBACAE,oBAEAC,0BACAC,2BAEA2C,gBACA5E,cACA0E,wDACAzE,aACAK,WACAE,eACAmE,aACAhD,qBACAH,eACAK,gBACAE,oBAEAC,0BACAC,0BACA4C,YACAC,iBACAC,OACAtB,WACAuB,cAEAC,OACAC,YAGAjC,UACAkC,gBACA1B,gBACA2B,eAGA,CACAD,gBACA1B,kBACA2B,eAEA,CACAD,qBACA1B,kBACA4B,YACAC,0BAEA,CACAH,aACA1B,kBACA4B,aAEA,CACAF,iBACA1B,sBACA4B,aAEA,CACAF,yBACA1B,qBACA4B,aAEA,CACAF,iBACA1B,iBACA4B,aAEA,CACAF,kBACA1B,kBACA4B,aAEA,CACAF,gBACA1B,qBACA4B,cAGAzC,aACAV,cACAG,cACAE,cACAgD,uBACAC,aACAxC,SACArC,cACA8E,WACAlE,aACAK,aACA8D,gBACAtD,eACAuD,aACAC,iBACAjD,eACAkD,cACAC,oBACAC,eAGAC,aACAhG,cACAQ,aACAyF,0BAIAC,SACAC,SADA,WACA,WACA,GACAzB,yDAEA0B,sBACA5B,GACA,YACA,gDACAZ,QACAQ,wBAIA,wBACA,sEACA,IACA,yBACA,oCAIA,YACAiC,qDAIAvF,iBA3BA,WA4BAuF,oCACA,oCAEAC,WA/BA,SA+BAC,GACA,uBACA,cAMAC,WAvCA,SAuCAzG,GACA,KACA,kDAGA0G,aA5CA,SA4CAC,GACA,yDAEAvD,aA/CA,SA+CAwD,GACA,mBACA1B,qBAEA,uBAEA3B,gBArDA,SAqDAqD,GACA,mBACAzB,2BAEA,uBAEA9B,aA3DA,SA2DAuD,GACA,mBACA5B,OACAC,eACAvB,qBAGA,uBAEAJ,eApEA,SAoEAsD,GACA,qBACA,uBAEAzD,SAxEA,SAwEAyD,GACA,mBACAC,eAEA,sBACA,oBAEAC,aA/EA,SA+EAC,GACA,eAMAC,WAtFA,SAsFAhH,KACAiH,eAvFA,SAuFAjH,GACA,eAEAkH,YA1FA,SA0FAN,GACA,mBACA,gCAEAO,wBA9FA,WA8FA,WACA,GACAxC,uCAGA0B,+BACA5B,GACA,YACA,0BACA,+BACA,6BACA,yBACA6B,wCACA,iCAEA,iBAGA/D,mBAhHA,WAgHA,WACA,8BACA,gCAGA,mBACA8D,0BACA,mBACA,YACA,gBACA,6BACA,8BACAe,SACAA,yCACAC,6BACAD,UACAC,6BACA,yDAEA,YACA,qBAIA5E,eAxIA,WA0IA,GADA,8BACA,+BAGA,4BAAA4B,kBAAAiD,OAAArH,kDACAsH,+BA0BAnF,eAxKA,WAwKA,yEACA,8BACA,gCAGA,mBACAiE,6BACA,mBACA,YACAC,gDACA,gBACA,iBACA,6BACAA,gDACA,qBACAA,kCAEA,8BACA,iCAGA,YACA,qBAIA5D,aAlMA,WAmMA,oBACA,+BACA,6BACA,iCACA,iCACA,+BACA,kCAEA,4CACA,4CACA,oBACA,cACA,mCACA,qDAEAiB,qBAlNA,SAkNAE,EAAA2D,GACA,oDAGAC,YAEAC,YApVA,WAqVA,kBACAC,qBACAjE,gBACA4B,YACAsC,UACAC,sBAEA,CACAzC,gBACA1B,kBACA2B,eAEA,CACAsC,0BACAG,yBACA,uDAEAxC,aAEA,CACAF,aACA1B,kBACA4B,aAEA,CACAF,iBACA1B,sBACA4B,eAIAyC,QApXA,WAqXA,+BAEA,kBC5pBwV,I,wBCQpVC,EAAY,eACd,EACA3I,EACA0E,GACA,EACA,KACA,KACA,MAIa,aAAAiE,E","file":"js/chunk-58e812a1.4723e462.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./prosync_repots.vue?vue&type=style&index=0&id=7053452b&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tables new-updated-design\"},[_c('vue-snotify'),_c('div',{staticClass:\"row stretch-card\"},[_c('div',{staticClass:\"col-lg-12 stretch-card\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('ProSync Reports')))])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 stretch-card date-form new-date-form\"},[_c('b-form-group',{staticClass:\"m-col\",attrs:{\"id\":\"input-group-1\",\"label\":_vm.$t('date-from'),\"label-for\":\"input-1\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"type\":\"date\",\"placeholder\":\"Date From\",\"required\":\"\"},model:{value:(_vm.serverParams.date_from),callback:function ($$v) {_vm.$set(_vm.serverParams, \"date_from\", $$v)},expression:\"serverParams.date_from\"}})],1),_c('b-form-group',{staticClass:\"ml-1 m-col\",attrs:{\"id\":\"input-group-1\",\"label\":_vm.$t('date-to'),\"label-for\":\"input-1\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"type\":\"date\",\"placeholder\":\"Date To\",\"required\":\"\"},model:{value:(_vm.serverParams.date_to),callback:function ($$v) {_vm.$set(_vm.serverParams, \"date_to\", $$v)},expression:\"serverParams.date_to\"}})],1),_c('div',{staticClass:\"col-lg-2 col-md-3 new-col m-col\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('select-category'),\"label-for\":\"category_id\"}},[_c('b-form-select',{staticClass:\"mat-select\",attrs:{\"state\":_vm.$v.serverParams.category_id.$dirty ? !_vm.$v.serverParams.category_id.$error : null,\"aria-describedby\":\"input-1-live-feedback\",\"options\":_vm.categories,\"value-field\":\"id\",\"text-field\":\"name\"},on:{\"change\":function($event){return _vm.onCategoryChange()}},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [(_vm.categories.length !== 0)?_c('b-form-select-option',{attrs:{\"value\":\"all\",\"selected\":\"\"}},[_vm._v(_vm._s(_vm.$t('all')))]):_vm._e(),(_vm.categories.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(_vm._s(_vm.$t('no-category-found')))]):_vm._e()]},proxy:true}]),model:{value:(_vm.$v.serverParams.category_id.$model),callback:function ($$v) {_vm.$set(_vm.$v.serverParams.category_id, \"$model\", $$v)},expression:\"$v.serverParams.category_id.$model\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"field-required\"))+\" \")])],1)],1),_c('div',{staticClass:\"col-lg-2 col-md-3 new-col m-col\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('select-location'),\"label-for\":\"location_id\"}},[_c('b-form-select',{staticClass:\"mat-select\",attrs:{\"options\":_vm.locations,\"value-field\":\"id\",\"text-field\":\"name\"},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [(_vm.locations.length !== 0)?_c('b-form-select-option',{attrs:{\"value\":\"\",\"selected\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t('all')))]):_vm._e(),(_vm.locations.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(_vm._s(_vm.$t('no-location-found')))]):_vm._e()]},proxy:true}]),model:{value:(_vm.serverParams.location_id),callback:function ($$v) {_vm.$set(_vm.serverParams, \"location_id\", $$v)},expression:\"serverParams.location_id\"}})],1)],1),_c('div',{staticClass:\"col-lg-2 col-md-3 new-col m-col\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Project (Survey Name)'),\"label-for\":\"project_name\"}},[_c('b-form-select',{staticClass:\"mat-select\",attrs:{\"aria-describedby\":\"input-1-live-feedback\",\"options\":_vm.projectOptions,\"value-field\":\"id\",\"text-field\":\"name\"},on:{\"change\":_vm.onProjectChange},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [(_vm.projectOptions.length !== 0)?_c('b-form-select-option',{attrs:{\"value\":\"\",\"selected\":\"\"}},[_vm._v(_vm._s(_vm.$t('all')))]):_vm._e(),(_vm.projectOptions.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.$t('No Project Found'))+\" \")]):_vm._e()]},proxy:true}]),model:{value:(_vm.serverParams.selectedProjectId),callback:function ($$v) {_vm.$set(_vm.serverParams, \"selectedProjectId\", $$v)},expression:\"serverParams.selectedProjectId\"}})],1)],1),_c('div',{staticClass:\"col-lg-2 col-md-3 new-col m-col\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Effort'),\"label-for\":\"spot_type_id\"}},[_c('b-form-select',{staticClass:\"mat-select\",attrs:{\"options\":_vm.spotTypes,\"value-field\":\"id\",\"text-field\":\"name\"},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [(_vm.spotTypes.length !== 0)?_c('b-form-select-option',{attrs:{\"value\":\"\",\"selected\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t('all')))]):_vm._e(),(_vm.spotTypes.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(_vm._s(_vm.$t('no-spot-type-found')))]):_vm._e()]},proxy:true}]),model:{value:(_vm.serverParams.spot_type_id),callback:function ($$v) {_vm.$set(_vm.serverParams, \"spot_type_id\", $$v)},expression:\"serverParams.spot_type_id\"}})],1)],1)],1)]),(this.version_id == 2 || this.version_id == 3)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 col-md-6 new-col m-col\"},[_c('div',[_c('b-form-checkbox',{staticClass:\"mt-3\",attrs:{\"name\":\"question_data\",\"value\":\"yes\",\"unchecked-value\":\"no\"},model:{value:(_vm.serverParams.question_data),callback:function ($$v) {_vm.$set(_vm.serverParams, \"question_data\", $$v)},expression:\"serverParams.question_data\"}},[_vm._v(\" \"+_vm._s(_vm.$t('include-question-data'))+\" \")])],1),(this.version_id == 2 || this.version_id == 3)?_c('div',[_c('b-form-checkbox',{staticClass:\"mt-1\",attrs:{\"name\":\"prosync_weather_data\",\"value\":\"yes\",\"unchecked-value\":\"no\"},model:{value:(_vm.serverParams.prosync_weather_data),callback:function ($$v) {_vm.$set(_vm.serverParams, \"prosync_weather_data\", $$v)},expression:\"serverParams.prosync_weather_data\"}},[_vm._v(\" \"+_vm._s(_vm.$t('include-weather-data'))+\" \")])],1):_vm._e(),(this.version_id == 2 || this.version_id == 3)?_c('div',[_c('b-form-checkbox',{staticClass:\"mt-1\",attrs:{\"name\":\"prosync_efforts_data\",\"value\":\"yes\",\"unchecked-value\":\"no\"},model:{value:(_vm.serverParams.prosync_efforts_data),callback:function ($$v) {_vm.$set(_vm.serverParams, \"prosync_efforts_data\", $$v)},expression:\"serverParams.prosync_efforts_data\"}},[_vm._v(\" \"+_vm._s(_vm.$t('include-efforts-data'))+\" \")])],1):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"row float-right mt-3\"},[_c('div',{staticClass:\"ml-2 mt-2\"},[_c('button',{staticClass:\"btn btn-info text-white r-btn\",attrs:{\"disabled\":_vm.isLoading2},on:{\"click\":function($event){return _vm.getReportsData('filter')}}},[(_vm.isLoading2)?[_c('i',{staticClass:\"fas fa-spinner fa-spin\"}),_vm._v(_vm._s(_vm.$t('filtering'))+\"... \")]:[_vm._v(\" \"+_vm._s(_vm.$t('filter-btn'))+\" \")]],2)]),(_vm.canDownload || _vm.serverParams.category_id === 'all' || _vm.serverParams.category_id )?_c('div',{staticClass:\"ml-2 mt-2\"},[_c('button',{staticClass:\"btn btn-info text-white r-btn\",attrs:{\"disabled\":_vm.isLoading3},on:{\"click\":function($event){return _vm.downloadReportData()}}},[(_vm.isLoading3)?[_c('i',{staticClass:\"fas fa-spinner fa-spin\"}),_vm._v(\" \"+_vm._s(_vm.$t('downloading'))+\"... \")]:[_vm._v(\" \"+_vm._s(_vm.$t('download-btn'))+\" \")]],2)]):_vm._e(),(_vm.canDownload || _vm.serverParams.category_id === 'all' || _vm.serverParams.category_id )?_c('div',{staticClass:\"ml-2 mt-2\"},[_c('button',{staticClass:\"btn btn-info text-white r-btn\",attrs:{\"disabled\":_vm.isLoading4},on:{\"click\":function($event){return _vm.viewReportData()}}},[(_vm.isLoading4)?[_c('i',{staticClass:\"fas fa-spinner fa-spin\"}),_vm._v(\" \"+_vm._s(_vm.$t('Generating'))+\"... \")]:[_vm._v(\" \"+_vm._s(_vm.$t('view-btn'))+\" \")]],2)]):_vm._e(),_c('div',{staticClass:\"ml-2 mr-3 mt-2\"},[_c('button',{staticClass:\"btn btn-warning text-white r-btn\",on:{\"click\":function($event){return _vm.resetFilters()}}},[_vm._v(_vm._s(_vm.$t('reset-btn')))])])])])])])]),_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-lg-12 stretch-card\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('report')))])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('vue-good-table',{ref:\"report-table\",attrs:{\"mode\":\"remote\",\"totalRows\":_vm.totalRecords,\"isLoading\":_vm.isLoading,\"pagination-options\":{enabled: true,dropdownAllowAll: false,perPageDropdown: [10, 20, 50, 100, 200],},\"rows\":_vm.spots,\"columns\":_vm.columns,\"search-options\":{enabled: true,searchFn: _vm.searchFn},\"line-numbers\":true},on:{\"on-page-change\":_vm.onPageChange,\"on-sort-change\":_vm.onSortChange,\"on-column-filter\":_vm.onColumnFilter,\"on-per-page-change\":_vm.onPerPageChange,\"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 === 'view_details')?_c('span',{staticClass:\"text-nowrap\"},[_c('b-button',{staticClass:\"mr-1 btn-info text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.openReportSpotDetail(props.row.id)}}},[_vm._v(_vm._s(_vm.$t('view-btn')))])],1):_vm._e()]}}])})],1)])])]),_c('SpotDetailsModal',{ref:\"spotDetails\",on:{\"openSpotDetail\":_vm.openSpotDetail,\"openReportSpotDetail\":_vm.openReportSpotDetail}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"tables new-updated-design\">\r\n        <vue-snotify></vue-snotify>\r\n        <div class=\"row stretch-card\">\r\n            <div class=\"col-lg-12 stretch-card\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">{{ $t('ProSync Reports') }}</h4>\r\n                    </div>\r\n                    <div class=\"card-body new-card-body\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-lg-12 col-md-12 stretch-card date-form new-date-form\">\r\n                                <b-form-group id=\"input-group-1\" :label=\"$t('date-from')\" label-for=\"input-1\" class=\"m-col\">\r\n                                    <b-form-input id=\"input-1\" v-model=\"serverParams.date_from\" type=\"date\" placeholder=\"Date From\" required></b-form-input>\r\n                                </b-form-group>\r\n    \r\n                                <b-form-group id=\"input-group-1\" :label=\"$t('date-to')\" label-for=\"input-1\" class=\"ml-1 m-col\">\r\n                                    <b-form-input id=\"input-1\" v-model=\"serverParams.date_to\" type=\"date\" placeholder=\"Date To\" required></b-form-input>\r\n                                </b-form-group>\r\n    \r\n                                <div class=\"col-lg-2 col-md-3 new-col m-col\">\r\n                                    <b-form-group :label=\"$t('select-category')\" label-for=\"category_id\">\r\n                                        <b-form-select v-model=\"$v.serverParams.category_id.$model\" :state=\"$v.serverParams.category_id.$dirty ? !$v.serverParams.category_id.$error : null\" aria-describedby=\"input-1-live-feedback\" class=\"mat-select\" :options=\"categories\" value-field=\"id\" text-field=\"name\" @change=\"onCategoryChange()\">\r\n                                            <template #first>\r\n                                                    <b-form-select-option v-if=\"categories.length !== 0\" value=\"all\" selected>{{ $t('all')}}</b-form-select-option>\r\n                                                    <b-form-select-option v-if=\"categories.length === 0\" :disabled = true>{{ $t('no-category-found') }}</b-form-select-option>\r\n                                            </template>\r\n                                        </b-form-select>\r\n                                        <b-form-invalid-feedback id=\"input-1-live-feedback\"> {{ $t(\"field-required\") }} </b-form-invalid-feedback>\r\n                                    </b-form-group>\r\n                                </div>\r\n                                <div class=\"col-lg-2 col-md-3 new-col m-col\">\r\n                                    <b-form-group :label=\"$t('select-location')\" label-for=\"location_id\">\r\n                                        <b-form-select class=\"mat-select\" v-model=\"serverParams.location_id\" :options=\"locations\" value-field=\"id\" text-field=\"name\">\r\n                                            <template #first>\r\n                                                <b-form-select-option v-if=\"locations.length !== 0\" value=\"\" selected>\r\n                                                    {{ $t('all')}}</b-form-select-option>\r\n                                                    <b-form-select-option v-if=\"locations.length === 0\" :disabled = true>{{ $t('no-location-found') }}</b-form-select-option>\r\n                                            </template>\r\n                                        </b-form-select>\r\n                                    </b-form-group>\r\n                                </div>\r\n                                <div class=\"col-lg-2 col-md-3 new-col m-col\">\r\n                                    <b-form-group :label=\"$t('Project (Survey Name)')\" label-for=\"project_name\">\r\n                                        <b-form-select \r\n                                        class=\"mat-select\"\r\n                                        v-model=\"serverParams.selectedProjectId\" \r\n                                        aria-describedby=\"input-1-live-feedback\" \r\n                                        :options=\"projectOptions\" \r\n                                        value-field=\"id\" \r\n                                        text-field=\"name\"\r\n                                        @change=\"onProjectChange\"\r\n                                        >\r\n                                        <template #first>\r\n                                            <b-form-select-option v-if=\"projectOptions.length !== 0\" value=\"\" selected>{{ $t('all')}}</b-form-select-option>\r\n                                            <b-form-select-option v-if=\"projectOptions.length === 0\" :disabled=\"true\">\r\n                                                {{ $t('No Project Found') }}\r\n                                            </b-form-select-option>\r\n                                        </template>\r\n                                        </b-form-select>\r\n                                    </b-form-group>\r\n                                </div>\r\n                                <div class=\"col-lg-2 col-md-3 new-col m-col\">\r\n                                    <b-form-group :label=\"$t('Effort')\" label-for=\"spot_type_id\">\r\n                                        <b-form-select class=\"mat-select\" v-model=\"serverParams.spot_type_id\" :options=\"spotTypes\" value-field=\"id\" text-field=\"name\">\r\n                                            <template #first>\r\n                                                <b-form-select-option v-if=\"spotTypes.length !== 0\" value=\"\" selected>\r\n                                                    {{ $t('all')}}</b-form-select-option>\r\n                                                    <b-form-select-option v-if=\"spotTypes.length === 0\" :disabled = true>{{ $t('no-spot-type-found') }}</b-form-select-option>\r\n                                            </template>\r\n                                        </b-form-select>\r\n                                    </b-form-group>\r\n                                </div>\r\n                                <!--<div class=\"col-lg-2 col-md-3 new-col m-col\" v-if=\"this.version_id == 2 || this.version_id == 3\">\r\n                                    <b-form-group :label=\"$t('survey')\" label-for=\"survey_id\">\r\n                                        <b-form-select class=\"mat-select\" v-model=\"serverParams.survey_id\" :options=\"surveys\" value-field=\"id\" text-field=\"name\">\r\n                                            <template #first>\r\n                                                <b-form-select-option v-if=\"surveys.length !== 0\" value=\"\" selected>\r\n                                                    {{ $t('all')}}</b-form-select-option>\r\n                                                    <b-form-select-option v-if=\"surveys.length === 0\" :disabled = true>{{ $t('No Survey Found') }}</b-form-select-option>\r\n                                            </template>\r\n                                        </b-form-select>\r\n                                    </b-form-group>\r\n                                </div> -->\r\n                                <!-- <div class=\"col-lg-3 col-md-6 new-col m-col\" v-if=\"this.version_id == 1\">\r\n                                    <div>\r\n                                        <b-form-checkbox\r\n                                            class=\"mt-3\"\r\n                                            v-model=\"serverParams.question_data\"\r\n                                            name=\"question_data\"\r\n                                            value=\"yes\"\r\n                                            unchecked-value=\"no\">\r\n                                            {{ $t('include-question-data') }}\r\n                                        </b-form-checkbox>\r\n                                    </div>\r\n                                    <div>\r\n                                        <b-form-checkbox\r\n                                            class=\"mt-1\"\r\n                                            v-model=\"serverParams.post_process\"\r\n                                            name=\"post_process\"\r\n                                            value=\"yes\"\r\n                                            unchecked-value=\"no\">\r\n                                            {{$t('include-post-process-data')}}\r\n                                        </b-form-checkbox>\r\n                                    </div>\r\n                                    <div v-if=\"this.version_id == 3\">\r\n                                        <b-form-checkbox\r\n                                            class=\"mt-1\"\r\n                                            v-model=\"serverParams.prosync_weather_data\"\r\n                                            name=\"prosync_weather_data\"\r\n                                            value=\"yes\"\r\n                                            unchecked-value=\"no\">\r\n                                            {{$t('include-weather-data')}}\r\n                                        </b-form-checkbox>\r\n                                    </div>\r\n                                </div> -->\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\" v-if=\"this.version_id == 2 || this.version_id == 3\">\r\n                            <div class=\"col-lg-3 col-md-6 new-col m-col\">\r\n                                <div>\r\n                                    <b-form-checkbox\r\n                                        class=\"mt-3\"\r\n                                        v-model=\"serverParams.question_data\"\r\n                                        name=\"question_data\"\r\n                                        value=\"yes\"\r\n                                        unchecked-value=\"no\">\r\n                                        {{ $t('include-question-data') }}\r\n                                    </b-form-checkbox>\r\n                                </div>\r\n                                <!-- <div>\r\n                                    <b-form-checkbox\r\n                                        class=\"mt-1\"\r\n                                        v-model=\"serverParams.post_process\"\r\n                                        name=\"post_process\"\r\n                                        value=\"yes\"\r\n                                        unchecked-value=\"no\">\r\n                                        {{$t('include-post-process-data')}}\r\n                                    </b-form-checkbox>\r\n                                </div> -->\r\n                                <div v-if=\"this.version_id == 2 || this.version_id == 3\">\r\n                                    <b-form-checkbox\r\n                                        class=\"mt-1\"\r\n                                        v-model=\"serverParams.prosync_weather_data\"\r\n                                        name=\"prosync_weather_data\"\r\n                                        value=\"yes\"\r\n                                        unchecked-value=\"no\">\r\n                                        {{$t('include-weather-data')}}\r\n                                    </b-form-checkbox>\r\n                                </div>\r\n                                <div v-if=\"this.version_id == 2 || this.version_id == 3\">\r\n                                    <b-form-checkbox\r\n                                        class=\"mt-1\"\r\n                                        v-model=\"serverParams.prosync_efforts_data\"\r\n                                        name=\"prosync_efforts_data\"\r\n                                        value=\"yes\"\r\n                                        unchecked-value=\"no\">\r\n                                        {{$t('include-efforts-data')}}\r\n                                    </b-form-checkbox>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row float-right mt-3\">\r\n                            <div class=\"ml-2 mt-2\">\r\n                                <button :disabled=\"isLoading2\" @click=\"getReportsData('filter')\" class=\"btn btn-info text-white r-btn\">\r\n                                    <template v-if=\"isLoading2\">\r\n                                        <i class=\"fas fa-spinner fa-spin\"></i>{{$t('filtering')}}...\r\n                                    </template>\r\n                                    <template v-else>\r\n                                       {{$t('filter-btn')}}\r\n                                    </template>\r\n                                </button>\r\n                            </div>\r\n                            <!-- <div class=\"ml-2 mt-2\" v-if=\"(serverParams.category_id !== 'all' && serverParams.category_id)\">\r\n                                <button :disabled=\"isDownImageTemplate\" @click=\"downloadImagesUploadData()\" class=\"btn btn-info text-white r-btn\">\r\n                                    <template v-if=\"isDownImageTemplate\">\r\n                                        <i class=\"fas fa-spinner fa-spin\"></i> {{$t('downloading')}}...\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        {{ $t('download-images-template') }}\r\n                                    </template>\r\n                                </button>\r\n                            </div> -->\r\n                            <div class=\"ml-2 mt-2\" v-if=\"canDownload || serverParams.category_id === 'all' || serverParams.category_id \">\r\n                                <button :disabled=\"isLoading3\" @click=\"downloadReportData()\" class=\"btn btn-info text-white r-btn\">\r\n                                    <template v-if=\"isLoading3\">\r\n                                        <i class=\"fas fa-spinner fa-spin\"></i> {{$t('downloading')}}...\r\n                                    </template>\r\n                                    <template v-else>\r\n                                       {{$t('download-btn')}}\r\n                                    </template>\r\n                                </button>\r\n                            </div>\r\n                            <div class=\"ml-2 mt-2\" v-if=\"canDownload || serverParams.category_id === 'all' || serverParams.category_id \">\r\n                                <button :disabled=\"isLoading4\" @click=\"viewReportData()\" class=\"btn btn-info text-white r-btn\">\r\n                                    <template v-if=\"isLoading4\">\r\n                                        <i class=\"fas fa-spinner fa-spin\"></i> {{$t('Generating')}}...\r\n                                    </template>\r\n                                    <template v-else>\r\n                                       {{$t('view-btn')}}\r\n                                    </template>\r\n                                </button>\r\n                            </div>\r\n                            <div class=\"ml-2 mr-3 mt-2\">\r\n                                <button @click=\"resetFilters()\" class=\"btn btn-warning text-white r-btn\">{{ $t('reset-btn') }}</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- <div class=\"row\">\r\n            <div v-if=\"serverParams.category_id === 'all'\" class=\"report-message\">\r\n                <div class=\"text-secondary\">For now, Report can be only be downloaded against all categories.</div>\r\n            </div>\r\n        </div> -->\r\n\r\n        <div class=\"row mt-3\">\r\n            <div class=\"col-lg-12 stretch-card\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">{{ $t('report') }}</h4>\r\n                    </div>\r\n                    <div class=\"card-body new-card-body\">\r\n                        <vue-good-table\r\n                            ref=\"report-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                            :totalRows=\"totalRecords\"\r\n                            :isLoading.sync=\"isLoading\"\r\n                            :pagination-options=\"{enabled: true,dropdownAllowAll: false,perPageDropdown: [10, 20, 50, 100, 200],}\"\r\n                            :rows=\"spots\"\r\n                            :columns=\"columns\"\r\n                            @on-search=\"searchFn\"\r\n                            :search-options=\"{enabled: true,searchFn: searchFn}\"\r\n                            :line-numbers=\"true\">\r\n                            <template slot=\"table-row\" slot-scope=\"props\">\r\n                                <span v-if=\"props.column.field === 'view_details'\" class=\"text-nowrap\">\r\n                                    <b-button\r\n                                        size=\"sm\"\r\n                                        @click=\"openReportSpotDetail(props.row.id)\"\r\n                                        class=\"mr-1 btn-info text-white\"\r\n                                    >{{ $t('view-btn') }}</b-button>\r\n                                </span>\r\n                            </template>\r\n                        </vue-good-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <SpotDetailsModal @openSpotDetail=\"openSpotDetail\" @openReportSpotDetail=\"openReportSpotDetail\" ref=\"spotDetails\"></SpotDetailsModal>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import API from \"@/api\";\r\n    import {\r\n        ClientSideRowModelModule\r\n    } from '@ag-grid-community/client-side-row-model';\r\n    import moment from 'moment';\r\n    import Snotify, {\r\n        SnotifyPosition\r\n    } from \"vue-snotify\";\r\n    import {\r\n        validationMixin\r\n    } from \"vuelidate\";\r\n    import {\r\n        required,\r\n        minLength,\r\n        email,\r\n        requiredIf,\r\n        sameAs\r\n    } from \"vuelidate/lib/validators\";\r\n    import SortedTablePlugin from \"vue-sorted-table\";\r\n    import SpotDetailsModal from \"../citizen/SpotDetailsModal.vue\";\r\n    Vue.use(SortedTablePlugin, {\r\n        ascIcon: '<i class=\"ti-arrow-down\"></i>',\r\n        descIcon: '<i class=\"ti-arrow-up\"></i>'\r\n    });\r\n    \r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop\r\n        }\r\n    };\r\n    \r\n    Vue.use(Snotify, options);\r\n    export default {\r\n        name: \"Reports\",\r\n        mixins: [validationMixin],\r\n        components: {\r\n            SpotDetailsModal\r\n        },\r\n        data() {\r\n            return {\r\n                version_id: null,\r\n                selectedProjectId: null,\r\n                projectOptions: [],\r\n                form: {\r\n                    client_id: JSON.parse(localStorage.getItem(\"client_id\")),\r\n                    date_from: '',\r\n                    date_to: '',\r\n                    category_id: '',\r\n                    survey_id: '',\r\n                    location_id: '',\r\n                    spot_type_id: '',\r\n                    question_data: 'yes',\r\n                    // post_process: 'no',\r\n                    prosync_weather_data:'no',\r\n                    prosync_efforts_data:'no',\r\n                },\r\n                columnDefs: null,\r\n                serverParams: {\r\n                    client_id: JSON.parse(localStorage.getItem(\"client_id\")),\r\n                    date_from: '',\r\n                    date_to: '',\r\n                    category_id: '',\r\n                    survey_id: '',\r\n                    selectedProjectId: '',\r\n                    location_id: '',\r\n                    spot_type_id: '',\r\n                    question_data: 'yes',\r\n                    // post_process: 'no',\r\n                    prosync_weather_data: 'no',\r\n                    prosync_efforts_data: 'no',\r\n                    pro_sync: true,\r\n                    columnFilters: {},\r\n                    sort: [{\r\n                        field: \"id\",\r\n                        type: \"desc\"\r\n                    }],\r\n                    page: 1,\r\n                    perPage: 10\r\n                },\r\n                \r\n                columns: [{\r\n                        label: \"Spot ID\",\r\n                        field: \"spot_id\",\r\n                        filterable: true\r\n                    },\r\n    \r\n                    {\r\n                        label: \"Spotter\",\r\n                        field: \"user_name\",\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: \"Date Spotted\",\r\n                        field: \"spot_date\",\r\n                        sortable: true,\r\n                        formatFn: this.formatDate\r\n                    },\r\n                    {\r\n                        label: \"Type\",\r\n                        field: \"spot_name\",\r\n                        sortable: true\r\n                    },\r\n                    {\r\n                        label: \"Location\",\r\n                        field: \"location_name\", \r\n                        sortable: true\r\n                    },\r\n                    {\r\n                        label: \"Project (Survey)\",\r\n                        field: \"project_name\", \r\n                        sortable: true\r\n                    },\r\n                    {\r\n                        label: \"Latitude\",\r\n                        field: \"latitude\", \r\n                        sortable: true\r\n                    },\r\n                    {\r\n                        label: \"Longitude\",\r\n                        field: \"longitude\", \r\n                        sortable: true\r\n                    },\r\n                    {\r\n                        label: \"Details\",\r\n                        field: \"view_details\",\r\n                        sortable: false\r\n                    }\r\n                ],\r\n                isLoading: false,\r\n                isLoading2:false,\r\n                isLoading3:false,\r\n                isLoading4:false,\r\n                isDownImageTemplate: false,\r\n                rowData: null,\r\n                spots: [],\r\n                categories: [],\r\n                surveys: [],\r\n                locations: [],\r\n                spotTypes: [],\r\n                underDevelop: true,\r\n                canDownload: false,\r\n                questions: [],\r\n                postQuestions: [],\r\n                totalRecords: 0,\r\n                spotDetail: [],\r\n                spotDetailImages: [],\r\n                serverUrl: ''\r\n            }\r\n        },\r\n        validations: {\r\n            serverParams: {\r\n                category_id: {\r\n                    required\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            getNames() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                };\r\n                API.getProjectName(\r\n                    data,\r\n                    response => {\r\n                        this.projectOptions = response.data.map(project => ({\r\n                            id: project.id,\r\n                            name: project.project_name\r\n                        }));\r\n\r\n                        // Wait for projectOptions to be populated\r\n                        this.$nextTick(() => {\r\n                            const selectedProject = this.projectOptions.find(project => project.id === this.projectID);\r\n                            if (selectedProject) {\r\n                                this.selectedProjectId = selectedProject.id;\r\n                                this.selectedProjectName = selectedProject.name;\r\n                            }\r\n                        });\r\n                    },\r\n                    err => {\r\n                        console.error('Error fetching project names:', err);\r\n                    }\r\n                );\r\n            },\r\n            onCategoryChange() {\r\n                console.log('this is the main div');\r\n                this.$refs['report-table'].reset();\r\n            },\r\n            checkImage(image) {\r\n                let found = image.search('.mp3');\r\n                if (found === -1) {\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            formatDate(value) {\r\n                if (value) {\r\n                    return moment(String(value)).format(\"YYYY-MM-DD HH:mm\");\r\n                }\r\n            },\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n            onPageChange(params) {\r\n                this.updateParams({\r\n                    page: params.currentPage\r\n                });\r\n                this.getReportsData();\r\n            },\r\n            onPerPageChange(params) {\r\n                this.updateParams({\r\n                    perPage: params.currentPerPage\r\n                });\r\n                this.getReportsData();\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.getReportsData();\r\n            },\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.getReportsData();\r\n            },\r\n            searchFn(params) {\r\n                this.updateParams({\r\n                    searchTerm: params\r\n                });\r\n                this.getReportsData();\r\n                this.isLoading2 = false;\r\n            },\r\n            formatStatus(status) {\r\n                if (status === \"A\") {\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            formatUser(value) {},\r\n            formatLocation(value) {\r\n                return value.name;\r\n            },\r\n            onGridReady(params) {\r\n                this.gridApi = params.api;\r\n                this.gridColumnApi = params.columnApi;\r\n            },\r\n            getProSyncReportFilters() {\r\n                let data = {\r\n                    client_id: this.serverParams.client_id\r\n                };\r\n    \r\n                API.getProSyncReportFilters(\r\n                    data,\r\n                    data => {\r\n                        this.version_id = data.version_id;\r\n                        this.categories = data.data.categories;\r\n                        this.locations = data.data.locations;\r\n                        this.surveys = data.data.surveys;\r\n                        console.log('this.surveys29', this.surveys);\r\n                        this.spotTypes = data.data.spot_types;\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n            downloadReportData() {\r\n                this.$v.serverParams.$touch();\r\n                if (!this.serverParams.category_id) {\r\n                    return;\r\n                }\r\n                this.isLoading3 = true;\r\n                API.downloadReportData(\r\n                    this.serverParams,\r\n                    data => {\r\n                        this.isLoading3 = false;\r\n                        const href = URL.createObjectURL(data);\r\n                        const link = document.createElement('a');\r\n                        link.href = href;\r\n                        link.setAttribute('download', 'report.xlsx');\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n                        document.body.removeChild(link);\r\n                        this.$snotify.success('Report downloaded successfully.');\r\n                    },\r\n                    err => {\r\n                        this.isLoading3 = false\r\n                    }\r\n                );\r\n            },\r\n            viewReportData() {\r\n                this.$v.serverParams.$touch();\r\n                if (!this.serverParams.category_id) {\r\n                    return;\r\n                }\r\n                let resolvedRoute = this.$router.resolve({ name: 'ReportView', query: {serverParams: JSON.stringify(this.serverParams)}});\r\n                window.open(resolvedRoute.href, '_blank');\r\n            },\r\n            // downloadImagesUploadData() {\r\n            //     this.$v.serverParams.$touch();\r\n            //     if (!this.serverParams.category_id) {\r\n            //         return;\r\n            //     }\r\n            //     this.isDownImageTemplate = true;\r\n            //     API.downloadImagesUploadData(\r\n            //         this.serverParams,\r\n            //         data => {\r\n            //             this.isDownImageTemplate = false;\r\n            //             const href = URL.createObjectURL(data);\r\n            //             const link = document.createElement('a');\r\n            //             link.href = href;\r\n            //             link.setAttribute('download', 'image-upload-template.xlsx');\r\n            //             document.body.appendChild(link);\r\n            //             link.click();\r\n            //             document.body.removeChild(link);\r\n            //             this.$snotify.success('Image template downloaded successfully.');\r\n            //         },\r\n            //         err => {\r\n            //             this.isDownImageTemplate = false;\r\n            //         }\r\n            //     );\r\n            // },\r\n            getReportsData(e = null) {\r\n                this.$v.serverParams.$touch();\r\n                if (!this.serverParams.category_id) {\r\n                    return;\r\n                }\r\n                this.isLoading2 = true;\r\n                API.getProSyncReportsData(\r\n                    this.serverParams,\r\n                    data => {\r\n                        console.log('this.serverParams',this.serverParams);\r\n                        this.isLoading2 = false;\r\n                        this.canDownload = true;\r\n                        this.totalRecords = data.spots.total;\r\n                        console.log('this.totalRecords', this.totalRecords);\r\n                        this.spots = data.spots.data;\r\n                        console.log('this.spots', this.spots);\r\n\r\n                        if (data.status === 200 && e === 'filter') {\r\n                            this.$snotify.success(data.message);\r\n                        }\r\n                    },\r\n                    err => {\r\n                        this.isLoading2 = false;\r\n                    }\r\n                );\r\n            },\r\n            resetFilters() {\r\n                this.canDownload = false;\r\n                this.serverParams.date_from = \"\";\r\n                this.serverParams.date_to = \"\";\r\n                this.serverParams.category_id = \"\";\r\n                this.serverParams.location_id = \"\";\r\n                this.serverParams.survey_id = \"\";\r\n                this.serverParams.spot_type_id = \"\";\r\n                // this.serverParams.post_process = \"no\";\r\n                this.serverParams.prosync_weather_data = \"no\";\r\n                this.serverParams.prosync_efforts_data = \"no\";\r\n                this.totalRecords = 0;\r\n                this.spots = [];\r\n                 this.$refs['report-table'].reset();\r\n                 this.$snotify.success('Report reset successfully.');\r\n            },\r\n            openReportSpotDetail(id,event) {\r\n                this.$refs.spotDetails.openReportSpotDetail(id,false)\r\n            },\r\n        },\r\n        computed: {\r\n        },\r\n        beforeMount() {\r\n            this.columnDefs = [{\r\n                    headerName: \"Spot ID\",\r\n                    field: \"spot_id\",\r\n                    sortable: true,\r\n                    filter: true,\r\n                    checkboxSelection: true\r\n                },\r\n                {\r\n                    label: \"Spotter\",\r\n                    field: \"user_name\",\r\n                    filterable: true\r\n                },\r\n                {\r\n                    headerName: \"Date Spotted\",\r\n                    cellRenderer: (data) => {\r\n                        return moment(data.spot_date).format('MM/DD/YYYY HH:mm:ss');\r\n                    },\r\n                    sortable: true,\r\n                },\r\n                {\r\n                    label: \"Type\",\r\n                    field: \"spot_name\",\r\n                    sortable: true\r\n                },\r\n                {\r\n                    label: \"Location\",\r\n                    field: \"location_name\", \r\n                    sortable: true\r\n                },\r\n            ];\r\n        },\r\n        mounted() {\r\n            this.getProSyncReportFilters();\r\n            // this.getReportsData();\r\n            this.getNames();\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n    @import \"~ag-grid-community/styles/ag-grid.css\";\r\n    @import \"~ag-grid-community/styles/ag-theme-alpine.css\";\r\n    .mat-select {\r\n        height: 46px;\r\n    }\r\n        .new-table-responsive  tr td span {\r\n        white-space: pre-wrap;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .new-date-form {\r\n        flex-wrap: wrap;\r\n    }\r\n    .new-col {\r\n        padding-left: 5px !important;\r\n        padding-right: 0 !important;\r\n    }\r\n\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\r\n    @media (max-width: 767px) {\r\n        .ml-1 {\r\n            margin-left: 0px !important;\r\n        }\r\n        .new-col {\r\n            padding: 0 !important;\r\n        }\r\n        .m-col {\r\n            margin-top: 0.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 580px) {\r\n        .footer__navigation .footer__navigation__page-btn {\r\n            margin-left: 0px !important;\r\n            margin-right: 0px !important;\r\n        }\r\n        .vgt-wrap__footer .footer__navigation__page-info {\r\n            margin: 0 !important;\r\n        }\r\n        .vgt-wrap__footer .footer__navigation__page-btn .chevron {\r\n            width: 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 375px) {\r\n        .r-btn {\r\n            padding: 10px;\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!./prosync_repots.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!./prosync_repots.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./prosync_repots.vue?vue&type=template&id=7053452b&\"\nimport script from \"./prosync_repots.vue?vue&type=script&lang=js&\"\nexport * from \"./prosync_repots.vue?vue&type=script&lang=js&\"\nimport style0 from \"./prosync_repots.vue?vue&type=style&index=0&id=7053452b&prod&lang=scss&\"\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":""}