\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t
`)\r\n\t\t\t\t.css({\r\n\t\t\t\t\tposition: \"absolute\",\r\n\t\t\t\t\ttop: 0,\r\n\t\t\t\t\tleft: -1500,\r\n\t\t\t\t\theight: 600\r\n\t\t\t\t})\r\n\t\t\t\t.appendTo(\"body\");\r\n\r\n\t\t\tfunction cleanup() {\r\n\t\t\t\tcontainer\r\n\t\t\t\t\t.find(\"#chart\")\r\n\t\t\t\t\t.getKendoChart()\r\n\t\t\t\t\t.destroy();\r\n\t\t\t\tcontainer.remove();\r\n\t\t\t}\r\n\r\n\t\t\tthis.createChart(container);\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tkendo.drawing\r\n\t\t\t\t\t.drawDOM($(container).find(`#chart-container`), {\r\n\t\t\t\t\t\tmargin: { left: \"1cm\", top: \"1cm\", right: \"1cm\", bottom: \"1cm\" }\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(function(group) {\r\n\t\t\t\t\t\treturn kendo.drawing.exportPDF(group);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.done(function(data) {\r\n\t\t\t\t\t\tkendo.saveAs({\r\n\t\t\t\t\t\t\tdataURI: data,\r\n\t\t\t\t\t\t\tfileName: fileName\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\tcleanup();\r\n\t\t\t\t\t\t}, 500);\r\n\t\t\t\t\t});\r\n\t\t\t}, 800);\r\n\r\n\t\t\t// this.createChart(container.find(\"#chart-container\"), {\r\n\t\t\t// \t// Custom settings for export\r\n\t\t\t// \ttransitions: false,\r\n\r\n\t\t\t// \t// Cleanup\r\n\t\t\t// \trender: function(e) {\r\n\t\t\t// \t\te.sender.saveAsPDF();\r\n\t\t\t// \t\tsetTimeout(cleanup, 500);\r\n\t\t\t// \t}\r\n\t\t\t// });\r\n\t\t},\r\n\r\n\t\tcreateChart(container) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar options = {\r\n\t\t\t\tpdf: self.pdfOptions,\r\n\t\t\t\ttheme: \"metro\",\r\n\t\t\t\ttitle: {\r\n\t\t\t\t\ttext: \"\"\r\n\t\t\t\t\t// text: self.exportTitle.toUpperCase(),\r\n\t\t\t\t\t// font: \"bold 20px montserrat-bold\",\r\n\t\t\t\t\t// align: \"center\"\r\n\t\t\t\t},\r\n\t\t\t\tlegend: {\r\n\t\t\t\t\tvisible: true,\r\n\t\t\t\t\tposition: \"bottom\",\r\n\t\t\t\t\titem: {\r\n\t\t\t\t\t\tvisual: function(e) {\r\n\t\t\t\t\t\t\tvar color = property.co2Emitted.colorDot; //e.options.markers.background;\r\n\t\t\t\t\t\t\tvar labelColor = e.options.labels.color;\r\n\t\t\t\t\t\t\tvar rect = new kendo.geometry.Rect([0, 0], [200, 50]);\r\n\t\t\t\t\t\t\tvar layout = new kendo.drawing.Layout(rect, {\r\n\t\t\t\t\t\t\t\tspacing: 0,\r\n\t\t\t\t\t\t\t\talignItems: \"end\",\r\n\t\t\t\t\t\t\t\talignContent: \"center\"\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tvar marker = new kendo.drawing.Path({\r\n\t\t\t\t\t\t\t\tfill: {\r\n\t\t\t\t\t\t\t\t\tcolor: color\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tstroke: {\r\n\t\t\t\t\t\t\t\t\tcolor: color\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.moveTo(0, 0)\r\n\t\t\t\t\t\t\t\t.lineTo(0, 10)\r\n\t\t\t\t\t\t\t\t.lineTo(30, 10)\r\n\t\t\t\t\t\t\t\t.lineTo(30, 0)\r\n\t\t\t\t\t\t\t\t.close();\r\n\r\n\t\t\t\t\t\t\tvar labelPre = new kendo.drawing.Text(\" CO\", [0, 0], {\r\n\t\t\t\t\t\t\t\tfill: {\r\n\t\t\t\t\t\t\t\t\tcolor: labelColor\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tfont: \"13px 'Montserrat Light', montserrat-light\"\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tvar labelSub = new kendo.drawing.Text(\"2\", [0, 0], {\r\n\t\t\t\t\t\t\t\tfill: {\r\n\t\t\t\t\t\t\t\t\tcolor: labelColor\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tfont: \"8px 'Montserrat Light', montserrat-light\"\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tvar labelSuf = new kendo.drawing.Text(\" EMESSA\", [0, 0], {\r\n\t\t\t\t\t\t\t\tfill: {\r\n\t\t\t\t\t\t\t\t\tcolor: labelColor\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tfont: \"13px 'Montserrat Light', montserrat-light\"\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tlayout.append(marker, labelPre, labelSub, labelSuf);\r\n\t\t\t\t\t\t\tlayout.reflow();\r\n\r\n\t\t\t\t\t\t\treturn layout;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tseriesDefaults: {\r\n\t\t\t\t\ttype: \"line\",\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tvisible: true\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tdataSource: {\r\n\t\t\t\t\tdata: self.co2EmittedData\r\n\t\t\t\t},\r\n\t\t\t\tseries: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"value\",\r\n\t\t\t\t\t\tname: \"CO
2 Emessa\",\r\n\t\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\t\tvisible: true,\r\n\t\t\t\t\t\t\tfont: \"13px montserrat-light\",\r\n\t\t\t\t\t\t\tformat: \"n2\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmarkers: {\r\n\t\t\t\t\t\t\tbackground: property.co2Emitted.colorDot\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tcolor: property.co2Emitted.colorLine\r\n\t\t\t\t\t}\r\n\t\t\t\t],\r\n\t\t\t\tvalueAxis: {\r\n\t\t\t\t\tline: {\r\n\t\t\t\t\t\tvisible: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\tminorGridLines: {\r\n\t\t\t\t\t\tvisible: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\ttext: \"KG\",\r\n\t\t\t\t\t\trotation: 0,\r\n\t\t\t\t\t\tfont: \"13px montserrat-light\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tfont: \"13px montserrat-light\",\r\n\t\t\t\t\t\tformat: \"n0\"\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tcategoryAxis: {\r\n\t\t\t\t\tcategories: self.co2EmittedCategoryAxis.categories,\r\n\t\t\t\t\tmajorGridLines: {\r\n\t\t\t\t\t\tvisible: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\tline: {\r\n\t\t\t\t\t\tvisible: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tfont: \"13px montserrat-light\"\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tvar titleChart = self.exportTitle.replace(\"CO2\", \"co
2\").toUpperCase();\r\n\t\t\t$(container)\r\n\t\t\t\t.find(`#chart-title`)\r\n\t\t\t\t.html(titleChart);\r\n\r\n\t\t\t//options = $.extend(true, options, exportOptions);\r\n\t\t\tcontainer.find(`#chart`).kendoChart(options);\r\n\t\t},\r\n\t\texportAsXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.exportAnalyticsXlsx(\"co2\", type).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `CO2 Emessa.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t}\r\n\t\t//#endregion\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./co2Emitted.vue.js?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/eslint-loader/index.js??ref--13-0!./co2Emitted.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./co2Emitted.vue?vue&type=template&id=a23aee7c&\"\nimport script from \"./co2Emitted.vue.js?vue&type=script&lang=js&\"\nexport * from \"./co2Emitted.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./co2Emitted.vue?vue&type=style&index=0&lang=less&\"\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 ApiService from \"../../services/api\";\r\nimport mapRealtime from \"./map.vue\";\r\nimport fleetStatusChart from \"./charts/fleetStatus.vue\";\r\nimport alarmsChart from \"./charts/alarms.vue\";\r\nimport kmTraveledChart from \"./charts/kmtraveled.vue\";\r\nimport avgConsumptionChart from \"./charts/avgConsumption.vue\";\r\nimport driveIdleTimeChart from \"./charts/driveIdleTime.vue\";\r\nimport co2EmittedChart from \"./charts/co2Emitted.vue\";\r\nimport { bus } from \"../../main\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tmapRealtime,\r\n\t\tfleetStatusChart,\r\n\t\talarmsChart,\r\n\t\tkmTraveledChart,\r\n\t\tavgConsumptionChart,\r\n\t\tdriveIdleTimeChart,\r\n\t\tco2EmittedChart\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\t//#region filters\r\n\t\t\tshowDriversFilter: true,\r\n\t\t\tuserSettingsUrl: \"\",\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tpollingTime: 300, //s\r\n\t\t\tvehicles: [],\r\n\t\t\tvehiclesSelected: [],\r\n\r\n\t\t\tdrivers: [],\r\n\t\t\tdriversSelected: [],\r\n\r\n\t\t\tshowStopVehicle: true,\r\n\t\t\tshowIdleVehicle: true,\r\n\t\t\tshowRunVehicle: true,\r\n\r\n\t\t\tcategories: [],\r\n\t\t\tgroups: [],\r\n\r\n\t\t\tshowDiagnosticChart: true,\r\n\r\n\t\t\titemVehicleTemplate: \"
#= number_plate #
#= name #
\",\r\n\t\t\ttagVehicleTemplate: \"
#= number_plate #
#= name #
\",\r\n\r\n\t\t\titemDriverTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\t\t\ttagDriverTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\t\t\t// itemDriverTemplate: \"
#= fiscal_code #
\",\r\n\t\t\t// tagDriverTemplate: \"
#= fiscal_code #
\",\r\n\t\t\t//#endregion\r\n\r\n\t\t\t//#region Real time Map\r\n\t\t\tmapConfig: {\r\n\t\t\t\tmapInitialLocation: {\r\n\t\t\t\t\tlat: 43.1107,\r\n\t\t\t\t\tlng: 12.3908\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\titems: [],\r\n\t\t\tvehicleHistoryPosition: [],\r\n\r\n\t\t\thasDriverName: false,\r\n\t\t\tseeDashboardFleerun: true\r\n\t\t\t//#endregion\r\n\t\t};\r\n\t},\r\n\twatch: {},\r\n\tcreated() {\r\n\t\tthis.userSettingsUrl = `/user-settings`;\r\n\t\tif (this.roles && this.roles.length > 0) {\r\n\t\t\tvar findSettingsShowDashboard = this.roles.find(item => {\r\n\t\t\t\treturn item.see_dashboard_fleerun == null || item.see_dashboard_fleerun == true;\r\n\t\t\t});\r\n\r\n\t\t\tif (!findSettingsShowDashboard) {\r\n\t\t\t\tfindSettingsShowDashboard = this.roles.find(item => {\r\n\t\t\t\t\treturn item.see_dashboard_fleerun === false;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (findSettingsShowDashboard) {\r\n\t\t\t\t\tthis.seeDashboardFleerun = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tvar hasDriverPermission = this.scopes.includes(\"DRIVERS_LIST_BOX\");\r\n\t\tif (!hasDriverPermission){\r\n\t\t\tthis.showDriversFilter = false;\r\n\t\t}\r\n\r\n\t\tif (this.seeDashboardFleerun) {\r\n\t\t\tif (this.settings && this.settings.geoLocation.refreshInterval) {\r\n\t\t\t\tthis.pollingTime = this.settings.geoLocation.refreshInterval;\r\n\t\t\t}\r\n\r\n\t\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\r\n\t\t\t// this.showDiagnosticChart = this.scopes.some(function(item) {\r\n\t\t\t// \treturn item == \"TRIPS_DIAGNOSTIC_DATA\";\r\n\t\t\t// });\r\n\r\n\t\t\tthis.getConfig();\r\n\r\n\t\t\t//#region filters\r\n\t\t\tthis.getCategoriesData();\r\n\t\t\tthis.getGroupsData();\r\n\t\t\tthis.getAllVehicles();\r\n\t\t\tthis.getAllDrivers();\r\n\t\t\t//#endregion\r\n\r\n\t\t\t//#region Real time Map\r\n\t\t\tthis.pollData();\r\n\t\t\t//#endregion\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tclearInterval(this.polling);\r\n\t},\r\n\tmethods: {\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getViewConfig(\"fleerun_localizzazione\").then(res => {\r\n\t\t\t\tself.configColumns = res;\r\n\t\t\t\t\r\n\t\t\t\tvar driverName = self.configColumns.find(c => {\r\n\t\t\t\t\treturn c.field == \"driverName\";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.hasDriverName = driverName && driverName.enabled;\r\n\r\n\t\t\t\tif (!driverName || !driverName.enabled) {\r\n\t\t\t\t\tself.itemDriverTemplate = \"
#= fiscal_code #
\";\r\n\t\t\t\t\tself.tagDriverTemplate = \"
#= fiscal_code #
\";\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\t//#region filters\r\n\t\tonShowRunVehicle() {\r\n\t\t\tthis.showRunVehicle = !this.showRunVehicle;\r\n\t\t},\r\n\t\tonShowIdleVehicle() {\r\n\t\t\tthis.showIdleVehicle = !this.showIdleVehicle;\r\n\t\t},\r\n\t\tonShowStopVehicle() {\r\n\t\t\tthis.showStopVehicle = !this.showStopVehicle;\r\n\t\t},\r\n\t\tapplyFilter() {\r\n\t\t\tthis.updateVisibilityItemsByHeadFilter();\r\n\t\t},\r\n\t\tresetFilter() {\r\n\t\t\tthis.vehiclesSelected = [];\r\n\t\t\tthis.driversSelected = [];\r\n\t\t\tthis.showStopVehicle = true;\r\n\t\t\tthis.showIdleVehicle = true;\r\n\t\t\tthis.showRunVehicle = true;\r\n\t\t\tthis.updateVisibilityItemsByHeadFilter();\r\n\t\t},\r\n\t\tonVehicleDriverFilterSelected(e) {\r\n\t\t\tif (e.indices[0] === 0) {\r\n\t\t\t\t//vehicle select\r\n\t\t\t\tthis.isDriverFilterSelected = false;\r\n\t\t\t\tthis.isVehicleFilterSelected = true;\r\n\t\t\t\tthis.driversSelected = [];\r\n\t\t\t} else {\r\n\t\t\t\t//driver select\r\n\t\t\t\tthis.isVehicleFilterSelected = false;\r\n\t\t\t\tthis.isDriverFilterSelected = true;\r\n\t\t\t\tthis.vehiclesSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tstartDateChange(item) {\r\n\t\t\tvar newStartDate = moment(item.sender.value());\r\n\t\t\tif (newStartDate > moment(this.endDate)) {\r\n\t\t\t\tthis.endDate = newStartDate;\r\n\t\t\t}\r\n\t\t\tthis.startDate = newStartDate;\r\n\t\t\t//this.getData();\r\n\t\t},\r\n\r\n\t\tendDateChange(item) {\r\n\t\t\tvar newEndDate = moment(item.sender.value());\r\n\t\t\tif (newEndDate < moment(this.startDate)) {\r\n\t\t\t\tthis.startDate = newEndDate;\r\n\t\t\t}\r\n\t\t\tthis.endDate = newEndDate;\r\n\r\n\t\t\t//this.getData();\r\n\t\t},\r\n\r\n\t\tfilterPlateChange(e) {\r\n\t\t\tthis.vehiclesSelected = e.sender.value();\r\n\t\t\t//this.updateVisibilityItemsByHeadFilter();\r\n\t\t},\r\n\t\tfilterDriverChange(e) {\r\n\t\t\tthis.driversSelected = e.sender.value();\r\n\t\t\t//this.updateVisibilityItemsByHeadFilter();\r\n\t\t},\r\n\r\n\t\tgetAllVehicles: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getVehiclesLookup({ page: 0, pageSize: 1000000 }, this.vehicleIdFilterField).then(res => {\r\n\t\t\t\tself.vehicles = res.items\r\n\t\t\t\t\t.filter(vh => {\r\n\t\t\t\t\t\treturn vh.box_active;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.map(function(vehicle) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: vehicle.number_plate,\r\n\t\t\t\t\t\t\tname: vehicle.name,\r\n\t\t\t\t\t\t\tnumber_plate: vehicle.number_plate,\r\n\t\t\t\t\t\t\tname_numberplate: `${vehicle.number_plate} ${vehicle.name}`\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tself.vehicles = self._.sortBy(self.vehicles, function(item) {\r\n\t\t\t\t\treturn item.number_plate.toLowerCase();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllDrivers() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getDriversData({ page: 0, pageSize: 100000, onlyActiveWithBox: true }, true).then(res => {\r\n\t\t\t\tself.drivers = res.items.map(function(driver) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: `${driver.surname ? driver.surname.toLowerCase() : \"\"} ${driver.name ? driver.name.toLowerCase() : \"\"}`,\r\n\t\t\t\t\t\tname: driver.name ? driver.name.toLowerCase() : \"\",\r\n\t\t\t\t\t\tsurname: driver.surname ? driver.surname.toLowerCase() : \"\",\r\n\t\t\t\t\t\tname_surname_fiscalcode: `${driver.name} ${driver.surname} ${driver.fiscal_code}`,\r\n\t\t\t\t\t\tfiscal_code: driver.fiscal_code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.drivers = self._.sortBy(self.drivers, [\"surname\", \"name\"]);\r\n\r\n\t\t\t\tself.drivers.unshift({\r\n\t\t\t\t\tid: \"***BADGE SCONOSCIUTO***\",\r\n\t\t\t\t\tname: \"***BADGE SCONOSCIUTO***\",\r\n\t\t\t\t\tsurname: \"\",\r\n\t\t\t\t\tfiscal_code: \"***BADGE SCONOSCIUTO***\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.drivers.unshift({\r\n\t\t\t\t\tid: \"nd\",\r\n\t\t\t\t\tname: \"NON DISPONIBILE\",\r\n\t\t\t\t\tsurname: \"\",\r\n\t\t\t\t\tfiscal_code: \"ND\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetCategoriesData() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCategoriesData().then(res => {\r\n\t\t\t\tself.categories = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tbox_drive_icon: item.box_drive_icon,\r\n\t\t\t\t\t\tbox_stop_icon: item.box_stop_icon,\r\n\t\t\t\t\t\tbox_still_icon: item.box_still_icon\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.getData();\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroupsData() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getGroupsData().then(res => {\r\n\t\t\t\tself.groups = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tbox_drive_icon: item.box_drive_icon,\r\n\t\t\t\t\t\tbox_stop_icon: item.box_stop_icon,\r\n\t\t\t\t\t\tbox_still_icon: item.box_still_icon\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tupdateVisibilityItemsByHeadFilter() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tlet verifyVehicleSelectedFunction = null;\r\n\r\n\t\t\tif (self.vehicleIdFilterField == \"code\") {\r\n\t\t\t\tverifyVehicleSelectedFunction = function(item) {\r\n\t\t\t\t\treturn _.some(self.vehiclesSelected, f => {\r\n\t\t\t\t\t\treturn f == item.code;\r\n\t\t\t\t\t});\r\n\t\t\t\t};\r\n\t\t\t} else {\r\n\t\t\t\tverifyVehicleSelectedFunction = function(item) {\r\n\t\t\t\t\treturn _.some(self.vehiclesSelected, f => {\r\n\t\t\t\t\t\treturn f == item.number_plate;\r\n\t\t\t\t\t});\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\tthis.items.forEach(item => {\r\n\t\t\t\tvar isFilteredByPlate = false;\r\n\t\t\t\tisFilteredByPlate = verifyVehicleSelectedFunction(item);\r\n\r\n\t\t\t\tvar isFilteredByDriver = _.some(self.driversSelected, f => {\r\n\t\t\t\t\treturn f == item.driver_name;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\t(self.vehiclesSelected.length == 0 || isFilteredByPlate) &&\r\n\t\t\t\t\t(self.driversSelected.length == 0 || isFilteredByDriver) &&\r\n\t\t\t\t\t((this.showStopVehicle && item.status == \"off\") || (this.showIdleVehicle && item.status == \"stop\") || (this.showRunVehicle && item.status == \"active\"))\r\n\t\t\t\t)\r\n\t\t\t\t\titem.visible = true;\r\n\t\t\t\telse item.visible = false;\r\n\t\t\t});\r\n\r\n\t\t\tbus.$emit(\"on-filter-changed\");\r\n\t\t},\r\n\t\t//#endregion\r\n\r\n\t\t//#region Real time Map\r\n\t\tpollData() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.polling = setInterval(() => {\r\n\t\t\t\tself.getData();\r\n\t\t\t}, this.pollingTime * 1000);\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tApiService.getRealtimeGeolocation()\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\t// var resfilterd = res\r\n\t\t\t\t\t// .filter(function(item) {\r\n\t\t\t\t\t// \treturn item.last_privacy_mode == true && item.box_active;\r\n\t\t\t\t\t// });\r\n\t\t\t\t\t// console.log('tota', resfilterd);\r\n\t\t\t\t\tself.items = res\r\n\t\t\t\t\t\t// .filter(function(item) {\r\n\t\t\t\t\t\t// \treturn item.last_privacy_mode == false && item.box_active;\r\n\t\t\t\t\t\t// })\r\n\t\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tcreate_date: item.create_date,\r\n\t\t\t\t\t\t\t\tcurrent_position: item.current_position,\r\n\t\t\t\t\t\t\t\tstatus: item.status,\r\n\t\t\t\t\t\t\t\tstatusFriendly: self.getUserFriendlyStatus(item.status),\r\n\t\t\t\t\t\t\t\tdriver_id: item.driver_id,\r\n\t\t\t\t\t\t\t\tdriver_name: item.driver_name ? item.driver_name.toLowerCase() : \"\",\r\n\t\t\t\t\t\t\t\tmobile_phone_number: item.mobile_phone_number,\r\n\t\t\t\t\t\t\t\ticon: self.getIconFromCategories(item.category_id, item.status, item.last_privacy_mode, item.box_active, item.groupId),\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tlast_event_date: item.last_event_date,\r\n\t\t\t\t\t\t\t\tnumber_plate: item.number_plate,\r\n\t\t\t\t\t\t\t\tcode: item.vehicle_code,\r\n\t\t\t\t\t\t\t\tupdate_date: item.update_date,\r\n\t\t\t\t\t\t\t\tvehicle_id: item.vehicle_id,\r\n\t\t\t\t\t\t\t\tvehicle_name: item.vehicle_name,\r\n\t\t\t\t\t\t\t\tlast_odometer_km_value: item.last_odometer_km_value || item.last_odometer_km_value == 0 ? kendo.toString(item.last_odometer_km_value, \"n2\") : \"\",\r\n\t\t\t\t\t\t\t\tlast_odometer_lt_value: item.last_odometer_lt_value || item.last_odometer_lt_value == 0 ? kendo.toString(item.last_odometer_lt_value, \"n2\") : \"\",\r\n\t\t\t\t\t\t\t\tstatus_date: item.status_date,\r\n\t\t\t\t\t\t\t\ttrip_start_date: item.trip_start_date,\r\n\t\t\t\t\t\t\t\tlast_speed: item.last_speed || item.last_speed == 0 ? kendo.toString(item.last_speed, \"n2\") : \"\",\r\n\t\t\t\t\t\t\t\ttype: item.type,\r\n\t\t\t\t\t\t\t\tfiscal_code: item.fiscal_code,\r\n\t\t\t\t\t\t\t\tvisible: self.isItemVisible(item.id),\r\n\t\t\t\t\t\t\t\tformattedCoordinates: self.formattedCoordinates(item.current_position),\r\n\t\t\t\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\t\t\t\tconducente: self.hasDriverName ? item.driver_name ? item.driver_name.toLowerCase() : \"\" : item.fiscal_code\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t//self.updateVisibilityItemsByHeadFilter();\r\n\t\t\t\t\tvar allDriversInTable = _.uniqBy(\r\n\t\t\t\t\t\tself.items.map(function(x) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tdriver_name: x.driver_name\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t\"driver_name\"\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tself.drivers = self.drivers.filter(function(driver) {\r\n\t\t\t\t\t\tvar surname_name = `${driver.surname ? driver.surname.toLowerCase() : \"\"} ${driver.name ? driver.name.toLowerCase() : \"\"}`;\r\n\t\t\t\t\t\treturn _.some(allDriversInTable, { driver_name: surname_name });\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.drivers = self._.sortBy(self.drivers, item => {\r\n\t\t\t\t\t\treturn item.name.toLowerCase();\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.drivers.unshift({\r\n\t\t\t\t\t\tid: \"***badge sconosciuto***\",\r\n\t\t\t\t\t\tname: \"***BADGE SCONOSCIUTO***\",\r\n\t\t\t\t\t\tsurname: \"\",\r\n\t\t\t\t\t\tdriver_name: \"***badge sconosciuto***\",\r\n\t\t\t\t\t\tfiscal_code: \"***BADGE SCONOSCIUTO***\"\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.drivers.unshift({\r\n\t\t\t\t\t\tid: \"nd\",\r\n\t\t\t\t\t\tname: \"nd\",\r\n\t\t\t\t\t\tsurname: \"\",\r\n\t\t\t\t\t\tdriver_name: \"nd\",\r\n\t\t\t\t\t\tfiscal_code: \"ND\"\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\tbus.$emit(\"updated-data\");\r\n\r\n\t\t\t\t\t//self.setAddress();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tsetAddress(itemId, showTooltip) {\r\n\t\t\tvar self = this;\r\n\t\t\t//for (var i = 0; i < self.items.length; i++) {\r\n\t\t\tvar item = self.items.find(function(x) {\r\n\t\t\t\treturn x.id == itemId;\r\n\t\t\t});\r\n\r\n\t\t\tif (item) {\r\n\t\t\t\tvar historyItemPosition = self.vehicleHistoryPosition.find(v => {\r\n\t\t\t\t\treturn v.number_plate == item.number_plate;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\t(self._.isNull(historyItemPosition) ||\r\n\t\t\t\t\t\tself._.isUndefined(historyItemPosition) ||\r\n\t\t\t\t\t\thistoryItemPosition.lat != item.current_position.lat ||\r\n\t\t\t\t\t\thistoryItemPosition.lon != item.current_position.lon) &&\r\n\t\t\t\t\titem.current_position\r\n\t\t\t\t) {\r\n\t\t\t\t\tvar params = {\r\n\t\t\t\t\t\tlatitude: item.current_position.lat,\r\n\t\t\t\t\t\tlongitude: item.current_position.lon\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tvar getAddress = function(item, params) {\r\n\t\t\t\t\t\tApiService.getReverseGeocoding(params).then(res => {\r\n\t\t\t\t\t\t\tvar itemToUpdate = item;\r\n\t\t\t\t\t\t\tif (res && res.length > 0) {\r\n\t\t\t\t\t\t\t\tvar newAddress = self._.find(res, function(item) {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\tself._.find(item.types, function(x) {\r\n\t\t\t\t\t\t\t\t\t\t\treturn x === \"streetAddress\";\r\n\t\t\t\t\t\t\t\t\t\t}) != null\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\tif (!newAddress) {\r\n\t\t\t\t\t\t\t\t\tnewAddress = res[0];\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tif (self._.isNull(historyItemPosition) || self._.isUndefined(historyItemPosition)) {\r\n\t\t\t\t\t\t\t\t\tself.vehicleHistoryPosition.push({\r\n\t\t\t\t\t\t\t\t\t\tnumber_plate: itemToUpdate.number_plate,\r\n\t\t\t\t\t\t\t\t\t\tlat: itemToUpdate.current_position.lat,\r\n\t\t\t\t\t\t\t\t\t\tlon: itemToUpdate.current_position.lon\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\thistoryItemPosition.lat = itemToUpdate.current_position.lat;\r\n\t\t\t\t\t\t\t\t\thistoryItemPosition.lon = itemToUpdate.current_position.lon;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tvar address = \"\";\r\n\t\t\t\t\t\t\t\tif (newAddress && newAddress.formattedAddress) {\r\n\t\t\t\t\t\t\t\t\taddress = newAddress.formattedAddress;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\titemToUpdate.address = address;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (showTooltip) {\r\n\t\t\t\t\t\t\t\tself.$nextTick(function() {\r\n\t\t\t\t\t\t\t\t\tshowTooltip();\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tgetAddress(item, params);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (showTooltip) {\r\n\t\t\t\t\t\tself.$nextTick(function() {\r\n\t\t\t\t\t\t\tshowTooltip();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t//}\r\n\t\t},\r\n\t\tformattedCoordinates(current_position) {\r\n\t\t\tif (current_position && current_position.lat && current_position.lon)\r\n\t\t\t\treturn helpers.formatCoordinate(current_position.lat, \"lat\") + \", \" + helpers.formatCoordinate(current_position.lon, \"lon\");\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\tgetUserFriendlyStatus(status) {\r\n\t\t\treturn \"ultima rilevazione\";\r\n\t\t\t\r\n\t\t\tswitch (status) {\r\n\t\t\t\tcase \"off\":\r\n\t\t\t\t\treturn \"fermo\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"stop\":\r\n\t\t\t\t\treturn \"inattivo\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"active\":\r\n\t\t\t\t\treturn \"movimento\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn \"sconosciuto\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t},\r\n\t\tisItemVisible(idItem) {\r\n\t\t\tif (this.items) {\r\n\t\t\t\tvar item = this._.find(this.items, function(x) {\r\n\t\t\t\t\treturn x.id == idItem;\r\n\t\t\t\t});\r\n\t\t\t\tif (item && !item.visible) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn true;\r\n\t\t},\r\n\t\tgetIconFromCategories(categoryId, status, lastPrivacyMode, box_active, groupId) {\r\n\t\t\tif (lastPrivacyMode) {\r\n\t\t\t\treturn \"/assets/map/icon/privacy_mod.png\";\r\n\t\t\t}\r\n\r\n\t\t\tif (!box_active) {\r\n\t\t\t\treturn \"/assets/map/icon/blank.png\";\r\n\t\t\t}\r\n\r\n\t\t\tvar cat = this.categories.find(function(c) {\r\n\t\t\t\treturn c.id == categoryId;\r\n\t\t\t});\r\n\r\n\t\t\tvar icon = \"\";\r\n\r\n\t\t\tif (cat) {\r\n\t\t\t\tswitch (status) {\r\n\t\t\t\t\tcase \"off\":\r\n\t\t\t\t\t\tif (cat.box_stop_icon) icon = cat.box_stop_icon;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase \"stop\":\r\n\t\t\t\t\t\tif (cat.box_still_icon) icon = cat.box_still_icon;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase \"active\":\r\n\t\t\t\t\t\tif (cat.box_drive_icon) icon = cat.box_drive_icon;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (groupId > 0) {\r\n\t\t\t\tvar group = this.groups.find(function(g) {\r\n\t\t\t\t\treturn g.id == groupId;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (group) {\r\n\t\t\t\t\tswitch (status) {\r\n\t\t\t\t\t\tcase \"off\":\r\n\t\t\t\t\t\t\tif (group.box_stop_icon) icon = group.box_stop_icon;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"stop\":\r\n\t\t\t\t\t\t\tif (group.box_still_icon) icon = group.box_still_icon;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"active\":\r\n\t\t\t\t\t\t\tif (group.box_drive_icon) icon = group.box_drive_icon;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn icon || \"/assets/map/icon/blank.png\";\r\n\t\t}\r\n\t\t//#endregion\r\n\t},\r\n\tcomputed: {\r\n\t\thasUserSettingPermission() {\r\n\t\t\treturn (\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"USER_SETTINGS\";\r\n\t\t\t\t}) == true\r\n\t\t\t);\r\n\t\t},\r\n\t\thasLocalizationPermission() {\r\n\t\t\treturn (\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"GEOLOCATION\";\r\n\t\t\t\t}) == true\r\n\t\t\t);\r\n\t\t},\r\n\t\t...mapGetters([\"settings\", \"scopes\", \"roles\", \"currentUser\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./dashboard.vue.js?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/eslint-loader/index.js??ref--13-0!./dashboard.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dashboard.vue?vue&type=template&id=e47b25f8&scoped=true&\"\nimport script from \"./dashboard.vue.js?vue&type=script&lang=js&\"\nexport * from \"./dashboard.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./dashboard.vue?vue&type=style&index=0&id=e47b25f8&scoped=true&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 \"e47b25f8\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.sa.companies'] || 'AZIENDE',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true,\"showAdd\":true,\"forceShowAdd\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')},\"add-item\":_vm.addCompany}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({class:'editMode',on:{\"remove\":function($event){return _vm.removeById(props.dataItem)}}},'cell-delete-command',props,false))]}},{key:\"mySsoCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[(props.dataItem.ssoToken)?_c('div',[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.name,\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tClicca per copiare url\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../assets/sso.png\"),\"id\":props.dataItem.name},on:{\"click\":function($event){return _vm.ssoToCompany(props.dataItem)}}})],1):_c('div',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tManca l'utente con l'email \"+_vm._s(_vm.userName)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,86289359)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])]),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"Elimina Azienda\")]),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closeModal()}}}),_c('div',{staticClass:\"editSaveLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.okModal()}}})])]}}]),model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10\"},[_c('div',[_vm._v(\"Sei sicuro di voler rimuovere l'azienda \"),_c('b',[_vm._v(_vm._s(_vm.companyToRemove))]),_vm._v(\"?\")])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\titems: [],\r\n\t\t\tisInEditMode: false,\r\n\t\t\thasSelectedMode: false,\r\n\t\t\thasEditableMode: false,\r\n\r\n\t\t\titemSelected: null,\r\n\r\n\t\t\tskip: 0,\r\n\t\t\ttake: 25,\r\n\t\t\ttotal: 0,\r\n\r\n\t\t\tcurrentPage: 1,\r\n\t\t\thasNextPage: false,\r\n\t\t\thasPreviousPage: false,\r\n\t\t\tnextIndex: 1,\r\n\t\t\tnextPage: 2,\r\n\t\t\tpreviousIndex: 0,\r\n\t\t\tpreviousPage: 1,\r\n\t\t\ttotalCount: 0,\r\n\t\t\ttotalIndex: 0,\r\n\t\t\ttotalPages: 0,\r\n\r\n\t\t\tpageable: {\r\n\t\t\t\tbuttonCount: 5,\r\n\t\t\t\tinfo: true,\r\n\t\t\t\ttype: \"numeric\",\r\n\t\t\t\tpageSizes: false,\r\n\t\t\t\tpreviousNext: true\r\n\t\t\t},\r\n\t\t\tquery: {\r\n\t\t\t\tpage: 0,\r\n\t\t\t\tpageSize: 25,\r\n\t\t\t\tsort: \"\",\r\n\t\t\t\tsortDirection: \"\"\r\n\t\t\t},\r\n\t\t\tcolumnFilters: [\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"\",\r\n\t\t\t\t// \tfilter: {\r\n\t\t\t\t// \t\tlogic: \"or\",\r\n\t\t\t\t// \t\tfilters: []\r\n\t\t\t\t// \t}\r\n\t\t\t\t// }\r\n\t\t\t],\r\n\r\n\t\t\tcolumnsToShow: [],\r\n\t\t\tsort: null,\r\n\r\n\t\t\tupdatedItems: [],\r\n\t\t\tcreatedItems: [],\r\n\t\t\tdeletedItems: [],\r\n\r\n\t\t\tindexNewItem: 0,\r\n\t\t\tdefaultAddRow: null,\r\n\r\n\t\t\tselectedField: \"selected\",\r\n\r\n\t\t\titemToReturnIfIsInEditMode: []\r\n\t\t};\r\n\t},\r\n\twatch: {\r\n\t\tsort: {\r\n\t\t\thandler(val) {\r\n\t\t\t\tif (this.sort) {\r\n\t\t\t\t\tthis.query.sort = \"\";\r\n\t\t\t\t\tfor (var i = 0; i < this.sort.length; i++) {\r\n\t\t\t\t\t\tvar sf = this.sort[i];\r\n\t\t\t\t\t\tthis.query.sort += `${sf.field}|${sf.dir},`;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.query.sort = this.query.sort.substring(0, this.query.sort.length - 1);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.query.sort = \"\";\r\n\t\t\t\t\tthis.query.sortDirection = \"\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.getData();\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tthis.createdItems.push(this.defaultAddRow);\r\n\t\t\tthis.items.unshift(this.defaultAddRow);\r\n\t\t\tthis.indexNewItem--;\r\n\t\t},\r\n\t\tremove(e) {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tif (e.dataItem.id <= 0) {\r\n\t\t\t\tvar newItemIndex = this.createdItems.findIndex(function(item) {\r\n\t\t\t\t\treturn item.id === e.dataItem.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tthis.createdItems.splice(newItemIndex, 1);\r\n\t\t\t} else {\r\n\t\t\t\tvar itemToRemove = this.items.find(function(it) {\r\n\t\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t\t});\r\n\t\t\t\tthis.deletedItems.push(itemToRemove);\r\n\t\t\t\tvar itemIndexUpdatedToRemove = this.updatedItems.findIndex(function(it) {\r\n\t\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t\t});\r\n\t\t\t\tif (itemIndexUpdatedToRemove >= 0) {\r\n\t\t\t\t\tthis.updatedItems.splice(newItemIndex, 1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tvar itemIndex = this.items.findIndex(function(item) {\r\n\t\t\t\treturn item.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\tthis.items.splice(itemIndex, 1);\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tVue.set(e.dataItem, e.field, e.value);\r\n\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (e.dataItem.id > 0) this.updatedItems.push(item);\r\n\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tclearWorkingData() {\r\n\t\t\tthis.createdItems = [];\r\n\t\t\tthis.updatedItems = [];\r\n\t\t\tthis.deletedItems = [];\r\n\r\n\t\t\tthis.isInEditMode = false;\r\n\t\t},\r\n\t\tremoveFilter(e) {\t\t\t\r\n\t\t\tif (e) {\r\n\t\t\t\tvar findFilterIndex = this.columnFilters.findIndex(function(item) {\r\n\t\t\t\t\treturn item.field === e.field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (findFilterIndex >= 0)\r\n\t\t\t\t\tthis.columnFilters.splice(findFilterIndex, 1);\r\n\r\n\t\t\t\tif (this.internalFiltersToUpdate) {\r\n\t\t\t\t\tthis.internalFiltersToUpdate(e);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.getData)\r\n\t\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\tfilterHandler(e) {\r\n\t\t\tif (e) {\r\n\t\t\t\tvar findFilterIndex = this.columnFilters.findIndex(function(item) {\r\n\t\t\t\t\treturn item.field === e.field;\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\tif (findFilterIndex >= 0) {\r\n\t\t\t\t\tthis.columnFilters.splice(findFilterIndex, 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (e.filterType == \"multiselect\" && e.filterItemsSelected.length > 0) {\r\n\t\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tfor (var i = 0; i < e.filterItemsSelected.length; i++) {\r\n\t\t\t\t\t\tvar f = e.filterItemsSelected[i];\r\n\t\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\t\tfield: `${e.field}[${i}]`,\r\n\t\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t\t} else if (e.filterType == \"datetimerange\" || e.filterType == \"daterange\") {\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"datetime\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: `${e.field}_start`,\r\n\t\t\t\t\t\t\t\t\toperator: \"gte\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.startDateHeader ? moment(e.startDateHeader).utc().format() : null\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: `${e.field}_end`,\r\n\t\t\t\t\t\t\t\t\toperator: \"lte\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.endDateHeader ? moment(e.endDateHeader).endOf(\"day\").utc().format() : null\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else if (e.filterType == \"daterangeHoursMins\")\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"datetime\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: `${e.field}_start`,\r\n\t\t\t\t\t\t\t\t\toperator: \"gte\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.startDateHeader ? moment(e.startDateHeader).utc().format() : null\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: `${e.field}_end`,\r\n\t\t\t\t\t\t\t\t\toperator: \"lte\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.endDateHeader ? moment(e.endDateHeader).utc().format() : null\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else if (e.filterType == \"boolean\") {\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"boolean\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\t\t\toperator: \"eq\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.filterRadioButtonSelected\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else if (e.filterText) {\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"text\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.filterText\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.removeFilter(e);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.getData) {\r\n\t\t\t\t\tthis.getData();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\theaderClick: function(e) {\r\n\t\t\tif (this.sort && this.sort.length > 0) {\r\n\t\t\t\tvar existFieldSorted = this.sort.find(function(f) {\r\n\t\t\t\t\treturn f.field == e.field\r\n\t\t\t\t});\r\n\t\t\t\tif (existFieldSorted) {\r\n\t\t\t\t\tif (existFieldSorted.dir == \"asc\") {\r\n\t\t\t\t\t\texistFieldSorted.dir = \"desc\";\r\n\t\t\t\t\t} else if (existFieldSorted.dir == \"desc\") {\r\n\t\t\t\t\t\tvar findIndexOfField = this.sort.findIndex(function(f) {\r\n\t\t\t\t\t\t\treturn f.field == e.field\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.sort.splice(findIndexOfField, 1);\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tthis.sort.push({field: e.field, dir: \"asc\"});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.sort = [{field: e.field, dir: \"asc\"}];\r\n\t\t\t}\r\n\r\n\t\t\t// if (this.sortChangeHandler)\r\n\t\t\t// \tthis.sortChangeHandler();\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\tselectRow(dataItem) {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(dataItem, this.selectedField, !dataItem[this.selectedField]);\r\n\t\t\t\tdataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\t\tonRowClick: function(e) {\r\n\t\t\tif (this.hasSelectedMode) {\r\n\t\t\t\tthis.selectRow(e.dataItem);\r\n\t\t\t\tthis.$emit(\"selected-row\", e.dataItem);\r\n\t\t\t}\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tgridData() {\r\n\t\t\treturn this.items;\r\n\t\t}\r\n\t}\r\n};\r\n","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { bus } from \"../../../main\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"Id\",\r\n\t\t\t\t\tconfigId: \"id\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"Nome\",\r\n\t\t\t\t\tconfigId: \"name\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"Descrizione\",\r\n\t\t\t\t\tconfigId: \"description\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vat\",\r\n\t\t\t\t\ttitle: \"PARTITA IVA\",\r\n\t\t\t\t\tconfigId: \"vat\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\t\t\t\t\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"numVeichlesActive\",\r\n\t\t\t\t\ttitle: \"Numero mezzi attivi\",\r\n\t\t\t\t\tconfigId: \"numVeichlesActive\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\t\t\t\t\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"numVeichlesDecommissioned\",\r\n\t\t\t\t\ttitle: \"Numero mezzi dismessi\",\r\n\t\t\t\t\tconfigId: \"numVeichlesDecommissioned\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"numVeichlesAvailable\",\r\n\t\t\t\t\ttitle: \"Box disponibili\",\r\n\t\t\t\t\tconfigId: \"numVeichlesAvailable\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"has_fleeway\",\r\n\t\t\t\t\ttitle: \"fleeway\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"ssoToken\",\r\n\t\t\t\t\ttitle: \"SSO\",\r\n\t\t\t\t\tconfigId: \"ssoToken\",\r\n\t\t\t\t\tcell: \"mySsoCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"delete\",\r\n\t\t\t\t// \ttitle: \"\",\r\n\t\t\t\t// \tconfigId: \"delete\",\r\n\t\t\t\t// \tcell: \"myCellDeleteTemplate\",\r\n\t\t\t\t// \twidth: \"50\",\r\n\t\t\t\t// \tminResizableWidth: \"50\",\r\n\t\t\t\t// \tsortable: false,\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \treadonly: false\r\n\t\t\t\t// }\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tcompanyToRemove: '',\r\n\t\t\tcompanyToRemoveId: 0,\r\n\t\t\tshowModal: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\t\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tthis.take = 200;\r\n\t\tthis.query.pageSize = this.take;\r\n\r\n\r\n\t\tthis.getConfig();\r\n\r\n\t\t// this.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\t\t\r\n\t},\r\n\tmethods: {\r\n\t\tssoToCompany(company){\r\n\t\t\tvar domain = location.protocol + '//' + location.host;\r\n\t\t\tvar ssoUrl = `${domain}/login?token=${company.ssoToken}`;\r\n\t\t\tnavigator.clipboard.writeText(ssoUrl);\r\n\t\t\tbus.$emit(\"infoNotification\", \"Url sso copiato sugli appunti\");\r\n\t\t},\r\n\t\tcloseModal() {\r\n\t\t\tthis.showModal = false;\r\n\t\t\tthis.companyToRemove = '';\r\n\t\t\tthis.companyToRemoveId = 0;\r\n\t\t},\r\n\t\tokModal() {\r\n\t\t\tthis.showModal = false;\r\n\t\t\tthis.removeCompany(this.companyToRemoveId);\r\n\t\t},\r\n\t\tremoveCompany(id) {\r\n\t\t\tvar self = this;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.removeCompany(id).then(res => {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}).finally(() =>{\r\n\t\t\t\tself.showModal = false;\r\n\t\t\t\tthis.companyToRemove = '';\r\n\t\t\t\tthis.companyToRemoveId = 0;\r\n\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t})\r\n\t\t},\r\n\t\tremoveById(item) {\r\n\t\t\tthis.companyToRemove = item.name;\r\n\t\t\tthis.companyToRemoveId = item.id;\r\n\t\t\tthis.showModal = true;\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getGroupsData().then(res => {\r\n\t\t\t\tself.groupsDataFilters = self._.sortBy(\r\n\t\t\t\t\tres\r\n\t\t\t\t\t\t.filter(function(item) {\r\n\t\t\t\t\t\t\treturn item.name.length > 0;\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\taddCompany() {\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: \"0\"\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\t\r\n\t\t\tself.columnsToShow = self.columns;\t\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\t\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getCompaniesData(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\tself.columns.forEach(function(c) {\t\r\n\t\t\t\t\t\tif (c.configId === \"numVeichlesDecommissioned\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.numVehiclesDismiss;\r\n\t\t\t\t\t\t}\t\r\n\t\t\t\t\t\telse {\t\t\t\t\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t}).finally(() => {\r\n\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") \r\n\t\t\t\tthis.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\")\r\n\t\t\t\tthis.query[\"format\"] = \"excel\";\r\n\t\t\tapi.exportXlsx(\"companies\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"numVeichles\") {\r\n\t\t\t\t\tthis.goToBoxes(e.dataItem);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\tif (field == \"numVeichlesActive\"){\r\n\t\t\t\tvar companyName = dataItem.name.toLowerCase();\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_BOXES\",\r\n\t\t\t\t\tquery: {\r\n\t\t\t\t\t\tcompany: companyName\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t// console.log(props.href);\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\tvar id = dataItem.id;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInkName', field, dataItem);\r\n\t\t\tif (field == \"name\") {\r\n\t\t\t\treturn dataItem.name;\r\n\t\t\t}\r\n\t\t\telse if (field == \"numVeichlesActive\") {\r\n\t\t\t\treturn dataItem.numVeichlesActive;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\treturn dataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToBoxes(dataItem) {\r\n\t\t\tvar companyName = dataItem.name.toLowerCase();\r\n\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"SUPERADMIN_BOXES\",\r\n\t\t\t\tquery: {\r\n\t\t\t\t\tcompany: companyName\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tuserName: function() {\r\n\t\t\treturn this.currentUser.email;\r\n\t\t},\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"currentUser\", \"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=3f64f11a&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid companyDetail\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":_vm.name,\"show-date-time\":false,\"showSyncFleeway\":!_vm.isNewCompany && _vm.has_fleeway,\"showUserSettings\":!_vm.isNewCompany,\"showSso\":!_vm.isNewCompany,\"userSettingsLink\":_vm.userSettingsUrl}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isCompanyDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchCompanyDetailEditMode,\"save-data-items\":_vm.saveCompanyDetail}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"SCHEDA AZIENDA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isCompanyDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"name\"}},[_vm._v(\"Nome\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.name.length == 0 && _vm.isCompanyDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"name\",\"readonly\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)]),_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"description\"}},[_vm._v(\"Descrizione\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.description.length == 0 && _vm.isCompanyDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"description\",\"readonly\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.description),callback:function ($$v) {_vm.description=$$v},expression:\"description\"}})],1)]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"logo\"}},[_vm._v(\"Logo\")]),_c('div',{staticClass:\"col-lg-12\"},[_c('img',{staticClass:\"iconUpload\",class:[_vm.isCompanyDetailInEditMode ? 'inEdit' : ''],attrs:{\"src\":_vm.imageToShow},on:{\"click\":_vm.pickFile}})]),_c('div',{staticClass:\"col-lg-12\"},[_c('input',{ref:\"logo\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.onFilePicked}})])])])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"vat\"}},[_vm._v(\"Partita IVA\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.vat.length == 0 && _vm.isCompanyDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"vat\",\"readonly\":!_vm.isCompanyDetailInEditMode},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.vat),callback:function ($$v) {_vm.vat=$$v},expression:\"vat\"}})],1)]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"primaryKey\"}},[_vm._v(\"Chiave primaria\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isCompanyDetailInEditMode),expression:\"!isCompanyDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"primaryKey\",\"readonly\":true},model:{value:(_vm.primaryKey),callback:function ($$v) {_vm.primaryKey=$$v},expression:\"primaryKey\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCompanyDetailInEditMode),expression:\"isCompanyDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.primaryKeys,\"filter\":'contains',\"options-label\":''},model:{value:(_vm.primaryKey),callback:function ($$v) {_vm.primaryKey=$$v},expression:\"primaryKey\"}})],1)])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"start_contract_date_box\"}},[_vm._v(\"Data inizio contratto\")])]),_c('div',[(!_vm.isCompanyDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"start_contract_date_box\",\"readonly\":true},model:{value:(_vm.startContractDateFormat),callback:function ($$v) {_vm.startContractDateFormat=$$v},expression:\"startContractDateFormat\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCompanyDetailInEditMode),expression:\"isCompanyDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.startContractDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.startContractDateChange}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"end_contract_date_box\"}},[_vm._v(\"Data fine contratto\")])]),_c('div',[(!_vm.isCompanyDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"end_contract_date_box\",\"readonly\":true},model:{value:(_vm.endContractDateFormat),callback:function ($$v) {_vm.endContractDateFormat=$$v},expression:\"endContractDateFormat\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCompanyDetailInEditMode),expression:\"isCompanyDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.endContractDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.endContractDateChange}})],1)])])]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"has_fleeway\"}},[_vm._v(\"Fleeway\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.has_fleeway),callback:function ($$v) {_vm.has_fleeway=$$v},expression:\"has_fleeway\"}})],1)])])]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"use_park_on_localization\"}},[_vm._v(\"Localizzazione anche per parcheggi\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.use_park_on_localization),callback:function ($$v) {_vm.use_park_on_localization=$$v},expression:\"use_park_on_localization\"}})],1)])])]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"show_phone_in_map\"}},[_vm._v(\"Mostra telefono nel popup info\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.show_phone_in_map),callback:function ($$v) {_vm.show_phone_in_map=$$v},expression:\"show_phone_in_map\"}})],1)])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"providers\"}},[_vm._v(\"FORNITORI\")])]),_c('div',[(!_vm.isCompanyDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"providers\",\"autocomplete\":\"off\",\"readonly\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.providersString),callback:function ($$v) {_vm.providersString=$$v},expression:\"providersString\"}}):_vm._e()],1),(_vm.isCompanyDetailInEditMode)?_c('div',[_c('kendo-multiselect',{attrs:{\"data-source\":_vm.providersData,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.providersSelected),callback:function ($$v) {_vm.providersSelected=$$v},expression:\"providersSelected\"}})],1):_vm._e()])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"contract\"}},[_vm._v(\"Contratto box\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isCompanyDetailInEditMode),expression:\"!isCompanyDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"contract\",\"readonly\":true},model:{value:(_vm.contract),callback:function ($$v) {_vm.contract=$$v},expression:\"contract\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCompanyDetailInEditMode),expression:\"isCompanyDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.contractKeys,\"filter\":'contains',\"options-label\":''},model:{value:(_vm.contract),callback:function ($$v) {_vm.contract=$$v},expression:\"contract\"}})],1)])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"referent\"}},[_vm._v(\"REFERENTE\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"referent\",\"readonly\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.referent),callback:function ($$v) {_vm.referent=$$v},expression:\"referent\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"referent_phone\"}},[_vm._v(\"TELEFONO REFERENTE\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"referent_phone\",\"readonly\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.referent_phone),callback:function ($$v) {_vm.referent_phone=$$v},expression:\"referent_phone\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"can_export_grid_data\"}},[_vm._v(\"Mostra export dei dati\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.can_export_grid_data),callback:function ($$v) {_vm.can_export_grid_data=$$v},expression:\"can_export_grid_data\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"view_maps_poi\"}},[_vm._v(\"Visualizza POI sulla mappa\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.view_maps_poi),callback:function ($$v) {_vm.view_maps_poi=$$v},expression:\"view_maps_poi\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"view_traffic\"}},[_vm._v(\"Visualizza traffico sulla mappa\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.view_traffic),callback:function ($$v) {_vm.view_traffic=$$v},expression:\"view_traffic\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"view_sat\"}},[_vm._v(\"Visualizza opzione satallite mappa\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.view_sat),callback:function ($$v) {_vm.view_sat=$$v},expression:\"view_sat\"}})],1)])])])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"use_roads_api\"}},[_vm._v(\"Usa api roads\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.use_roads_api),callback:function ($$v) {_vm.use_roads_api=$$v},expression:\"use_roads_api\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"use_roads_api_pto\"}},[_vm._v(\"Usa api roads nelle prese di forza\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.use_roads_api_pto),callback:function ($$v) {_vm.use_roads_api_pto=$$v},expression:\"use_roads_api_pto\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"use_roads_api_pto_vehicle\"}},[_vm._v(\"Usa api roads nelle prese di forza per veicolo (sovrascrive il flag precedente)\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.use_roads_api_pto_vehicle),callback:function ($$v) {_vm.use_roads_api_pto_vehicle=$$v},expression:\"use_roads_api_pto_vehicle\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"total_daily_report\"}},[_vm._v(\"Limite report giornalieri al giorno\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"total_daily_report\",\"readonly\":!_vm.isCompanyDetailInEditMode},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.total_daily_report),callback:function ($$v) {_vm.total_daily_report=$$v},expression:\"total_daily_report\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"total_daily_report\"}},[_vm._v(\"Impagina report giornaliero con 25 righe\")]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.daily_report_page_size_25),callback:function ($$v) {_vm.daily_report_page_size_25=$$v},expression:\"daily_report_page_size_25\"}})],1)])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"total_daily_report\"}},[_vm._v(\"INTERVALLO AGGIORNAMENTO MAPPA (sec)\")]),_c('kendo-numerictextbox',{attrs:{\"round\":true,\"format\":'0',\"decimals\":0,\"min\":15,\"restrict-decimals\":true,\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.localization_reload_time),callback:function ($$v) {_vm.localization_reload_time=_vm._n($$v)},expression:\"localization_reload_time\"}})],1)]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"show_export_reverse_geocoding\"}},[_vm._v(\"Abilita download viaggi con indirizzi\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.show_export_reverse_geocoding),callback:function ($$v) {_vm.show_export_reverse_geocoding=$$v},expression:\"show_export_reverse_geocoding\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"api_roads_geofence\"}},[_vm._v(\"Abilita api road per geofence\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.api_roads_geofence),callback:function ($$v) {_vm.api_roads_geofence=$$v},expression:\"api_roads_geofence\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"contract_duration\"}},[_vm._v(\"Durata contratto (mesi)\")])]),_c('div',[_c('kendo-numerictextbox',{attrs:{\"round\":true,\"format\":'0',\"decimals\":0,\"min\":0,\"restrict-decimals\":true,\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.contract_duration),callback:function ($$v) {_vm.contract_duration=_vm._n($$v)},expression:\"contract_duration\"}})],1)])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"has_driver_recognition\"}},[_vm._v(\"RICONOSCIMENTO CONDUCENTE\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.has_driver_recognition),callback:function ($$v) {_vm.has_driver_recognition=$$v},expression:\"has_driver_recognition\"}})],1)])])])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"geocoding_provider\"}},[_vm._v(\"Geocoding provider\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isCompanyDetailInEditMode),expression:\"!isCompanyDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"contract\",\"readonly\":true},model:{value:(_vm.geocoding_provider),callback:function ($$v) {_vm.geocoding_provider=$$v},expression:\"geocoding_provider\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCompanyDetailInEditMode),expression:\"isCompanyDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.geocodingProviders,\"filter\":'contains',\"options-label\":''},model:{value:(_vm.geocoding_provider),callback:function ($$v) {_vm.geocoding_provider=$$v},expression:\"geocoding_provider\"}})],1)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.geocoding_provider == 'PTV'),expression:\"geocoding_provider == 'PTV'\"}],staticClass:\"col-md-9\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"ptv_key\"}},[_vm._v(\"PTV api key\")])]),_c('div',[_c('b-form-input',{staticClass:\"form-control k-textbox\",staticStyle:{\"text-transform\":\"none\"},attrs:{\"id\":\"ptv_key\",\"readonly\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.ptv_key),callback:function ($$v) {_vm.ptv_key=$$v},expression:\"ptv_key\"}})],1)])]),_c('div',{staticClass:\"col-md-12\"},[_c('hr'),_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"driving_styles\"}},[_c('b',[_vm._v(\"Stile di guida\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"ds_consumption_enable\"}},[_vm._v(\"Abilita consumo\")]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.ds_consumption_enable),callback:function ($$v) {_vm.ds_consumption_enable=$$v},expression:\"ds_consumption_enable\"}})],1)])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"ds_acceleration_enable\"}},[_vm._v(\"Abilita accelerazioni e frenate\")]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.ds_acceleration_enable),callback:function ($$v) {_vm.ds_acceleration_enable=$$v},expression:\"ds_acceleration_enable\"}})],1)])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"ds_slips_enable\"}},[_vm._v(\"Abilita sbandamenti\")]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.ds_slips_enable),callback:function ($$v) {_vm.ds_slips_enable=$$v},expression:\"ds_slips_enable\"}})],1)])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"ds_accidents_enable\"}},[_vm._v(\"Abilita incidenti\")]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.ds_accidents_enable),callback:function ($$v) {_vm.ds_accidents_enable=$$v},expression:\"ds_accidents_enable\"}})],1)])])]),_c('hr')])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"DATI CONFIGURAZIONE AUTENTICAZIONE\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"id\":\"collapse-2\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isCompanyDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"auth_2fa_enabled\"}},[_vm._v(\"AUTENTICAZIONE A DUE FATTORI\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isCompanyDetailInEditMode),expression:\"!isCompanyDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"auth_2fa_enabled\",\"readonly\":true},model:{value:(_vm.auth_2fa_enabled.value),callback:function ($$v) {_vm.$set(_vm.auth_2fa_enabled, \"value\", $$v)},expression:\"auth_2fa_enabled.value\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCompanyDetailInEditMode),expression:\"isCompanyDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.auth2faStates,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.auth_2fa_enabled.key),callback:function ($$v) {_vm.$set(_vm.auth_2fa_enabled, \"key\", $$v)},expression:\"auth_2fa_enabled.key\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"auth_2fa_otp_validity_minutes\"}},[_vm._v(\"MINUTI VALIDITÀ OTP\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"auth_2fa_otp_validity_minutes\",\"readonly\":!_vm.isCompanyDetailInEditMode},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.auth_2fa_otp_validity_minutes),callback:function ($$v) {_vm.auth_2fa_otp_validity_minutes=$$v},expression:\"auth_2fa_otp_validity_minutes\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"auth_custom_enabled\"}},[_vm._v(\"AUTENTICAZIONE STANDARD\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.auth_custom_enabled),callback:function ($$v) {_vm.auth_custom_enabled=$$v},expression:\"auth_custom_enabled\"}})],1)])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"auth_azure_a_d_enabled\"}},[_vm._v(\"AUTENTICAZIONE ACTIVE DIRECTORY\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isCompanyDetailInEditMode},model:{value:(_vm.auth_azure_a_d_enabled),callback:function ($$v) {_vm.auth_azure_a_d_enabled=$$v},expression:\"auth_azure_a_d_enabled\"}})],1)])])])])])])])],1)],1)])])]),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('columns')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('imports')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('features')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('reportSettings')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('alertSettings')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('archivi',{on:{\"groupsChanged\":_vm.groupsChanged}})],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('rfid')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('boxes')],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('vehicles',{attrs:{\"changedTime\":_vm.groupsChangedTime}})],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('drivers',{attrs:{\"changedTime\":_vm.groupsChangedTime}})],1)])]):_vm._e(),(_vm.isNewCompany == false)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('calendarCheckTrips')],1)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\r\nimport { orderBy } from \"@progress/kendo-data-query\";\r\nimport { filterBy, CompositeFilterDescriptor } from \"@progress/kendo-data-query\";\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdefaultAddRow: null,\r\n\t\t\tisSortable: true,\r\n\t\t\tisFilterable: true,\r\n\t\t\teditItem: undefined,\r\n\t\t\tchanges: false,\r\n\t\t\tupdatedData: [],\r\n\t\t\teditID: null,\r\n\t\t\teditField: undefined,\r\n\t\t\tskip: 0,\r\n\t\t\titems: [],\r\n\t\t\tisInEditMode: false,\r\n\t\t\thasSelectedMode: false,\r\n\t\t\thasEditableMode: false,\r\n\t\t\tselectedField: \"selected\",\r\n\t\t\tupdatedItems: [],\r\n\t\t\tcreatedItems: [],\r\n\t\t\tdeletedItems: [],\r\n\t\t\ttake: 1000000,\r\n\t\t\tpageable: {\r\n\t\t\t\tbuttonCount: 5,\r\n\t\t\t\tinfo: true,\r\n\t\t\t\ttype: \"numeric\",\r\n\t\t\t\tpageSizes: false,\r\n\t\t\t\tpreviousNext: true\r\n\t\t\t},\r\n\t\t\tindexNewItem: 0,\r\n\t\t\tsort: [],\r\n\t\t\tcolumnFilters: [\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"\",\r\n\t\t\t\t// \tfilter: {\r\n\t\t\t\t// \t\tlogic: \"or\",\r\n\t\t\t\t// \t\tfilters: []\r\n\t\t\t\t// \t}\r\n\t\t\t\t// }\r\n\t\t\t],\r\n\t\t\titemToReturnIfIsInEditMode: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {},\r\n\r\n\twatch: {\r\n\t\tisInEditMode() {\r\n\t\t\tthis.isSortable = !this.isInEditMode;\r\n\t\t\tthis.isFilterable = !this.isInEditMode;\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tremoveFilter(e) {\r\n\t\t\tif (e) {\r\n\t\t\t\tvar findFilterIndex = this.columnFilters.findIndex(function(item) {\r\n\t\t\t\t\treturn item.field === e.field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (findFilterIndex >= 0) {\r\n\t\t\t\t\tthis.columnFilters.splice(findFilterIndex, 1);\r\n\r\n\t\t\t\t\tif (this.internalFiltersToUpdate) {\r\n\t\t\t\t\t\tthis.internalFiltersToUpdate(e);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.$emit(\"filter-removed\", e.field);\r\n\t\t\t\t\tthis.$emit(\"grid-header-filter\", this.columnFilters);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tfilterHandler(e, notFireEvent) {\t\t\t\r\n\t\t\tif (e) {\r\n\t\t\t\tvar findFilterIndex = this.columnFilters.findIndex(function(item) {\r\n\t\t\t\t\treturn item.field === e.field;\r\n\t\t\t\t});\r\n\t\t\t\t// console.log(e.field, findFilterIndex);\r\n\r\n\t\t\t\tif (findFilterIndex >= 0) {\r\n\t\t\t\t\tthis.columnFilters.splice(findFilterIndex, 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (e.filterType == \"multiselect\" && e.filterItemsSelected.length > 0) {\r\n\t\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tfor (var i = 0; i < e.filterItemsSelected.length; i++) {\r\n\t\t\t\t\t\tvar f = e.filterItemsSelected[i];\r\n\t\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t\t} else if (e.filterType == \"datetimerange\" || e.filterType == \"daterange\") {\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"datetime\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\t\t\toperator: \"gte\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.startDateHeader\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\t\t\toperator: \"lte\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.endDateHeader\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else if (e.filterType == \"boolean\") {\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"boolean\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\t\t\toperator: \"eq\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.filterRadioButtonSelected\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else if (e.filterText) {\r\n\t\t\t\t\tthis.columnFilters.push({\r\n\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\ttype: \"text\",\r\n\t\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\t\tlogic: \"and\",\r\n\t\t\t\t\t\t\tfilters: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\t\t\t\tvalue: e.filterText\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.removeFilter(e);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.internalFiltersAddToUpdate) {\r\n\t\t\t\t\tthis.internalFiltersAddToUpdate(e);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.$emit(\"grid-header-filter\", this.columnFilters);\r\n\t\t\t}\r\n\t\t},\r\n\t\tdocumentClick() {\r\n\t\t\t/*\r\n this.items.forEach((d) => {\r\n if (d.inEdit) {\r\n console.log(\"rowchange\");\r\n Vue.set(d, 'inEdit', undefined);\r\n }\r\n });\r\n this.items = this.items;\r\n */\r\n\t\t},\r\n\r\n\t\tclearWorkingData() {\r\n\t\t\tthis.createdItems = [];\r\n\t\t\tthis.updatedItems = [];\r\n\t\t\tthis.deletedItems = [];\r\n\r\n\t\t\tthis.isInEditMode = false;\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\t// console.log(this.defaultAddRow);\r\n\r\n\t\t\tthis.exitEditCell();\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tremove(e) {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tif (e.dataItem.id <= 0) {\r\n\t\t\t\tvar newItemIndex = this.createdItems.findIndex(function(item) {\r\n\t\t\t\t\treturn item.id === e.dataItem.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tthis.createdItems.splice(newItemIndex, 1);\r\n\t\t\t} else {\r\n\t\t\t\tvar itemToRemove = this.items.find(function(it) {\r\n\t\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t\t});\r\n\t\t\t\tthis.deletedItems.push(itemToRemove);\r\n\t\t\t\tvar itemIndexUpdatedToRemove = this.updatedItems.findIndex(function(it) {\r\n\t\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t\t});\r\n\t\t\t\tif (itemIndexUpdatedToRemove >= 0) {\r\n\t\t\t\t\tthis.updatedItems.splice(newItemIndex, 1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tvar itemIndex = this.items.findIndex(function(item) {\r\n\t\t\t\treturn item.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\tthis.items.splice(itemIndex, 1);\r\n\r\n\t\t\tvar ii = this.itemToReturnIfIsInEditMode.findIndex(function(item) {\r\n\t\t\t\treturn item.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\tthis.itemToReturnIfIsInEditMode.splice(ii, 1);\r\n\t\t},\r\n\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tsaveChanges() {\r\n\t\t\tthis.items.splice(0, this.items.length, ...this.items);\r\n\t\t\tthis.items = this.items.map(product => Object.assign({}, product));\r\n\t\t\tthis.editField = undefined;\r\n\t\t\tthis.changes = false;\r\n\t\t},\r\n\t\tcancelChanges() {\r\n\t\t\tthis.items = this.items.map(product => Object.assign({}, product));\r\n\t\t\tthis.changes = false;\r\n\t\t},\r\n\t\texitEditCell: function() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t\tthis.editField = undefined;\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (e.dataItem.id > 0 && (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true)) this.updatedItems.push(item);\r\n\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tdeSelectAllRow() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tselectRow(dataItem) {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(dataItem, this.selectedField, !dataItem[this.selectedField]);\r\n\t\t\t\tdataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tonRowClick: function(e) {\r\n\t\t\tif (this.hasSelectedMode) {\r\n\t\t\t\tthis.selectRow(e.dataItem);\r\n\t\t\t\tthis.$emit(\"selected-row\", e.dataItem);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis.editField = e.field;\r\n\t\t\tthis.items = this.items;\r\n\r\n\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\t\t},\r\n\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t},\r\n\r\n\t\theaderClick: function(e) {\r\n\t\t\tif (this.sort && this.sort.length > 0) {\r\n\t\t\t\tvar existFieldSorted = this.sort.find(function(f) {\r\n\t\t\t\t\treturn f.field == e.field;\r\n\t\t\t\t});\r\n\t\t\t\tif (existFieldSorted) {\r\n\t\t\t\t\tif (existFieldSorted.dir == \"asc\") {\r\n\t\t\t\t\t\texistFieldSorted.dir = \"desc\";\r\n\t\t\t\t\t} else if (existFieldSorted.dir == \"desc\") {\r\n\t\t\t\t\t\tvar findIndexOfField = this.sort.findIndex(function(f) {\r\n\t\t\t\t\t\t\treturn f.field == e.field;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.sort.splice(findIndexOfField, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.sort.push({ field: e.field, dir: \"asc\" });\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthis.sort = [{ field: e.field, dir: \"asc\" }];\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\ttotal() {\r\n\t\t\treturn this.gridData ? this.gridData.length : 0;\r\n\t\t},\r\n\t\tgridData() {\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tvar itemsToReturn = this.externalItems || this.items;\r\n\t\t\t\tif (this.columnFilters && this.columnFilters.length > 0) {\r\n\t\t\t\t\tthis.columnFilters.forEach(f => {\r\n\t\t\t\t\t\tif (f.type == \"datetime\") {\r\n\t\t\t\t\t\t\tvar minDateFilter = f.filter.filters[0];\r\n\t\t\t\t\t\t\tvar maxDateFilter = f.filter.filters[1];\r\n\r\n\t\t\t\t\t\t\tvar minDate = null;\r\n\t\t\t\t\t\t\tif (minDateFilter.value) {\r\n\t\t\t\t\t\t\t\tminDate = moment(minDateFilter.value);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tvar maxDate = null;\r\n\t\t\t\t\t\t\tif (maxDateFilter.value) {\r\n\t\t\t\t\t\t\t\tmaxDate = moment(maxDateFilter.value);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (minDate && maxDate) {\r\n\t\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\t\treturn item[f.field] && moment(item[f.field]) >= minDate && moment(item[f.field]) <= maxDate;\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t} else if (minDate) {\r\n\t\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\t\treturn item[f.field] && moment(item[f.field]) >= minDate;\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t} else if (maxDate) {\r\n\t\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\t\treturn item[f.field] && moment(item[f.field]) <= maxDate;\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (f.type == \"datarange\") {\r\n\t\t\t\t\t\t\tvar minDateFilter = f.filter.filters[0];\r\n\t\t\t\t\t\t\tvar maxDateFilter = f.filter.filters[1];\r\n\r\n\t\t\t\t\t\t\tvar minDate = null;\r\n\t\t\t\t\t\t\tif (minDateFilter.value) {\r\n\t\t\t\t\t\t\t\tminDate = moment(minDateFilter.value);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tvar maxDate = null;\r\n\t\t\t\t\t\t\tif (maxDateFilter.value) {\r\n\t\t\t\t\t\t\t\tmaxDate = moment(maxDateFilter.value);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (minDate && maxDate) {\r\n\t\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\t\treturn item[f.field] && moment(item[f.field]) >= minDate && moment(item[f.field]) <= maxDate;\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t} else if (minDate) {\r\n\t\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\t\treturn item[f.field] && moment(item[f.field]) >= minDate;\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t} else if (maxDate) {\r\n\t\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\t\treturn item[f.field] && moment(item[f.field]) <= maxDate;\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (f.type == \"multiselect\") {\r\n\t\t\t\t\t\t\tvar values = f.filter.filters.map(f => {\r\n\t\t\t\t\t\t\t\treturn f.value;\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\titemsToReturn = itemsToReturn.filter(item => {\r\n\t\t\t\t\t\t\t\tif (f.field == \"groups\") {\r\n\t\t\t\t\t\t\t\t\tvar field = \"groupsArray\";\r\n\t\t\t\t\t\t\t\t\tif (!item[field]) {\r\n\t\t\t\t\t\t\t\t\t\tfield = \"groups\";\r\n\t\t\t\t\t\t\t\t\t\tif (item[field] && item[field].length > 0) {\r\n\t\t\t\t\t\t\t\t\t\t\treturn item[field].some(r => values.includes(r.key));\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\telse if (item[field] && item[field].length > 0) {\r\n\t\t\t\t\t\t\t\t\t\treturn item[field].some(r => values.includes(r));\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tif (item[f.field] && item[f.field].length > 0) {\r\n\t\t\t\t\t\t\t\t\treturn values.includes(item[f.field]);\r\n\t\t\t\t\t\t\t\t} else if (item[f.field] != null && item[f.field] > 0) {\r\n\t\t\t\t\t\t\t\t\treturn values.includes(item[f.field]);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\titemsToReturn = filterBy(itemsToReturn, f.filter);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.sort) {\r\n\t\t\t\t\tif (Array.isArray(this.sort)) {\r\n\t\t\t\t\t\titemsToReturn = orderBy(itemsToReturn, this.sort);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\titemsToReturn = orderBy(itemsToReturn, [this.sort]);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.itemToReturnIfIsInEditMode = _.clone(itemsToReturn);\r\n\t\t\t\treturn itemsToReturn.slice(this.skip, this.take + this.skip);\r\n\t\t\t} else {\r\n\t\t\t\treturn this.itemToReturnIfIsInEditMode;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}]},[_vm._v(\"FEATURES\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-5\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tcompanyId: \"\"\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\t\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.code === e.dataItem.code;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.code === e.dataItem.code;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\t\t\t\r\n\t\t\t}\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postFeaturesData(this.companyId, this.updatedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getFeatures(self);\r\n\t\t},\r\n\r\n\t\tgetFeatures: function(self) {\r\n\t\t\tapi.getAllFeaturesData(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tactive: item.active,\r\n\t\t\t\t\t\tcode: item.code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active\",\r\n\t\t\t\t\ttitle: \"ATTIVO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"code\",\r\n\t\t\t\t\ttitle: \"CODICE\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./features.vue.js?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/eslint-loader/index.js??ref--13-0!./features.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./features.vue?vue&type=template&id=5f959fe1&\"\nimport script from \"./features.vue.js?vue&type=script&lang=js&\"\nexport * from \"./features.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}]},[_vm._v(\"REPORT\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-6\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'re-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'re-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tcompanyId: \"\"\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\t\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postReportSettingsData(this.companyId, this.updatedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getReportSettings(self);\r\n\t\t},\r\n\r\n\t\tgetReportSettings: function(self) {\r\n\t\t\tapi.getAllReportSettings(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tactive: item.active\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active\",\r\n\t\t\t\t\ttitle: \"ATTIVO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./reportSettings.vue.js?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/eslint-loader/index.js??ref--13-0!./reportSettings.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./reportSettings.vue?vue&type=template&id=318d4249&\"\nimport script from \"./reportSettings.vue.js?vue&type=script&lang=js&\"\nexport * from \"./reportSettings.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-7\",modifiers:{\"collapse-7\":true}}]},[_vm._v(\"NOTIFICHE EMAIL\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-7\",modifiers:{\"collapse-7\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-7\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tcompanyId: \"\"\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\t\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postAlertSettingsData(this.companyId, this.updatedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getAlertSettings(self);\r\n\t\t},\r\n\r\n\t\tgetAlertSettings: function(self) {\r\n\t\t\tapi.getAllAlertSettings(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tactive: item.active\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active\",\r\n\t\t\t\t\ttitle: \"ATTIVO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./alertSettings.vue.js?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/eslint-loader/index.js??ref--13-0!./alertSettings.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alertSettings.vue?vue&type=template&id=caf699da&\"\nimport script from \"./alertSettings.vue.js?vue&type=script&lang=js&\"\nexport * from \"./alertSettings.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-8\",modifiers:{\"collapse-8\":true}}]},[_vm._v(\"ARCHIVI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-8\",modifiers:{\"collapse-8\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-8\"}},[_c('div',{staticClass:\"row\",staticStyle:{\"padding\":\"20px\"}},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('vehicle-events')],1),_c('div',{staticClass:\"col-lg-6\"},[_c('groups',{on:{\"groupsChanged\":_vm.groupsChanged}})],1)])]),_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('categories')],1),_c('div',{staticClass:\"col-lg-6\"},[_c('poi-categories')],1)])]),_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('accessories')],1),_c('div',{staticClass:\"col-lg-6\"},[_c('brands')],1)])]),_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('powerTakeOffLegend')],1)])]),_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('powerTakeOff')],1)])])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-81\",modifiers:{\"collapse-81\":true}}]},[_vm._v(\"Eventi alla guida\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-81\",modifiers:{\"collapse-81\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-81\"}},[_c('b-card',[_c('grid-toolbar'),_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'ve-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"required\":false,\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellReadonlyTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"readonly\":true,\"required\":false,\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"veTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getVeTypeName(props.dataItem.vehicle_event_type_id))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.vehicle_event_type_id,\"data-source\":_vm.veTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona categoria',\"template\":_vm.itemTemplateVe,\"value-template\":_vm.valueTemplateVe},on:{\"change\":function($event){return _vm.onVeTypeChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myVeTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.vetFilters,\"filterItemsSelected\":_vm.vetFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}])},[_c('grid-norecords',[_vm._v(\" Nessun dato presente\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport { bus } from \"../../../../../../main\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\",\r\n\t\t\tveTypes: [\r\n\t\t\t],\r\n\t\t\titemTemplateVe: \"#= name #\",\r\n\t\t\tvalueTemplateVe: \"#= name #\",\r\n\t\t\tvetFilters: [],\r\n\t\t\tvetFilterselected: [],\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tbus.$on(\"company-saved\", this.getData);\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tvar newItem = {\r\n\t\t\tbox_payload_id: \"\",\r\n\t\t\tbox_type_id: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tpercentage_max_tolerance: 0,\r\n\t\t\tpercentage_min_tolerance: 0\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"label\", dir: \"asc\" }];\r\n\r\n\t\tthis.getVehicleEventTypes();\r\n\t\t// this.getData();\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tgetVehicleEventTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getVehicleEventTypes().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.veTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.veTypes.forEach(vet => {\t\t\t\t\t\r\n\t\t\t\t\tself.vetFilters.push({\r\n\t\t\t\t\t\tid: vet.id,\r\n\t\t\t\t\t\tvalue: vet.name\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.veTypes.unshift({\r\n\t\t\t\t\tid: null,\r\n\t\t\t\t\tname: ''\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\tself.getData();\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetVeTypeName(vetId){\r\n\t\t\tif (vetId !== null){\r\n\t\t\t\tvar vet = this.veTypes.find((item) => {\r\n\t\t\t\t\treturn item.id == vetId\r\n\t\t\t\t});\r\n\t\t\t\t// console.log(vetId, vet, this.veTypes);\r\n\t\t\t\t\r\n\t\t\t\treturn vet.name;\r\n\t\t\t}\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tonVeTypeChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.vehicle_event_type_id = newValue;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyVehicleEvents(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getVehicleEvents(self);\r\n\t\t},\r\n\r\n\t\tgetVehicleEvents: function(self) {\r\n\t\t\tapi.getCompanyVehicleEvents(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tlabel: item.label,\r\n\t\t\t\t\t\tbox_payload_id: item.box_payload_id,\r\n\t\t\t\t\t\tbox_type_id: item.box_type_id,\r\n\t\t\t\t\t\tbox_cat_id: item.box_cat_id,\r\n\t\t\t\t\t\tdaily_frequency: item.daily_frequency,\r\n\t\t\t\t\t\tvehicle_event_type_id: item.vehicle_event_type_id,\r\n\t\t\t\t\t\tid: item.id\t\t\t\t\t\t\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"label\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\tcell: \"myCellReadonlyTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"nome database\",\r\n\t\t\t\t\tcell: \"myCellReadonlyTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_payload_id\",\r\n\t\t\t\t\ttitle: \"id box\",\r\n\t\t\t\t\tcell: \"myCellReadonlyTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"35\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_type_id\",\r\n\t\t\t\t\ttitle: \"tipologia\",\r\n\t\t\t\t\tcell: \"myCellReadonlyTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"110\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"daily_frequency\",\r\n\t\t\t\t\ttitle: \"frequenza\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tminResizableWidth: \"110\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"numeric-int\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_event_type_id\",\r\n\t\t\t\t\ttitle: \"categoria\",\r\n\t\t\t\t\tcell: \"veTypeCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myVeTypeHeaderTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"110\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./vehicleEvents.vue.js?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/eslint-loader/index.js??ref--13-0!./vehicleEvents.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehicleEvents.vue?vue&type=template&id=7f68b75f&scoped=true&\"\nimport script from \"./vehicleEvents.vue.js?vue&type=script&lang=js&\"\nexport * from \"./vehicleEvents.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./vehicleEvents.vue?vue&type=style&index=0&id=7f68b75f&scoped=true&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 \"7f68b75f\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-84\",modifiers:{\"collapse-84\":true}}]},[_vm._v(\"Classificazione\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-84\",modifiers:{\"collapse-84\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-84\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'ca-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ca-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\"\t\t\t\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tis_trailer: false,\r\n\t\t\tcounter_id: 4,\r\n\t\t\tbox_drive_icon: \"\",\r\n\t\t\tbox_stop_icon: \"\",\r\n\t\t\tbox_still_icon: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyCategories(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getCategories(self);\r\n\t\t},\r\n\r\n\t\tgetCategories: function(self) {\r\n\t\t\tapi.getCompanyCategories(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tis_trailer: item.is_trailer,\r\n\t\t\t\t\t\tcounter_id: item.counter_id,\r\n\t\t\t\t\t\tbox_drive_icon: item.box_drive_icon,\r\n\t\t\t\t\t\tbox_stop_icon: item.box_stop_icon,\r\n\t\t\t\t\t\tbox_still_icon: item.box_still_icon\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\tminResizableWidth: \"300\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"is_trailer\",\r\n\t\t\t\t\ttitle: \"rimorchio\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"counter_id\",\r\n\t\t\t\t\ttitle: \"unità di misura\",\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_drive_icon\",\r\n\t\t\t\t\ttitle: \"Movimento\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_stop_icon\",\r\n\t\t\t\t\ttitle: \"Fermo\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_still_icon\",\r\n\t\t\t\t\ttitle: \"Inattività\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./categories.vue.js?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/eslint-loader/index.js??ref--13-0!./categories.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./categories.vue?vue&type=template&id=5947d9d9&\"\nimport script from \"./categories.vue.js?vue&type=script&lang=js&\"\nexport * from \"./categories.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-86\",modifiers:{\"collapse-86\":true}}]},[_vm._v(\"Categorie Poi\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-86\",modifiers:{\"collapse-86\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-86\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'poic-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"remove-all-edit-cell\":_vm.exitEditCell}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\"\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postCompanyPoiCategories(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPoiCategories(self);\r\n\t\t},\r\n\r\n\t\tgetPoiCategories: function(self) {\r\n\t\t\tapi.getCompanyPoiCategories(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tbackground_color: item.background_color || null,\r\n\t\t\t\t\t\ticon_image: item.icon_image\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"background_color\",\r\n\t\t\t\t\ttitle: \"colore sfondo\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\tminResizableWidth: '100',\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"icon_image\",\r\n\t\t\t\t\ttitle: \"immagine\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./poiCategories.vue.js?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/eslint-loader/index.js??ref--13-0!./poiCategories.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./poiCategories.vue?vue&type=template&id=25871981&\"\nimport script from \"./poiCategories.vue.js?vue&type=script&lang=js&\"\nexport * from \"./poiCategories.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-85\",modifiers:{\"collapse-85\":true}}]},[_vm._v(\"Stati del mezzo\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-85\",modifiers:{\"collapse-85\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-85\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'va-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"remove-all-edit-cell\":_vm.exitEditCell}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\"\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tname: \"\",\r\n\t\t\ticon_color: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyVehicleStates(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getVehicleStates(self);\r\n\t\t},\r\n\r\n\t\tgetVehicleStates: function(self) {\r\n\t\t\tapi.getCompanyVehicleStates(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\ticon_color: item.icon_color\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"icon_color\",\r\n\t\t\t\t\ttitle: \"colore\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\tminResizableWidth: '80',\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./vehicleStates.vue.js?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/eslint-loader/index.js??ref--13-0!./vehicleStates.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehicleStates.vue?vue&type=template&id=3e607a18&\"\nimport script from \"./vehicleStates.vue.js?vue&type=script&lang=js&\"\nexport * from \"./vehicleStates.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-82\",modifiers:{\"collapse-82\":true}}]},[_vm._v(\"Divisioni\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-82\",modifiers:{\"collapse-82\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-82\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'gr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\"\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tbox_drive_icon: \"\",\r\n\t\t\tbox_stop_icon: \"\",\r\n\t\t\tbox_still_icon: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postCompanyGroupsData(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tthis.$emit('groupsChanged');\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getGroups(self);\r\n\t\t},\r\n\r\n\t\tgetGroups: function(self) {\r\n\t\t\tapi.getCompanyGroups(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tbox_drive_icon: item.box_drive_icon,\r\n\t\t\t\t\t\tbox_stop_icon: item.box_stop_icon,\r\n\t\t\t\t\t\tbox_still_icon: item.box_still_icon\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetNestedValue(fieldName, dataItem) {\r\n\t\t\tconst path = fieldName.split('.');\r\n\t\t\tlet data = dataItem;\r\n\t\t\tpath.forEach((p) => {\r\n\t\t\t\tdata = data ? data[p] : undefined;\r\n\t\t\t});\r\n\t\t\r\n\t\t\treturn data;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_drive_icon\",\r\n\t\t\t\t\ttitle: \"Movimento\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_stop_icon\",\r\n\t\t\t\t\ttitle: \"Fermo\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_still_icon\",\r\n\t\t\t\t\ttitle: \"Inattività\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./groups.vue.js?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/eslint-loader/index.js??ref--13-0!./groups.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./groups.vue?vue&type=template&id=a1bc34e6&\"\nimport script from \"./groups.vue.js?vue&type=script&lang=js&\"\nexport * from \"./groups.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-87\",modifiers:{\"collapse-87\":true}}]},[_vm._v(\"Accessori box\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-87\",modifiers:{\"collapse-87\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-87\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'acb-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"remove-all-edit-cell\":_vm.exitEditCell}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"boxVendorCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.provider)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.provider,\"data-source\":_vm.boxVendors,\"data-text-field\":'box_vendor',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona fornitore',\"template\":_vm.itemTemplateVendor,\"value-template\":_vm.valueTemplateVendor},on:{\"change\":function($event){return _vm.onBoxVendorChange($event, props.dataItem.id)}}})],1)])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport { bus } from \"../../../../../../main\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\",\r\n\t\t\tboxVendors: [ \r\n\t\t\t\t{ id: \"TEXA\", box_vendor: \"TEXA\" }, \r\n\t\t\t\t{ id: \"BSQ\", box_vendor: \"BSQ\" },\r\n\t\t\t\t{ id: \"TMOB\", box_vendor: \"TMOB\" },\r\n\t\t\t\t{ id: \"GTAB\", box_vendor: \"GTAB\" },\r\n\t\t\t],\r\n\t\t\titemTemplateVendor: \"#= box_vendor #\",\r\n\t\t\tvalueTemplateVendor: \"#= box_vendor #\",\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tbus.$on(\"import-ended\", this.getData);\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tprovider: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyBoxAccessories(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getBoxAccessories(self);\r\n\t\t},\r\n\r\n\t\tgetBoxAccessories: function(self) {\r\n\t\t\tapi.getCompanyBoxAccessories(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tserial: item.serial,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tprovider: item.provider\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tonBoxVendorChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\t\t\t\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.provider = newValue;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"serial\",\r\n\t\t\t\t\ttitle: \"SERIALE\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"provider\",\r\n\t\t\t\t\ttitle: \"FORNITORE\",\r\n\t\t\t\t\tcell: \"boxVendorCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./accessories.vue.js?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/eslint-loader/index.js??ref--13-0!./accessories.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./accessories.vue?vue&type=template&id=228d3480&\"\nimport script from \"./accessories.vue.js?vue&type=script&lang=js&\"\nexport * from \"./accessories.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-88\",modifiers:{\"collapse-88\":true}}]},[_vm._v(\"Marche\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-88\",modifiers:{\"collapse-88\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-88\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'ma-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\"\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postCompanyBrandsData(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getBrands(self);\r\n\t\t},\r\n\r\n\t\tgetBrands: function(self) {\r\n\t\t\tapi.getCompanyBrands(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetNestedValue(fieldName, dataItem) {\r\n\t\t\tconst path = fieldName.split('.');\r\n\t\t\tlet data = dataItem;\r\n\t\t\tpath.forEach((p) => {\r\n\t\t\t\tdata = data ? data[p] : undefined;\r\n\t\t\t});\r\n\t\t\r\n\t\t\treturn data;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./brands.vue.js?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/eslint-loader/index.js??ref--13-0!./brands.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./brands.vue?vue&type=template&id=44e25fca&\"\nimport script from \"./brands.vue.js?vue&type=script&lang=js&\"\nexport * from \"./brands.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-89\",modifiers:{\"collapse-89\":true}}]},[_vm._v(\"Prese di forza\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-89\",modifiers:{\"collapse-89\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-89\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'pto-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'pto-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tcompanyId: \"\"\t\t\t\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tvalue: 0,\r\n\t\t\tdescription: \"\",\r\n\t\t\ticon: \"\",\r\n\t\t\ticon_off: \"\",\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"value\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyPowerTakeOff(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPowerTakeOff(self);\r\n\t\t},\r\n\r\n\t\tgetPowerTakeOff: function(self) {\r\n\t\t\tapi.getCompanyPowerTakeOff(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tvalue: item.value,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\ticon: item.icon,\r\n\t\t\t\t\t\ticon_off: item.icon_off\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"value\",\r\n\t\t\t\t\ttitle: \"value\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\tminResizableWidth: \"300\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"icon\",\r\n\t\t\t\t\ttitle: \"Icona on\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"icon_off\",\r\n\t\t\t\t\ttitle: \"Icona off\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./powerTakeOff.vue.js?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/eslint-loader/index.js??ref--13-0!./powerTakeOff.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./powerTakeOff.vue?vue&type=template&id=83d52272&\"\nimport script from \"./powerTakeOff.vue.js?vue&type=script&lang=js&\"\nexport * from \"./powerTakeOff.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-90\",modifiers:{\"collapse-90\":true}}]},[_vm._v(\"PRESE DI FORZA LEGENDA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-90\",modifiers:{\"collapse-90\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-90\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'ptol-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ptol-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myNumberP1Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p1_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p1_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p1_priority\", $$v)},expression:\"props.dataItem.p1_priority\"}})],1)])]}},{key:\"myNumberP2Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p2_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p2_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p2_priority\", $$v)},expression:\"props.dataItem.p2_priority\"}})],1)])]}},{key:\"myNumberP3Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p3_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p3_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p3_priority\", $$v)},expression:\"props.dataItem.p3_priority\"}})],1)])]}},{key:\"myNumberP4Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p4_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p4_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p4_priority\", $$v)},expression:\"props.dataItem.p4_priority\"}})],1)])]}},{key:\"myNumberP5Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p5_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p5_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p5_priority\", $$v)},expression:\"props.dataItem.p5_priority\"}})],1)])]}},{key:\"myNumberP6Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p6_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p6_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p6_priority\", $$v)},expression:\"props.dataItem.p6_priority\"}})],1)])]}},{key:\"myNumberP7Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p7_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p7_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p7_priority\", $$v)},expression:\"props.dataItem.p7_priority\"}})],1)])]}},{key:\"myNumberP8Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p8_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p8_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p8_priority\", $$v)},expression:\"props.dataItem.p8_priority\"}})],1)])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tpriorities: [],\r\n\t\t\tmin: 1,\r\n\t\t\tmax: 8,\r\n\t\t\tcompanyId: \"\"\t\t\t\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tvehicle_type: \"\",\r\n\t\t\tp1_color: \"\",\r\n\t\t\tp1_description: \"\",\r\n\t\t\tp1_priority: 1,\r\n\t\t\tp1_enable: false,\r\n\t\t\tp2_color: \"\",\r\n\t\t\tp2_description: \"\",\r\n\t\t\tp2_priority: 2,\r\n\t\t\tp2_enable: false,\r\n\t\t\tp3_color: \"\",\r\n\t\t\tp3_description: \"\",\r\n\t\t\tp3_priority: 3,\r\n\t\t\tp3_enable: false,\r\n\t\t\tp4_color: \"\",\r\n\t\t\tp4_description: \"\",\r\n\t\t\tp4_priority: 4,\r\n\t\t\tp4_enable: false,\r\n\t\t\tp5_color: \"\",\r\n\t\t\tp5_description: \"\",\r\n\t\t\tp5_priority: 5,\r\n\t\t\tp5_enable: false,\r\n\t\t\tp6_color: \"\",\r\n\t\t\tp6_description: \"\",\r\n\t\t\tp6_priority: 6,\r\n\t\t\tp6_enable: false,\r\n\t\t\tp7_color: \"\",\r\n\t\t\tp7_description: \"\",\r\n\t\t\tp7_priority: 7,\r\n\t\t\tp7_enable: false,\r\n\t\t\tp8_color: \"\",\r\n\t\t\tp8_description: \"\",\r\n\t\t\tp8_priority: 8,\r\n\t\t\tp8_enable: false,\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"vehicle_type\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tcheckPriority: function(priority) {\r\n\t\t\tif (priority > this.max) return this.max;\r\n\t\t\tif (priority < this.min) return this.min;\r\n\t\t\treturn priority;\r\n\t\t},\r\n\t\titemChangeLocal: function(e) {\r\n\t\t\te.p1_priority = this.checkPriority(e.p1_priority);\r\n\t\t\te.p2_priority = this.checkPriority(e.p2_priority);\r\n\t\t\te.p3_priority = this.checkPriority(e.p3_priority);\r\n\t\t\te.p4_priority = this.checkPriority(e.p4_priority);\r\n\t\t\te.p5_priority = this.checkPriority(e.p5_priority);\r\n\t\t\te.p6_priority = this.checkPriority(e.p6_priority);\r\n\t\t\te.p7_priority = this.checkPriority(e.p7_priority);\r\n\t\t\te.p8_priority = this.checkPriority(e.p8_priority);\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: e\r\n\t\t\t});\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyPowerOffLegendData(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPowerOffLegend(self);\r\n\t\t},\r\n\r\n\t\tgetPowerOffLegend: function(self) {\r\n\t\t\tapi.getCompanyPowerOffLegend(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tvehicle_type: item.vehicle_type,\r\n\t\t\t\t\t\tp1_color: item.p1_color,\r\n\t\t\t\t\t\tp1_description: item.p1_description,\r\n\t\t\t\t\t\tp1_priority: item.p1_priority,\r\n\t\t\t\t\t\tp1_enable: item.p1_enable,\r\n\t\t\t\t\t\tp2_color: item.p2_color,\r\n\t\t\t\t\t\tp2_description: item.p2_description,\r\n\t\t\t\t\t\tp2_priority: item.p2_priority,\r\n\t\t\t\t\t\tp2_enable: item.p2_enable,\r\n\t\t\t\t\t\tp3_color: item.p3_color,\r\n\t\t\t\t\t\tp3_description: item.p3_description,\r\n\t\t\t\t\t\tp3_priority: item.p3_priority,\r\n\t\t\t\t\t\tp3_enable: item.p3_enable,\r\n\t\t\t\t\t\tp4_color: item.p4_color,\r\n\t\t\t\t\t\tp4_description: item.p4_description,\r\n\t\t\t\t\t\tp4_priority: item.p4_priority,\r\n\t\t\t\t\t\tp4_enable: item.p4_enable,\r\n\t\t\t\t\t\tp5_color: item.p5_color,\r\n\t\t\t\t\t\tp5_description: item.p5_description,\r\n\t\t\t\t\t\tp5_priority: item.p5_priority,\r\n\t\t\t\t\t\tp5_enable: item.p5_enable,\r\n\t\t\t\t\t\tp6_color: item.p6_color,\r\n\t\t\t\t\t\tp6_description: item.p6_description,\r\n\t\t\t\t\t\tp6_priority: item.p6_priority,\r\n\t\t\t\t\t\tp6_enable: item.p6_enable,\r\n\t\t\t\t\t\tp7_color: item.p7_color,\r\n\t\t\t\t\t\tp7_description: item.p7_description,\r\n\t\t\t\t\t\tp7_priority: item.p7_priority,\r\n\t\t\t\t\t\tp7_enable: item.p7_enable,\r\n\t\t\t\t\t\tp8_color: item.p8_color,\r\n\t\t\t\t\t\tp8_description: item.p8_description,\r\n\t\t\t\t\t\tp8_priority: item.p8_priority,\r\n\t\t\t\t\t\tp8_enable: item.p8_enable,\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_type\",\r\n\t\t\t\t\ttitle: \"tipo mezzo\",\r\n\t\t\t\t\twidth: 150,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_enable\",\r\n\t\t\t\t\ttitle: \"PF2 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_color\",\r\n\t\t\t\t\ttitle: \"PF2 colore\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_description\",\r\n\t\t\t\t\ttitle: \"PF2 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_priority\",\r\n\t\t\t\t\ttitle: \"PF2 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP1Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"numeric\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_enable\",\r\n\t\t\t\t\ttitle: \"PF3 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_color\",\r\n\t\t\t\t\ttitle: \"PF3 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_description\",\r\n\t\t\t\t\ttitle: \"PF3 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_priority\",\r\n\t\t\t\t\ttitle: \"PF3 priorità\",\r\n\t\t\t\t\tcell: \"myNumberP2Template\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_enable\",\r\n\t\t\t\t\ttitle: \"PF4 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_color\",\r\n\t\t\t\t\ttitle: \"PF4 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_description\",\r\n\t\t\t\t\ttitle: \"PF4 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_priority\",\r\n\t\t\t\t\ttitle: \"PF4 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP3Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_enable\",\r\n\t\t\t\t\ttitle: \"PF5 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_color\",\r\n\t\t\t\t\ttitle: \"PF5 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_description\",\r\n\t\t\t\t\ttitle: \"PF5 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_priority\",\r\n\t\t\t\t\ttitle: \"PF5 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP4Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_enable\",\r\n\t\t\t\t\ttitle: \"PF6 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_color\",\r\n\t\t\t\t\ttitle: \"PF6 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_description\",\r\n\t\t\t\t\ttitle: \"PF6 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_priority\",\r\n\t\t\t\t\ttitle: \"PF6 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP5Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_enable\",\r\n\t\t\t\t\ttitle: \"PF7 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_color\",\r\n\t\t\t\t\ttitle: \"PF7 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_description\",\r\n\t\t\t\t\ttitle: \"PF7 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_priority\",\r\n\t\t\t\t\ttitle: \"PF7 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP6Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_enable\",\r\n\t\t\t\t\ttitle: \"PF8 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_color\",\r\n\t\t\t\t\ttitle: \"PF8 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_description\",\r\n\t\t\t\t\ttitle: \"PF8 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_priority\",\r\n\t\t\t\t\ttitle: \"PF8 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP7Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_enable\",\r\n\t\t\t\t\ttitle: \"PF9 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_color\",\r\n\t\t\t\t\ttitle: \"PF9 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_description\",\r\n\t\t\t\t\ttitle: \"PF9 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_priority\",\r\n\t\t\t\t\ttitle: \"PF9 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP8Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./powerTakeOffLegend.vue.js?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/eslint-loader/index.js??ref--13-0!./powerTakeOffLegend.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./powerTakeOffLegend.vue?vue&type=template&id=0e09130a&\"\nimport script from \"./powerTakeOffLegend.vue.js?vue&type=script&lang=js&\"\nexport * from \"./powerTakeOffLegend.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import vehicleEvents from \"./components/vehicleEvents.vue\";\r\nimport categories from \"./components/categories.vue\";\r\nimport poiCategories from \"./components/poiCategories.vue\";\r\nimport vehicleStates from \"./components/vehicleStates.vue\";\r\nimport groups from \"./components/groups.vue\";\r\nimport accessories from \"./components/accessories.vue\";\r\nimport brands from \"./components/brands.vue\";\r\nimport powerTakeOff from \"./components/powerTakeOff.vue\";\r\nimport powerTakeOffLegend from \"./components/powerTakeOffLegend.vue\";\r\n\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tvehicleEvents,\r\n\t\tcategories,\r\n\t\tpoiCategories,\r\n\t\tvehicleStates,\r\n\t\tgroups,\r\n\t\taccessories,\r\n\t\tbrands,\r\n\t\tpowerTakeOff,\r\n\t\tpowerTakeOffLegend,\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t},\r\n\tmounted() {},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tgroupsChanged() {\r\n\t\t\tthis.$emit('groupsChanged');\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=60050e1d&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}]},[_vm._v(\"IMPORTAZIONI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-12\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showEdit\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"FILE IMPORTATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columns,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.removeImport},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'imp-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'imp-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\")])],1)],1)],1),_c('div',{staticClass:\"uploadarea\"},[_c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Inserisci\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"file\",\"id\":\"fileInput\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInput\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploaded && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadFiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()]),_c('hr'),_c('updateImport',{on:{\"import-update\":_vm.importUpdated}})],1)],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('b-card',{staticClass:\"container-fluid\"}),_c('b-card',[_c('templates')],1)],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showSave\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"TEMPLATE CARICATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\")])],1)],1)],1),_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"fileTemplate\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"fileTemplate\",\"id\":\"fileInputTemplate\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInputTemplate\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il nuovo template.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un nuovo template.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.removeFile(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploaded)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadFiles}},[_vm._v(\"Carica\")])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tfiles: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tuploading: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveTemplates(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getImportTemplates(self);\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportImportTemplate(this.companyId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Template`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tgetImportTemplates: function(self) {\r\n\t\t\tapi.getCompanyImportTemplate(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n onChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.fileTemplate.files);\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.fileTemplate.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremoveFile(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importTemplate(self.companyId, formData).then(res => {\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tthis.getData();\r\n\t\t\t}).finally(() =>{\r\n\t\t\t\tthis.$refs.fileTemplate.value = null;\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\t\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\thidden: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./templates.vue.js?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/eslint-loader/index.js??ref--13-0!./templates.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./templates.vue?vue&type=template&id=1cbb091a&scoped=true&\"\nimport script from \"./templates.vue.js?vue&type=script&lang=js&\"\nexport * from \"./templates.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./templates.vue?vue&type=style&index=0&id=1cbb091a&scoped=true&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 \"1cbb091a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Aggiorna\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"fileUpdate\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"fileUpdate\",\"id\":\"fileInputUpdate\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInputUpdate\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploadedUpdate && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadfiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\t// extends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tfiles: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tuploading: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t},\r\n\tmethods: {\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\t// console.log(this.$refs.fileUpdate.files);\r\n\t\t\tthis.files.push(...this.$refs.fileUpdate.files);\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.fileUpdate.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tuploadfiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importFilesUpdate(self.companyId, formData).then(res => {\r\n\t\t\t\tconsole.log('uploaded files');\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.fileUpdate.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.$emit(\"import-update\");\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tfilesUploadedUpdate() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./update.vue.js?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/eslint-loader/index.js??ref--13-0!./update.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./update.vue?vue&type=template&id=43f507ec&scoped=true&\"\nimport script from \"./update.vue.js?vue&type=script&lang=js&\"\nexport * from \"./update.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./update.vue?vue&type=style&index=0&id=43f507ec&scoped=true&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 \"43f507ec\",\n null\n \n)\n\nexport default component.exports","import api from \"../../../services/api\";\r\nimport { bus } from \"../../../main\";\r\nimport templates from \"./components/templates.vue\";\r\nimport updateImport from \"./components/update.vue\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\ttemplates,\r\n\t\tupdateImport\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tisDraggingUpdate: false,\r\n\t\t\tfiles: [],\r\n\t\t\tfilesUpdate: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tname: '',\r\n\t\t\tuploading: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\thidden: true,\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"template\",\r\n\t\t\t\t\t\ttitle: \"TEMPLATE\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"date\",\r\n\t\t\t\t\t\ttitle: \"DATA\",\r\n\t\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\t\tsortable: false,\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\t// bus.$emit(\"show-spinner-loading\");\r\n\t\t// this.getCompany();\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"date\", dir: \"desc\" }];\t\t\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveImports(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tconsole.log(ev);\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getCompanyImports(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\ttemplate: item.template,\r\n\t\t\t\t\t\tdate: item.date,\r\n\t\t\t\t\t\tstatus: item.status,\r\n\t\t\t\t\t\tdescription: item.description\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportImport(this.companyId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Import`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tgetCompany() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyDetail(self.companyId)\r\n\t\t\t.then(res => {\r\n\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\tvar data = res;\r\n\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(err => {\r\n\t\t\t\t///TODO\r\n\t\t\t}).\r\n\t\t\tfinally(res => {\r\n\t\t\t\t// bus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\t\t\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.file.files);\r\n\t\t\t// this.files = [...this.$refs.file.files];\r\n\t\t\t\t\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.file.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tremoveImport(e) {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar itemToRemove = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\tthis.deletedItems.push(itemToRemove);\r\n\t\t\t\r\n\t\t\te.dataItem.status = \"Pronto per annullamento...\";\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importFiles(self.companyId, formData).then(res => {\r\n\t\t\t\tconsole.log('imported files');\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.file.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.getData();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\timportUpdated() {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"import-ended\");\r\n\t},\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\t\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t\t\t\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=11af53a2&scoped=true&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=11af53a2&scoped=true&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 \"11af53a2\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}]},[_vm._v(\"COLONNE VISIBILI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-4\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('v-jstree',{attrs:{\"data\":_vm.tree,\"show-checkbox\":\"\",\"multiple\":\"\",\"allow-batch\":\"\",\"whole-row\":\"\"},on:{\"item-click\":_vm.itemClick}})],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport VJstree from 'vue-jstree'\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tVJstree\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tisInEditMode: false,\r\n\t\t\tcompanyId: \"\",\r\n\t\t\ttree: []\t\t\t\r\n\t\t};\r\n\t},\r\n\tcreated() {\t\t\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t},\r\n\tmethods: {\r\n\t\tclearWorkingData() {\r\n\t\t\tthis.tree = [];\r\n\t\t\tthis.isInEditMode = false;\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\titemClick(node) {\r\n\t\t\t// console.log(this.tree[0].selected);\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postColumnsData(this.companyId, this.tree)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.tree = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getColumns(self);\r\n\t\t},\r\n\r\n\t\tgetColumns: function(self) {\r\n\t\t\tapi.getCompanyColumns(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.tree = res;\r\n\t\t\t});\r\n\t\t},\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./columns.vue.js?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/eslint-loader/index.js??ref--13-0!./columns.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./columns.vue?vue&type=template&id=3fbef4ef&\"\nimport script from \"./columns.vue.js?vue&type=script&lang=js&\"\nexport * from \"./columns.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-9\",modifiers:{\"collapse-9\":true}}]},[_vm._v(\"RFID\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-9\",modifiers:{\"collapse-9\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-9\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showExport\":true,\"showAdd\":true,\"showUndo\":true,\"showEdit\":true,\"showSave\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')},\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.remove,\"add-item\":_vm.addItem},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tdriversList: [],\r\n\t\t\tcolumns: [\r\n {\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"Id\",\r\n\t\t\t\t\tconfigId: \"id\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"uid\",\r\n\t\t\t\t\ttitle: \"Uid\",\r\n\t\t\t\t\tconfigId: \"uid\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t},\t\r\n {\r\n\t\t\t\t\tfield: \"number\",\r\n\t\t\t\t\ttitle: \"Numero\",\r\n\t\t\t\t\tconfigId: \"number\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\t\t\r\n {\r\n\t\t\t\t\tfield: \"technology\",\r\n\t\t\t\t\ttitle: \"Tecnologia\",\r\n\t\t\t\t\tconfigId: \"technology\",\t\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\t\r\n // {\r\n\t\t\t\t// \tfield: \"driver\",\r\n\t\t\t\t// \ttitle: \"Conducenti\",\r\n\t\t\t\t// \tconfigId: \"driver\",\t\t\t\t\t\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: true,\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \tformat: 'dropdownlist'\t\t\t\t\t\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n indexNewItem: 0,\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: true,\r\n\t\t};\r\n\t},\r\n\tcreated() { \r\n\t\tbus.$on(\"import-ended\", this.getData); \r\n this.companyId = this.$route.params.id;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\t// this.getDrivers();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\t\t\r\n\r\n\t\t// this.sort = [{ field: \"id\", dir: \"desc\" }];\r\n\t\tthis.query.pageSize = 5;\r\n\t\tthis.take = 5;\r\n\t},\r\n\tmethods: { \r\n\t\tgetDrivers() {\t\t\t\r\n\t\t\tthis.drivers.push({ key: 0, value: \"driver1\" }); //id driver, //nome e cognome\r\n\t\t\tthis.drivers.push({ key: 1, value: \"driver2\" });\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n var newItem = {\r\n id: 0,\r\n uid: \"\",\r\n number: \"\",\r\n technology: \"\",\r\n };\r\n this.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n this.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t}, \r\n \r\n cloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n this.columns.forEach(c => {\r\n if (c.field !== \"id\"){\r\n self.columnsToShow.push(c);\r\n }\r\n })\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n var data = this._.clone(this.query);\r\n data.id = self.companyId\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getCompanyRFIDs(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n self.items = res.items.map(function(item) {\r\n var row = {};\r\n\t\t\t\t\tself.columns.forEach(function(c) {\t\r\n row[c.field] = item[c.field];\r\n\t\t\t\t\t});\r\n\t\t\t\t\t// row['driver'] = 1; //id driver\r\n \r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\t\t\t\t\r\n self.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n itemChange: function(e) {\r\n //Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\t\t\t\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (e.dataItem.id > 0 && (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true)) this.updatedItems.push(item);\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n saveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyRFIDs(this.companyId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n this.query.id = self.companyId;\r\n\t\t\tif (type == \"csv\") \r\n\t\t\t\tthis.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\")\r\n\t\t\t\tthis.query[\"format\"] = \"excel\";\r\n\t\t\tapi.exportXlsx(\"rfid\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `rfid.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tdrivers() {\r\n\t\t\t// console.log('drivers');\r\n\t\t\treturn this.driversList;\r\n\t\t},\t\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./rfid.vue.js?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/eslint-loader/index.js??ref--13-0!./rfid.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rfid.vue?vue&type=template&id=0900fb8d&\"\nimport script from \"./rfid.vue.js?vue&type=script&lang=js&\"\nexport * from \"./rfid.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-10\",modifiers:{\"collapse-10\":true}}]},[_vm._v(\"MEZZI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-10\",modifiers:{\"collapse-10\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-10\"}},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showAdd\":true,\"showEdit\":true,\"showUndo\":true,\"showExport\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem,\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"add-item\":_vm.addItem,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'ve-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myVehicleCodeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.codeFilters,\"filterItemsSelected\":_vm.codeFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myMatriculationDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ve-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleGroupsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'mz-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsDataFilters,\"filterItemsSelected\":_vm.groupsDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCategoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.categoriesFilters,\"filterItemsSelected\":_vm.categoriesFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xxxlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myLicenseTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.licenseTypesFilters,\"filterItemsSelected\":_vm.licenseTypesFiltersSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myFuelTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.fuelTypesFilters,\"filterItemsSelected\":_vm.fuelTypesFiltersSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySecondaryFuelTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.secondaryFuelTypesFilters,\"filterItemsSelected\":_vm.secondaryFuelTypesFiltersSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myOwnershipTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.ownershipTypesFilters,\"filterItemsSelected\":_vm.ownershipTypesFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDivisionsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.divisionsFilter,\"filterItemsSelected\":_vm.divisionsFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myOwnershipSupliersHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.ownershipSuppliers,\"filterItemsSelected\":_vm.ownershipSuppliersFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellNotRequiredTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"required\":false,\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myImageCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.number_plate,\"triggers\":\"hover\",\"delay\":\"600\",\"disabled\":_vm.notHasGeolocationPermission || _vm.isBoxDeactivated(props.dataItem.box_end_date)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tLocalizza\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{class:[_vm.notHasGeolocationPermission || _vm.isBoxDeactivated(props.dataItem.box_end_date) ? 'button-icon-disabled' : ''],staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../../assets/map/icon/vehicle_realtime.png\"),\"id\":props.dataItem.number_plate},on:{\"click\":function($event){return _vm.goToLocalizazion(props.dataItem[_vm.vehicleIdFilterField], props.dataItem.box_end_date, props.dataItem.id)}}})],1)]}},{key:\"brandCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.brand.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.brand.key,\"data-source\":_vm.allBrands,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona marca',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onBrandChange($event, props.dataItem.id)}}})],1)])]}},{key:\"fuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, false)}}})],1)])]}},{key:\"secondaryFuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.secondary_fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.secondary_fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione secondaria',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, true)}}})],1)])]}},{key:\"categoryCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.category.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.category.key,\"data-source\":_vm.allCategories,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona classificazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onCategoryChange($event, props.dataItem.id)}}})],1)])]}},{key:\"licenseCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.driving_license_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.driving_license_type.key,\"data-source\":_vm.allLicenses,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona patente',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onLicenseChange($event, props.dataItem.id)}}})],1)])]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}}],null,false,240344803)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tchangedTime: Date \r\n\t},\t\r\n\twatch: {\r\n\t\tchangedTime() {\r\n\t\t\tthis.getGroups();\r\n\t\t}\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tdataReady: false,\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\tallBrands: [],\r\n\t\t\tallFuelTypes: [],\r\n\t\t\tallCategories: [],\r\n\t\t\tallLicenses: [],\r\n\t\t\tgroupsData: [],\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_codes\",\r\n\t\t\t\t\ttitle: \"CODICE\",\r\n\t\t\t\t\tconfigId: \"code\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myVehicleCodeHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\t// format: \"link\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\ttitle: \"TARGA\",\r\n\t\t\t\t\tconfigId: \"numberPlate\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\t// format: \"link\",\r\n\t\t\t\t\theaderCell: \"myVehicleNumberPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"brand\",\r\n\t\t\t\t\ttitle: \"MARCA\",\r\n\t\t\t\t\tconfigId: \"vehicleBrandModel\",\r\n\t\t\t\t\twidth: \"300\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"brandCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"MODELLO\",\r\n\t\t\t\t\tconfigId: \"name\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_vendor\",\r\n\t\t\t\t\ttitle: \"FORNITORE BOX\",\r\n\t\t\t\t\tconfigId: \"box_vendor\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"BOX\",\r\n\t\t\t\t\tconfigId: \"box_serial_number\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"has_odometer\",\r\n\t\t\t\t\ttitle: \"DIS. ODOMETRO\",\r\n\t\t\t\t\tconfigId: \"has_odometer\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"total_km\",\r\n\t\t\t\t\ttitle: \"TOTALE KM\",\r\n\t\t\t\t\tconfigId: \"total_km\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\tformat: \"decimal\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\t\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fuel_level_not_available\",\r\n\t\t\t\t\ttitle: \"DIS. LIV. CARBURANTE\",\r\n\t\t\t\t\tconfigId: \"fuelLevelNotAvailable\",\r\n\t\t\t\t\twidth: \"180\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"odometer_lt\",\r\n\t\t\t\t\ttitle: \"LIVELLO SERBATOIO\",\r\n\t\t\t\t\tconfigId: \"odometer_lt\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"decimal\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"working_hours\",\r\n\t\t\t\t\ttitle: \"ORE USO\",\r\n\t\t\t\t\tconfigId: \"working_hours\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"working_hours_pto2\",\r\n\t\t\t\t\ttitle: \"ORE LAVORO PTO 2\",\r\n\t\t\t\t\tconfigId: \"working_hours_pto2\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"category\",\r\n\t\t\t\t\ttitle: \"CLASSIFICAZIONE\",\r\n\t\t\t\t\tconfigId: \"categoryName\",\r\n\t\t\t\t\twidth: \"180\",\r\n\t\t\t\t\theaderCell: \"myCategoriesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"categoryCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"average_consumption\",\r\n\t\t\t\t\ttitle: \"CONSUMO MEDIO COSTRUTTORE\",\r\n\t\t\t\t\tconfigId: \"averageConsumption\",\r\n\t\t\t\t\twidth: \"305\",\r\n\t\t\t\t\tformat: \"decimal\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"tank_capacity\",\r\n\t\t\t\t\ttitle: \"CAPACITà SERBATOIO\",\r\n\t\t\t\t\tconfigId: \"tankCapacity\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"decimal\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"accessories\",\r\n\t\t\t\t\ttitle: \"ACCESSORI\",\r\n\t\t\t\t\tconfigId: \"accessories\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttitle: \"DIVISIONI\",\r\n\t\t\t\t\tconfigId: \"groups\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myVehicleGroupsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"groupsCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fuel_type\",\r\n\t\t\t\t\ttitle: \"ALIMENTAZIONE\",\r\n\t\t\t\t\tconfigId: \"fuelTypeName\",\r\n\t\t\t\t\twidth: \"170\",\r\n\t\t\t\t\theaderCell: \"myFuelTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"fuelTypeCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"secondary_fuel_type\",\r\n\t\t\t\t\ttitle: \"ALIMENTAZIONE SECONDARIA\",\r\n\t\t\t\t\tconfigId: \"secondaryFuelTypeName\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"mySecondaryFuelTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"secondaryFuelTypeCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"matriculation_date\",\r\n\t\t\t\t\ttitle: \"DATA IMMATRICOLAZIONE\",\r\n\t\t\t\t\tconfigId: \"matriculationDate\",\r\n\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\theaderCell: \"myMatriculationDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"is_available\",\r\n\t\t\t\t\ttitle: \"DISPONIBILE\",\r\n\t\t\t\t\tconfigId: \"available\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"declared_co2_emission\",\r\n\t\t\t\t\ttitle: \"EMISSIONI co
2 COSTRUTTORE\",\r\n\t\t\t\t\tconfigId: \"declaredCo2Emission\",\r\n\t\t\t\t\twidth: \"290\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"gross_vehicle_mass\",\r\n\t\t\t\t\ttitle: \"MASSA COMPLESSIVA\",\r\n\t\t\t\t\tconfigId: \"grossVehicleMass\",\r\n\t\t\t\t\twidth: \"210\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"power_kw\",\r\n\t\t\t\t\ttitle: \"POTENZA\",\r\n\t\t\t\t\tconfigId: \"powerKw\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"displacement\",\r\n\t\t\t\t\ttitle: \"CILINDRATA\",\r\n\t\t\t\t\tconfigId: \"displacement\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driving_license_type\",\r\n\t\t\t\t\ttitle: \"PATENTE RICHIESTA\",\r\n\t\t\t\t\tconfigId: \"drivingLicenseTypeName\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myLicenseTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"licenseCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"battery_capacity\",\r\n\t\t\t\t\ttitle: \"CAPACITà BATTERIA\",\r\n\t\t\t\t\tconfigId: \"batteryCapacity\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"km_covered_recharge\",\r\n\t\t\t\t\ttitle: \"KM COPERTI CON UNA RICARICA\",\r\n\t\t\t\t\tconfigId: \"kmCoveredRecharge\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"expulsion_date\",\r\n\t\t\t\t\ttitle: \"DATA RADIAZIONE\",\r\n\t\t\t\t\tconfigId: \"expulsionDate\",\r\n\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\theaderCell: \"myMatriculationDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tdate: \"12/07/2019\",\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tnotHasGeolocationPermission: true,\r\n\r\n\t\t\t//table filters\r\n\t\t\tvehicles: [],\r\n\t\t\t// vehicleNameFilters: [],\r\n\t\t\t// vehicleNameFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tcodeFilters: [],\r\n\t\t\tcodeFilterSelected: [],\r\n\t\t\tboxNumberFilters: [],\r\n\t\t\tboxNumberFilterSelected: [],\r\n\t\t\tgroupsDataFilters: [],\r\n\t\t\tgroupsDataFiltersSelected: [],\r\n\t\t\tfuelTypesFilters: [],\r\n\t\t\tfuelTypesFiltersSelected: [],\r\n\t\t\tsecondaryFuelTypesFilters: [],\r\n\t\t\tsecondaryFuelTypesFiltersSelected: [],\r\n\t\t\tdriverNameSurnameFilters: [],\r\n\t\t\tdriverNameSurnameFilterSelected: [],\r\n\t\t\tcategoriesFilters: [],\r\n\t\t\tcategoriesFiltersSelected: [],\r\n\t\t\tlicenseTypesFilters: [],\r\n\t\t\tlicenseTypesFiltersSelected: [],\r\n\t\t\tdriverCFFilters: [],\r\n\t\t\tdriverCFFilterSelected: [],\r\n\t\t\townershipTypesFilters: [],\r\n\t\t\townershipTypesFilterSelected: [],\r\n\t\t\townershipSuppliers: [],\r\n\t\t\townershipSuppliersFilterSelected: [],\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\",\r\n\r\n\t\t\t\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tbus.$on(\"import-ended\", this.getData);\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\t\tif (this.vehicleIdFilterField == \"code\") this.vehicleIdFilterField = \"vehicle_codes\";\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tif (this.scopes && this.scopes.length > 0) {\r\n\t\t\tthis.notHasGeolocationPermission =\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"GEOLOCATION\";\r\n\t\t\t\t}) == false;\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\r\n\r\n\t\tthis.getFilterVehicles();\r\n\t\tthis.getBrands();\r\n\t\tthis.getGroups();\r\n\t\tthis.getFuelTypes();\r\n\t\tthis.getCategories();\r\n\t\tthis.getDrivingLicenseTypes();\r\n\t\tthis.getOwnershipTypes();\r\n\t\tthis.getOwnershipSuppliers();\r\n\t},\r\n\tmethods: {\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tvar id = dataItem.id;\r\n\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tcompanyid: this.companyId,\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t// console.log(props.href);\r\n\t\t\treturn props.href;\t\t\t\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\treturn dataItem.id;\r\n\t\t\t\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.exitEditCell();\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\texitEditCell: function() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t\tthis.editField = undefined;\r\n\t\t},\r\n\t\tgetBrands() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyBrands(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.allBrands = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.allBrands.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tvehicle_codes: \"\",\r\n\t\t\t\tcode: \"\",\r\n\t\t\t\tnumber_plate: \"\",\r\n\t\t\t\tbrand: {key: 0, value: \"\"},\r\n\t\t\t\townership_type: \"\",\r\n\t\t\t\townership_supplier: \"\",\r\n\t\t\t\tgroups: [],\r\n\t\t\t\tname: \"\",\r\n\t\t\t\tfuel_type: {key: 0, value: \"\"},\r\n\t\t\t\tsecondary_fuel_type: {key: 0, value: \"\"},\r\n\t\t\t\ttank_capacity: null,\r\n\t\t\t\tcategory: {key: 0, value: \"\"},\r\n\t\t\t\tcar_sharing: false,\r\n\t\t\t\tmatriculation_date: null,\r\n\t\t\t\texpulsion_date: null,\r\n\t\t\t\tis_available: false,\r\n\t\t\t\tdeclared_co2_emission: 0,\r\n\t\t\t\taverage_consumption: null,\r\n\t\t\t\tgross_vehicle_mass: 0,\r\n\t\t\t\tpower_kw: 0,\r\n\t\t\t\tdisplacement: 0,\r\n\t\t\t\tdriving_license_type: {key: 0, value: \"\"},\r\n\t\t\t\tbattery_capacity: 0,\r\n\t\t\t\tkm_covered_recharge: 0,\r\n\t\t\t\tfuel_level_not_available: false,\r\n\t\t\t\tcategory_id: null,\r\n\t\t\t\tbrand_id: null,\r\n\t\t\t\tfuel_type_id: null,\r\n\t\t\t\tsecondary_fuel_type_id: null,\r\n\t\t\t\tdriving_license_type_id: null,\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"code\") {\r\n\t\t\t\tthis.codeFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t}\r\n\t\t\t// if (e.field == \"brand\") {\r\n\t\t\t// \tthis.vehicleNameFilterSelected = [];\r\n\t\t\t// }\r\n\t\t\tif (e.field == \"groups\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_surname_name\") {\r\n\t\t\t\tthis.driverNameSurnameFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_fiscal_code\") {\r\n\t\t\t\tthis.driverCFFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"fuel_type\") {\r\n\t\t\t\tthis.fuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"secondary_fuel_type\") {\r\n\t\t\t\tthis.secondaryFuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_type\") {\r\n\t\t\t\tthis.ownershipTypesFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_supplier\") {\r\n\t\t\t\tthis.ownershipSuppliersFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"category\") {\r\n\t\t\t\tthis.categoriesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetDrivingLicenseTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyDrivingLicenseTypes(self.companyId).then(res => {\r\n\t\t\t\tself.allLicenses = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.licenseTypesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.allLicenses.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetOwnershipTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyOwnershipTypes(self.companyId).then(res => {\r\n\t\t\t\tself.ownershipTypesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetOwnershipSuppliers() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyOwnershipSuppliers(self.companyId).then(res => {\r\n\t\t\t\tself.ownershipSuppliers = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name.toLowerCase()\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value;\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetCategories() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyCategories(self.companyId).then(res => {\r\n\t\t\t\tself.allCategories = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: `${item.name}${item.description ? \" - \" + item.description : \"\"}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.categoriesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: `${item.name}${item.description ? \" - \" + item.description : \"\"}`\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.allCategories.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetFuelTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyFuelTypes(self.companyId).then(res => {\r\n\t\t\t\tself.allFuelTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.allFuelTypes.unshift({ id: 0, name: \"\" });\r\n\r\n\t\t\t\tself.fuelTypesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.secondaryFuelTypesFilters = JSON.parse(JSON.stringify(self.fuelTypesFilters));\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyGroups(self.companyId).then(res => {\r\n\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\t\r\n\r\n\t\t\t\tself.groupsDataFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetFilterVehicles: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tapi.getVehicleFilters({ page: 0, pageSize: 1000000, companyId: self.companyId }).then(res => {\r\n\t\t\t\tself.vehicles = res.items.map(function(vehicle) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: vehicle.id,\r\n\t\t\t\t\t\tname: vehicle.name,\r\n\t\t\t\t\t\tnumber_plate: vehicle.number_plate,\r\n\t\t\t\t\t\tname_numberplate: `${vehicle.number_plate} ${vehicle.name}`,\r\n\t\t\t\t\t\tcode: vehicle.code ? vehicle.code.toLowerCase() : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tfor (var i = 0; i < self.vehicles.length; i++) {\r\n\t\t\t\t\tvar vehicle = self.vehicles[i];\r\n\r\n\t\t\t\t\tif (vehicle.number_plate) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.plateNumberFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == vehicle.number_plate;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.plateNumberFilters.push({\r\n\t\t\t\t\t\t\t\tid: vehicle.number_plate,\r\n\t\t\t\t\t\t\t\tvalue: vehicle.number_plate\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (vehicle.code) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.codeFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == vehicle.code;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.codeFilters.push({\r\n\t\t\t\t\t\t\t\tid: vehicle.code,\r\n\t\t\t\t\t\t\t\tvalue: vehicle.code\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tself.plateNumberFilters = self._.sortBy(self.plateNumberFilters, [\"value\"]);\r\n\t\t\t\t\tself.codeFilters = self._.sortBy(self.codeFilters, [\"value\"]);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\t\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.matriculation_date) {\r\n\t\t\t\t\titem.matriculation_date = this.dateStringToMomentFormat(item.matriculation_date);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\titem.matriculation_date = null;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif (item.expulsion_date) {\r\n\t\t\t\t\titem.expulsion_date = this.dateStringToMomentFormat(item.expulsion_date);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\titem.expulsion_date = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\t\t\t\titem.category_id = item.category.key > 0 ? item.category.key : null;\r\n\t\t\t\titem.brand_id = item.brand.key > 0 ? item.brand.key : null;\r\n\t\t\t\titem.fuel_type_id = item.fuel_type.key > 0 ? item.fuel_type.key : null;\r\n\t\t\t\titem.secondary_fuel_type_id = item.secondary_fuel_type.key > 0 ? item.secondary_fuel_type.key : null;\r\n\t\t\t\titem.driving_license_type_id = item.driving_license_type.key > 0 ? item.driving_license_type.key : null;\r\n\t\t\t\titem.code = item.vehicle_codes;\r\n\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.matriculation_date) {\r\n\t\t\t\t\titem.matriculation_date = this.dateStringToMomentFormat(item.matriculation_date);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\titem.matriculation_date = null;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif (item.expulsion_date) {\r\n\t\t\t\t\titem.expulsion_date = this.dateStringToMomentFormat(item.expulsion_date);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\titem.expulsion_date = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\t\t\t\titem.category_id = item.category.key > 0 ? item.category.key : null;\r\n\t\t\t\titem.brand_id = item.brand.key > 0 ? item.brand.key : null;\r\n\t\t\t\titem.fuel_type_id = item.fuel_type.key > 0 ? item.fuel_type.key : null;\r\n\t\t\t\titem.secondary_fuel_type_id = item.secondary_fuel_type.key > 0 ? item.secondary_fuel_type.key : null;\r\n\t\t\t\titem.driving_license_type_id = item.driving_license_type.key > 0 ? item.driving_license_type.key : null;\r\n\t\t\t\titem.code = item.vehicle_codes;\r\n\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.matriculation_date) {\r\n\t\t\t\t\titem.matriculation_date = this.dateStringToMomentFormat(item.matriculation_date);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\titem.matriculation_date = null;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif (item.expulsion_date) {\r\n\t\t\t\t\titem.expulsion_date = this.dateStringToMomentFormat(item.expulsion_date);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\titem.expulsion_date = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\t\t\t\titem.category_id = item.category.key > 0 ? item.category.key : null;\r\n\t\t\t\titem.brand_id = item.brand.key > 0 ? item.brand.key : null;\r\n\t\t\t\titem.fuel_type_id = item.fuel_type.key > 0 ? item.fuel_type.key : null;\r\n\t\t\t\titem.secondary_fuel_type_id = item.secondary_fuel_type.key > 0 ? item.secondary_fuel_type.key : null;\r\n\t\t\t\titem.driving_license_type_id = item.driving_license_type.key > 0 ? item.driving_license_type.key : null;\r\n\t\t\t\titem.code = item.vehicle_codes;\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyVeichle(this.companyId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.exitEditCell();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(groups, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tonBrandChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\t// console.log(e, rowId, newValue, this.items);\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newB = this.allBrands.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\t\t\t\trow.brand.key = newB.id;\r\n\t\t\t\trow.brand.value = newB.name;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tonFuelChange(e, rowId, secondary) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.allFuelTypes.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\t\t\t\tif (secondary) {\r\n\t\t\t\t\trow.secondary_fuel_type.key = newItem.id;\r\n\t\t\t\t\trow.secondary_fuel_type.value = newItem.name;\r\n\t\t\t\t} else {\r\n\t\t\t\t\trow.fuel_type.key = newItem.id;\r\n\t\t\t\t\trow.fuel_type.value = newItem.name;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tonCategoryChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.allCategories.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.category.key = newItem.id;\r\n\t\t\t\trow.category.value = newItem.name;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tonLicenseChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.allLicenses.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.driving_license_type.key = newItem.id;\r\n\t\t\t\trow.driving_license_type.value = newItem.name;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tonGroupsChange(e, rowId) {\r\n\t\t\tvar newValues = e.sender.value();\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newGroups = [];\r\n\t\t\tfor (let i = 0; i < this.groupsData.length; i++) {\r\n\t\t\t\tconst group = this.groupsData[i];\r\n\t\t\t\tif (newValues.includes(group.key)) {\r\n\t\t\t\t\tnewGroups.push({\r\n\t\t\t\t\t\tkey: group.key,\r\n\t\t\t\t\t\tvalue: group.value\r\n\t\t\t\t\t})\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t}\r\n\t\t\tif (row) {\r\n\t\t\t\trow.groups = newGroups;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\t\t\t//because field and filter is different\r\n\t\t\tif (data.sort.indexOf(\"vehicle_codes\") >= 0) {\r\n\t\t\t\tdata.sort = data.sort.replace(\"vehicle_codes\", \"code\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getCompanyVehicles(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\tself.columns.forEach(function(c) {\r\n\t\t\t\t\t\tif (c.configId === \"vehicleBrandModel\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.brand ? item.brand : { key: 0, value: \"\" };\r\n\t\t\t\t\t\t} else if (c.configId === \"ownershipTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.ownership_type ? item.ownership_type.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"ownershipSupplierName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.ownership_supplier ? item.ownership_supplier.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"groups\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.groups;\r\n\t\t\t\t\t\t} else if (c.configId === \"driverSurnameName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.driver_name ? `${item.driver_surname} ${item.driver_name}` : item.driver_surname;\r\n\t\t\t\t\t\t} else if (c.configId === \"fuelTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.fuel_type ? item.fuel_type : { key: 0, value: \"\" };\r\n\t\t\t\t\t\t} else if (c.configId === \"secondaryFuelTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.secondary_fuel_type ? item.secondary_fuel_type : { key: 0, value: \"\" };\r\n\t\t\t\t\t\t} else if (c.configId === \"categoryName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.category ? item.category : { key: 0, value: \"\" };\r\n\t\t\t\t\t\t} else if (c.configId === \"drivingLicenseTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.driving_license_type ? item.driving_license_type : { key: 0, value: \"\" };\r\n\t\t\t\t\t\t} else if (c.configId === \"matriculationDate\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.matriculation_date;\r\n\t\t\t\t\t\t} else if (c.configId === \"expulsionDate\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.expulsion_date;\r\n\t\t\t\t\t\t} else if (c.configId === \"code\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.code ? item.code : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"total_km\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.has_odometer ? item.odometer_km : item.gps_km;\r\n\t\t\t\t\t\t} else if (c.configId === \"working_hours\"){\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t\tif (row[c.field]){\r\n\t\t\t\t\t\t\t\trow[c.field] = row[c.field].toFixed(0);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (c.configId === \"working_hours_pto2\"){\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t\tif (row[c.field]){\r\n\t\t\t\t\t\t\t\trow[c.field] = row[c.field].toFixed(0);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\trow.box_end_date = item.box_end_date;\r\n\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\t\t\t\t// console.log(field, c);\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.query.companyId = self.companyId;\r\n\t\t\tif (type == \"csv\") \r\n\t\t\t\tthis.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\")\r\n\t\t\t\tthis.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tthis.query[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t\tapi.exportXlsx(\"companies/vehicles\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Veicoli.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\t\t\tvar self = this;\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tcompanyid: self.companyId,\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToLocalizazion(number_plate, box_end_date, vehicleId) {\r\n\t\t\tif (this.notHasGeolocationPermission == false && this.isBoxDeactivated(box_end_date) == false) {\r\n\t\t\t\tthis.$router.push({\r\n\t\t\t\t\tname: \"GEOLOCATION\",\r\n\t\t\t\t\tquery: {\r\n\t\t\t\t\t\tvehicleId: number_plate\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisBoxDeactivated(boxEndDate) {\r\n\t\t\tif (!boxEndDate) return false;\r\n\r\n\t\t\tvar now = moment();\r\n\t\t\tvar endDate = moment.utc(boxEndDate).tz(\"Europe/Rome\");\r\n\r\n\t\t\treturn endDate < now;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\", \"scopes\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./vehicles.vue.js?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/eslint-loader/index.js??ref--13-0!./vehicles.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehicles.vue?vue&type=template&id=310cb7b7&\"\nimport script from \"./vehicles.vue.js?vue&type=script&lang=js&\"\nexport * from \"./vehicles.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-11\",modifiers:{\"collapse-11\":true}}]},[_vm._v(\"CONDUCENTI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-11\",modifiers:{\"collapse-11\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-11\"}},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showExport\":true,\"showAdd\":true,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"save-data-items\":_vm.saveData,\"switch-edit-mode\":_vm.switchEditMode,\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')},\"add-item\":_vm.addDriver}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myDriverNameHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driverNameFilters,\"filterItemsSelected\":_vm.driverNameFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverSurnameHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driverSurnameFilters,\"filterItemsSelected\":_vm.driverSurnameFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverRFIDHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driverRFIDFilters,\"filterItemsSelected\":_vm.driverRFIDFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverCFHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driverCFFilters,\"filterItemsSelected\":_vm.driverCFFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverGroupsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsDataFilters,\"filterItemsSelected\":_vm.groupsDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"required\":false,\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"rfidCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.rfid_code)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]}}],null,false,2599421717)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tchangedTime: Date \r\n\t},\t\r\n\twatch: {\r\n\t\tchangedTime() {\r\n\t\t\tthis.getGroups();\r\n\t\t}\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"Id\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"Nome\",\r\n\t\t\t\t\tconfigId: \"name\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"surname\",\r\n\t\t\t\t\ttitle: \"Cognome\",\r\n\t\t\t\t\tconfigId: \"surname\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"rfid_code\",\r\n\t\t\t\t\ttitle: \"Codice rFid\",\r\n\t\t\t\t\tconfigId: \"rfidCode\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fiscal_code_2\",\r\n\t\t\t\t\ttitle: \"Codice Univoco\",\r\n\t\t\t\t\tconfigId: \"fiscalCode\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"email\",\r\n\t\t\t\t\ttitle: \"Email\",\r\n\t\t\t\t\tconfigId: \"email\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"mobile_phone_number\",\r\n\t\t\t\t\ttitle: \"Cellulare\",\r\n\t\t\t\t\tconfigId: \"mobilePhoneNumber\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttitle: \"DIVISIONI\",\r\n\t\t\t\t\tconfigId: \"groups\",\r\n\t\t\t\t\theaderCell: \"myDriverGroupsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"groupsCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"employee_register\",\r\n\t\t\t\t\ttitle: \"Registro\",\r\n\t\t\t\t\tconfigId: \"employeeRegister\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"notes\",\r\n\t\t\t\t\ttitle: \"Note\",\r\n\t\t\t\t\tconfigId: \"notes\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"is_dismissed\",\r\n\t\t\t\t\ttitle: \"Dismissione\",\r\n\t\t\t\t\tconfigId: \"isDismissed\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tgroupsData: [],\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\trfids: [],\r\n\r\n\t\t\t//table filters\r\n\t\t\tgroupsDataFilters: [],\r\n\t\t\tgroupsDataFiltersSelected: [],\r\n\t\t\tdrivers: [],\r\n\t\t\tdriverNameFilters: [],\r\n\t\t\tdriverNameFilterSelected: [],\r\n\t\t\tdriverSurnameFilters: [],\r\n\t\t\tdriverSurnameFilterSelected: [],\r\n\t\t\tdriverCFFilters: [],\r\n\t\t\tdriverCFFilterSelected: []\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tbus.$on(\"import-ended\", this.getData);\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\t// this.sort = [{ field: \"id\", dir: \"desc\" }];\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\r\n\r\n\t\tthis.getGroups();\r\n\t\tthis.getRfids();\r\n\t},\r\n\tmethods: {\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tvar id = dataItem.id;\r\n\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\tname: \"SUPERADMIN_DRIVER_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tcompanyid: this.companyId,\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t// console.log(props.href);\r\n\t\t\treturn props.href;\t\t\t\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\treturn dataItem.id;\r\n\t\t\t\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"name\") {\r\n\t\t\t\tthis.driverNameFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"surname\") {\r\n\t\t\t\tthis.driverSurnameFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"fiscal_code\") {\r\n\t\t\t\tthis.driverCFFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"groups\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"rfid_code\") {\r\n\t\t\t\tthis.driverRFIDFilterSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetRfids() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyAvailableRFIDs(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.rfids = res.map(item => {\r\n\t\t\t\t\treturn { id: item, name: item };\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tonRFIDChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newRFID = this.rfids.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\t\t\t\trow.rfid_code = newRFID.id;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyGroups(self.companyId).then(res => {\r\n\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.groupsDataFilters = self._.sortBy(\r\n\t\t\t\t\tres\r\n\t\t\t\t\t\t.filter(function(item) {\r\n\t\t\t\t\t\t\treturn item.name.length > 0;\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\taddDriver() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\tsurname: \"\",\r\n\t\t\t\trfid_code: \"\",\r\n\t\t\t\tfiscal_code: \"\",\r\n\t\t\t\temail: \"\",\r\n\t\t\t\tmobile_phone_number: \"\",\r\n\t\t\t\tgroups: [],\r\n\t\t\t\temployee_register: \"\",\r\n\t\t\t\tnotes: \"\",\r\n\t\t\t\tis_dismissed: false\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tonGroupsChange(e, rowId) {\r\n\t\t\tvar newValues = e.sender.value();\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newGroups = [];\r\n\t\t\tfor (let i = 0; i < this.groupsData.length; i++) {\r\n\t\t\t\tconst group = this.groupsData[i];\r\n\t\t\t\tif (newValues.includes(group.key)) {\r\n\t\t\t\t\tnewGroups.push({\r\n\t\t\t\t\t\tkey: group.key,\r\n\t\t\t\t\t\tvalue: group.value\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (row) {\r\n\t\t\t\trow.groups = newGroups;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g) {\r\n\t\t\t\t\t\treturn g.key;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\titem.fiscal_code = item.fiscal_code_2;\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g) {\r\n\t\t\t\t\t\treturn g.key;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\titem.fiscal_code = item.fiscal_code_2;\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g) {\r\n\t\t\t\t\t\treturn g.key;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\titem.fiscal_code = item.fiscal_code_2;\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyDrivers(this.companyId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.exitEditCell();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\texitEditCell: function() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t\tthis.editField = undefined;\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getCompanyVehiclesDrivers(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\tself.columns.forEach(function(c) {\r\n\t\t\t\t\t\tif (c.configId === \"surnameName\") {\r\n\t\t\t\t\t\t\trow[c.field] = `${item.surname ? item.surname.toLowerCase() : \"\"} ${item.name ? item.name.toLowerCase() : \"\"}`;\r\n\t\t\t\t\t\t} else if (c.configId === \"groups\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.groups;\r\n\t\t\t\t\t\t} else if (c.field == \"fiscal_code_2\") {\r\n\t\t\t\t\t\t\trow[c.field] = item[\"fiscal_code\"];\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.query.companyId = self.companyId;\r\n\t\t\tif (type == \"csv\") \r\n\t\t\t\tthis.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\")\r\n\t\t\t\tthis.query[\"format\"] = \"excel\";\r\n\t\t\tapi.exportXlsx(\"companies/drivers\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Conducenti.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\t\t\tvar self = this;\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"SUPERADMIN_DRIVER_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tcompanyid: self.companyId,\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./drivers.vue.js?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/eslint-loader/index.js??ref--13-0!./drivers.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drivers.vue?vue&type=template&id=f0bed9e4&\"\nimport script from \"./drivers.vue.js?vue&type=script&lang=js&\"\nexport * from \"./drivers.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-14\",modifiers:{\"collapse-14\":true}}]},[_vm._v(\"BOX\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-14\",modifiers:{\"collapse-14\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-14\"}},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showExport\":true,\"showAdd\":false},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"remove\":_vm.remove,\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'bo-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'bo-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.statusFilters,\"filterItemsSelected\":_vm.statusFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xxxlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"statusCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.status.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.status.key,\"data-source\":_vm.allStatus,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona stato',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onStatusChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"accessoriesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.accessoriesToString(props.dataItem.accessories))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myAccessoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.accessoriesDataFilters,\"filterItemsSelected\":_vm.accessoriesDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySerialNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxVendorHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxVendorFilters,\"filterItemsSelected\":_vm.boxVendorFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"boxVendorCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.box_vendor)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.box_vendor,\"data-source\":_vm.boxVendorFilters,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona fornitore',\"template\":_vm.itemTemplateVendor,\"value-template\":_vm.valueTemplateVendor},on:{\"change\":function($event){return _vm.onBoxVendorChange($event, props.dataItem.id)}}})],1)])]}},{key:\"boxTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.type)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.type,\"data-source\":_vm.boxTypesFilters,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona tipologia',\"template\":_vm.itemTemplateType,\"value-template\":_vm.valueTemplateType},on:{\"change\":function($event){return _vm.onBoxTypeChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myCompanyHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.companyFilters,\"filterItemsSelected\":_vm.companyFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellDateTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}}],null,false,2617558872)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport moment from \"moment\";\r\nimport { bus } from \"../../../../main\";\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport Vue from \"vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcompanyId: null,\r\n\t\t\tcolumns: [\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"id\",\r\n\t\t\t\t// \ttitle: \"Id box\",\r\n\t\t\t\t// \tconfigId: \"id\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"Numero seriale\",\r\n\t\t\t\t\theaderCell: \"mySerialNumberHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_vendor\",\r\n\t\t\t\t\ttitle: \"Fornitore\",\r\n\t\t\t\t\theaderCell: \"myBoxVendorHeaderTemplate\",\r\n\t\t\t\t\tcell: \"boxVendorCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\ttitle: \"targa\",\r\n\t\t\t\t\theaderCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"vehicle_id\",\r\n\t\t\t\t// \ttitle: \"id veicolo\",\r\n\t\t\t\t// \t// headerCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \trequired: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type\",\r\n\t\t\t\t\ttitle: \"Tipologia\",\r\n\t\t\t\t\theaderCell: \"myBoxTypeHeaderTemplate\",\r\n\t\t\t\t\tcell: \"boxTypeCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"sim\",\r\n\t\t\t\t\ttitle: \"Sim\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\trequired: false,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\theaderCell: \"myStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"statusCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"contract_end_date\",\r\n\t\t\t\t\ttitle: \"fine contratto\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"installation_end_date\",\r\n\t\t\t\t\ttitle: \"fine istallazione\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterSelected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tcompanyFilters: [],\r\n\t\t\tcompanyFilterSelected: [],\r\n\t\t\taccessoriesDataFilters: [],\r\n\t\t\taccessoriesDataFiltersSelected: [],\r\n\t\t\tboxTypesFilters: [],\r\n\t\t\tboxTypesFilterselected: [],\r\n\t\t\tstatusFilters: [],\r\n\t\t\tstatusFiltersSelected: [],\r\n\t\t\tallStatus: [],\r\n\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\titemTemplateVendor: \"#= value #\",\r\n\t\t\tvalueTemplateVendor: \"#= value #\",\r\n\t\t\titemTemplateType: \"#= value #\",\r\n\t\t\tvalueTemplateType: \"#= value #\"\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.take = 100;\r\n\t\tthis.sort = [{ field: \"start_date\", dir: \"desc\" }];\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tvar companyQuery = this.$route.query.company;\r\n\t\tif (companyQuery) {\r\n\t\t\tvar filtersToAdd = {\r\n\t\t\t\tfield: \"company\",\r\n\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\tfilter: {\r\n\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\tfilters: []\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\tfield: `company[0]`,\r\n\t\t\t\toperator: \"contains\",\r\n\t\t\t\tvalue: companyQuery\r\n\t\t\t});\r\n\r\n\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getBoxSerial();\r\n\t\tthis.getBoxVendors();\r\n\t\tthis.getBoxTypes();\r\n\t\tthis.getPlates();\r\n\t\tthis.getStatus();\r\n\t\tthis.getData();\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tbox_serial_number: \"\",\r\n\t\t\tbox_vendor: \"\",\r\n\t\t\tbox_vendor: \"Texa\",\r\n\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\tend_date: null,\r\n\t\t\tinitial_odometer_value: 0,\r\n\t\t\tvehicle_id: null,\r\n\t\t\tcontract_end_date: null,\r\n\t\t\tinstallation_end_date: null,\r\n\t\t\ttype: \"\",\r\n\t\t\tstatus: \"\",\r\n\t\t\tstatus_id: null,\r\n\t\t\tisNew: true\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t},\r\n\twatch: {\r\n\t\tcheckCompanyQuery() {\r\n\t\t\tthis.columnFilters = [];\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tbox_serial_number: \"\",\r\n\t\t\t\tbox_vendor: \"TELTONIKA\",\r\n\t\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\t\tend_date: null,\r\n\t\t\t\tinitial_odometer_value: 0,\r\n\t\t\t\tvehicle_id: null,\r\n\t\t\t\tcontract_end_date: null,\r\n\t\t\t\tinstallation_end_date: null,\r\n\t\t\t\ttype: \"\",\r\n\t\t\t\tstatus: { key: 1, value: \"NUOVE\" },\r\n\t\t\t\tstatus_id: 1\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tvar cellRemove = this.columns[this.columns.length - 1];\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tcellRemove.className = \"k-button k-grid-remove-command\";\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t} else {\r\n\t\t\t\tcellRemove.className = \"forceActivatedDeleteCommand k-button k-grid-remove-command\";\r\n\t\t\t}\r\n\t\t\t// this.saveVehiclesBoxesRequest = null;\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t} else if (e.field == \"company\") {\r\n\t\t\t\tthis.companyFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_serial_number\") {\r\n\t\t\t\tthis.boxSerialFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_vendor\") {\r\n\t\t\t\tthis.boxVendorFilterSelected = [];\r\n\t\t\t} else if (e.field == \"accessories\") {\r\n\t\t\t\tthis.accessoriesDataFiltersSelected = [];\r\n\t\t\t} else if (e.field == \"type\") {\r\n\t\t\t\tthis.boxTypesFilterselected = [];\r\n\t\t\t} else if (e.field == \"status\") {\r\n\t\t\t\tthis.statusFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\taccessoriesToString(accessories) {\r\n\t\t\tif (this._.isNull(accessories) === false && this._.isUndefined(accessories) === false && this._.isArray(accessories) && accessories.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(accessories, function(a) {\r\n\t\t\t\t\treturn a.value ? a.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tonStatusChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.allStatus.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.status.key = newItem.id;\r\n\t\t\t\trow.status.value = newItem.name;\r\n\t\t\t\trow.status_id = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonBoxVendorChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.boxVendorFilters.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.box_vendor = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonBoxTypeChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.boxTypesFilters.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.type = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tif (e.dataItem.id == 0) return;\r\n\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tgetStatus() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxStatus().then(res => {\r\n\t\t\t\tself.allStatus = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: `${item.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.statusFilters = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tvalue: `${item.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.allStatus.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxSerial: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxSerialsByCompany(self.companyId).then(res => {\r\n\t\t\t\tself.boxSerialFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetPlates: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getPlatesByCompany(self.companyId).then(res => {\r\n\t\t\t\tself.plateNumberFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.number_plate,\r\n\t\t\t\t\t\t\tvalue: item.number_plate\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.plateNumberFilters.unshift({\r\n\t\t\t\t\tid: \"SENZA TARGA\",\r\n\t\t\t\t\tvalue: \"SENZA TARGA\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// console.log(self.plateNumberFilters);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxVendors: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxVendors().then(res => {\r\n\t\t\t\tself.boxVendorFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.boxVendorFilters.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxTypes().then(res => {\r\n\t\t\t\tself.boxTypesFilters = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.boxTypesFilters.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.status) item.status_id = item.status.key;\r\n\t\t\t\tif (item.start_date) item.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\tif (item.installation_end_date) item.installation_end_date = this.dateStringToMomentFormat(item.installation_end_date);\r\n\t\t\t\telse item.installation_end_date = null;\r\n\t\t\t\tif (item.contract_end_date) item.contract_end_date = this.dateStringToMomentFormat(item.contract_end_date);\r\n\t\t\t\telse item.contract_end_date = null;\r\n\t\t\t\tif (item.end_date) item.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\telse item.end_date = null;\r\n\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postBoxesByCompany(this.companyId, this.createdItems, updatedItemsNormilized, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tvar cellRemove = this.columns[this.columns.length - 1];\r\n\t\t\t\t\t\tcellRemove.className = \"k-button k-grid-remove-command\";\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\t// data.sort = [\"start_date|desc\"];\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// console.log(this.columnFilters);\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.getBoxesByCompany(self.companyId, data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\trow.id = item.id;\r\n\t\t\t\t\t\trow.box_serial_number = item.box_serial_number;\r\n\t\t\t\t\t\trow.box_vendor = item.box_vendor;\r\n\t\t\t\t\t\trow.start_date = item.start_date;\r\n\t\t\t\t\t\trow.end_date = item.end_date;\r\n\t\t\t\t\t\trow.contract_end_date = item.contract_end_date;\r\n\t\t\t\t\t\trow.installation_end_date = item.installation_end_date;\r\n\t\t\t\t\t\trow.type = item.type;\r\n\t\t\t\t\t\trow.number_plate = item.number_plate;\r\n\t\t\t\t\t\trow.vehicle_id = item.vehicle_id;\r\n\t\t\t\t\t\trow.status = item.status || { key: 0, value: \"\" };\r\n\t\t\t\t\t\trow.status_id = (item.status && item.status.id) || null;\r\n\t\t\t\t\t\trow.sim = item.sim;\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\r\n\t\t\t\t\t// self.boxTypesFilters = [{ id: \"MK0\", value: \"MK0\" }];\r\n\t\t\t\t\t// console.log(res.items);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tdata.companyId = self.companyId;\r\n\r\n\t\t\tapi.exportXlsx(\"boxescompany\", data).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"company\") {\r\n\t\t\t\t\tthis.goToCompany(e.dataItem);\r\n\t\t\t\t} else if (columnField.field == \"number_plate\") {\r\n\t\t\t\t\tthis.goToVehicle(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\tvar id = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\tvar vehicleId = dataItem.vehicle_id;\r\n\t\t\t\tvar companyId = this.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\treturn dataItem.company;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\treturn dataItem.number_plate;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoToCompany(dataItem) {\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getCompanyIdByName(dataItem.company).then(res => {\r\n\t\t\t\tcompanyId = res.id;\r\n\t\t\t\tif (companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tid: companyId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToVehicle(dataItem) {\r\n\t\t\tvar vehicleId = 0;\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getVeichleByPlate(dataItem.number_plate).then(res => {\r\n\t\t\t\tvehicleId = res.id;\r\n\t\t\t\tcompanyId = res.company_id;\r\n\t\t\t\tif (vehicleId > 0 && companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\tcheckCompanyQuery() {\r\n\t\t\treturn this.$route.query.company;\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./boxes.vue.js?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/eslint-loader/index.js??ref--13-0!./boxes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxes.vue?vue&type=template&id=eccb63b0&\"\nimport script from \"./boxes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./boxes.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-13\",modifiers:{\"collapse-13\":true}}]},[_vm._v(\"GIORNI CONTROLLO VIAGGI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-13\",modifiers:{\"collapse-13\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-13\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveTripAlarm}})],1)]),_c('div',{staticClass:\"col-lg-12 geofencesHourContainerList\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.days),function(item,idx){return _c('div',{key:idx,staticClass:\"col-lg-2 col-c1785-lg-1\",attrs:{\"id\":(\"day_\" + idx)}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\"},[_vm._v(_vm._s(item.weekday_name))])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isInEditMode},model:{value:(item.active),callback:function ($$v) {_vm.$set(item, \"active\", $$v)},expression:\"item.active\"}})],1)])]),(item.active)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"geofenceAddHourDetail\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"5px\"}},[_c('label',{staticClass:\"fk-textbox\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"for\":(\"starttimepicker_\" + idx)}},[_vm._v(\"DALLE\")])]),_c('div',{staticClass:\"col-lg-6\"},[_c('kendo-timepicker',{ref:(\"starttimepicker_\" + idx),refInFor:true,class:['geofenceTimePicker', _vm.errorsStartTime[idx] ? 'required' : ''],staticStyle:{\"max-width\":\"80px\"},attrs:{\"id\":(\"starttimepicker_\" + idx),\"value\":'',\"readonly\":_vm.isInEditMode ? false : true,\"format\":'HH:mm',\"culture\":'it-IT',\"dateInput\":true,\"interval\":15,\"parseFormats\":['HH:mm'],\"options\":_vm.options}})],1),_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"-5px\"}})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"5px\"}},[_c('label',{staticClass:\"fk-textbox\",staticStyle:{\"margin-right\":\"17px\"},attrs:{\"for\":(\"endtimepicker_\" + idx)}},[_vm._v(\"ALLE \")])]),_c('div',{staticClass:\"col-lg-6\"},[_c('kendo-timepicker',{ref:(\"endtimepicker_\" + idx),refInFor:true,class:['geofenceTimePicker', _vm.errorsEndTime[idx] ? 'required' : ''],staticStyle:{\"max-width\":\"80px\"},attrs:{\"id\":(\"endtimepicker_\" + idx),\"readonly\":_vm.isInEditMode ? false : true,\"format\":'HH:mm',\"culture\":'it-IT',\"dateInput\":true,\"interval\":15,\"parseFormats\":['HH:mm'],\"options\":_vm.options}})],1),_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"-5px\",\"text-align\":\"center\"}},[_c('span',{staticClass:\"k-icon k-i-plus-outline geofenceAddHourIcon\",class:[!_vm.isInEditMode ? 'disabled' : ''],on:{\"click\":function($event){return _vm.addHourByDay(item, idx)}}})])])])]):_vm._e(),(item.active && item.timeslots.length > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"geofenceHourDetailByDayContainer\"},_vm._l((item.timeslots),function(hr,ih){return _c('div',{key:ih,staticClass:\"col-lg-12 geofenceHourDetailByDayRow\",class:[hr.error ? 'error' : '']},[_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0px\"}},[_c('div',{staticClass:\"col-lg-9\",staticStyle:{\"padding\":\"0px\"}},[_c('label',{staticClass:\"fk-textbox\"},[_vm._v(\" DALLE \"+_vm._s(_vm._f(\"timeToStringHHmm\")(hr.from_time))+\" ALLE \"+_vm._s(_vm._f(\"timeToStringHHmm\")(hr.to_time)))])]),_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"padding\":\"0px\",\"text-align\":\"right\"}},[(_vm.isInEditMode)?_c('button',{staticClass:\"k-button k-grid-remove-command geofenceHourDetailByDayRowDeleteButton\",on:{\"click\":function($event){return _vm.removeHourByDay(item, ih)}}}):_vm._e()])])])}),0)]):_vm._e(),(!item.active)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"geofenceHourDetailByDayContainer\",staticStyle:{\"height\":\"150px\"}})]):_vm._e()])}),0)])])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdays: [],\r\n\t\t\tisInEditMode: false,\r\n\t\t\terrorsStartTime: [false, false, false, false, false, false, false],\r\n\t\t\terrorsEndTime: [false, false, false, false, false, false, false],\r\n\t\t\toptions: {\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\thour: \"HH\",\r\n\t\t\t\t\tminute: \"mm\"\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\t// dataReady: false,\r\n\t\t\t// driversList: [],\r\n\r\n\t\t\t// indexNewItem: 0,\r\n\t\t\t// config: [],\r\n\t\t\t// loading: false,\r\n\t\t\t// items: [],\r\n\t\t\t// canExportGridData: true\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.getData();\r\n\t},\r\n\tmethods: {\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.id = self.companyId;\r\n\t\t\tapi.getTripAlarmDays(data.id).then(res => {\r\n\t\t\t\tself.days = res;\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveTripAlarm() {\r\n\t\t\tvar self = this;\r\n\t\t\t// console.log(this.type_box, );\r\n\t\t\tvar data = {\r\n\t\t\t\tcompany_id: this.companyId,\r\n\t\t\t\tdays: this.days\r\n\t\t\t};\r\n\r\n\t\t\tconsole.log(data);\r\n\t\t\tapi.saveTripAlarm(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tremoveHourByDay(item, index) {\r\n\t\t\tif (index >= 0) {\r\n\t\t\t\titem.timeslots.splice(index, 1);\r\n\t\t\t}\r\n\t\t},\r\n\t\taddHourByDay(item, index) {\r\n\t\t\tif (this.isInEditMode) {\r\n\t\t\t\t//reset errors\r\n\t\t\t\tfor (var i = 0; i < this.errorsStartTime.length; i++) {\r\n\t\t\t\t\tVue.set(this.errorsStartTime, i, false);\r\n\t\t\t\t\tVue.set(this.errorsEndTime, i, false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar isValidRange = true;\r\n\t\t\t\tvar errors = {\r\n\t\t\t\t\tmessages: []\r\n\t\t\t\t};\r\n\t\t\t\tvar startDateElementRef = `starttimepicker_${index}`;\r\n\t\t\t\tvar endDateElementRef = `endtimepicker_${index}`;\r\n\r\n\t\t\t\tvar startTime = this.$refs[startDateElementRef][0].$el.value;\r\n\t\t\t\tvar endTime = this.$refs[endDateElementRef][0].$el.value;\r\n\r\n\t\t\t\tif (!startTime || !endTime) {\r\n\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"Specificare una data di inizio e fine per la fascia\" });\r\n\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar strStartTimeCheck = startTime.replace(\":\", \"\");\r\n\t\t\t\tif (isNaN(strStartTimeCheck)) {\r\n\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"Specificare una data di inizio valida per la fascia\" });\r\n\t\t\t\t\tVue.set(this.errorsStartTime, index, true);\r\n\r\n\t\t\t\t\tisValidRange = false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar strEndTimeCheck = endTime.replace(\":\", \"\");\r\n\t\t\t\tif (isNaN(strEndTimeCheck)) {\r\n\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"Specificare una data di fine valida per la fascia\" });\r\n\t\t\t\t\tVue.set(this.errorsEndTime, index, true);\r\n\r\n\t\t\t\t\tisValidRange = false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!isValidRange) {\r\n\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar mStartTime = moment(startTime, \"HH:mm\");\r\n\t\t\t\tvar mEndTime = moment(endTime, \"HH:mm\");\r\n\r\n\t\t\t\tif (mStartTime.isValid && mEndTime.isValid) {\r\n\t\t\t\t\tif (mStartTime > mEndTime) {\r\n\t\t\t\t\t\tVue.set(this.errorsStartTime, index, true);\r\n\t\t\t\t\t\tVue.set(this.errorsEndTime, index, true);\r\n\r\n\t\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"L'oraro di fine deve essere maggiore di quello di inizio\" });\r\n\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (var i = 0; i < item.timeslots.length; i++) {\r\n\t\t\t\t\t\tlet tt = item.timeslots[i];\r\n\t\t\t\t\t\ttt.error = false;\r\n\t\t\t\t\t\tlet ttStartNow = moment(tt.from_time);\r\n\t\t\t\t\t\tlet ttStartTime = moment(ttStartNow).format(\"HH:mm\");\r\n\r\n\t\t\t\t\t\tlet ttEndNow = moment(tt.to_time);\r\n\t\t\t\t\t\tlet ttEndTime = moment(ttEndNow).format(\"HH:mm\");\r\n\r\n\t\t\t\t\t\tlet ttStartTimeNow = moment(ttStartTime, \"HH:mm\");\r\n\t\t\t\t\t\tlet ttEndTimeNow = moment(ttEndTime, \"HH:mm\");\r\n\r\n\t\t\t\t\t\tif (ttStartTimeNow <= mEndTime && ttEndTimeNow >= mStartTime) {\r\n\t\t\t\t\t\t\tVue.set(this.errorsStartTime, index, true);\r\n\t\t\t\t\t\t\tVue.set(this.errorsEndTime, index, true);\r\n\r\n\t\t\t\t\t\t\ttt.error = true;\r\n\r\n\t\t\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"La fascia si sovrappone con una esistente\" });\r\n\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\titem.timeslots.push({\r\n\t\t\t\t\t\tfrom_time: mStartTime.format(),\r\n\t\t\t\t\t\tto_time: mEndTime.format()\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tthis.$refs[startDateElementRef][0].$el.value = \"HH:mm\";\r\n\t\t\t\t\tthis.$refs[endDateElementRef][0].$el.value = \"HH:mm\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./calendarCheckTrips.vue.js?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/eslint-loader/index.js??ref--13-0!./calendarCheckTrips.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./calendarCheckTrips.vue?vue&type=template&id=c5cee33a&scoped=true&\"\nimport script from \"./calendarCheckTrips.vue.js?vue&type=script&lang=js&\"\nexport * from \"./calendarCheckTrips.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./calendarCheckTrips.vue?vue&type=style&index=0&id=c5cee33a&scoped=true&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 \"c5cee33a\",\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../../services/api\";\r\nimport { bus } from \"../../../main\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport features from \"./components/features.vue\";\r\nimport reportSettings from \"./components/reportSettings.vue\";\r\nimport alertSettings from \"./components/alertSettings.vue\";\r\nimport archivi from \"./components/archivi/index.vue\";\r\nimport imports from \"../imports/index.vue\";\r\n\r\nimport columns from \"./components/columns.vue\";\r\nimport rfid from \"./components/rfid.vue\";\r\nimport vehicles from \"./components/vehicles.vue\";\r\nimport drivers from \"./components/drivers.vue\";\r\nimport boxes from \"./components/boxes.vue\";\r\n\r\nimport calendarCheckTrips from \"./components/calendarCheckTrips.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\tfeatures,\r\n\t\treportSettings,\r\n\t\talertSettings,\r\n\t\tarchivi,\r\n\t\tcolumns,\r\n\t\trfid,\r\n\t\tvehicles,\r\n\t\tdrivers,\r\n\t\timports,\r\n\t\tcalendarCheckTrips,\r\n\t\timports,\r\n\t\tboxes\r\n\t},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tisCompanyDetailInEditMode: false,\r\n\t\t\tvehicles: [],\r\n\t\t\tcompanyId: 0,\r\n\t\t\tisNewCompany: false,\r\n\t\t\tuserSettingsUrl: \"\",\r\n\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsSelected: [],\r\n\r\n\t\t\tprimaryKeys: [\"numberPlate\", \"code\"],\r\n\t\t\tcontractKeys: [\"\", \"ACQUISTO\", \"NOLEGGIO\", \"SOLO DATI\"],\r\n\t\t\tgeocodingProviders: [],\r\n\t\t\tauth2faStates: [\r\n\t\t\t\t{ key: 0, value: \"Disabilitato\" },\r\n\t\t\t\t{ key: 1, value: \"Forzato\" },\r\n\t\t\t\t{ key: 2, value: \"Livello Utente\" }\r\n\t\t\t],\r\n\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tstart_contract_date_box: \"\",\r\n\t\t\tend_contract_date_box: \"\",\r\n\t\t\tprimaryKey: \"\",\r\n\t\t\tcontract: \"\",\r\n\t\t\tlogo: \"\",\r\n\t\t\timageUrl: \"../../../../../assets/upload.png\",\r\n\r\n\t\t\tauth_2fa_enabled: \"\",\r\n\t\t\tauth_2fa_otp_validity_minutes: 0,\r\n\t\t\tauth_azure_a_d_enabled: false,\r\n\t\t\tauth_custom_enabled: false,\r\n\t\t\tuse_park_on_localization: false,\r\n\t\t\thas_fleeway: false,\r\n\t\t\tvat: \"\",\r\n\r\n\t\t\tsmtp_server: \"\",\r\n\t\t\tsmtp_port: \"\",\r\n\t\t\tsmtp_username: \"\",\r\n\t\t\tsmtp_password: \"\",\r\n\r\n\t\t\tcan_export_grid_data: false,\r\n\t\t\tview_maps_poi: false,\r\n\t\t\tview_traffic: false,\r\n\t\t\tview_sat: false,\r\n\t\t\tshow_export_reverse_geocoding: false,\r\n\t\t\tapi_roads_geofence: false,\r\n\t\t\thas_driver_recognition: false,\r\n\t\t\tshow_phone_in_map: false,\r\n\t\t\tuse_roads_api: false,\r\n\t\t\tuse_roads_api_pto: false,\r\n\t\t\tuse_roads_api_pto_vehicle: false,\r\n\t\t\treferent: \"\",\r\n\t\t\treferent_phone: \"\",\r\n\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tsaveVechilesDriversAssociationRequest: null,\r\n\t\t\ttotal_daily_report: 5,\r\n\t\t\tlocalization_reload_time: 15,\r\n\t\t\tdaily_report_page_size_25: true,\r\n\r\n\t\t\titemTemplate: \"
#= number_plate #
#= name #
\",\r\n\t\t\tvalueTemplate: \"#= number_plate #\",\r\n\r\n\t\t\t//table filters\r\n\t\t\t// vehicleNameFilters: [],\r\n\t\t\t// vehicleNameFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tboxNumberFilters: [],\r\n\t\t\tboxNumberFilterSelected: [],\r\n\r\n\t\t\tprovidersData: [],\r\n\t\t\tprovidersSelected: [],\r\n\r\n\t\t\tproviders: [{ key: 0, value: \"\" }],\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\",\r\n\t\t\tgroupsChangedTime: null,\r\n\t\t\tds_consumption_enable: false,\r\n\t\t\tds_acceleration_enable: false,\r\n\t\t\tds_slips_enable: false,\r\n\t\t\tds_accidents_enable: false,\r\n\t\t\tcontract_duration: null,\r\n\t\t\tgeocoding_provider: '',\r\n\t\t\tptv_key\t: '',\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\r\n\t\tif (this.companyId == 0) {\r\n\t\t\tthis.isNewCompany = true;\r\n\t\t}\r\n\r\n\t\tif (!this.isNewCompany) {\r\n\t\t\tthis.userSettingsUrl = `/superadmin/companies/${this.companyId}/user-settings`;\r\n\t\t}\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tstart_contract_date_box: \"\",\r\n\t\t\tend_contract_date_box: \"\",\r\n\t\t\tprimaryKey: \"numberPlate\",\r\n\t\t\tcontract: \"ACQUISTO\",\r\n\t\t\tlogo: \"\",\r\n\t\t\tauth_2fa_enabled: \"\",\r\n\t\t\tauth_2fa_otp_validity_minutes: \"\",\r\n\t\t\tauth_azure_a_d_enabled: true,\r\n\t\t\tauth_custom_enabled: true,\r\n\t\t\tuse_park_on_localization: false,\r\n\t\t\thas_fleeway: false,\r\n\t\t\tvat: \"\",\r\n\t\t\tsmtp_server: \"\",\r\n\t\t\tsmtp_port: \"\",\r\n\t\t\tsmtp_username: \"\",\r\n\t\t\tsmtp_password: \"\",\r\n\t\t\tcan_export_grid_data: true,\r\n\t\t\tview_maps_poi: false,\r\n\t\t\tview_traffic: false,\r\n\t\t\tview_sat: false,\r\n\t\t\tshow_phone_in_map: false,\r\n\t\t\tuse_roads_api: true,\r\n\t\t\tuse_roads_api_pto: false,\r\n\t\t\tuse_roads_api_pto_vehicle: false,\r\n\t\t\treferent: \"\",\r\n\t\t\treferent_phone: \"\",\r\n\t\t\ttotal_daily_report: 5,\r\n\t\t\tlocalization_reload_time: 15,\r\n\t\t\tdaily_report_page_size_25: true,\r\n\t\t\tshow_export_reverse_geocoding: false,\r\n\t\t\tapi_roads_geofence: false,\r\n\t\t\thas_driver_recognition: false,\r\n\t\t\tdaily_report_page_size_25: true,\r\n\t\t\tds_consumption_enable: false,\r\n\t\t\tds_acceleration_enable: false,\r\n\t\t\tds_slips_enable: false,\r\n\t\t\tds_accidents_enable: false,\r\n\t\t\tcontract_duration: 36,\r\n\t\t\tgeocoding_provider: \"PTV\",\r\n\t\t\tptv_key: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"id\", dir: \"asc\" }];\r\n\r\n\t\tif (this.isNewCompany) {\r\n\t\t\tthis.isCompanyDetailInEditMode = true;\r\n\t\t\tthis.setNewCompany();\r\n\t\t} else {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t}\r\n\t\tthis.getData();\r\n\t\tthis.getProviders();\r\n\t\tthis.getGeocodingProviders();\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"company-saved\");\r\n\t},\r\n\tmethods: {\r\n\t\tsetViewConfig() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getViewConfig(\"globals\").then(res => {\r\n\t\t\t\tthis.$store.commit(\"settings\", res);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgroupsChanged() {\r\n\t\t\tthis.groupsChangedTime = new Date();\r\n\t\t},\r\n\t\tpickFile() {\r\n\t\t\tif (this.isCompanyDetailInEditMode) {\r\n\t\t\t\tthis.$refs.logo.click();\r\n\t\t\t\t// this.$emit(\"remove-all-edit-cell\", this);\r\n\t\t\t}\r\n\t\t},\r\n\t\tonFilePicked(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = e.target.files;\r\n\t\t\tif (files[0] !== undefined) {\r\n\t\t\t\tvar imageName = files[0].name;\r\n\t\t\t\tif (imageName.lastIndexOf(\".\") <= 0) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst fr = new FileReader();\r\n\t\t\t\tfr.readAsDataURL(files[0]);\r\n\t\t\t\tfr.addEventListener(\"load\", () => {\r\n\t\t\t\t\tself.logo = fr.result;\r\n\t\t\t\t\t// console.log(self.logo);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tprovidersToString(providers) {\r\n\t\t\tif (this._.isNull(providers) === false && this._.isUndefined(providers) === false && this._.isArray(providers) && providers.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(providers, function(pr) {\r\n\t\t\t\t\treturn pr.name;\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tstartContractDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newStartDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.start_contract_date_box = newStartDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.start_contract_date_box = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tendContractDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newEndDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.end_contract_date_box = newEndDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.end_contract_date_box = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tonVehicleChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newVehicle = this.vehicles.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.name = newVehicle.name;\r\n\t\t\t\trow[this.vehicleIdFilterField] = newVehicle.number_plate;\r\n\t\t\t\trow.start_date = \"\";\r\n\t\t\t\trow.end_date = \"\";\r\n\t\t\t\trow.vehicle_id = newVehicle.id;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllVehicles: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getVehiclesLookup({ page: 0, pageSize: 1000000 }, this.vehicleIdFilterField).then(res => {\r\n\t\t\t\tself.vehicles = res.items.map(function(vehicle) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: vehicle.id,\r\n\t\t\t\t\t\tname: vehicle.name,\r\n\t\t\t\t\t\tnumber_plate: vehicle.number_plate ? vehicle.number_plate : \"\",\r\n\t\t\t\t\t\tname_numberplate: `${vehicle.number_plate} ${vehicle.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.getVehiclesBycompanyId();\r\n\r\n\t\t\t\tself.vehicles = self._.sortBy(self.vehicles, function(vc) {\r\n\t\t\t\t\treturn vc.number_plate.toLowerCase();\r\n\t\t\t\t});\r\n\r\n\t\t\t\tfor (var i = 0; i < self.vehicles.length; i++) {\r\n\t\t\t\t\tvar vehicle = self.vehicles[i];\r\n\t\t\t\t\t// if (vehicle.name) {\r\n\t\t\t\t\t// \tvar alreadyExist =\r\n\t\t\t\t\t// \t\tself.vehicleNameFilters.findIndex(item => {\r\n\t\t\t\t\t// \t\t\treturn item.id == vehicle.name.toLowerCase();\r\n\t\t\t\t\t// \t\t}) >= 0;\r\n\t\t\t\t\t// \tif (!alreadyExist) {\r\n\t\t\t\t\t// \t\tself.vehicleNameFilters.push({\r\n\t\t\t\t\t// \t\t\tid: vehicle.name.toLowerCase(),\r\n\t\t\t\t\t// \t\t\tvalue: vehicle.name.toLowerCase()\r\n\t\t\t\t\t// \t\t});\r\n\t\t\t\t\t// \t}\r\n\t\t\t\t\t// }\r\n\r\n\t\t\t\t\tif (vehicle.number_plate) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.plateNumberFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == vehicle.number_plate;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.plateNumberFilters.push({\r\n\t\t\t\t\t\t\t\tid: vehicle.number_plate,\r\n\t\t\t\t\t\t\t\tvalue: vehicle.number_plate\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetVehiclesBycompanyId: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar companyId = this.companyId;\r\n\r\n\t\t\tif (!this.isNewCompany) {\r\n\t\t\t\tApiService.getVehiclesBycompanyId(companyId).then(res => {\r\n\t\t\t\t\tif (self._.isNull(res) === false && self._.isUndefined(res) === false && self._.isArray(res) && res.length > 0) {\r\n\t\t\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\t\t\tbox_serial_number: item.box_serial_number,\r\n\t\t\t\t\t\t\t\tnumber_plate: item.number_plate,\r\n\t\t\t\t\t\t\t\tcode: item.code ? item.code : \"\",\r\n\t\t\t\t\t\t\t\tdivision_id: item.division_id,\r\n\t\t\t\t\t\t\t\tfringebenefit: item.fringebenefit,\r\n\t\t\t\t\t\t\t\tstart_date: item.start_date,\r\n\t\t\t\t\t\t\t\tend_date: item.end_date,\r\n\t\t\t\t\t\t\t\tdriver_id: item.driver_id,\r\n\t\t\t\t\t\t\t\tvehicle_id: item.vehicle_id\r\n\t\t\t\t\t\t\t\t//groups: item.groups\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (var i = 0; i < self.items.length; i++) {\r\n\t\t\t\t\t\tvar vehicle = self.items[i];\r\n\t\t\t\t\t\tif (vehicle.box_serial_number) {\r\n\t\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\t\tself.boxNumberFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\t\treturn item.id == vehicle.box_serial_number;\r\n\t\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\t\tself.boxNumberFilters.push({\r\n\t\t\t\t\t\t\t\t\tid: vehicle.box_serial_number,\r\n\t\t\t\t\t\t\t\t\tvalue: vehicle.box_serial_number\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetProviders: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getProviders().then(res => {\r\n\t\t\t\tself.providersData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// self.providersData = self._.sortBy(self.providersData, [\"name\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGeocodingProviders: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getGeocodingProviders().then(res => {\r\n\t\t\t\tself.geocodingProviders = res;\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idCompany = this.companyId;\r\n\r\n\t\t\tif (!this.isNewCompany) {\r\n\t\t\t\tApiService.getCompanyDetail(idCompany)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\t\tvar data = res;\r\n\t\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t\t\t\t(self.description = data.description),\r\n\t\t\t\t\t\t\t\t(self.vat = data.vat || \"\"),\r\n\t\t\t\t\t\t\t\t(self.start_contract_date_box = data.start_contract_date_box),\r\n\t\t\t\t\t\t\t\t(self.end_contract_date_box = data.end_contract_date_box),\r\n\t\t\t\t\t\t\t\t(self.primaryKey = data.key),\r\n\t\t\t\t\t\t\t\t(self.contract = data.contract),\r\n\t\t\t\t\t\t\t\t(self.logo = data.logo),\r\n\t\t\t\t\t\t\t\t(self.use_park_on_localization = data.use_park_on_localization);\r\n\t\t\t\t\t\t\tself.has_fleeway = data.has_fleeway;\r\n\r\n\t\t\t\t\t\t\t(self.auth_2fa_enabled = data.auth_2fa_enabled),\r\n\t\t\t\t\t\t\t\t(self.auth_2fa_otp_validity_minutes = data.auth_2fa_otp_validity_minutes),\r\n\t\t\t\t\t\t\t\t(self.auth_azure_a_d_enabled = data.auth_azure_a_d_enabled),\r\n\t\t\t\t\t\t\t\t(self.auth_custom_enabled = data.auth_custom_enabled);\r\n\r\n\t\t\t\t\t\t\t(self.smtp_server = data.smtp_server), (self.smtp_port = data.smtp_port), (self.smtp_username = data.smtp_username), (self.smtp_password = data.smtp_password);\r\n\t\t\t\t\t\t\t(self.can_export_grid_data = data.can_export_grid_data),\r\n\t\t\t\t\t\t\t\t(self.view_maps_poi = data.view_maps_poi),\r\n\t\t\t\t\t\t\t\t(self.view_traffic = data.view_traffic),\r\n\t\t\t\t\t\t\t\t(self.view_sat = data.view_sat),\r\n\t\t\t\t\t\t\t\t(self.show_phone_in_map = data.show_phone_in_map),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api = data.use_roads_api),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api_pto = data.use_roads_api_pto),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api_pto_vehicle = data.use_roads_api_pto_vehicle),\r\n\t\t\t\t\t\t\t\t(self.referent = data.referent),\r\n\t\t\t\t\t\t\t\t(self.referent_phone = data.referent_phone),\r\n\t\t\t\t\t\t\t\t(self.providers = data.providers || [{ key: 0, value: \"\" }]);\r\n\t\t\t\t\t\t\t(self.total_daily_report = data.total_daily_report),\r\n\t\t\t\t\t\t\t\t(self.localization_reload_time = data.localization_reload_time),\r\n\t\t\t\t\t\t\t\t(self.providersSelected = data.providers.map(function(e) {\r\n\t\t\t\t\t\t\t\t\treturn e.key;\r\n\t\t\t\t\t\t\t\t}));\r\n\t\t\t\t\t\t\tself.daily_report_page_size_25 = data.daily_report_page_size == 25;\r\n\t\t\t\t\t\t\tself.show_export_reverse_geocoding = data.show_export_reverse_geocoding;\r\n\t\t\t\t\t\t\tself.api_roads_geofence = data.api_roads_geofence;\r\n\t\t\t\t\t\t\tself.has_driver_recognition = data.has_driver_recognition;\r\n\t\t\t\t\t\t\t(self.ds_consumption_enable = data.ds_consumption_enable),\r\n\t\t\t\t\t\t\t\t(self.ds_acceleration_enable = data.ds_acceleration_enable),\r\n\t\t\t\t\t\t\t\t(self.ds_slips_enable = data.ds_slips_enable),\r\n\t\t\t\t\t\t\t\t(self.ds_accidents_enable = data.ds_accidents_enable);\r\n\t\t\t\t\t\t\tself.contract_duration = data.contract_duration;\r\n\t\t\t\t\t\t\tself.geocoding_provider = data.geocoding_provider;\r\n\t\t\t\t\t\t\tself.ptv_key = data.ptv_key;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\t///TODO\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(res => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsetNewCompany() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.isNewCompany) {\r\n\t\t\t\tApiService.getCompanyDetail(1)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\t\tvar data = res;\r\n\t\t\t\t\t\t\t(self.primaryKey = data.key),\r\n\t\t\t\t\t\t\t\t(self.contract = data.contract),\r\n\t\t\t\t\t\t\t\t(self.auth_2fa_enabled = data.auth_2fa_enabled),\r\n\t\t\t\t\t\t\t\t(self.auth_2fa_otp_validity_minutes = data.auth_2fa_otp_validity_minutes),\r\n\t\t\t\t\t\t\t\t(self.auth_azure_a_d_enabled = data.auth_azure_a_d_enabled),\r\n\t\t\t\t\t\t\t\t(self.use_park_on_localization = data.use_park_on_localization);\r\n\t\t\t\t\t\t\tself.has_fleeway = data.has_fleeway;\r\n\t\t\t\t\t\t\tself.auth_custom_enabled = data.auth_custom_enabled;\r\n\t\t\t\t\t\t\t(self.smtp_server = data.smtp_server), (self.smtp_port = data.smtp_port), (self.smtp_username = data.smtp_username), (self.smtp_password = data.smtp_password);\r\n\t\t\t\t\t\t\t(self.can_export_grid_data = data.can_export_grid_data),\r\n\t\t\t\t\t\t\t\t(self.view_maps_poi = data.view_maps_poi),\r\n\t\t\t\t\t\t\t\t(self.view_traffic = data.view_traffic),\r\n\t\t\t\t\t\t\t\t(self.view_sat = data.view_sat),\r\n\t\t\t\t\t\t\t\t(self.show_phone_in_map = data.show_phone_in_map),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api = data.use_roads_api),\r\n\t\t\t\t\t\t\t\t(self.referent = data.referent),\r\n\t\t\t\t\t\t\t\t(self.referent_phone = data.referent_phone),\r\n\t\t\t\t\t\t\t\t(total_daily_report = data.total_daily_report),\r\n\t\t\t\t\t\t\t\t(localization_reload_time = data.localization_reload_time),\r\n\t\t\t\t\t\t\t\t(show_export_reverse_geocoding = data.show_export_reverse_geocoding((self.can_export_grid_data = data.can_export_grid_data))),\r\n\t\t\t\t\t\t\t\t(self.api_roads_geofence = data.api_roads_geofence),\r\n\t\t\t\t\t\t\t\t(self.has_driver_recognition = data.has_driver_recognition),\r\n\t\t\t\t\t\t\t\t(self.view_maps_poi = data.view_maps_poi),\r\n\t\t\t\t\t\t\t\t(self.view_traffic = data.view_traffic),\r\n\t\t\t\t\t\t\t\t(self.view_sat = data.view_sat),\r\n\t\t\t\t\t\t\t\t(self.show_phone_in_map = data.show_phone_in_map),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api = data.use_roads_api),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api_pto = data.use_roads_api_pto),\r\n\t\t\t\t\t\t\t\t(self.use_roads_api_pto_vehicle = data.use_roads_api_pto_vehicle),\r\n\t\t\t\t\t\t\t\t(self.referent = data.referent),\r\n\t\t\t\t\t\t\t\t(self.referent_phone = data.referent_phone),\r\n\t\t\t\t\t\t\t\t(self.total_daily_report = data.total_daily_report),\r\n\t\t\t\t\t\t\t\t(self.localization_reload_time = data.localization_reload_time);\r\n\t\t\t\t\t\t\t(self.ds_consumption_enable = data.ds_consumption_enable),\r\n\t\t\t\t\t\t\t\t(self.ds_acceleration_enable = data.ds_acceleration_enable),\r\n\t\t\t\t\t\t\t\t(self.ds_slips_enable = data.ds_slips_enable),\r\n\t\t\t\t\t\t\t\t(self.ds_accidents_enable = data.ds_accidents_enable);\r\n\t\t\t\t\t\t\tself.contract_duration = data.contract_duration;\r\n\t\t\t\t\t\t\tself.geocoding_provider = data.geocoding_provider;\r\n\t\t\t\t\t\t\tself.ptv_key = data.ptv_key;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\tself.setViewConfig();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\t///TODO\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tswitchCompanyDetailEditMode() {\r\n\t\t\tthis.isCompanyDetailInEditMode = !this.isCompanyDetailInEditMode;\r\n\r\n\t\t\tif (!this.isCompanyDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getVehiclesBycompanyId();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = null;\r\n\t\t},\r\n\t\tsaveCompanyDetail() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveCompanyDetail(\r\n\t\t\t\t\tthis.id,\r\n\t\t\t\t\tthis.name,\r\n\t\t\t\t\tthis.description,\r\n\t\t\t\t\tthis.vat,\r\n\t\t\t\t\tthis.start_contract_date_box,\r\n\t\t\t\t\tthis.end_contract_date_box,\r\n\t\t\t\t\tthis.primaryKey,\r\n\t\t\t\t\tthis.logo,\r\n\t\t\t\t\tthis.use_park_on_localization,\r\n\t\t\t\t\tthis.has_fleeway,\r\n\t\t\t\t\tthis.auth_2fa_enabled,\r\n\t\t\t\t\tthis.auth_2fa_otp_validity_minutes,\r\n\t\t\t\t\tthis.auth_azure_a_d_enabled,\r\n\t\t\t\t\tthis.auth_custom_enabled,\r\n\t\t\t\t\tthis.smtp_server,\r\n\t\t\t\t\tthis.smtp_port,\r\n\t\t\t\t\tthis.smtp_username,\r\n\t\t\t\t\tthis.smtp_password,\r\n\t\t\t\t\tthis.providersSelected,\r\n\t\t\t\t\tthis.contract,\r\n\t\t\t\t\tthis.can_export_grid_data,\r\n\t\t\t\t\tthis.view_maps_poi,\r\n\t\t\t\t\tthis.view_traffic,\r\n\t\t\t\t\tthis.view_sat,\r\n\t\t\t\t\tthis.show_phone_in_map,\r\n\t\t\t\t\tthis.use_roads_api,\r\n\t\t\t\t\tthis.use_roads_api_pto,\r\n\t\t\t\t\tthis.use_roads_api_pto_vehicle,\r\n\t\t\t\t\tthis.referent,\r\n\t\t\t\t\tthis.referent_phone,\r\n\t\t\t\t\tthis.total_daily_report != null ? this.total_daily_report : 5,\r\n\t\t\t\t\tthis.daily_report_page_size_25 ? 25 : 2147483647,\r\n\t\t\t\t\tthis.localization_reload_time != null ? this.localization_reload_time : 15,\r\n\t\t\t\t\tthis.show_export_reverse_geocoding,\r\n\t\t\t\t\tthis.api_roads_geofence,\r\n\t\t\t\t\tthis.has_driver_recognition,\r\n\t\t\t\t\tthis.ds_consumption_enable,\r\n\t\t\t\t\tthis.ds_acceleration_enable,\r\n\t\t\t\t\tthis.ds_slips_enable,\r\n\t\t\t\t\tthis.ds_accidents_enable,\r\n\t\t\t\t\tthis.contract_duration,\r\n\t\t\t\t\tthis.geocoding_provider,\r\n\t\t\t\t\tthis.ptv_key\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tthis.isCompanyDetailInEditMode = false;\r\n\r\n\t\t\t\t\t\tvar id = res.data;\r\n\t\t\t\t\t\tif (self.isNewCompany) {\r\n\t\t\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\t\t\tid: id\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tself.companyId = id;\r\n\t\t\t\t\t\t\tself.isNewCompany = false;\r\n\t\t\t\t\t\t\tself.defaultAddRow.id = id;\r\n\t\t\t\t\t\t\tself.userSettingsUrl = `/superadmin/companies/${self.companyId}/user-settings`;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tself.setViewConfig();\r\n\t\t\t\t\t\tbus.$emit(\"company-saved\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveVehiclesData() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = ApiService.saveDriversVehiclesAssociation(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\tself.getVehiclesBycompanyId();\r\n\r\n\t\t\t\t\tself.isCompanyDetailInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveVechilesDriversAssociationRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tisReadOnlyCell(field, item) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (item.id > 0 && ((c && c.readonly) || this._.isNull(item.box_serial_number) || this._.isUndefined(item.box_serial_number) || item.box_serial_number == \"\")) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tprovidersString() {\r\n\t\t\treturn this.providersToString(this.providers);\r\n\t\t},\r\n\t\timageToShow() {\r\n\t\t\tif (this.isCompanyDetailInEditMode == false && !this.logo) {\r\n\t\t\t\treturn this.imageUrl;\r\n\t\t\t}\r\n\t\t\tif (this.logo) {\r\n\t\t\t\treturn this.logo;\r\n\t\t\t}\r\n\r\n\t\t\treturn this.imageUrl;\r\n\t\t},\r\n\t\tstartContractDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.start_contract_date_box);\r\n\t\t},\r\n\t\tendContractDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.end_contract_date_box);\r\n\t\t},\r\n\t\tstartContractDateFormatCalendar() {\r\n\t\t\tif (this.start_contract_date_box) {\r\n\t\t\t\treturn moment(this.start_contract_date_box).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tendContractDateFormatCalendar() {\r\n\t\t\tif (this.end_contract_date_box) {\r\n\t\t\t\treturn moment(this.end_contract_date_box).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tmatriculationDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.matriculation_date);\r\n\t\t},\r\n\t\tgroupsString() {\r\n\t\t\treturn this.groupsToString(this.groups);\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: this.vehicleIdFilterField == \"code\" ? \"code\" : \"number_plate\",\r\n\t\t\t\t\ttitle: this.vehicleIdFilterField == \"code\" ? \"codice\" : \"targa\",\r\n\t\t\t\t\theaderCell: \"myVehicleNumberPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"numberPlateCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"nameCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"box\",\r\n\t\t\t\t\theaderCell: \"myBoxHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fringebenefit\",\r\n\t\t\t\t\ttitle: \"fringebenefit\",\r\n\t\t\t\t\twidth: \"140\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\treadonly: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: \"myCellDeleteTemplate\",\r\n\t\t\t\t\twidth: \"45px\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./companyDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./companyDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./companyDetail.vue?vue&type=template&id=4ba287fb&\"\nimport script from \"./companyDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./companyDetail.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid companyDetail\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":_vm.name,\"show-date-time\":false,\"showUserSettings\":false,\"showUsersSyncFleeway\":true}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"AZIENDA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:'row'},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"name\"}},[_vm._v(\"Nome\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)]),_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"description\"}},[_vm._v(\"Descrizione\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"description\"},model:{value:(_vm.description),callback:function ($$v) {_vm.description=$$v},expression:\"description\"}})],1)])])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('roles')],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('users')],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}]},[_vm._v(\"RUOLI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-5\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove,\"add-item\":_vm.addItem},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'ro-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ro-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myGroupsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ro-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsDataFilters,\"filterItemsSelected\":_vm.groupsDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myImageCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.name,\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tModifica permessi\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../../../assets/pen.png\"),\"id\":props.dataItem.name},on:{\"click\":function($event){return _vm.togglePermissionsModal(props.dataItem)}}})],1)]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"PERMESSI\")]),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closePermissionsModal()}}})])]}}]),model:{value:(_vm.showPermissions),callback:function ($$v) {_vm.showPermissions=$$v},expression:\"showPermissions\"}},[_c('div',[_c('permissions',{attrs:{\"roleId\":_vm.roleId}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\tNessun dato presente, attiva le features\\n\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\troleId: Number,\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tcompanyId: \"\"\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.getData();\r\n\t\t\r\n\t\tthis.sort = [{ field: \"description\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.code === e.dataItem.code;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.code === e.dataItem.code;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\t\t\t\r\n\t\t\t}\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRolePermissionsData(this.companyId, this.roleId, this.updatedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tapi.getRolePermissions(self.companyId, self.roleId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tactive: item.active,\r\n\t\t\t\t\t\tcode: item.code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active\",\r\n\t\t\t\t\ttitle: \"ABILITA\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"code\",\r\n\t\t\t\t// \ttitle: \"CODICE\",\r\n\t\t\t\t// \tminResizableWidth: \"100\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// }\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./permissions.vue.js?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/eslint-loader/index.js??ref--13-0!./permissions.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./permissions.vue?vue&type=template&id=82c493fa&\"\nimport script from \"./permissions.vue.js?vue&type=script&lang=js&\"\nexport * from \"./permissions.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import api from \"../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport permissions from \"./permissions.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\tpermissions\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tshowPermissions: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tisPermessionInEditMode: false,\r\n\t\t\troleId: \"\",\r\n\r\n\t\t\tcompanyId: 0,\r\n\t\t\t// items: []\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsDataFilters: [],\r\n\t\t\tgroupsDataFiltersSelected: [],\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.getGroups();\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tgroups: []\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\t// this.sort = [{ field: \"id\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"groups\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tconsole.log('ongridheaderfilter')\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\ttogglePermissionsModal(item) {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.roleId = item.id;\r\n\t\t\tthis.showPermissions = true;\r\n\t\t},\r\n\t\tclosePermissionsModal() {\r\n\t\t\tthis.showPermissions = false;\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\t\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\tdescription: \"\",\r\n\t\t\t\tgroups: []\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\t\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\t\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\t\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyGroups(self.companyId).then(res => {\r\n\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\t\r\n\r\n\t\t\t\tself.groupsDataFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\t\t\t\r\n\t\t\t}\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRolesData(this.companyId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyRoles(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tgroups: item.groups\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(groups, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\r\n\t\tonGroupsChange(e, rowId) {\r\n\t\t\tvar newValues = e.sender.value();\r\n\r\n\t\t\t\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar newGroups = [];\r\n\t\t\tfor (let i = 0; i < this.groupsData.length; i++) {\r\n\t\t\t\tconst group = this.groupsData[i];\r\n\t\t\t\tif (newValues.includes(group.key)) {\r\n\t\t\t\t\tnewGroups.push({\r\n\t\t\t\t\t\tkey: group.key,\r\n\t\t\t\t\t\tvalue: group.value\r\n\t\t\t\t\t})\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t}\r\n\t\t\tif (row) {\r\n\t\t\t\trow.groups = newGroups;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttitle: \"DIVISIONI\",\r\n\t\t\t\t\theaderCell: \"myGroupsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"groupsCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"editPermissions\",\r\n\t\t\t\t\ttitle: \"Modifica permessi\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myImageCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tconfigByPass: true,\r\n\t\t\t\t\torder: 0\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./roles.vue.js?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/eslint-loader/index.js??ref--13-0!./roles.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./roles.vue?vue&type=template&id=c979b7d8&\"\nimport script from \"./roles.vue.js?vue&type=script&lang=js&\"\nexport * from \"./roles.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-112\",modifiers:{\"collapse-112\":true}}]},[_vm._v(\"UTENTI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-112\",modifiers:{\"collapse-112\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-112\"}},[(_vm.dataReady)?_c('div',[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showAdd\":true,\"showEdit\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"add-item\":_vm.addItem,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'us-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"roleCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.role.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.isInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.role.key,\"data-source\":_vm.allRoles,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona marca',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onRoleChange($event, props.dataItem.id)}}})],1):_vm._e()])]}},{key:\"fuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, false)}}})],1)])]}},{key:\"secondaryFuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.secondary_fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.secondary_fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione secondaria',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, true)}}})],1)])]}},{key:\"categoryCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.category.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.category.key,\"data-source\":_vm.allCategories,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona classificazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onCategoryChange($event, props.dataItem.id)}}})],1)])]}},{key:\"licenseCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.driving_license_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.driving_license_type.key,\"data-source\":_vm.allLicenses,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona patente',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onLicenseChange($event, props.dataItem.id)}}})],1)])]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'us-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,403010835)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport moment from \"moment\";\r\nimport gridbase from \"../../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../../services/api\";\r\nimport { bus } from \"../../../../../main\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tchangedTime: Date \r\n\t},\t\r\n\twatch: {\r\n\t\tchangedTime() {\r\n\t\t\tthis.getGroups();\r\n\t\t}\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tallRoles: [],\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"email\",\r\n\t\t\t\t\ttitle: \"EMAIL\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active_directory_username\",\r\n\t\t\t\t\ttitle: \"AZURE AD EMAIL\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"mobile_phone_number\",\r\n\t\t\t\t\ttitle: \"Telefono\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"password\",\r\n\t\t\t\t\ttitle: \"PASSWORD\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tformat: \"password\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"password_confirm\",\r\n\t\t\t\t\ttitle: \"CONFERMA PASSWORD\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tformat: \"password\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"role\",\r\n\t\t\t\t\ttitle: \"RUOLO\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"roleCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"enabled\",\r\n\t\t\t\t\ttitle: \"ABILITATO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\t// this.sort = [{ field: \"id\", dir: \"desc\" }];\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getRoles();\r\n\t\tthis.getData();\r\n\t},\r\n\tmethods: {\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.exitEditCell();\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\texitEditCell: function() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t\tthis.editField = undefined;\r\n\t\t},\r\n\t\tgetRoles() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyRoles(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.allRoles = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\temail: \"\",\r\n\t\t\t\tdescription: \"\",\r\n\t\t\t\tpassword: \"\",\r\n\t\t\t\tpassword_confirm: \"\",\r\n\t\t\t\trole: {key: 0, value: \"\"},\r\n\t\t\t\tenabled: true\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"code\") {\r\n\t\t\t\tthis.codeFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t}\r\n\t\t\t// if (e.field == \"brand\") {\r\n\t\t\t// \tthis.vehicleNameFilterSelected = [];\r\n\t\t\t// }\r\n\t\t\tif (e.field == \"groups\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_surname_name\") {\r\n\t\t\t\tthis.driverNameSurnameFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_fiscal_code\") {\r\n\t\t\t\tthis.driverCFFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"fuel_type\") {\r\n\t\t\t\tthis.fuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"secondary_fuel_type\") {\r\n\t\t\t\tthis.secondaryFuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_type\") {\r\n\t\t\t\tthis.ownershipTypesFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_supplier\") {\r\n\t\t\t\tthis.ownershipSuppliersFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"category\") {\r\n\t\t\t\tthis.categoriesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\t\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\t\t\t\titem.role_id = item.role.key > 0 ? item.role.key : null;\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\t\t\t\titem.role_id = item.role.key > 0 ? item.role.key : null;\t\t\t\t\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyUsers(this.companyId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.exitEditCell();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tonRoleChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newR = this.allRoles.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\t\t\t\trow.role.key = newR.id;\r\n\t\t\t\trow.role.value = newR.name;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tbooleanSwitchChange: function(e) {\r\n\t\t\t// console.log(e);\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getCompanyUsers(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\trow.id = item.id,\r\n\t\t\t\t\trow.name = item.name,\r\n\t\t\t\t\trow.email = item.email,\r\n\t\t\t\t\trow.description = item.description,\r\n\t\t\t\t\trow.password = \"\",\r\n\t\t\t\t\trow.password_confirm = \"\",\r\n\t\t\t\t\trow.active_directory_username = item.active_directory_username,\r\n\t\t\t\t\trow.mobile_phone_number = item.mobile_phone_number,\r\n\t\t\t\t\trow.role = item.role ? item.role : { key: 0, value: \"\" };\r\n\t\t\t\t\trow.enabled = item.enabled;\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\t\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./users.vue.js?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/eslint-loader/index.js??ref--13-0!./users.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./users.vue?vue&type=template&id=86405d08&\"\nimport script from \"./users.vue.js?vue&type=script&lang=js&\"\nexport * from \"./users.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../../services/api\";\r\nimport { bus } from \"../../../main\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport roles from \"./components/users/roles.vue\";\r\nimport users from \"./components/users/users.vue\";\r\n\r\n\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\troles,\r\n\t\tusers\r\n\t},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tcompanyId: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.getData();\r\n\r\n\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\temail: \"\",\r\n\t\t\t\tdescription: \"\",\r\n\t\t\t\tpassword: \"\",\r\n\t\t\t\tpassword_confirm: \"\",\r\n\t\t\t\trole: {key: 0, value: \"\"},\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\t},\r\n\tmethods: {\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idCompany = this.companyId;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tApiService.getCompanyDetail(idCompany)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\t\tvar data = res;\r\n\t\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t\t\t\tself.description = data.description\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\t///TODO\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(res => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t}\t\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./userSettings.vue.js?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/eslint-loader/index.js??ref--13-0!./userSettings.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./userSettings.vue?vue&type=template&id=c91ea570&\"\nimport script from \"./userSettings.vue.js?vue&type=script&lang=js&\"\nexport * from \"./userSettings.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":\"Dati identificativi del mezzo\",\"show-date-time\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchDetailEditMode,\"save-data-items\":_vm.saveData}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"IDENTIFICATIVI MEZZO\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"code\"}},[_vm._v(\"Codice\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"code\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.code),callback:function ($$v) {_vm.code=$$v},expression:\"code\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"number_plate\"}},[_vm._v(\"Targa\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"number_plate\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.number_plate),callback:function ($$v) {_vm.number_plate=$$v},expression:\"number_plate\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"brand\"}},[_vm._v(\"Marca\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"brand\",\"readonly\":true},model:{value:(_vm.brand.value),callback:function ($$v) {_vm.$set(_vm.brand, \"value\", $$v)},expression:\"brand.value\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.brands,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.brand.key),callback:function ($$v) {_vm.$set(_vm.brand, \"key\", $$v)},expression:\"brand.key\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"vehicle_name\"}},[_vm._v(\"Modello\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"vehicle_name\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.vehicle_name),callback:function ($$v) {_vm.vehicle_name=$$v},expression:\"vehicle_name\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"utilization_area\"}},[_vm._v(\"area\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"utilization_area\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.utilization_area),callback:function ($$v) {_vm.utilization_area=$$v},expression:\"utilization_area\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"category\"}},[_vm._v(\"Classificazione\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"category\",\"readonly\":true},model:{value:(_vm.category.value),callback:function ($$v) {_vm.$set(_vm.category, \"value\", $$v)},expression:\"category.value\"}})],1),(_vm.isDetailInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.categories,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.category.key),callback:function ($$v) {_vm.$set(_vm.category, \"key\", $$v)},expression:\"category.key\"}})],1):_vm._e()])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"matriculation_date\"}},[_vm._v(\"Data immatricolazione\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"matriculation_date\",\"readonly\":true},model:{value:(_vm.matriculationDateFormat),callback:function ($$v) {_vm.matriculationDateFormat=$$v},expression:\"matriculationDateFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.matriculationDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.matriculationDateChange}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gross_vehicle_mass\"}},[_vm._v(\"Massa Complessiva (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.weight\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.gross_vehicle_mass, null, 'int'),\"id\":\"gross_vehicle_mass\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"id\":\"gross_vehicle_mass_model\"},model:{value:(_vm.gross_vehicle_mass),callback:function ($$v) {_vm.gross_vehicle_mass=$$v},expression:\"gross_vehicle_mass\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"power_kw\"}},[_vm._v(\"Potenza (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.power\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.power_kw, null),\"id\":\"power_kw\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\".01\",\"id\":\"power_kw_model\"},model:{value:(_vm.power_kw),callback:function ($$v) {_vm.power_kw=$$v},expression:\"power_kw\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"displacement\"}},[_vm._v(\"Cilindrata (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.engineVolume\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.displacement, null),\"id\":\"displacement\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\".01\",\"id\":\"displacement_model\"},model:{value:(_vm.displacement),callback:function ($$v) {_vm.displacement=$$v},expression:\"displacement\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"fuel_type\"}},[_vm._v(\"Alimentazione\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"fuel_type\",\"readonly\":true},model:{value:(_vm.fuel_type.value),callback:function ($$v) {_vm.$set(_vm.fuel_type, \"value\", $$v)},expression:\"fuel_type.value\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.fuel_types,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.fuel_type.key),callback:function ($$v) {_vm.$set(_vm.fuel_type, \"key\", $$v)},expression:\"fuel_type.key\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"secondary_fuel_type\"}},[_vm._v(\"Alimentazione secondaria\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"secondary_fuel_type\",\"readonly\":true},model:{value:(_vm.secondary_fuel_type.value),callback:function ($$v) {_vm.$set(_vm.secondary_fuel_type, \"value\", $$v)},expression:\"secondary_fuel_type.value\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.fuel_types,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.secondary_fuel_type.key),callback:function ($$v) {_vm.$set(_vm.secondary_fuel_type, \"key\", $$v)},expression:\"secondary_fuel_type.key\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"declared_co2_emission\"}},[_vm._v(\"Emissione CO\"),_c('sub',[_vm._v(\"2\")]),_vm._v(\" media costruttore (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.emission\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.declared_co2_emission, null),\"id\":\"declared_co2_emission\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\".01\",\"id\":\"declared_co2_emission_model\"},model:{value:(_vm.declared_co2_emission),callback:function ($$v) {_vm.declared_co2_emission=$$v},expression:\"declared_co2_emission\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"average_consumption\"}},[_vm._v(\"Consumo medio costruttore (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.consumption\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.average_consumption, null),\"id\":\"average_consumption\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\".01\",\"id\":\"average_consumption_model\"},model:{value:(_vm.average_consumption),callback:function ($$v) {_vm.average_consumption=$$v},expression:\"average_consumption\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"tank_capacity\"}},[_vm._v(\"Capacità serbatoio (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.volume\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.tank_capacity, null),\"id\":\"tank_capacity\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\".01\",\"id\":\"tank_capacity_model\"},model:{value:(_vm.tank_capacity),callback:function ($$v) {_vm.tank_capacity=$$v},expression:\"tank_capacity\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"driving_license_type\"}},[_vm._v(\"Patente richiesta\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"driving_license_type\",\"readonly\":true},model:{value:(_vm.driving_license_type.value),callback:function ($$v) {_vm.$set(_vm.driving_license_type, \"value\", $$v)},expression:\"driving_license_type.value\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.driving_license_types,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.driving_license_type.key),callback:function ($$v) {_vm.$set(_vm.driving_license_type, \"key\", $$v)},expression:\"driving_license_type.key\"}})],1)])]),_c('div',{staticClass:\"col-lg-6\",staticStyle:{\"height\":\"80px\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"groups\"}},[_vm._v(\"Divisioni\")])]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"groups\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.groupsString),callback:function ($$v) {_vm.groupsString=$$v},expression:\"groupsString\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"data-source\":_vm.groupsData,\"data-text-field\":'description',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.groupsSelected),callback:function ($$v) {_vm.groupsSelected=$$v},expression:\"groupsSelected\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"expulsion_date\"}},[_vm._v(\"Data radiazione\")])]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"expulsion_date\",\"readonly\":true},model:{value:(_vm.expulsionDateFormat),callback:function ($$v) {_vm.expulsionDateFormat=$$v},expression:\"expulsionDateFormat\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.expulsionDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.expulsionDateChange}})],1)])])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"battery_capacity\"}},[_vm._v(\"Capacità batteria (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.power\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.battery_capacity, null),\"id\":\"battery_capacity\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"battery_capacity_model\"},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.battery_capacity),callback:function ($$v) {_vm.battery_capacity=$$v},expression:\"battery_capacity\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"km_covered_recharge\"}},[_vm._v(\"KM con una ricarica (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.longLength\"])+\")\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.km_covered_recharge, null),\"id\":\"km_covered_recharge\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"km_covered_recharge_model\"},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.km_covered_recharge),callback:function ($$v) {_vm.km_covered_recharge=$$v},expression:\"km_covered_recharge\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"fuel_level_not_available\"}},[_vm._v(\"Disponibilità livello carburante\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isDetailInEditMode},model:{value:(_vm.fuel_level_not_available),callback:function ($$v) {_vm.fuel_level_not_available=$$v},expression:\"fuel_level_not_available\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"box_can_bus_not_available\"}},[_vm._v(\"Solo GPS\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isDetailInEditMode},model:{value:(_vm.box_can_bus_not_available),callback:function ($$v) {_vm.box_can_bus_not_available=$$v},expression:\"box_can_bus_not_available\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"has_odometer\"}},[_vm._v(\"Disponibilità odometro\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isDetailInEditMode},model:{value:(_vm.has_odometer),callback:function ($$v) {_vm.has_odometer=$$v},expression:\"has_odometer\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"total_km\"}},[_vm._v(\"KM TOTALI \"),(_vm.gps_km_end_date)?_c('span',[_vm._v(_vm._s(_vm.dateKmText))]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.total_km,\"id\":\"total_km\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"total_km_model\",\"readonly\":_vm.has_odometer},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.total_km),callback:function ($$v) {_vm.total_km=$$v},expression:\"total_km\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gps_km_date_changed\"}},[_vm._v(\"Data modifica km\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"gps_km_date_changed\",\"readonly\":true},model:{value:(_vm.gpsDateFormat),callback:function ($$v) {_vm.gpsDateFormat=$$v},expression:\"gpsDateFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.gpsDateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"disabled\":_vm.has_odometer},on:{\"change\":_vm.gpsDateChange}})],1)])]),(_vm.hasPowerTakeOff)?_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"height\":\"80px\"}},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"powerTakeOffs\"}},[_vm._v(\"Presa di forza\")]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"powerTakeOff\",\"readonly\":true},model:{value:(_vm.powerTakeOff.value),callback:function ($$v) {_vm.$set(_vm.powerTakeOff, \"value\", $$v)},expression:\"powerTakeOff.value\"}}):_vm._e()],1),(_vm.isDetailInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.powerTakeOffData,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.powerTakeOff.key),callback:function ($$v) {_vm.$set(_vm.powerTakeOff, \"key\", $$v)},expression:\"powerTakeOff.key\"}})],1):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"max_hours_offline\"}},[_vm._v(\"Ritardo massimo in ore per offline\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.max_hours_offline,\"id\":\"max_hours_offline\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"max_hours_offline_model\"},model:{value:(_vm.max_hours_offline),callback:function ($$v) {_vm.max_hours_offline=$$v},expression:\"max_hours_offline\"}})],1)])]),(_vm.show_use_roads_api_pto)?_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"use_roads_api_pto\"}},[_vm._v(\"Usa api roads nelle prese di forza\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isDetailInEditMode},model:{value:(_vm.use_roads_api_pto),callback:function ($$v) {_vm.use_roads_api_pto=$$v},expression:\"use_roads_api_pto\"}})],1)])]):_vm._e()])])],1)],1)])])]),(_vm.hasPowerTakeOff && _vm.powerTakeOff.key > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isDetailInEditMode,\"showEdit\":_vm.isTeltonika,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchDetailEditMode,\"save-data-items\":_vm.saveData}})],1)]):_vm._e(),(_vm.hasPowerTakeOff && _vm.powerTakeOff.key > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"UTILIZZO\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours\"}},[_vm._v(\"ORE USO \"),(_vm.working_hours_date)?_c('span',[_vm._v(_vm._s(_vm.workingHoursDateFormat))]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.working_hours,\"id\":\"working_hours\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"working_hours_model\"},on:{\"keypress\":_vm.isNumber,\"change\":_vm.workingHoursChange},model:{value:(_vm.working_hours),callback:function ($$v) {_vm.working_hours=$$v},expression:\"working_hours\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_date\"}},[_vm._v(\"DATA MODIFICA ORE USO\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"working_hours_date_changed\",\"readonly\":true},model:{value:(_vm.workingHoursDateChangedFormat),callback:function ($$v) {_vm.workingHoursDateChangedFormat=$$v},expression:\"workingHoursDateChangedFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.workingHoursDateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate,\"max\":_vm.maxDate},on:{\"change\":_vm.workingHoursDateChange}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto2\"}},[_vm._v(\"ORE LAVORO PTO 2 \"),(_vm.working_hours_pto2_date)?_c('span',[_vm._v(_vm._s(_vm.workingHoursPto2DateFormat)+\" \")]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.working_hours_pto2,\"id\":\"working_hours_pto2\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"working_hours_pto2_model\"},on:{\"keypress\":_vm.isNumber,\"change\":_vm.workingHoursPto2Change},model:{value:(_vm.working_hours_pto2),callback:function ($$v) {_vm.working_hours_pto2=$$v},expression:\"working_hours_pto2\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto2_date\"}},[_vm._v(\"DATA MODIFICA ORE LAVORO PTO 2\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"working_hours_pto2_date_changed\",\"readonly\":true},model:{value:(_vm.workingHoursPto2DateChangedFormat),callback:function ($$v) {_vm.workingHoursPto2DateChangedFormat=$$v},expression:\"workingHoursPto2DateChangedFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.workingHoursPto2DateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate,\"max\":_vm.maxDate},on:{\"change\":_vm.workingHoursPto2DateChange}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto3\"}},[_vm._v(\"ORE LAVORO PTO 3 \"),(_vm.working_hours_pto3_date)?_c('span',[_vm._v(_vm._s(_vm.workingHoursPto3DateFormat)+\" \")]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.working_hours_pto3,\"id\":\"working_hours_pto3\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"working_hours_pto3_model\"},on:{\"keypress\":_vm.isNumber,\"change\":_vm.workingHoursPto3Change},model:{value:(_vm.working_hours_pto3),callback:function ($$v) {_vm.working_hours_pto3=$$v},expression:\"working_hours_pto3\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto3_date\"}},[_vm._v(\"DATA MODIFICA ORE LAVORO PTO 3\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"working_hours_pto3_date_changed\",\"readonly\":true},model:{value:(_vm.workingHoursPto3DateChangedFormat),callback:function ($$v) {_vm.workingHoursPto3DateChangedFormat=$$v},expression:\"workingHoursPto3DateChangedFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.workingHoursPto3DateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate,\"max\":_vm.maxDate},on:{\"change\":_vm.workingHoursPto3DateChange}})],1)])])])])],1)],1)])])]):_vm._e(),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveBoxesData}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"BOX\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('localization-provider',{attrs:{\"language\":'it-IT'}},[_c('intl-provider',{attrs:{\"locale\":'it'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"columns\":_vm.columns,\"sortable\":true,\"edit-field\":'inEdit'},on:{\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'box-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxSerialHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxVendorHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxVendorFilters,\"filterItemsSelected\":_vm.boxVendorFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.statusFilters,\"filterItemsSelected\":_vm.statusFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xxxlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"statusCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.status.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.status.key,\"data-source\":_vm.allStatus,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona stato',\"template\":_vm.itemStatusTemplate,\"value-template\":_vm.valueStatusTemplate},on:{\"change\":function($event){return _vm.onStatusChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myNumberTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.initial_odometer_value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.initial_odometer_value),callback:function ($$v) {_vm.$set(props.dataItem, \"initial_odometer_value\", $$v)},expression:\"props.dataItem.initial_odometer_value\"}})],1)])]}},{key:\"myCellDateTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"serialNumberCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.box_serial_number)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.id,\"data-source\":_vm.boxes,\"data-text-field\":'box_serial_number',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona box',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onBoxChange($event, props.dataItem.id)}}})],1)])]}},{key:\"accessoriesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.accessoriesString(props.dataItem.accessories))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]}},{key:\"boxVendorCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.box_vendor)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.box_vendor,\"data-source\":_vm.boxVendors,\"data-text-field\":'box_vendor',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona fornitore',\"template\":_vm.itemTemplateVendor,\"value-template\":_vm.valueTemplateVendor},on:{\"change\":function($event){return _vm.onBoxVendorChange($event, props.dataItem.id)}}})],1)])]}},{key:\"boxTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[(!_vm.isInEditMode)?_c('div',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.type)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]):_vm._e(),(_vm.isInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.type,\"data-source\":_vm.boxTypes,\"data-text-field\":'type',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona tipologia box',\"template\":_vm.itemTemplateBoxType,\"value-template\":_vm.valueTemplateBoxType},on:{\"change\":function($event){return _vm.onBoxTypeChange($event, props.dataItem.id)}}})],1):_vm._e()])]}},{key:\"myImageCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.box_serial_number,\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tModifica accessori\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../../../assets/parts.png\"),\"id\":props.dataItem.box_serial_number},on:{\"click\":function($event){return _vm.toggleAccessoryView(props.dataItem)}}})],1)])]}}])},[_c('div'),_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)])])],1),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"MODIFICA ACCESSORI\")]),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closeModal()}}}),_c('div',{staticClass:\"editSaveLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.okModal()}}})])]}}]),model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10\"},[_c('div',[_vm._v(\"Vuoi che venga modificata in automatica anche la data fine degli accessori associati alla box?\")])])])])]),(_vm.showAccessoryView)?_c('div',[_c('accessories',{attrs:{\"boxSelected\":_vm.boxSelected,\"allAccessories\":_vm.allAccessories}})],1):_vm._e()],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row container-fluid\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"intestazione\"},[_c('div',[_c('h2',[_vm._v(\"MODIFICA ACCESSORI DELLA BOX \"+_vm._s(_vm.boxSelected.box_vendor)+\" - \"+_vm._s(_vm.boxSelected.box_serial_number)+\" \"),_c('br'),_c('b',[_vm._v(_vm._s(_vm.messageBoxDisabled))])]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":_vm.showEdit,\"showUndo\":true,\"showSave\":true,\"showAdd\":_vm.showAdd},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}})],1)]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-3\"}},[_c('b-card',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('localization-provider',{attrs:{\"language\":'it-IT'}},[_c('intl-provider',{attrs:{\"locale\":'it'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"columns\":_vm.columns,\"sortable\":true,\"edit-field\":'inEdit'},on:{\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'box-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"descriptionCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.description)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.accessory_id,\"data-source\":_vm.allAccessories,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona accessorio',\"template\":_vm.itemTemplateAccessory,\"value-template\":_vm.valueTemplateAccessory},on:{\"change\":function($event){return _vm.onAccessoryChange($event, props.dataItem.id)}}})],1)])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)])])],1)],1)])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../services/api\";\r\nimport moment from \"moment\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport { array } from \"@google/maps/lib/internal/validate\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tboxSelected: Object,\r\n\t\tallAccessories: Array\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tcompanyId: \"\",\r\n\t\t\tshowEdit: true,\r\n\t\t\tshowAdd: true,\r\n\t\t\tmessageBoxDisabled: '',\r\n\t\t\t// allAccessories: [],\r\n\t\t\titemTemplateAccessory: \"#= name #\",\r\n\t\t\tvalueTemplateAccessory: \"#= name #\"\r\n\t\t};\r\n\t},\r\n\twatch: {\r\n\t\tboxSelected: function(newVal, oldVal) {\r\n\t\t\tthis.boxId = newVal.id;\r\n\t\t\tthis.items = newVal.accessories;\r\n\t\t\tthis.checkBoxStatus();\r\n\t\t}\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.vehicleId = this.$route.params.id;\r\n\t\tthis.boxId = this.boxSelected.id;\t\t\r\n\t\t\r\n\t\tthis.items = this.boxSelected.accessories;\r\n\t\t\r\n\t\tvar accessoryId = this.allAccessories.length > 0 ? this.allAccessories[0].id : 0;\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\taccessory_id: accessoryId,\r\n\t\t\tdescription: \"\",\r\n\t\t\tserial: \"\",\r\n\t\t\tstart_date: new Date().toLocaleString('it-IT', { timeZone: 'UTC' }),\r\n\t\t\tend_date: null\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"start_date\", dir: \"desc\" }];\r\n\t\r\n\t\tthis.checkBoxStatus();\r\n\t\tthis.getData();\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tcheckBoxStatus() {\r\n\t\t\tthis.showEdit = true;\r\n\t\t\tthis.showAdd = true;\r\n\t\t\tthis.messageBoxDisabled = '';\r\n\t\t\tif (this.boxSelected.end_date)\r\n\t\t\t{\r\n\t\t\t\tvar today = new Date();\r\n\t\t\t\ttoday.setHours(0,0,0,0);\r\n\t\t\t\tvar dateToCheck = new Date(this.boxSelected.end_date);\r\n\t\t\t\tif (dateToCheck < today)\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.showEdit = false;\r\n\t\t\t\t\tthis.showAdd = false;\r\n\t\t\t\t\tthis.messageBoxDisabled = \"(accessori non modificabili perchè la box è stata dismessa)\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getAccessories(self);\r\n\t\t},\r\n\t\tgetAccessories: function(self) {\r\n\t\t\tapi.getAccessoriesByBoxId(self.boxId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tserial: item.serial,\r\n\t\t\t\t\t\tstart_date: item.start_date,\r\n\t\t\t\t\t\tend_date: item.end_date,\r\n\t\t\t\t\t\taccessory_id: item.accessory_id\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.finally(_ => {\r\n\t\t\t\tthis.boxSelected.accessories = self.items;\r\n\t\t\t\tif (self.items.length > 0)\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.defaultAddRow.serial = self.items[0].serial;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tonAccessoryChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newA = this.allAccessories.find(function(item){\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t})\r\n\t\t\t\trow.accessory_id = newA.id;\r\n\t\t\t\trow.description = newA.name;\r\n\t\t\t\trow.serial = newA.serial;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\t\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyVeichleBoxAccessories(this.companyId, this.boxId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\t// this.$emit(\"refreshAccessories\");\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tthis.exitEditCell();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"Descrizione\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"descriptionCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"serial\",\r\n\t\t\t\t\ttitle: \"Seriale\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t// cell: \"descriptionCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./accessories.vue.js?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/eslint-loader/index.js??ref--13-0!./accessories.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./accessories.vue?vue&type=template&id=ebbbe73e&\"\nimport script from \"./accessories.vue.js?vue&type=script&lang=js&\"\nexport * from \"./accessories.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../../../../services/api\";\r\nimport { bus } from \"../../../../../main\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport moment from \"moment-timezone\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport accessories from \"./accessories.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\taccessories\r\n\t},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tminDate: new Date(new Date().setMonth(new Date().getMonth() - 3)),\r\n\t\t\tmaxDate: new Date(new Date().setHours(0, 0, 0, 0)),\r\n\t\t\tisTeltonika: false,\r\n\t\t\tisDetailInEditMode: false,\r\n\t\t\tshowAccessoryView: false,\r\n\t\t\tendDateChanged: false,\r\n\t\t\tshowModal: false,\r\n\t\t\tmodalAnswered: false,\r\n\r\n\t\t\tboxSelected: {\r\n\t\t\t\tbox_serial_number: \"\"\r\n\t\t\t},\r\n\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsSelected: [],\r\n\t\t\taccessoriesData: [],\r\n\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tnumber_plate: \"\",\r\n\t\t\tcar_sharing: false,\r\n\t\t\tpurpose: \"\",\r\n\t\t\tfringe_benefit: false,\r\n\t\t\tmatriculation_date: \"\",\r\n\t\t\texpulsion_date: \"\",\r\n\t\t\tdeclared_co2_emission: null,\r\n\t\t\taverage_consumption: 0,\r\n\t\t\tgross_vehicle_mass: 0,\r\n\t\t\tpower_kw: \"kW\",\r\n\t\t\tdisplacement: 0,\r\n\t\t\tvehicle_name: \"\",\r\n\t\t\ttank_capacity: 0,\r\n\t\t\tdriver_fiscal_code: \"\",\r\n\t\t\tutilization_area: \"\",\r\n\t\t\tbattery_capacity: \"\",\r\n\t\t\tkm_covered_recharge: \"\",\r\n\t\t\tfuel_level_not_available: false,\r\n\t\t\tbox_can_bus_not_available: false,\r\n\t\t\todometer_km: null,\r\n\t\t\tgps_km: null,\r\n\t\t\thas_odometer: false,\r\n\t\t\tuse_roads_api_pto: false,\r\n\t\t\tshow_use_roads_api_pto: false,\r\n\t\t\ttotal_km: null,\r\n\t\t\tgps_km_date_changed: \"\",\r\n\t\t\tgps_km_end_date: \"\",\r\n\t\t\tmax_hours_offline: \"\",\r\n\r\n\t\t\tworking_hours: null,\r\n\t\t\tworking_hours_date: null,\r\n\t\t\tworking_hours_date_changed: null,\r\n\t\t\tworking_hours_changed: false,\r\n\t\t\tworking_hours_pto2: null,\r\n\t\t\tworking_hours_pto2_date: null,\r\n\t\t\tworking_hours_pto2_date_changed: null,\r\n\t\t\tworking_hours_pto2_changed: false,\r\n\t\t\tworking_hours_pto3: null,\r\n\t\t\tworking_hours_pto3_date: null,\r\n\t\t\tworking_hours_pto3_date_changed: null,\r\n\t\t\tworking_hours_pto3_changed: false,\r\n\r\n\t\t\tbrands: [],\r\n\t\t\tbrand: { key: 0, value: \"\" },\r\n\r\n\t\t\townership_types: [],\r\n\t\t\townership_type: { key: 0, value: \"\" },\r\n\r\n\t\t\townership_suppliers: [],\r\n\t\t\townership_supplier: { key: 0, value: \"\" },\r\n\r\n\t\t\tcategories: [],\r\n\t\t\tcategory: { key: 0, value: \"\" },\r\n\r\n\t\t\tfuel_types: [],\r\n\t\t\tfuel_type: { key: 0, value: \"\" },\r\n\t\t\tsecondary_fuel_type: { key: 0, value: \"\" },\r\n\r\n\t\t\tdriving_license_types: [],\r\n\t\t\tdriving_license_type: { key: 0, value: \"\" },\r\n\r\n\t\t\tgroups: [{ key: 0, value: \"\" }],\r\n\t\t\tdivision: { key: 0, value: \"\" },\r\n\t\t\t// accessories: [{ key: 0, value: \"\" }],\r\n\r\n\t\t\tcode: \"\",\r\n\t\t\tmatriculation: \"\",\r\n\t\t\t//average_ownership_consumption: \"\",\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tsaveVehiclesBoxesRequest: null,\r\n\r\n\t\t\tboxes: [],\r\n\t\t\tboxVendors: [\r\n\t\t\t\t{ id: \"TEXA\", box_vendor: \"TEXA\" },\r\n\t\t\t\t{ id: \"BSQ\", box_vendor: \"BSQ\" },\r\n\t\t\t\t{ id: \"TMOB\", box_vendor: \"TMOB\" },\r\n\t\t\t\t{ id: \"GTAB\", box_vendor: \"GTAB\" },\r\n\t\t\t\t{ id: \"TELTONIKA\", box_vendor: \"TELTONIKA\" },\r\n\t\t\t\t{ id: \"MOVIMATICA\", box_vendor: \"MOVIMATICA\" }\r\n\t\t\t],\r\n\t\t\titemTemplate: \"#= box_serial_number #\",\r\n\t\t\tvalueTemplate: \"#= box_serial_number #\",\r\n\r\n\t\t\titemTemplateVendor: \"#= box_vendor #\",\r\n\t\t\tvalueTemplateVendor: \"#= box_vendor #\",\r\n\r\n\t\t\titemStatusTemplate: \"#= name #\",\r\n\t\t\tvalueStatusTemplate: \"#= name #\",\r\n\r\n\t\t\tboxTypes: [],\r\n\r\n\t\t\titemTemplateBoxType: \"#= type #\",\r\n\t\t\tvalueTemplateBoxType: \"#= type #\",\r\n\r\n\t\t\t//table filters\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterselected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterselected: [],\r\n\t\t\tboxTypesFilters: [],\r\n\t\t\tboxTypesFilterselected: [],\r\n\r\n\t\t\tallAccessories: [],\r\n\r\n\t\t\thasPowerTakeOff: true,\r\n\t\t\tpowerTakeOffData: [],\r\n\t\t\tpowerTakeOff: { key: 0, value: \"\" },\r\n\t\t\tpowerTakeOffs: [{ key: 0, value: \"\" }],\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\",\r\n\r\n\t\t\tstatusFilters: [],\r\n\t\t\tstatusFiltersSelected: [],\r\n\t\t\tallStatus: []\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.vehicleId = this.$route.params.id;\r\n\t\tvar self = this;\r\n\r\n\t\t// bus.$emit(\"show-spinner-loading\");\r\n\t\tthis.getProviders();\r\n\t\tthis.getDrivingLicenses();\r\n\t\tthis.getFuelTypes();\r\n\t\tthis.getBoxTypes();\r\n\t\tthis.getCategories();\r\n\t\tthis.getBrands();\r\n\t\tthis.getOwnershipTypes();\r\n\t\tthis.getSuppliers();\r\n\t\tthis.getGroups();\r\n\t\tthis.getData();\r\n\t\tthis.getAllBoxes();\r\n\t\tthis.getPowerTakeOffs();\r\n\t\tthis.getStatus();\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tbox_serial_number: \"\",\r\n\t\t\tbox_vendor: \"Texa\",\r\n\t\t\tstatus: \"\",\r\n\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\tend_date: null,\r\n\t\t\tinitial_odometer_value: 0,\r\n\t\t\tcompany_id: self.companyId,\r\n\t\t\tvehicle_id: self.vehicleId,\r\n\t\t\tisNew: true\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"start_date\", dir: \"desc\" }];\r\n\r\n\t\tthis.take = 1000000;\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tgetBrands() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyBrands(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.brands = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetOwnershipTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyOwnershipTypes(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.ownership_types = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetSuppliers() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanySuppliers(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.ownership_suppliers = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetCategories() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyCategories(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.categories = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name + (item.description ? \" - \" + item.description : \"\")\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.categories.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t\t// console.log(self.categories);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetFuelTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyFuelTypes(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.fuel_types = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getBoxTypes().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.boxTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\ttype: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.boxTypes.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\ttype: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetProviders() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getProviders().then(res => {\r\n\t\t\t\tself.boxVendors = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\tbox_vendor: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetDrivingLicenses() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyDrivingLicenseTypes(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.driving_license_types = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\ttoggleAccessoryView(item) {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyBoxAccessories(self.companyId)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.allAccessories = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tname: `${item.name} - ${item.serial}`,\r\n\t\t\t\t\t\t\tserial: item.serial\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tthis.boxSelected = item;\r\n\t\t\t\t\tthis.showAccessoryView = true;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonStatusChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.allStatus.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.status.key = newItem.id;\r\n\t\t\t\trow.status.value = newItem.name;\r\n\t\t\t\trow.status_id = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (!e.dataItem.isNew && e.dataItem.id > 0 && (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true)) this.updatedItems.push(item);\r\n\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\titemChangeLocal: function(e) {\r\n\t\t\tif (!e.isNew) {\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: e\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tmatriculationDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newMatriculationDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.matriculation_date = newMatriculationDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.matriculation_date = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgpsDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newGpsDate = moment(item.sender.value());\r\n\t\t\t\tthis.gps_km_date_changed = newGpsDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.gps_km_date_changed = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tworkingHoursChange(item) {\r\n\t\t\tthis.working_hours_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto2Change(item) {\r\n\t\t\tthis.working_hours_pto2_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto3Change(item) {\r\n\t\t\tthis.working_hours_pto3_changed = true;\r\n\t\t},\r\n\t\tworkingHoursDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value());\r\n\t\t\t\tthis.working_hours_date_changed = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.working_hours_date_changed = null;\r\n\t\t\t}\r\n\t\t\tthis.working_hours_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto2DateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value());\r\n\t\t\t\tthis.working_hours_pto2_date_changed = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.working_hours_pto2_date_changed = null;\r\n\t\t\t}\r\n\t\t\tthis.working_hours_pto2_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto3DateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value());\r\n\t\t\t\tthis.working_hours_pto3_date_changed = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.working_hours_pto3_date_changed = null;\r\n\t\t\t}\r\n\t\t\tthis.working_hours_pto3_changed = true;\r\n\t\t},\r\n\t\texpulsionDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newExpulsionDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.expulsion_date = newExpulsionDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.expulsion_date = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tonBoxChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newBox = this.boxes.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.id = newBox.id;\r\n\t\t\t\trow.box_serial_number = newBox.box_serial_number;\r\n\t\t\t\trow.box_vendor = newBox.box_vendor;\r\n\t\t\t\trow.start_date = newBox.start_date;\r\n\t\t\t\trow.end_date = newBox.end_date;\r\n\t\t\t\trow.initial_odometer_value = newBox.initial_odometer_value;\r\n\t\t\t\trow.type = newBox.type;\r\n\t\t\t\trow.status = newBox.status;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonAccessoriesChange(e, rowId) {\r\n\t\t\tvar newValues = e.sender.value();\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newAccessories = [];\r\n\t\t\tfor (let i = 0; i < this.accessoriesData.length; i++) {\r\n\t\t\t\tconst accessory = this.accessoriesData[i];\r\n\t\t\t\tif (newValues.includes(accessory.id)) {\r\n\t\t\t\t\tnewAccessories.push({\r\n\t\t\t\t\t\tid: accessory.id,\r\n\t\t\t\t\t\tdescription: accessory.description\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (row) {\r\n\t\t\t\trow.accessories = newAccessories;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tonBoxVendorChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.box_vendor = newValue;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonBoxTypeChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.type = newValue;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetPowerTakeOffs: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyPowerOffLegend(self.companyId).then(res => {\r\n\t\t\t\tself.powerTakeOffData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.vehicle_type ? item.vehicle_type : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.powerTakeOffData.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.powerTakeOffData = self._.sortBy(self.powerTakeOffData, [\"name\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllBoxes() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getVehicleBoxes({ page: 0, pageSize: 1000000, companyId: self.companyId, only_available: true }).then(res => {\r\n\t\t\t\tself.boxes = res.items.map(function(box) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: box.id,\r\n\t\t\t\t\t\tbox_serial_number: box.box_serial_number,\r\n\t\t\t\t\t\tbox_vendor: box.box_vendor.toUpperCase(),\r\n\t\t\t\t\t\tstatus: box.status || { key: 0, value: \"\" },\r\n\t\t\t\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\t\t\t\tend_date: null,\r\n\t\t\t\t\t\tinitial_odometer_value: box.initial_odometer_value,\r\n\t\t\t\t\t\tcompany_id: box.company_id,\r\n\t\t\t\t\t\ttype: box.type\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// console.log(self.boxes);\r\n\t\t\t\tself.boxes.unshift({\r\n\t\t\t\t\tid: 0,\r\n\t\t\t\t\tbox_serial_number: \"\"\r\n\t\t\t\t});\r\n\t\t\t\t// self.boxes = self._.sortBy(self.boxes, [\"box_serial_number\", \"box_vendor\", \"start_date\"]);\r\n\t\t\t\tself.getBoxes();\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idVehicle = this.$route.params.id;\r\n\t\t\tself.items = [];\r\n\r\n\t\t\tApiService.getCompanyBoxesByVehicleId(idVehicle, self.companyId).then(res => {\r\n\t\t\t\tif (self._.isNull(res) === false && self._.isUndefined(res) === false && self._.isArray(res) && res.length > 0)\r\n\t\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tbox_serial_number: item.box_serial_number,\r\n\t\t\t\t\t\t\tbox_vendor: item.box_vendor.toUpperCase(),\r\n\t\t\t\t\t\t\tstatus: item.status || { key: 0, value: \"\" },\r\n\t\t\t\t\t\t\tstart_date: item.start_date,\r\n\t\t\t\t\t\t\tend_date: item.end_date,\r\n\t\t\t\t\t\t\tinitial_odometer_value: item.initial_odometer_value,\r\n\t\t\t\t\t\t\tcompany_id: item.company_id,\r\n\t\t\t\t\t\t\taccessories: item.accessories,\r\n\t\t\t\t\t\t\ttype: item.type\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tfor (var i = 0; i < self.items.length; i++) {\r\n\t\t\t\t\tvar box = self.items[i];\r\n\r\n\t\t\t\t\tif (!self.boxes.find(b => b.id == box.id)) self.boxes.push(box);\r\n\r\n\t\t\t\t\tif (box.box_serial_number) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.boxSerialFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == box.box_serial_number;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.boxSerialFilters.push({\r\n\t\t\t\t\t\t\t\tid: box.box_serial_number,\r\n\t\t\t\t\t\t\t\tvalue: box.box_serial_number\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (box.box_vendor) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.boxVendorFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id.toLowerCase() == box.box_vendor.toLowerCase();\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.boxVendorFilters.push({\r\n\t\t\t\t\t\t\t\tid: box.box_vendor,\r\n\t\t\t\t\t\t\t\tvalue: box.box_vendor\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (box.type) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.boxTypesFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id.toLowerCase() == box.type.toLowerCase();\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.boxTypesFilters.push({\r\n\t\t\t\t\t\t\t\tid: box.type,\r\n\t\t\t\t\t\t\t\tvalue: box.type\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (self.items.length > 0) {\r\n\t\t\t\t\tvar b = self.items.filter(i => i.box_vendor == \"TELTONIKA\" && i.end_date == null);\r\n\t\t\t\t\tself.isTeltonika = b.length > 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.boxVendorFilters = self._.sortBy(self.boxVendorFilters, [\"id\"]);\r\n\t\t\t\tself.boxTypesFilters = self._.sortBy(self.boxTypesFilters, [\"id\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyGroups(self.companyId).then(res => {\r\n\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tdescription: item.name ? item.name.toLowerCase() : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.groupsData = self._.sortBy(self.groupsData, [\"description\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tvar self = this;\r\n\t\t\tvar idVehicle = this.$route.params.id;\r\n\t\t\tApiService.getCompanyVehicleDetail(idVehicle, self.companyId)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\tvar data = res;\r\n\r\n\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\tself.name = `${data.driver_surname || \"\"} ${data.driver_name || \"\"}`;\r\n\t\t\t\t\t\tself.number_plate = data.number_plate;\r\n\t\t\t\t\t\tself.car_sharing = data.car_sharing;\r\n\t\t\t\t\t\tself.purpose = data.purpose;\r\n\t\t\t\t\t\tself.fringe_benefit = data.fringe_benefit;\r\n\t\t\t\t\t\tself.matriculation_date = data.matriculation_date;\r\n\t\t\t\t\t\tself.expulsion_date = self.getUtcDate(data.expulsion_date);\r\n\t\t\t\t\t\tself.declared_co2_emission = data.declared_co2_emission;\r\n\t\t\t\t\t\tself.average_consumption = data.average_consumption;\r\n\t\t\t\t\t\tself.gross_vehicle_mass = data.gross_vehicle_mass;\r\n\t\t\t\t\t\tself.power_kw = data.power_kw;\r\n\t\t\t\t\t\tself.displacement = data.displacement;\r\n\t\t\t\t\t\tself.vehicle_name = data.name;\r\n\t\t\t\t\t\tself.tank_capacity = data.tank_capacity;\r\n\t\t\t\t\t\tself.driver_fiscal_code = data.driver_fiscal_code;\r\n\t\t\t\t\t\tself.battery_capacity = data.battery_capacity;\r\n\t\t\t\t\t\t(self.km_covered_recharge = data.km_covered_recharge),\r\n\t\t\t\t\t\t\t(self.fuel_level_not_available = data.fuel_level_not_available),\r\n\t\t\t\t\t\t\t(self.box_can_bus_not_available = data.box_can_bus_not_available),\r\n\t\t\t\t\t\t\t(self.utilization_area = data.utilization_area ? data.utilization_area : \"\");\r\n\t\t\t\t\t\tself.brand = data.brand || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.ownership_type = data.ownership_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.groups = data.groups || [{ key: 0, value: \"\" }];\r\n\t\t\t\t\t\tself.powerTakeOff = data.powerTakeOff || [{ key: 0, value: \"\" }];\r\n\t\t\t\t\t\tself.fuel_type = data.fuel_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.secondary_fuel_type = data.secondary_fuel_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.category = data.category || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.division = data.division || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.driving_license_type = data.driving_license_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.ownership_supplier = data.ownership_supplier || { key: 0, value: \"\" };\r\n\r\n\t\t\t\t\t\tself.code = data.code;\r\n\t\t\t\t\t\tself.matriculation = data.matriculation;\r\n\t\t\t\t\t\tself.odometer_km = data.odometer_km;\r\n\t\t\t\t\t\tself.gps_km = data.gps_km;\r\n\t\t\t\t\t\tself.has_odometer = data.has_odometer;\r\n\t\t\t\t\t\tself.use_roads_api_pto = data.use_roads_api_pto;\r\n\t\t\t\t\t\tself.show_use_roads_api_pto = data.show_use_roads_api_pto;\r\n\t\t\t\t\t\tself.odometer_lt = data.odometer_lt;\r\n\t\t\t\t\t\tself.gps_km_date_changed = data.gps_km_date_changed;\r\n\t\t\t\t\t\tself.gps_km_end_date = data.gps_km_end_date;\r\n\t\t\t\t\t\tself.max_hours_offline = data.max_hours_offline;\r\n\t\t\t\t\t\t//self.average_ownership_consumption = data.average_ownership_consumption;\r\n\r\n\t\t\t\t\t\tself.groupsSelected = self._.sortBy(data.groups, function(it) {\r\n\t\t\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t\t\t}).map(function(e) {\r\n\t\t\t\t\t\t\treturn e.key;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (self.has_odometer) self.total_km = self.odometer_km;\r\n\t\t\t\t\t\telse self.total_km = self.gps_km;\r\n\r\n\t\t\t\t\t\tself.working_hours = data.working_hours;\r\n\t\t\t\t\t\tif (self.working_hours) self.working_hours = self.working_hours.toFixed(0);\r\n\t\t\t\t\t\tself.working_hours_date = data.working_hours_date;\r\n\t\t\t\t\t\tself.working_hours_date_changed = data.working_hours_date_changed;\r\n\t\t\t\t\t\tself.working_hours_pto2 = data.working_hours_pto2;\r\n\t\t\t\t\t\tif (self.working_hours_pto2) self.working_hours_pto2 = self.working_hours_pto2.toFixed(0);\r\n\t\t\t\t\t\tself.working_hours_pto2_date = data.working_hours_pto2_date;\r\n\t\t\t\t\t\tself.working_hours_pto2_date_changed = data.working_hours_pto2_date_changed;\r\n\t\t\t\t\t\tself.working_hours_pto3 = data.working_hours_pto3;\r\n\t\t\t\t\t\tif (self.working_hours_pto3) self.working_hours_pto3 = self.working_hours_pto3.toFixed(0);\r\n\t\t\t\t\t\tself.working_hours_pto3_date = data.working_hours_pto3_date;\r\n\t\t\t\t\t\tself.working_hours_pto3_date_changed = data.working_hours_pto3_date_changed;\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\t//redirect to list\r\n\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: { id: this.companyId }\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tself.working_hours_changed = false;\r\n\t\t\t\t\tself.working_hours_pto2_changed = false;\r\n\t\t\t\t\tself.working_hours_pto3_changed = false;\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetUtcDate(date) {\r\n\t\t\tif (date) {\r\n\t\t\t\treturn moment\r\n\t\t\t\t\t.utc(date)\r\n\t\t\t\t\t.tz(\"Europe/Rome\")\r\n\t\t\t\t\t.format();\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\tpowerTakeOffToString(powerTakeOffs) {\r\n\t\t\tif (this._.isNull(powerTakeOffs) === false && this._.isUndefined(powerTakeOffs) === false && this._.isArray(powerTakeOffs) && powerTakeOffs.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tpowerTakeOffs = this._.sortBy(powerTakeOffs, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tpowerTakeOffs.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\taccessoriesString(accessories) {\r\n\t\t\tif (this._.isNull(accessories) === false && this._.isUndefined(accessories) === false && this._.isArray(accessories) && accessories.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\taccessories = this._.sortBy(accessories, function(it) {\r\n\t\t\t\t\treturn it.description ? it.description.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tvar today = new Date();\r\n\t\t\t\taccessories.forEach(element => {\r\n\t\t\t\t\tif (element.end_date) {\r\n\t\t\t\t\t\tvar dateToCheck = new Date(element.end_date);\r\n\t\t\t\t\t\tif (dateToCheck >= today) {\r\n\t\t\t\t\t\t\tstr += element.description + \", \";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tstr += element.description + \", \";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getBoxes();\r\n\t\t\t\tthis.getAllBoxes();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVehiclesBoxesRequest = null;\r\n\t\t},\r\n\t\tclearWorkingData() {\r\n\t\t\t// this.items = [];\r\n\t\t\tthis.createdItems = [];\r\n\t\t\tthis.updatedItems = [];\r\n\t\t\tthis.deletedItems = [];\r\n\r\n\t\t\tthis.isInEditMode = false;\r\n\t\t},\r\n\t\tsaveData() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveCompanyVehicleDetail(\r\n\t\t\t\t\tthis.id,\r\n\t\t\t\t\tthis.companyId,\r\n\t\t\t\t\tthis.code,\r\n\t\t\t\t\tthis.number_plate,\r\n\t\t\t\t\tthis.brand.key > 0 ? this.brand.key : null,\r\n\t\t\t\t\tthis.vehicle_name,\r\n\t\t\t\t\tthis.ownership_type.key > 0 ? this.ownership_type.key : null,\r\n\t\t\t\t\tthis.ownership_supplier.key > 0 ? this.ownership_supplier.key : null,\r\n\t\t\t\t\tthis.utilization_area,\r\n\t\t\t\t\tthis.category.key > 0 ? this.category.key : null,\r\n\t\t\t\t\tthis.matriculation_date,\r\n\t\t\t\t\tthis.gross_vehicle_mass,\r\n\t\t\t\t\tthis.power_kw,\r\n\t\t\t\t\tthis.displacement,\r\n\t\t\t\t\tthis.fuel_type.key > 0 ? this.fuel_type.key : null,\r\n\t\t\t\t\tthis.secondary_fuel_type.key > 0 ? this.secondary_fuel_type.key : null,\r\n\t\t\t\t\tthis.declared_co2_emission,\r\n\t\t\t\t\tthis.average_consumption,\r\n\t\t\t\t\tthis.tank_capacity,\r\n\t\t\t\t\tthis.driving_license_type.key > 0 ? this.driving_license_type.key : null,\r\n\t\t\t\t\tthis.car_sharing,\r\n\t\t\t\t\tthis.groupsSelected,\r\n\t\t\t\t\tthis.powerTakeOff.key > 0 ? this.powerTakeOff.key : null,\r\n\t\t\t\t\tthis.expulsion_date,\r\n\t\t\t\t\tthis.purpose,\r\n\t\t\t\t\tthis.battery_capacity,\r\n\t\t\t\t\tthis.km_covered_recharge,\r\n\t\t\t\t\tthis.fuel_level_not_available,\r\n\t\t\t\t\tthis.box_can_bus_not_available,\r\n\t\t\t\t\tthis.division.key > 0 ? this.division.key : null,\r\n\t\t\t\t\tthis.fringe_benefit,\r\n\t\t\t\t\tthis.has_odometer != null ? this.has_odometer : false,\r\n\t\t\t\t\tthis.use_roads_api_pto,\r\n\t\t\t\t\tthis.total_km,\r\n\t\t\t\t\tthis.gps_km_date_changed,\r\n\t\t\t\t\tthis.max_hours_offline,\r\n\t\t\t\t\tthis.working_hours,\r\n\t\t\t\t\tthis.working_hours_date,\r\n\t\t\t\t\tthis.working_hours_date_changed,\r\n\t\t\t\t\tthis.working_hours_changed,\r\n\t\t\t\t\tthis.working_hours_pto2,\r\n\t\t\t\t\tthis.working_hours_pto2_date,\r\n\t\t\t\t\tthis.working_hours_pto2_date_changed,\r\n\t\t\t\t\tthis.working_hours_pto2_changed,\r\n\t\t\t\t\tthis.working_hours_pto3,\r\n\t\t\t\t\tthis.working_hours_pto3_date,\r\n\t\t\t\t\tthis.working_hours_pto3_date_changed,\r\n\t\t\t\t\tthis.working_hours_pto3_changed\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.isDetailInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\t// bus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.working_hours_changed = false;\r\n\t\t\t\t\t\tself.working_hours_pto2_changed = false;\r\n\t\t\t\t\t\tself.working_hours_pto3_changed = false;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"box_serial_number\") {\r\n\t\t\t\tthis.boxSerialFilterselected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"box_vendor\") {\r\n\t\t\t\tthis.boxVendorFilterselected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"type\") {\r\n\t\t\t\tthis.boxTypesFilterselected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tcloseModal() {\r\n\t\t\tthis.showModal = false;\r\n\t\t\tthis.modalAnswered = true;\r\n\t\t\tthis.saveBoxesData(false);\r\n\t\t},\r\n\t\tokModal() {\r\n\t\t\tthis.showModal = false;\r\n\t\t\tthis.modalAnswered = true;\r\n\t\t\tthis.saveBoxesData(true);\r\n\t\t},\r\n\t\tsaveBoxesData(changeAccessoriesEndDate = false) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.status) item.box_status_id = item.status.key;\r\n\r\n\t\t\t\titem.vehicle_id = this.vehicleId;\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\t\t\t\tif (item.inEdit == \"end_date\" && item.end_date) {\r\n\t\t\t\t\tthis.endDateChanged = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.status) item.box_status_id = item.status.key;\r\n\t\t\t\titem.vehicle_id = this.vehicleId;\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tif (item.status) item.status_id = item.status.key;\r\n\t\t\t\titem.vehicle_id = this.vehicleId;\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.endDateChanged && !this.modalAnswered) {\r\n\t\t\t\tthis.showModal = true;\r\n\t\t\t} else if (!this.endDateChanged || this.modalAnswered) {\r\n\t\t\t\tthis.saveVehiclesBoxesRequest = ApiService.saveVehiclesBoxes(\r\n\t\t\t\t\tself.companyId,\r\n\t\t\t\t\tself.vehicleId,\r\n\t\t\t\t\tcreatedItemsNormilized,\r\n\t\t\t\t\tupdatedItemsNormilized,\r\n\t\t\t\t\tdeletedItemsNormilized,\r\n\t\t\t\t\tchangeAccessoriesEndDate\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\t\tself.getBoxes();\r\n\r\n\t\t\t\t\t\tself.isDetailInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.saveVehiclesBoxesRequest = null;\r\n\t\t\t\t\t\tself.endDateChanged = false;\r\n\t\t\t\t\t\tself.modalAnswered = false;\r\n\t\t\t\t\t\tself.showModal = false;\r\n\t\t\t\t\t\tself.showAccessoryView = false;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tswitchDetailEditMode: function() {\r\n\t\t\tthis.isDetailInEditMode = !this.isDetailInEditMode;\r\n\r\n\t\t\tif (!this.isDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t//unite of Measure\r\n\t\tgetPropertyDescription(propertyValue, uniteOfMeasure, type) {\r\n\t\t\tuniteOfMeasure = uniteOfMeasure ? uniteOfMeasure : \"\";\r\n\t\t\treturn `${propertyValue ? kendo.toString(propertyValue, `${type && type == \"int\" ? \"n0\" : \"n2\"}`) : \"\"} ${propertyValue && uniteOfMeasure ? \"(\" + uniteOfMeasure + \")\" : \"\"}`;\r\n\t\t},\r\n\t\tgetStatus() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getBoxStatus().then(res => {\r\n\t\t\t\tself.allStatus = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: `${item.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.statusFilters = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tvalue: `${item.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.allStatus.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tdateKmText() {\r\n\t\t\tif (!this.has_odometer) {\r\n\t\t\t\tvar date = moment(this.gps_km_end_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t}\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tmatriculationDateFormat() {\r\n\t\t\tif (this.matriculation_date) {\r\n\t\t\t\tthis.matriculation_date = moment\r\n\t\t\t\t\t.utc(this.matriculation_date)\r\n\t\t\t\t\t.tz(\"Europe/Rome\")\r\n\t\t\t\t\t.format();\r\n\t\t\t}\r\n\t\t\treturn this.$options.filters.dateToString(this.matriculation_date);\r\n\t\t},\r\n\t\tworkingHoursDateFormat() {\r\n\t\t\tif (this.working_hours_date) {\r\n\t\t\t\tvar date = moment(this.working_hours_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t}\r\n\t\t\t// return moment(String(this.working_hours_date)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\telse return \"\";\r\n\t\t},\r\n\t\tworkingHoursDateChangedFormat() {\r\n\t\t\tif (this.working_hours_date_changed) {\r\n\t\t\t\treturn moment(String(this.working_hours_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto2DateFormat() {\r\n\t\t\tif (this.working_hours_pto2_date) {\r\n\t\t\t\tvar date = moment(this.working_hours_pto2_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto2DateChangedFormat() {\r\n\t\t\tif (this.working_hours_pto2_date_changed) {\r\n\t\t\t\treturn moment(String(this.working_hours_pto2_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto3DateFormat() {\r\n\t\t\tif (this.working_hours_pto3_date) {\r\n\t\t\t\tvar date = moment(this.working_hours_pto3_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto3DateChangedFormat() {\r\n\t\t\tif (this.working_hours_pto3_date_changed) {\r\n\t\t\t\treturn moment(String(this.working_hours_pto3_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tgpsDateFormat() {\r\n\t\t\tif (this.gps_km_date_changed) return moment(String(this.gps_km_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\telse return \"\";\r\n\t\t},\r\n\t\tmatriculationDateFormatCalendar() {\r\n\t\t\tif (this.matriculation_date) {\r\n\t\t\t\treturn moment(this.matriculation_date).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgpsDateFormatCalendar() {\r\n\t\t\tif (this.gps_km_date_changed) {\r\n\t\t\t\tvar v = moment(this.gps_km_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tworkingHoursDateFormatCalendar() {\r\n\t\t\tif (this.working_hours_date_changed) {\r\n\t\t\t\tvar v = moment(this.working_hours_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tworkingHoursPto2DateFormatCalendar() {\r\n\t\t\tif (this.working_hours_pto2_date_changed) {\r\n\t\t\t\tvar v = moment(this.working_hours_pto2_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tworkingHoursPto3DateFormatCalendar() {\r\n\t\t\tif (this.working_hours_pto3_date_changed) {\r\n\t\t\t\tvar v = moment(this.working_hours_pto3_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tpowerTakeOffString() {\r\n\t\t\treturn this.powerTakeOffToString(this.powerTakeOffs);\r\n\t\t},\r\n\t\texpulsionDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.expulsion_date);\r\n\t\t},\r\n\t\texpulsionDateFormatCalendar() {\r\n\t\t\tif (this.expulsion_date) {\r\n\t\t\t\treturn moment(this.expulsion_date).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgroupsString() {\r\n\t\t\treturn this.groupsToString(this.groups);\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"Numero seriale\",\r\n\t\t\t\t\theaderCell: \"myBoxSerialHeaderTemplate\",\r\n\t\t\t\t\tcell: \"serialNumberCellTemplate\",\r\n\t\t\t\t\t// format: \"\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t\t// editable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_vendor\",\r\n\t\t\t\t\ttitle: \"Fornitore\",\r\n\t\t\t\t\theaderCell: \"myBoxVendorHeaderTemplate\",\r\n\t\t\t\t\tcell: \"boxVendorCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\theaderCell: \"myStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"statusCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"initial_odometer_value\",\r\n\t\t\t\t\ttitle: \"Odometro iniziale\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myNumberTemplate\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type\",\r\n\t\t\t\t\ttitle: \"Tipologia\",\r\n\t\t\t\t\theaderCell: \"myBoxTypeHeaderTemplate\",\r\n\t\t\t\t\tcell: \"boxTypeCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"accessories\",\r\n\t\t\t\t\ttitle: \"Accessori\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"accessoriesCellTemplate\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\teditable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"editAccessories\",\r\n\t\t\t\t\ttitle: \"Modifica accessori\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myImageCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tconfigByPass: true,\r\n\t\t\t\t\torder: 0\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45px\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./vehicleDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./vehicleDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehicleDetail.vue?vue&type=template&id=29f922dc&\"\nimport script from \"./vehicleDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./vehicleDetail.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":\"Conducente\",\"show-date-time\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchDriverDetailEditMode,\"save-data-items\":_vm.saveDriverDetail}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"SCHEDA CONDUCENTE\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"surname\"}},[_vm._v(\"Cognome\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.surname.length == 0 && _vm.isDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"surname\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.surname),callback:function ($$v) {_vm.surname=$$v},expression:\"surname\"}})],1)]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"name\"}},[_vm._v(\"Nome\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.name.length == 0 && _vm.isDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"name\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"mobile_phone_number\"}},[_vm._v(\"Cellulare\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"mobile_phone_number\",\"readonly\":!_vm.isDetailInEditMode},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.mobile_phone_number),callback:function ($$v) {_vm.mobile_phone_number=$$v},expression:\"mobile_phone_number\"}})],1)]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"fiscal_code\"}},[_vm._v(\"Codice Univoco\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.fiscal_code.length == 0 && _vm.isDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"fiscal_code\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.fiscal_code),callback:function ($$v) {_vm.fiscal_code=$$v},expression:\"fiscal_code\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"email\"}},[_vm._v(\"Email\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"email\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"groups\"}},[_vm._v(\"Divisioni\")])]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"groups\",\"readonly\":true},model:{value:(_vm.groupsString),callback:function ($$v) {_vm.groupsString=$$v},expression:\"groupsString\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"data-source\":_vm.groupsData,\"data-text-field\":'description',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.groupsSelected),callback:function ($$v) {_vm.groupsSelected=$$v},expression:\"groupsSelected\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"employee_register\"}},[_vm._v(\"Matricola\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"employee_register\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.employee_register),callback:function ($$v) {_vm.employee_register=$$v},expression:\"employee_register\"}})],1)]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"rfid_code\"}},[_vm._v(\"Codice RFid\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}]},[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"readonly\":true,\"id\":\"rfid_code\"},model:{value:(_vm.rfid_code_number),callback:function ($$v) {_vm.rfid_code_number=$$v},expression:\"rfid_code_number\"}})],1),(_vm.isDetailInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.rfids,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.rfid_code),callback:function ($$v) {_vm.rfid_code=$$v},expression:\"rfid_code\"}})],1):_vm._e()])]),_c('div',{staticClass:\"col-md-2\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"is_dismissed\"}},[_vm._v(\"Dimissioni\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isDetailInEditMode},model:{value:(_vm.is_dismissed),callback:function ($$v) {_vm.is_dismissed=$$v},expression:\"is_dismissed\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"notes\"}},[_vm._v(\"Note\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"notes\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.notes),callback:function ($$v) {_vm.notes=$$v},expression:\"notes\"}})],1)])])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":false,\"showUndo\":false,\"showSave\":false,\"showAdd\":false},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveRFIDsData}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"RFID\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('localization-provider',{attrs:{\"language\":'it-IT'}},[_c('intl-provider',{attrs:{\"locale\":'it'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"columns\":_vm.columns,\"sortable\":true,\"edit-field\":'inEdit'},on:{\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'rfid-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myUidTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.fullUid(props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.isInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.uid,\"data-source\":_vm.rfidsDriver,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona rfid',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onRfidChange($event, props.dataItem.id)}}})],1):_vm._e()])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)])])],1)],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import ApiService from \"../../../../../services/api\";\r\nimport { bus } from \"../../../../../main\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tisDetailInEditMode: false,\r\n\t\t\tvehicles: [],\r\n\t\t\tdriverId: 0,\r\n\t\t\tisNewDriver: false,\r\n\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsSelected: [],\r\n\r\n\t\t\trfids: [],\r\n\t\t\trfidsDriver: [],\r\n\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tsurname: \"\",\r\n\t\t\temail: \"\",\r\n\t\t\tfiscal_code: \"\",\r\n\t\t\tmobile_phone_number: \"\",\r\n\t\t\temployee_register: \"\",\r\n\t\t\trfid_code: \"\",\r\n\t\t\trfid_number: \"\",\r\n\t\t\trfid_code_number: \"\",\r\n\t\t\tnotes: \"\",\r\n\t\t\tis_dismissed: false,\r\n\t\t\tgroups: [{ key: 0, value: \"\" }],\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tsaveVechilesDriversAssociationRequest: null,\r\n\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\r\n\t\t\t//table filters\r\n\t\t\t// vehicleNameFilters: [],\r\n\t\t\t// vehicleNameFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tboxNumberFilters: [],\r\n\t\t\tboxNumberFilterSelected: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.driverId = this.$route.params.id;\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\r\n\t\tif (this.driverId == 0) {\r\n\t\t\tthis.isNewDriver = true;\r\n\t\t}\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tuid: \"\",\r\n\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\tend_date: null\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [\r\n\t\t\t{ field: \"start_date\", dir: \"desc\" },\r\n\t\t\t{ field: \"id\", dir: \"desc\" }\r\n\t\t];\r\n\r\n\t\tif (this.isNewDriver) {\r\n\t\t\tthis.isDetailInEditMode = true;\r\n\t\t} else bus.$emit(\"show-spinner-loading\");\r\n\r\n\t\tthis.getGroups().finally(() => {\r\n\t\t\tself.getData();\r\n\t\t});\r\n\r\n\t\tself.getDriverRFIDs();\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetRFIDs() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyAvailableRFIDs(self.companyId)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.rfids = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.uid,\r\n\t\t\t\t\t\t\tname: `${item.number} - ${item.uid}`\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tself.rfidsDriver = self.rfids;\r\n\t\t\t\t\tif (self.rfid_code) {\r\n\t\t\t\t\t\tself.rfids.unshift({\r\n\t\t\t\t\t\t\tid: self.rfid_code,\r\n\t\t\t\t\t\t\tname: self.rfid_code_number\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tself.rfids.unshift({\r\n\t\t\t\t\t\tid: '',\r\n\t\t\t\t\t\tname: ''\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.rfids = self._.sortBy(self.rfids, [\"name\"]);\r\n\t\t\t\t\tself.rfidsDriver = self._.sortBy(self.rfidsDriver, [\"name\"]);\r\n\r\n\t\t\t\t\tif (self.rfids.length > 0) {\r\n\t\t\t\t\t\tself.defaultAddRow.uid = self.rfids[0].id;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetDriverRFIDs() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompanyDriverRFIDs(self.companyId, self.driverId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res;\r\n\t\t\t});\r\n\t\t},\r\n\t\tonRfidChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\t\t\t// console.log(newValue);\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.uid = newValue;\r\n\t\t\t\trow.rfid_id = 0;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\treturn new Promise(function(resolve, reject) {\r\n\t\t\t\tApiService.getCompanyGroups(self.companyId)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tdescription: item.name ? item.name.toLowerCase() : \"\"\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tself.groupsData = self._.sortBy(self.groupsData, [\"description\"]);\r\n\t\t\t\t\t\tresolve();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\treject();\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idDriver = this.driverId;\r\n\r\n\t\t\tif (!this.isNewDriver) {\r\n\t\t\t\tApiService.getCompanyDriver(self.companyId, idDriver)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\t\tvar data = res;\r\n\r\n\t\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t\t\t\tself.surname = data.surname;\r\n\t\t\t\t\t\t\tself.email = data.email;\r\n\t\t\t\t\t\t\tself.fiscal_code = data.fiscal_code;\r\n\t\t\t\t\t\t\tself.mobile_phone_number = data.mobile_phone_number;\r\n\t\t\t\t\t\t\tself.employee_register = data.employee_register;\r\n\t\t\t\t\t\t\tself.rfid_code = data.rfid_code;\r\n\t\t\t\t\t\t\tself.rfid_number = data.rfid_number;\r\n\t\t\t\t\t\t\tself.rfid_code_number = self.rfid_number ? `${self.rfid_number} - ${self.rfid_code}` : `${self.rfid_code ? self.rfid_code : ''}`;\r\n\t\t\t\t\t\t\tself.notes = data.notes;\r\n\t\t\t\t\t\t\tself.is_dismissed = data.is_dismissed;\r\n\r\n\t\t\t\t\t\t\tself.groups = data.groups || [{ key: 0, value: \"\" }];\r\n\r\n\t\t\t\t\t\t\tself.groupsSelected = self._.sortBy(data.groups, function(it) {\r\n\t\t\t\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t\t\t\t}).map(function(e) {\r\n\t\t\t\t\t\t\t\treturn e.key;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\t///TODO\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\tself.getRFIDs();\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tfullUid(item) {\r\n\t\t\treturn item.number ? `${item.number} - ${item.uid}` : item.uid;\r\n\t\t},\r\n\t\tswitchDriverDetailEditMode() {\r\n\t\t\tthis.isDetailInEditMode = !this.isDetailInEditMode;\r\n\r\n\t\t\tif (!this.isDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getDriverRFIDs();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = null;\r\n\t\t},\r\n\t\tsaveDriverDetail() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveCompanyDriverDetail(\r\n\t\t\t\t\tthis.companyId,\r\n\t\t\t\t\tthis.id,\r\n\t\t\t\t\tthis.name,\r\n\t\t\t\t\tthis.surname,\r\n\t\t\t\t\tthis.email,\r\n\t\t\t\t\tthis.fiscal_code,\r\n\t\t\t\t\tthis.mobile_phone_number,\r\n\t\t\t\t\tthis.employee_register,\r\n\t\t\t\t\tthis.rfid_code,\r\n\t\t\t\t\tthis.is_dismissed,\r\n\t\t\t\t\tthis.notes,\r\n\t\t\t\t\tthis.groupsSelected\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tthis.isDetailInEditMode = false;\r\n\r\n\t\t\t\t\t\tvar id = res.data;\r\n\t\t\t\t\t\tif (self.isNewDriver) {\r\n\t\t\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\t\t\tname: \"SUPERADMIN_DRIVER_DETAIL\",\r\n\t\t\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\t\t\tcompanyid: this.companyId,\r\n\t\t\t\t\t\t\t\t\tid: id\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tself.driverId = id;\r\n\t\t\t\t\t\t\tself.isNewDriver = false;\r\n\t\t\t\t\t\t\tself.defaultAddRow.driver_id = id;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tself.getDriverRFIDs();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveRFIDsData() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\titem.driver_id = this.driverId;\r\n\t\t\t\titem.company_id = this.companyId;\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\titem.driver_id = this.driverId;\r\n\t\t\t\titem.company_id = this.companyId;\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\titem.driver_id = this.driverId;\r\n\t\t\t\titem.company_id = this.companyId;\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVehiclesBoxesRequest = ApiService.saveDriverRFIDs(self.companyId, self.driverId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\tself.getRFIDs();\r\n\t\t\t\t\tself.getDriverRFIDs();\r\n\r\n\t\t\t\t\tself.isDetailInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveVehiclesBoxesRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tisReadOnlyCell(field, item) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (item.id > 0 && ((c && c.readonly) || this._.isNull(item.box_serial_number) || this._.isUndefined(item.box_serial_number) || item.box_serial_number == \"\")) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tmatriculationDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.matriculation_date);\r\n\t\t},\r\n\t\tgroupsString() {\r\n\t\t\treturn this.groupsToString(this.groups);\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"uid\",\r\n\t\t\t\t\ttitle: \"uid\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myUidTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./driverDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./driverDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./driverDetail.vue?vue&type=template&id=6c5db126&\"\nimport script from \"./driverDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./driverDetail.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid companyDetail\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":'Ruoli e utenti',\"show-date-time\":false,\"showUserSettings\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('roles')],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('users')],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}]},[_vm._v(\"RUOLI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-5\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove,\"add-item\":_vm.addItem},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myGroupsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'mz-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsDataFilters,\"filterItemsSelected\":_vm.groupsDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myImageCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.name,\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tModifica permessi\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../assets/pen.png\"),\"id\":props.dataItem.name},on:{\"click\":function($event){return _vm.togglePermissionsModal(props.dataItem)}}})],1)]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"PERMESSI\")]),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closePermissionsModal()}}})])]}}]),model:{value:(_vm.showPermissions),callback:function ($$v) {_vm.showPermissions=$$v},expression:\"showPermissions\"}},[_c('div',[_c('permissions',{attrs:{\"roleId\":_vm.roleId}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\troleId: Number,\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tcompanyId: \"\"\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.companyid;\r\n\t\tthis.getData();\r\n\t\t\r\n\t\tthis.sort = [{ field: \"description\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.code === e.dataItem.code;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.code === e.dataItem.code;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\t\t\t\r\n\t\t\t}\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyRolePermissionsData(this.roleId, this.updatedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tapi.getRolePermissionsData(self.roleId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tactive: item.active,\r\n\t\t\t\t\t\tcode: item.code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active\",\r\n\t\t\t\t\ttitle: \"ABILITA\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"code\",\r\n\t\t\t\t// \ttitle: \"CODICE\",\r\n\t\t\t\t// \tminResizableWidth: \"100\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// }\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./permissions.vue.js?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/eslint-loader/index.js??ref--13-0!./permissions.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./permissions.vue?vue&type=template&id=6290cfe5&\"\nimport script from \"./permissions.vue.js?vue&type=script&lang=js&\"\nexport * from \"./permissions.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport permissions from \"./permissions.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\tpermissions\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tshowPermissions: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tisPermessionInEditMode: false,\r\n\t\t\troleId: \"\",\r\n\r\n\t\t\tcompanyId: 0,\r\n\t\t\t// items: []\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsDataFilters: [],\r\n\t\t\tgroupsDataFiltersSelected: [],\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getGroups();\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tgroups: []\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\t// this.sort = [{ field: \"id\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\ttogglePermissionsModal(item) {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.roleId = item.id;\r\n\t\t\tthis.showPermissions = true;\r\n\t\t},\r\n\t\tclosePermissionsModal() {\r\n\t\t\tthis.showPermissions = false;\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\t\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\tdescription: \"\",\r\n\t\t\t\tgroups: []\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\t\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\t\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\t\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getGroupsData().then(res => {\r\n\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\t\r\n\r\n\t\t\t\tself.groupsDataFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\t//Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\t\t\t\r\n\t\t\t}\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.groups && item.groups.length > 0)\r\n\t\t\t\t\titem.groups = item.groups.map(function(g){ return g.key} );\t\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCompanyRolesData(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getRolesData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tgroups: item.groups\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(groups, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\r\n\t\tonGroupsChange(e, rowId) {\r\n\t\t\tvar newValues = e.sender.value();\r\n\r\n\t\t\t\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar newGroups = [];\r\n\t\t\tfor (let i = 0; i < this.groupsData.length; i++) {\r\n\t\t\t\tconst group = this.groupsData[i];\r\n\t\t\t\tif (newValues.includes(group.key)) {\r\n\t\t\t\t\tnewGroups.push({\r\n\t\t\t\t\t\tkey: group.key,\r\n\t\t\t\t\t\tvalue: group.value\r\n\t\t\t\t\t})\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t}\r\n\t\t\tif (row) {\r\n\t\t\t\trow.groups = newGroups;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttitle: \"DIVISIONI\",\r\n\t\t\t\t\theaderCell: \"myGroupsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"groupsCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"editPermissions\",\r\n\t\t\t\t\ttitle: \"Modifica permessi\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myImageCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tconfigByPass: true,\r\n\t\t\t\t\torder: 0\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./roles.vue.js?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/eslint-loader/index.js??ref--13-0!./roles.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./roles.vue?vue&type=template&id=3c13af0c&\"\nimport script from \"./roles.vue.js?vue&type=script&lang=js&\"\nexport * from \"./roles.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-112\",modifiers:{\"collapse-112\":true}}]},[_vm._v(\"UTENTI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-112\",modifiers:{\"collapse-112\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-112\"}},[(_vm.dataReady)?_c('div',[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showAdd\":true,\"showEdit\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"add-item\":_vm.addItem,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'us-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"roleCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.role.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.isInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.role.key,\"data-source\":_vm.allRoles,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona marca',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onRoleChange($event, props.dataItem.id)}}})],1):_vm._e()])]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'us-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"fuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, false)}}})],1)])]}},{key:\"secondaryFuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.secondary_fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.secondary_fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione secondaria',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, true)}}})],1)])]}},{key:\"categoryCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.category.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.category.key,\"data-source\":_vm.allCategories,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona classificazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onCategoryChange($event, props.dataItem.id)}}})],1)])]}},{key:\"licenseCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.driving_license_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.driving_license_type.key,\"data-source\":_vm.allLicenses,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona patente',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onLicenseChange($event, props.dataItem.id)}}})],1)])]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}}],null,false,1486956243)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tchangedTime: Date \r\n\t},\t\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tallRoles: [],\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"email\",\r\n\t\t\t\t\ttitle: \"EMAIL\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active_directory_username\",\r\n\t\t\t\t\ttitle: \"AZURE AD EMAIL\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"mobile_phone_number\",\r\n\t\t\t\t\ttitle: \"Telefono\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"password\",\r\n\t\t\t\t\ttitle: \"PASSWORD\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tformat: \"password\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"password_confirm\",\r\n\t\t\t\t\ttitle: \"CONFERMA PASSWORD\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tformat: \"password\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"role\",\r\n\t\t\t\t\ttitle: \"RUOLO\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"roleCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"enabled\",\r\n\t\t\t\t\ttitle: \"ABILITATO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\t// this.sort = [{ field: \"id\", dir: \"desc\" }];\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getRoles();\r\n\t\tthis.getData();\r\n\t},\r\n\tmethods: {\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.exitEditCell();\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\texitEditCell: function() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t\tthis.editField = undefined;\r\n\t\t},\r\n\t\tgetRoles() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getRolesData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.allRoles = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\temail: \"\",\r\n\t\t\t\tdescription: \"\",\r\n\t\t\t\tpassword: \"\",\r\n\t\t\t\tpassword_confirm: \"\",\r\n\t\t\t\trole: {key: 0, value: \"\"},\r\n\t\t\t\tenabled: true\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"code\") {\r\n\t\t\t\tthis.codeFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t}\r\n\t\t\t// if (e.field == \"brand\") {\r\n\t\t\t// \tthis.vehicleNameFilterSelected = [];\r\n\t\t\t// }\r\n\t\t\tif (e.field == \"groups\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_surname_name\") {\r\n\t\t\t\tthis.driverNameSurnameFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_fiscal_code\") {\r\n\t\t\t\tthis.driverCFFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"fuel_type\") {\r\n\t\t\t\tthis.fuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"secondary_fuel_type\") {\r\n\t\t\t\tthis.secondaryFuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_type\") {\r\n\t\t\t\tthis.ownershipTypesFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_supplier\") {\r\n\t\t\t\tthis.ownershipSuppliersFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"category\") {\r\n\t\t\t\tthis.categoriesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\t\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\t\t\t\titem.role_id = item.role.key > 0 ? item.role.key : null;\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\t\t\t\titem.role_id = item.role.key > 0 ? item.role.key : null;\t\t\t\t\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postUsersData(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.exitEditCell();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tonRoleChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newR = this.allRoles.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\t\t\t\trow.role.key = newR.id;\r\n\t\t\t\trow.role.value = newR.name;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tapi.getUsersData(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tconsole.log(res.items);\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\trow.id = item.id,\r\n\t\t\t\t\trow.name = item.name,\r\n\t\t\t\t\trow.email = item.email,\r\n\t\t\t\t\trow.description = item.description,\r\n\t\t\t\t\trow.password = \"\",\r\n\t\t\t\t\trow.password_confirm = \"\",\r\n\t\t\t\t\trow.active_directory_username = item.active_directory_username,\r\n\t\t\t\t\trow.mobile_phone_number = item.mobile_phone_number,\r\n\t\t\t\t\trow.role = item.role ? item.role : { key: 0, value: \"\" };\r\n\t\t\t\t\trow.enabled = item.enabled;\r\n\t\t\t\t\t\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\t\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./users.vue.js?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/eslint-loader/index.js??ref--13-0!./users.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./users.vue?vue&type=template&id=f13b1cda&\"\nimport script from \"./users.vue.js?vue&type=script&lang=js&\"\nexport * from \"./users.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../services/api\";\r\nimport { bus } from \"../../main\";\r\nimport gridClientBase from \"../../components/gridClientComponentBase\";\r\nimport { mapGetters } from \"vuex\";\r\nimport roles from \"./components/roles.vue\";\r\nimport users from \"./components/users.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\troles,\r\n\t\tusers\r\n\t},\r\n\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t},\r\n\tmethods: {\t\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./userSettings.vue.js?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/eslint-loader/index.js??ref--13-0!./userSettings.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./userSettings.vue?vue&type=template&id=3c91dc74&\"\nimport script from \"./userSettings.vue.js?vue&type=script&lang=js&\"\nexport * from \"./userSettings.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":'BOX',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true,\"showAdd\":false,\"forceShowAdd\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'bo-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'bo-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"accessoriesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.accessoriesToString(props.dataItem.accessories))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myAccessoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.accessoriesDataFilters,\"filterItemsSelected\":_vm.accessoriesDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySerialNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxVendorHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxVendorFilters,\"filterItemsSelected\":_vm.boxVendorFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCompanyHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.companyFilters,\"filterItemsSelected\":_vm.companyFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,4255893740)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport { bus } from \"../../../main\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport Vue from \"vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"id\",\r\n\t\t\t\t// \ttitle: \"Id box\",\r\n\t\t\t\t// \tconfigId: \"id\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"Numero seriale\",\r\n\t\t\t\t\theaderCell: \"mySerialNumberHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_vendor\",\r\n\t\t\t\t\ttitle: \"Fornitore\",\r\n\t\t\t\t\theaderCell: \"myBoxVendorHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"active\",\r\n\t\t\t\t\ttitle: \"Attiva\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"company\",\r\n\t\t\t\t\ttitle: \"AZIENDA\",\r\n\t\t\t\t\tconfigId: \"company\",\r\n\t\t\t\t\theaderCell: \"myCompanyHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\ttitle: \"TARGA\",\r\n\t\t\t\t\tconfigId: \"numberPlate\",\r\n\t\t\t\t\theaderCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type\",\r\n\t\t\t\t\ttitle: \"Tipologia\",\r\n\t\t\t\t\theaderCell: \"myBoxTypeHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"has_last_known_postion\",\r\n\t\t\t\t\ttitle: \"Ultima posizione presente\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"last_known_postion_lat\",\r\n\t\t\t\t\ttitle: \"Latitudine ultima posizione\",\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"last_known_postion_lon\",\r\n\t\t\t\t\ttitle: \"Longitudine ultima posizione\",\t\t\t\t\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"last_known_postion_date\",\r\n\t\t\t\t\ttitle: \"Data ultima posizione\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"accessories\",\r\n\t\t\t\t\ttitle: \"ACCESSORI\",\r\n\t\t\t\t\theaderCell: \"myAccessoriesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"accessoriesCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"contract\",\r\n\t\t\t\t\ttitle: \"Contratto\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterSelected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tcompanyFilters: [],\r\n\t\t\tcompanyFilterSelected: [],\r\n\t\t\taccessoriesDataFilters: [],\r\n\t\t\taccessoriesDataFiltersSelected: [],\r\n\t\t\tboxTypesFilters: [],\r\n\t\t\tboxTypesFilterselected: []\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.take = 100;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tvar companyQuery = this.$route.query.company;\r\n\t\tif (companyQuery) {\r\n\t\t\tvar filtersToAdd = {\r\n\t\t\t\tfield: \"company\",\r\n\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\tfilter: {\r\n\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\tfilters: []\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\tfield: `company[0]`,\r\n\t\t\t\toperator: \"contains\",\r\n\t\t\t\tvalue: companyQuery\r\n\t\t\t});\r\n\r\n\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getBoxSerial();\r\n\t\tthis.getBoxVendors();\r\n\t\tthis.getCompanies();\r\n\t\tthis.getPlates();\r\n\t\tthis.getAccessories();\r\n\t\tthis.getData();\r\n\t},\r\n\twatch: {\r\n\t\tcheckCompanyQuery() {\r\n\t\t\tthis.columnFilters = [];\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\titemChange: function(e) {\r\n\t\t\tconsole.log('itemchange', e.dataItem.id)\r\n\t\t\tif (e.dataItem.id == 0) return;\r\n\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tconsole.log('itemchange item', item)\r\n\r\n\t\t\tif (item.status) item.status_id = item.status.key;\r\n\t\t\titem.installation_end_date = new Date(item.installation_end_date);\r\n\t\t\titem.contract_end_date = new Date(item.contract_end_date);\r\n\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t} else if (e.field == \"company\") {\r\n\t\t\t\tthis.companyFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_serial_number\") {\r\n\t\t\t\tthis.boxSerialFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_vendor\") {\r\n\t\t\t\tthis.boxVendorFilterSelected = [];\r\n\t\t\t} else if (e.field == \"accessories\") {\r\n\t\t\t\tthis.accessoriesDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"type\") {\r\n\t\t\t\tthis.boxTypesFilterselected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\taccessoriesToString(accessories) {\r\n\t\t\tif (this._.isNull(accessories) === false && this._.isUndefined(accessories) === false && this._.isArray(accessories) && accessories.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(accessories, function(a) {\r\n\t\t\t\t\treturn a.value ? a.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetAccessories: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getAccessories().then(res => {\r\n\t\t\t\tself.accessoriesDataFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxSerial: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxSerials().then(res => {\r\n\t\t\t\tself.boxSerialFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxVendors: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxVendors().then(res => {\r\n\t\t\t\tself.boxVendorFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetCompanies: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanies().then(res => {\r\n\t\t\t\tself.companyFilters = self._.sortBy(\r\n\t\t\t\t\tres.filter(i => i !== null).map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetPlates: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getPlates().then(res => {\r\n\t\t\t\tself.plateNumberFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// console.log(this.columnFilters);\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.getCompaniesBoxes(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\trow.id = item.id;\r\n\t\t\t\t\t\trow.box_serial_number = item.box_serial_number;\r\n\t\t\t\t\t\trow.box_vendor = item.box_vendor;\r\n\t\t\t\t\t\trow.start_date = item.start_date;\r\n\t\t\t\t\t\trow.end_date = item.end_date;\r\n\t\t\t\t\t\trow.active = item.active;\r\n\t\t\t\t\t\trow.company = item.company;\r\n\t\t\t\t\t\trow.companyId = item.companyId;\r\n\t\t\t\t\t\trow.number_plate = item.number_plate;\r\n\t\t\t\t\t\trow.vehicleId = item.vehicleId;\r\n\t\t\t\t\t\trow.accessories = item.accessories;\r\n\t\t\t\t\t\trow.contract = item.contract;\r\n\t\t\t\t\t\trow.type = item.type;\r\n\t\t\t\t\t\trow.has_last_known_postion = item.has_last_known_postion;\r\n\t\t\t\t\t\trow.last_known_postion_lat = item.last_known_postion_lat;\r\n\t\t\t\t\t\trow.last_known_postion_lon = item.last_known_postion_lon;\r\n\t\t\t\t\t\trow.last_known_postion_date = item.last_known_postion_date;\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\r\n\t\t\t\t\t// self.boxTypesFilters = [{ id: \"MK0\", value: \"MK0\" }];\r\n\t\t\t\t\t// console.log(res.items);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\r\n\t\t\t\tapi.getBoxTypes().then(res => {\r\n\t\t\t\t\tself.boxTypesFilters = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"boxes\", data).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"company\") {\r\n\t\t\t\t\tthis.goToCompany(e.dataItem);\r\n\t\t\t\t} else if (columnField.field == \"number_plate\") {\r\n\t\t\t\t\tthis.goToVehicle(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\tvar id = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t\telse if (field == \"number_plate\"){\r\n\t\t\t\tvar vehicleId = dataItem.vehicleId;\r\n\t\t\t\tvar companyId = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\treturn dataItem.company;\r\n\t\t\t}\r\n\t\t\telse if (field == \"number_plate\") {\r\n\t\t\t\treturn dataItem.number_plate;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoToCompany(dataItem) {\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getCompanyIdByName(dataItem.company).then(res => {\r\n\t\t\t\tcompanyId = res.id;\r\n\t\t\t\tif (companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tid: companyId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToVehicle(dataItem) {\r\n\t\t\tvar vehicleId = 0;\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getVeichleByPlate(dataItem.number_plate).then(res => {\r\n\t\t\t\tvehicleId = res.id;\r\n\t\t\t\tcompanyId = res.company_id;\r\n\t\t\t\tif (vehicleId > 0 && companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\tcheckCompanyQuery() {\r\n\t\t\treturn this.$route.query.company;\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./boxes.vue.js?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/eslint-loader/index.js??ref--13-0!./boxes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxes.vue?vue&type=template&id=501528c6&\"\nimport script from \"./boxes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./boxes.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":'COLLAUDI',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":false,\"showAdd\":false,\"forceShowAdd\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"resizable\":true,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'co-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'co-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoolTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [(_vm.showElettricalConnection(props.dataItem))?_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false)):_c('cell-template')]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myPlateCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[(!props.dataItem.plate_with_different_company)?_c('span',[_vm._v(_vm._s(props.dataItem.plate))]):_c('span',[_c('b',[_vm._v(_vm._s(props.dataItem.plate))])])])]}},{key:\"myLinkMatchCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticClass:\"text-center\"},[_c('label',{class:_vm.getClassCollaudoStatus(props.dataItem),on:{\"click\":function($event){return _vm.onClickCollaudoStatus(props.dataItem)}}})])]}},{key:\"myLinkPhotoPlateCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[(props.dataItem.has_plate_photo)?_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem),\"target\":\"_blank\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tvisualizza foto targa\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]):_c('span',[_vm._v(\"NO FOTO\")])])]}},{key:\"myLinkPhotoBoxCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[(props.dataItem.has_box_photo)?_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem),\"target\":\"_blank\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tvisualizza foto box\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]):_c('span',[_vm._v(\"NO FOTO\")])])]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySerialNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'co-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCollaudoStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'co-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.collaudoStatusFilter,\"filterItemsSelected\":_vm.collaudoStatusFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myRFIDHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'co-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.rfidFilters,\"filterItemsSelected\":_vm.rfidFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'co-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,3335622226)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('div',[_c('div',{staticClass:\"col-md-12\"},[_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"Abbina a targa - \"+_vm._s(_vm.popupData.imei)+\" - \"+_vm._s(_vm.popupData.boxType))])]),_vm._l((_vm.orangeMessages(_vm.popupData.message_status)),function(m){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupData.status_collaudo==1),expression:\"popupData.status_collaudo==1\"}],key:m},[_c('b-badge',{attrs:{\"variant\":\"warning\"}},[_vm._v(_vm._s(m))])],1)})],2),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closeMatchPopup()}}}),_c('div',{staticClass:\"editSaveLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.okMatchPopup()}}})])]}}],null,false,1072554771),model:{value:(_vm.showMatchPopup),callback:function ($$v) {_vm.showMatchPopup=$$v},expression:\"showMatchPopup\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('label',[_vm._v(\"TARGA PRECEDENTE\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"disabled\":true,\"id\":\"popup_plate\"},model:{value:(_vm.popupData.currentPlate),callback:function ($$v) {_vm.$set(_vm.popupData, \"currentPlate\", $$v)},expression:\"popupData.currentPlate\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('label',[_vm._v(\"NUOVA TARGA\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"popup_new_plate\"},on:{\"focusout\":function($event){return _vm.refreshNewCompany()}},model:{value:(_vm.popupData.newPlate),callback:function ($$v) {_vm.$set(_vm.popupData, \"newPlate\", $$v)},expression:\"popupData.newPlate\"}}),_c('b-badge',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupData.newCompany == '' || _vm.popupData.newCompany == null),expression:\"popupData.newCompany == '' || popupData.newCompany == null\"}],attrs:{\"variant\":\"warning\"}},[_vm._v(\"Targa non presente\")])],1)])])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('label',[_vm._v(\"COMPANY PRECEDENTE\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"disabled\":true,\"id\":\"popup_company\"},model:{value:(_vm.popupData.currentCompany),callback:function ($$v) {_vm.$set(_vm.popupData, \"currentCompany\", $$v)},expression:\"popupData.currentCompany\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('label',[_vm._v(\"NUOVA COMPANY\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"disabled\":true,\"id\":\"popup_new_company\"},model:{value:(_vm.popupData.newCompany),callback:function ($$v) {_vm.$set(_vm.popupData, \"newCompany\", $$v)},expression:\"popupData.newCompany\"}}),_c('b-badge',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupData.newCompany == '' || _vm.popupData.newCompany == null),expression:\"popupData.newCompany == '' || popupData.newCompany == null\"}],attrs:{\"variant\":\"warning\"}},[_vm._v(\"Nessuna company per la targa selezionata\")])],1)])])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',[_c('label',[_vm._v(\"KM PRECEDENTE\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"disabled\":true,\"id\":\"popup_km\"},model:{value:(_vm.popupData.currentKm),callback:function ($$v) {_vm.$set(_vm.popupData, \"currentKm\", $$v)},expression:\"popupData.currentKm\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',[_c('label',[_vm._v(\"NUOVI KM\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"step\":\"1\",\"id\":\"popup_new_km\"},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.popupData.newKm),callback:function ($$v) {_vm.$set(_vm.popupData, \"newKm\", $$v)},expression:\"popupData.newKm\"}}),_c('b-badge',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupData.newPlate == _vm.popupData.currentPlate && _vm.popupData.newKm < _vm.popupData.currentKm),expression:\"popupData.newPlate == popupData.currentPlate && popupData.newKm < popupData.currentKm\"}],attrs:{\"variant\":\"warning\"}},[_vm._v(\"I km inseriti risultano minori di quelli precedenti\")])],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',[_c('label',[_vm._v(\"SOVRASCRIVI KM\")]),_c('b-form-checkbox',{model:{value:(_vm.popupData.overrideKm),callback:function ($$v) {_vm.$set(_vm.popupData, \"overrideKm\", $$v)},expression:\"popupData.overrideKm\"}})],1)])])])])],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport { bus } from \"../../../main\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport Vue from \"vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"imei\",\r\n\t\t\t\t\ttitle: \"Numero seriale\",\r\n\t\t\t\t\theaderCell: \"mySerialNumberHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\twidth: 130\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"company\",\r\n\t\t\t\t\ttitle: \"COMPANY\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"plate\",\r\n\t\t\t\t\ttitle: \"TARGA\",\r\n\t\t\t\t\theaderCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myPlateCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type\",\r\n\t\t\t\t\ttitle: \"TIPO\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"powerSupply\",\r\n\t\t\t\t\ttitle: \"Alimentazione +30\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myBoolTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"gnd\",\r\n\t\t\t\t\ttitle: \"GND\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myBoolTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"underkey\",\r\n\t\t\t\t\ttitle: \"+15 sottochiave\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myBoolTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"connectivity_date\",\r\n\t\t\t\t\ttitle: \"Data verifica connettività\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"connectivity_event\",\r\n\t\t\t\t// \ttitle: \"Evento connetività\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \tfilterable: false\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"underkey_date\",\r\n\t\t\t\t\ttitle: \"Data verifica +15 sottochiave\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"underkey_event\",\r\n\t\t\t\t// \ttitle: \"Evento +15 sottochiave\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \tfilterable: false\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"gps_date\",\r\n\t\t\t\t\ttitle: \"Data verifica GPS\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"gps_event\",\r\n\t\t\t\t// \ttitle: \"Evento gps\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \tfilterable: false\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"confirm_response_date\",\r\n\t\t\t\t\ttitle: \"Data conferma dati CANBUS\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"confirm_response\",\r\n\t\t\t\t\ttitle: \"Conferma dati CANBUS\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"badge_date\",\r\n\t\t\t\t// \ttitle: \"Data verifica badge\",\r\n\t\t\t\t// \tformat: \"datetime\",\r\n\t\t\t\t// \theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"badge_event\",\r\n\t\t\t\t// \ttitle: \"Evento badge\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \tfilterable: false\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"rfid_code\",\r\n\t\t\t\t\ttitle: \"RFID\",\r\n\t\t\t\t\t// headerCell: \"myRFIDHeaderTemplate\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"data_date\",\r\n\t\t\t\t\ttitle: \"Data conferma dati\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"collaudo_status\",\r\n\t\t\t\t\ttitle: \"ABBINA\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\theaderCell: \"myCollaudoStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkMatchCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"matched\",\r\n\t\t\t\t\ttitle: \"GESTITO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"plate_photo\",\r\n\t\t\t\t\ttitle: \"Foto targa\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkPhotoPlateCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_photo\",\r\n\t\t\t\t\ttitle: \"Foto box\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkPhotoBoxCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterSelected: [],\r\n\t\t\trfidFilters: [],\r\n\t\t\trfidFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tshowMatchPopup: false,\r\n\t\t\tpopupCollaudoId: null,\r\n\t\t\tpopupData: {\r\n\t\t\t\tid: null,\r\n\t\t\t\timei: null,\r\n\t\t\t\tboxType: null,\r\n\t\t\t\tcurrentPlate: null,\r\n\t\t\t\tnewPlate: null,\r\n\t\t\t\tcurrentCompany: null,\r\n\t\t\t\tnewCompany: \"\",\r\n\t\t\t\tcurrentKm: null,\r\n\t\t\t\tnewKm: null,\r\n\t\t\t\toverrideKm: true,\r\n\t\t\t\tstatus_collaudo: null,\r\n\t\t\t\tmessage_status: null\r\n\t\t\t},\r\n\t\t\tshowSuccessMatch: false,\r\n\t\t\tcollaudoStatusFilter: [],\r\n\t\t\tcollaudoStatusFilterSelected: []\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.take = 100;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tthis.sort = [{ field: \"start_date\", dir: \"desc\" }];\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getFilters();\r\n\t\t// this.getData();\r\n\t},\r\n\twatch: {},\r\n\tmethods: {\r\n\t\tshowElettricalConnection(item) {\r\n\t\t\t// console.log(item);\r\n\t\t\treturn item.type != \"FMT100\" && item.type != \"FMC003\";\r\n\t\t},\r\n\t\tonClickCollaudoStatus(dataItem) {\r\n\t\t\tif (dataItem.status_collaudo == 1 || dataItem.status_collaudo == 2 || dataItem.status_collaudo == 3) {\r\n\t\t\t\tthis.popupCollaudoId = dataItem.id;\r\n\t\t\t\t//get data box from id and than show popup\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tapi.getCollaudoToMatchBox(this.popupCollaudoId)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.popupData = res;\r\n\t\t\t\t\t\tself.popupData.overrideKm = true;\r\n\t\t\t\t\t\tself.popupData.id = dataItem.id;\r\n\t\t\t\t\t\tself.popupData.imei = dataItem.imei;\r\n\t\t\t\t\t\tself.showMatchPopup = true;\r\n\t\t\t\t\t\tself.popupData.status_collaudo = dataItem.status_collaudo;\r\n\t\t\t\t\t\tself.popupData.message_status = res.statusMessages;\r\n\t\t\t\t\t\t// console.log(self.popupData);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(res => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t} else this.showMatchPopup = false;\r\n\t\t},\r\n\t\torangeMessages(message_status) {\r\n\t\t\t// console.log(message_status);\r\n\t\t\tif (message_status != null) {\r\n\t\t\t\tvar messages = message_status.split(\"
\");\r\n\t\t\t\treturn messages;\r\n\t\t\t}\r\n\t\t\treturn '';\r\n\t\t},\r\n\t\tcloseMatchPopup() {\r\n\t\t\tthis.showMatchPopup = false;\r\n\t\t},\r\n\t\tokMatchPopup() {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tvar self = this;\r\n\t\t\tapi.matchCollaudoVehicle(this.popupData)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.showSuccessMatch = true;\r\n\t\t\t\t\tself.showMatchPopup = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tif (err && err.response && err.response.data) {\r\n\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: err.response.data.message }]\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {});\r\n\t\t},\r\n\t\trefreshNewCompany() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyByPlate(self.popupData.newPlate)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.popupData.newCompany = res;\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {});\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t} else if (e.field == \"imei\") {\r\n\t\t\t\tthis.boxSerialFilterSelected = [];\r\n\t\t\t} else if (e.field == \"rfid_code\") {\r\n\t\t\t\tthis.rfidFilterSelected = [];\r\n\t\t\t} else if (e.field == \"collaudo_status\") {\r\n\t\t\t\tthis.collaudoStatusFilterSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetFilters: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCollaudiFilters()\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\t// console.log(res);\r\n\t\t\t\t\tres.imeis.forEach(imei => {\r\n\t\t\t\t\t\tself.boxSerialFilters.push({\r\n\t\t\t\t\t\t\tid: imei,\r\n\t\t\t\t\t\t\tvalue: imei\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t\tres.plates.forEach(plate => {\r\n\t\t\t\t\t\tself.plateNumberFilters.push({\r\n\t\t\t\t\t\t\tid: plate,\r\n\t\t\t\t\t\t\tvalue: plate\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t\tres.rfids.forEach(rfid => {\r\n\t\t\t\t\t\tself.rfidFilters.push({\r\n\t\t\t\t\t\t\tid: rfid,\r\n\t\t\t\t\t\t\tvalue: rfid\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.collaudoStatusFilter = [\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tid: 0,\r\n\t\t\t\t\t\t\tvalue: \"ROSSO\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\t\tvalue: \"ARANCIO\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tid: 2,\r\n\t\t\t\t\t\t\tvalue: \"VERDE\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tid: 3,\r\n\t\t\t\t\t\t\tvalue: \"BLU\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t];\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {});\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// console.log(this.columnFilters);\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tapi.getCollaudi(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\trow.id = item.id;\r\n\t\t\t\t\t\trow.imei = item.imei;\r\n\t\t\t\t\t\trow.company = item.company;\r\n\t\t\t\t\t\trow.start_date = item.start_date;\r\n\t\t\t\t\t\trow.powerSupply = item.powerSupply;\r\n\t\t\t\t\t\trow.gnd = item.gnd;\r\n\t\t\t\t\t\trow.underkey = item.underkey;\r\n\t\t\t\t\t\trow.connectivity_date = item.connectivity_date;\r\n\t\t\t\t\t\trow.underkey_date = item.underkey_date;\r\n\t\t\t\t\t\trow.gps_date = item.gps_date;\r\n\t\t\t\t\t\trow.confirm_response_date = item.confirm_response_date;\r\n\t\t\t\t\t\trow.confirm_response = item.confirm_response;\r\n\t\t\t\t\t\trow.badge_date = item.badge_date;\r\n\t\t\t\t\t\trow.rfid_code = self.showRfidCode(item.rfid_code, item.has_driver_recognition, item.type);\r\n\t\t\t\t\t\trow.data_date = item.data_date;\r\n\t\t\t\t\t\trow.plate = item.plate;\r\n\t\t\t\t\t\trow.type = item.type;\r\n\t\t\t\t\t\trow.plate_with_different_company = item.plate_with_different_company;\r\n\t\t\t\t\t\trow.plate_photo = item.plate_photo;\r\n\t\t\t\t\t\trow.has_plate_photo = item.has_plate_photo;\r\n\t\t\t\t\t\trow.box_photo = item.box_photo;\r\n\t\t\t\t\t\trow.has_box_photo = item.has_box_photo;\r\n\t\t\t\t\t\trow.connectivity_event = item.connectivity_event;\r\n\t\t\t\t\t\trow.underkey_event = item.underkey_event;\r\n\t\t\t\t\t\trow.gps_event = item.gps_event;\r\n\t\t\t\t\t\trow.badge_event = item.badge_event;\r\n\t\t\t\t\t\trow.status_collaudo = item.status_collaudo;\r\n\t\t\t\t\t\trow.matched = item.matched;\r\n\t\t\t\t\t\trow.message_status = item.message_status;\r\n\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\r\n\t\t\t\t\t// self.boxTypesFilters = [{ id: \"MK0\", value: \"MK0\" }];\r\n\t\t\t\t\t// console.log(res.items);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tshowRfidCode(rfid_code, has_driver_recogition, type){\r\n\t\t\tif (!has_driver_recogition)\r\n\t\t\t\treturn \"\";\r\n\t\t\tif (type == \"FMT100\" || type == \"FMC003\" || type == \"FMB965\")\r\n\t\t\t\treturn \"\";\r\n\t\t\treturn rfid_code != null ? \"SI\" : \"NO\";\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"boxes\", data).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"company\") {\r\n\t\t\t\t\tthis.goToCompany(e.dataItem);\r\n\t\t\t\t} else if (columnField.field == \"number_plate\") {\r\n\t\t\t\t\tthis.goToVehicle(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetClassCollaudoStatus(dataItem) {\r\n\t\t\tvar status = \"white\";\r\n\t\t\tswitch (dataItem.status_collaudo) {\r\n\t\t\t\tcase 0:\r\n\t\t\t\t\tstatus = \"red\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 1:\r\n\t\t\t\t\tstatus = \"orange\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 2:\r\n\t\t\t\t\tstatus = \"green\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 3:\r\n\t\t\t\t\tstatus = \"blue\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tstatus = \"white\";\r\n\t\t\t}\r\n\t\t\treturn status;\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tvar collaudoId = dataItem.id;\r\n\t\t\tvar type = \"plate\";\r\n\t\t\tif (field == \"box_photo\") {\r\n\t\t\t\ttype = \"box\";\r\n\t\t\t}\r\n\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\tname: \"SUPERADMIN_COLLAUDI_PHOTO\",\r\n\t\t\t\tquery: {\r\n\t\t\t\t\tid: collaudoId,\r\n\t\t\t\t\ttype: type\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn props.href;\r\n\t\t},\r\n\t\tgoToCompany(dataItem) {\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getCompanyIdByName(dataItem.company).then(res => {\r\n\t\t\t\tcompanyId = res.id;\r\n\t\t\t\tif (companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tid: companyId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToVehicle(dataItem) {\r\n\t\t\tvar vehicleId = 0;\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getVeichleByPlate(dataItem.number_plate).then(res => {\r\n\t\t\t\tvehicleId = res.id;\r\n\t\t\t\tcompanyId = res.company_id;\r\n\t\t\t\tif (vehicleId > 0 && companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\tcheckCompanyQuery() {\r\n\t\t\treturn this.$route.query.company;\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./collaudi.vue.js?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/eslint-loader/index.js??ref--13-0!./collaudi.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./collaudi.vue?vue&type=template&id=51262f25&\"\nimport script from \"./collaudi.vue.js?vue&type=script&lang=js&\"\nexport * from \"./collaudi.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":'CONTROLLO BOX',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true,\"showAdd\":false,\"forceShowAdd\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'boc-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBoxVendorHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxVendorFilters,\"filterItemsSelected\":_vm.boxVendorFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'boc-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable,\"filterType\":'numeric-eur'},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'boc-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"accessoriesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.accessoriesToString(props.dataItem.accessories))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myAccessoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.accessoriesDataFilters,\"filterItemsSelected\":_vm.accessoriesDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySerialNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myAllarmHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.alarmFilters,\"filterItemsSelected\":_vm.alarmFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myAllarmStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.alarmStatusFilters,\"filterItemsSelected\":_vm.alarmStatusFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCompanyHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.companyFilters,\"filterItemsSelected\":_vm.companyFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'boc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,3553533703)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport { bus } from \"../../../main\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport Vue from \"vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"N°\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\twidth: \"80\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"company\",\r\n\t\t\t\t\ttitle: \"AZIENDA\",\r\n\t\t\t\t\tconfigId: \"company\",\r\n\t\t\t\t\theaderCell: \"myCompanyHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\ttitle: \"TARGA\",\r\n\t\t\t\t\tconfigId: \"numberPlate\",\r\n\t\t\t\t\theaderCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_vendor\",\r\n\t\t\t\t\ttitle: \"Fornitore\",\r\n\t\t\t\t\theaderCell: \"myBoxVendorHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"imei\",\r\n\t\t\t\t\ttitle: \"IMEI\",\r\n\t\t\t\t\theaderCell: \"mySerialNumberHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type\",\r\n\t\t\t\t\ttitle: \"Allarme\",\r\n\t\t\t\t\theaderCell: \"myAllarmHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\theaderCell: \"myAllarmStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"last_date_data\",\r\n\t\t\t\t\ttitle: \"ULTIMO CONTATTO\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"max_days_offline\",\r\n\t\t\t\t\ttitle: \"GG DI POSSIBILE OFFLINE\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"days_offline\",\r\n\t\t\t\t\ttitle: \"GG DA QUANTO è OFFLINE\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"tot_edits_date\",\r\n\t\t\t\t\ttitle: \"N° MODIFICA DATA\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"tot_notes\",\r\n\t\t\t\t\ttitle: \"N° NOTE\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t}\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"last_date_canbus\",\r\n\t\t\t\t// \ttitle: \"DATA ULITMO DATO\",\r\n\t\t\t\t// \tformat: \"datetime\",\r\n\t\t\t\t// \theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \trequired: true\r\n\t\t\t\t// }\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterSelected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterSelected: [],\r\n\t\t\talarmFilters: [],\r\n\t\t\talarmFilterSelected: [],\r\n\t\t\talarmStatusFilters: [],\r\n\t\t\talarmStatusFilterSelected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tcompanyFilters: [],\r\n\t\t\tcompanyFilterSelected: []\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.take = 100;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tvar companyQuery = this.$route.query.company;\r\n\t\tif (companyQuery) {\r\n\t\t\tvar filtersToAdd = {\r\n\t\t\t\tfield: \"company\",\r\n\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\tfilter: {\r\n\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\tfilters: []\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\tfield: `company[0]`,\r\n\t\t\t\toperator: \"contains\",\r\n\t\t\t\tvalue: companyQuery\r\n\t\t\t});\r\n\r\n\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getFilters();\r\n\t\tthis.getData();\r\n\t},\r\n\twatch: {\r\n\t\tcheckCompanyQuery() {\r\n\t\t\tthis.columnFilters = [];\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t} else if (e.field == \"company\") {\r\n\t\t\t\tthis.companyFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_serial_number\") {\r\n\t\t\t\tthis.boxSerialFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_vendor\") {\r\n\t\t\t\tthis.boxVendorFilterSelected = [];\r\n\t\t\t} else if (e.field == \"type\") {\r\n\t\t\t\tthis.alarmFilterSelected = [];\r\n\t\t\t} else if (e.field == \"status\") {\r\n\t\t\t\tthis.alarmStatusFilterSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\taccessoriesToString(accessories) {\r\n\t\t\tif (this._.isNull(accessories) === false && this._.isUndefined(accessories) === false && this._.isArray(accessories) && accessories.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(accessories, function(a) {\r\n\t\t\t\t\treturn a.value ? a.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetFilters: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxAlarmFilters().then(res => {\r\n\t\t\t\tself.boxSerialFilters = self._.sortBy(\r\n\t\t\t\t\tres.imeis.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.alarmFilters = self._.sortBy(\r\n\t\t\t\t\tres.alarmTypes.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.alarmStatusFilters = self._.sortBy(\r\n\t\t\t\t\tres.alarmStatuses.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.companyFilters = self._.sortBy(\r\n\t\t\t\t\tres.companies.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.plateNumberFilters = self._.sortBy(\r\n\t\t\t\t\tres.plates.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.boxVendorFilters = self._.sortBy(\r\n\t\t\t\t\tres.vendors.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// console.log(this.columnFilters);\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.getBoxesAlarm(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\trow.id = item.id;\r\n\t\t\t\t\t\trow.company = item.company;\r\n\t\t\t\t\t\trow.companyId = item.company_id;\r\n\t\t\t\t\t\trow.vehicleId = item.vehicle_id;\r\n\t\t\t\t\t\trow.number_plate = item.number_plate;\r\n\t\t\t\t\t\trow.box_vendor = item.box_vendor;\r\n\t\t\t\t\t\trow.imei = item.imei;\r\n\t\t\t\t\t\trow.type = item.type;\r\n\t\t\t\t\t\trow.status = item.status;\r\n\t\t\t\t\t\trow.last_date_data = item.last_date_data;\r\n\t\t\t\t\t\trow.max_days_offline = item.max_days_offline;\r\n\t\t\t\t\t\trow.days_offline = item.days_offline;\r\n\t\t\t\t\t\trow.tot_edits_date = item.tot_edits_date;\r\n\t\t\t\t\t\trow.tot_notes = item.tot_notes;\r\n\t\t\t\t\t\trow.last_date_canbus = item.last_date_canbus;\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\r\n\t\t\t\t\t// self.boxTypesFilters = [{ id: \"MK0\", value: \"MK0\" }];\r\n\t\t\t\t\t// console.log(res.items);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\r\n\t\t\t// api.getBoxTypes().then(res => {\r\n\t\t\t// \tself.boxTypesFilters = res.map(function(item) {\r\n\t\t\t// \t\treturn {\r\n\t\t\t// \t\t\tid: item.name,\r\n\t\t\t// \t\t\tvalue: item.name\r\n\t\t\t// \t\t};\r\n\t\t\t// \t});\r\n\t\t\t// });\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"boxesalarm\", data).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `BoxAlarm.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"company\") {\r\n\t\t\t\t\tthis.goToCompany(e.dataItem);\r\n\t\t\t\t} else if (columnField.field == \"number_plate\") {\r\n\t\t\t\t\tthis.goToVehicle(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\tvar id = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\tvar vehicleId = dataItem.vehicleId;\r\n\t\t\t\tvar companyId = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t} else if (field == \"id\") {\r\n\t\t\t\tvar id = dataItem.id;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_BOXES_CHECK_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\treturn dataItem.company;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\treturn dataItem.number_plate;\r\n\t\t\t} else if (field == \"id\") {\r\n\t\t\t\treturn dataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoToCompany(dataItem) {\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getCompanyIdByName(dataItem.company).then(res => {\r\n\t\t\t\tcompanyId = res.id;\r\n\t\t\t\tif (companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tid: companyId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToVehicle(dataItem) {\r\n\t\t\tvar vehicleId = 0;\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getVeichleByPlate(dataItem.number_plate).then(res => {\r\n\t\t\t\tvehicleId = res.id;\r\n\t\t\t\tcompanyId = res.company_id;\r\n\t\t\t\tif (vehicleId > 0 && companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\tcheckCompanyQuery() {\r\n\t\t\treturn this.$route.query.company;\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./boxesCheck.vue.js?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/eslint-loader/index.js??ref--13-0!./boxesCheck.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxesCheck.vue?vue&type=template&id=4ecc6fcf&\"\nimport script from \"./boxesCheck.vue.js?vue&type=script&lang=js&\"\nexport * from \"./boxesCheck.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":_vm.title,\"show-date-time\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isDetailInEditMode,\"showEdit\":false,\"showUndo\":false,\"showSave\":false},on:{\"switch-edit-mode\":_vm.switchDetailEditMode,\"save-data-items\":_vm.saveData}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"MEZZO\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"box_type\"}},[_vm._v(\"Tipo box\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"box_type\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.box_type),callback:function ($$v) {_vm.box_type=$$v},expression:\"box_type\"}})],1)]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"number_plate\"}},[_vm._v(\"Targa\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"number_plate\",\"readonly\":true},model:{value:(_vm.number_plate),callback:function ($$v) {_vm.number_plate=$$v},expression:\"number_plate\"}})],1)]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"imei\"}},[_vm._v(\"imei\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"imei\",\"readonly\":true},model:{value:(_vm.imei),callback:function ($$v) {_vm.imei=$$v},expression:\"imei\"}})],1)]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gsm_date\"}},[_vm._v(\"Ultimo contatto GSM\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"gsm_date\",\"readonly\":true},model:{value:(_vm.gsm_date),callback:function ($$v) {_vm.gsm_date=$$v},expression:\"gsm_date\"}})],1)]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gps_coordinate\"}},[_vm._v(\"Ultimo punto GPS \"),(_vm.gps_coordinate_link != '')?_c('a',{attrs:{\"href\":_vm.gps_coordinate_link,\"target\":\"_blank\"}},[_vm._v(\"(mostra in mappa)\")]):_vm._e()]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"gps_coordinate\",\"readonly\":true},model:{value:(_vm.gps_coordinate),callback:function ($$v) {_vm.gps_coordinate=$$v},expression:\"gps_coordinate\"}})],1)]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"anomaly_date\"}},[_vm._v(\"Data anomalia\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"anomaly_date\",\"readonly\":true},model:{value:(_vm.anomaly_date),callback:function ($$v) {_vm.anomaly_date=$$v},expression:\"anomaly_date\"}})],1)]),(_vm.status!='APERTO' && _vm.status != 'RINVIATO' && _vm.status != 'CESSATO')?_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gsm_date\"}},[_vm._v(\"Ultimo contatto GSM (risolto)\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"gsm_date\",\"readonly\":true},model:{value:(_vm.last_date_data_resolved),callback:function ($$v) {_vm.last_date_data_resolved=$$v},expression:\"last_date_data_resolved\"}})],1)]):_vm._e(),(_vm.status!='APERTO' && _vm.status != 'RINVIATO' && _vm.status != 'CESSATO')?_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gsm_date\"}},[_vm._v(\"Data cambio stato a risolto\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"gsm_date\",\"readonly\":true},model:{value:(_vm.date_resolved),callback:function ($$v) {_vm.date_resolved=$$v},expression:\"date_resolved\"}})],1)]):_vm._e()])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":false,\"showUndo\":false,\"showSave\":false,\"showAdd\":false},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"DATE VERIFICA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"next_date_check\"}},[_c('b',[_vm._v(\"Data prossima verifica\")])])]),_c('div',[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.nextDateCheckFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate},on:{\"change\":_vm.nextDateCheckChange}})],1)])])]),_c('div',{staticClass:\"col-lg-6\",staticStyle:{\"margin-top\":\"16px\"}},[_c('kendo-button',{nativeOn:{\"click\":function($event){return _vm.setNextDateCheck($event)}}},[_c('b',[_vm._v(\"SET\")])])],1)])]),_c('b-card',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('localization-provider',{attrs:{\"language\":'it-IT'}},[_c('intl-provider',{attrs:{\"locale\":'it'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"columns\":_vm.columns,\"sortable\":true,\"edit-field\":'inEdit'},on:{\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'boxm-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('notes')],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}]},[_vm._v(\"NOTE\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-3\",\"visible\":\"\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"next_date_check\"}},[_c('b',[_vm._v(\"Nota\")])])]),_c('div',[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.text),expression:\"text\"}],staticClass:\"form-control\",domProps:{\"value\":(_vm.text)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.text=$event.target.value}}})])])])]),_c('div',{staticClass:\"col-lg-6\",staticStyle:{\"margin-top\":\"16px\"}},[_c('kendo-button',{nativeOn:{\"click\":function($event){return _vm.setNote($event)}}},[_c('b',[_vm._v(\"SET\")])])],1)])]),_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tdriversList: [],\r\n\t\t\ttext: '',\r\n\t\t\tcolumns: [\r\n {\r\n\t\t\t\t\tfield: \"date\",\r\n\t\t\t\t\ttitle: \"DATA\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"user\",\r\n\t\t\t\t\ttitle: \"utente\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n indexNewItem: 0,\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: true,\r\n\t\t};\r\n\t},\r\n\tcreated() { \r\n\t\tbus.$on(\"import-ended\", this.getData); \r\n this.companyId = this.$route.params.id;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\t// this.getDrivers();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\t\t\r\n\r\n\t\t// this.sort = [{ field: \"date\", dir: \"desc\" }];\r\n\t\tthis.query.pageSize = 5;\r\n\t\tthis.take = 5;\r\n\t},\r\n\tmethods: { \r\n\t\tsetNote() {\r\n\t\t\tif (this.text == \"\")\r\n\t\t\t\treturn;\r\n\t\t\tvar id = this.$route.params.id;\r\n\t\t\tvar user_id = this.currentUser.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tvar self = this;\r\n\t\t\tapi.postBoxAlarmNote(id, this.text, user_id)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tgetDrivers() {\t\t\t\r\n\t\t\tthis.drivers.push({ key: 0, value: \"driver1\" }); //id driver, //nome e cognome\r\n\t\t\tthis.drivers.push({ key: 1, value: \"driver2\" });\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n var newItem = {\r\n id: 0,\r\n uid: \"\",\r\n number: \"\",\r\n technology: \"\",\r\n };\r\n this.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n this.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t}, \r\n \r\n cloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n this.columns.forEach(c => {\r\n if (c.field !== \"id\"){\r\n self.columnsToShow.push(c);\r\n }\r\n })\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar id = this.$route.params.id;\r\n\r\n\t\t\tapi.getBoxAlarmNotes(id).then(res => {\r\n\t\t\t\tif (self._.isNull(res) === false && self._.isUndefined(res) === false && self._.isArray(res) && res.length > 0)\r\n\t\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tdate: item.date,\r\n\t\t\t\t\t\t\tuser: item.user,\r\n\t\t\t\t\t\t\tdescription: item.description\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n itemChange: function(e) {\r\n //Vue.set(e.dataItem, e.field, e.value);\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\t\t\t\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (e.dataItem.id > 0 && (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true)) this.updatedItems.push(item);\t\t\t\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n saveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar id = this.$route.params.id;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postBoxAlarmNotes(id, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n this.query.id = self.companyId;\r\n\t\t\tif (type == \"csv\") \r\n\t\t\t\tthis.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\")\r\n\t\t\t\tthis.query[\"format\"] = \"excel\";\r\n\t\t\tapi.exportXlsx(\"rfid\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `rfid.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tdrivers() {\r\n\t\t\t// console.log('drivers');\r\n\t\t\treturn this.driversList;\r\n\t\t},\t\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\", \"currentUser\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./boxCheckNotes.vue.js?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/eslint-loader/index.js??ref--13-0!./boxCheckNotes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxCheckNotes.vue?vue&type=template&id=ade495c6&\"\nimport script from \"./boxCheckNotes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./boxCheckNotes.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../../services/api\";\r\nimport { bus } from \"../../../main\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport moment from \"moment-timezone\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport notes from \"./components/boxCheckNotes.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\tnotes\r\n\t},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tisDetailInEditMode: false,\r\n\t\t\tshowAccessoryView: false,\r\n\t\t\tendDateChanged: false,\r\n\t\t\tshowModal: false,\r\n\t\t\tmodalAnswered: false,\r\n\t\t\tminDate: new Date(),\r\n\r\n\t\t\tid: 0,\r\n\t\t\tbox_type: \"\",\r\n\t\t\timei: \"\",\r\n\t\t\tgsm_date: \"\",\r\n\t\t\tgps_coordinate: \"\",\r\n\t\t\tgps_coordinate_link: \"\",\r\n\t\t\tnumber_plate: \"\",\r\n\t\t\tanomaly_date: \"\",\r\n\t\t\tnext_date_check: \"\",\r\n\r\n\t\t\tsavePendingRequest: null,\r\n\r\n\t\t\tboxes: [],\r\n\t\t\titemTemplate: \"#= box_serial_number #\",\r\n\t\t\tvalueTemplate: \"#= box_serial_number #\",\r\n\r\n\t\t\titemTemplateVendor: \"#= box_vendor #\",\r\n\t\t\tvalueTemplateVendor: \"#= box_vendor #\",\r\n\r\n\t\t\tboxTypes: [],\r\n\r\n\t\t\titemTemplateBoxType: \"#= type #\",\r\n\t\t\tvalueTemplateBoxType: \"#= type #\",\r\n\r\n\t\t\t//table filters\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterselected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterselected: [],\r\n\t\t\tboxTypesFilters: [],\r\n\t\t\tboxTypesFilterselected: [],\r\n\r\n\t\t\tallAccessories: [],\r\n\r\n\t\t\thasPowerTakeOff: true,\r\n\t\t\tpowerTakeOffData: [],\r\n\t\t\tpowerTakeOff: { key: 0, value: \"\" },\r\n\t\t\tpowerTakeOffs: [{ key: 0, value: \"\" }],\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\"\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.id = this.$route.params.id;\r\n\t\tvar self = this;\r\n\t\tvar today = new Date();\r\n\t\tthis.minDate.setDate(today.getDate()+1);\r\n\r\n\t\t// bus.$emit(\"show-spinner-loading\");\r\n\t\tthis.getData();\r\n\t\tthis.getEditDates();\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"next_date_check\", dir: \"desc\" }];\r\n\r\n\t\tthis.take = 1000000;\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tnextDateCheckChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.next_date_check = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.start_contract_date_box = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tsetNextDateCheck() {\r\n\t\t\tvar id = this.$route.params.id;\r\n\t\t\tvar user_id = this.currentUser.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.postBoxAlarmEditDate(id, this.next_date_check, user_id)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.getEditDates();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetEditDates: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar id = this.$route.params.id;\r\n\r\n\t\t\tApiService.getBoxAlarmEditDates(id).then(res => {\r\n\t\t\t\tif (self._.isNull(res) === false && self._.isUndefined(res) === false && self._.isArray(res) && res.length > 0)\r\n\t\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tnext_date_check: item.next_date_check,\r\n\t\t\t\t\t\t\tuser: item.user,\r\n\t\t\t\t\t\t\tedit_date: item.edit_date\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tvar self = this;\r\n\t\t\tvar id = this.$route.params.id;\r\n\t\t\tApiService.getBoxAlarm(id)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\tvar data = res;\r\n\r\n\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\tself.status = data.status;\r\n\t\t\t\t\t\tself.box_type = data.box_type;\r\n\t\t\t\t\t\tself.number_plate = data.number_plate;\r\n\t\t\t\t\t\tself.imei = data.imei;\r\n\t\t\t\t\t\tself.gsm_date = data.gsm_date ? moment(data.gsm_date).format(\"DD/MM/YYYY HH:mm:ss\") : \"\";\r\n\t\t\t\t\t\tself.gps_coordinate_lat = data.gps_coordinate_lat != null ? data.gps_coordinate_lat : \"\";\r\n\t\t\t\t\t\tself.gps_coordinate_lon = data.gps_coordinate_lon != null ? data.gps_coordinate_lon : \"\";\r\n\t\t\t\t\t\tif (data.gps_coordinate_lat != null && data.gps_coordinate_lon != null) {\r\n\t\t\t\t\t\t\tself.gps_coordinate = `${data.gps_coordinate_lat}, ${data.gps_coordinate_lon}`;\r\n\t\t\t\t\t\t\tself.gps_coordinate_link = `https://www.google.com/maps/search/?api=1&query=${data.gps_coordinate_lat},${data.gps_coordinate_lon}`;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tself.number_plate = data.number_plate;\r\n\t\t\t\t\t\tself.anomaly_date = data.anomaly_date ? moment(data.anomaly_date).format(\"DD/MM/YYYY HH:mm:ss\") : \"\";\r\n\t\t\t\t\t\tself.date_resolved = data.date_resolved ? moment(data.date_resolved).format(\"DD/MM/YYYY HH:mm:ss\") : \"\";\r\n\t\t\t\t\t\tself.last_date_data_resolved = data.last_date_data_resolved ? moment(data.last_date_data_resolved).format(\"DD/MM/YYYY HH:mm:ss\") : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\t//redirect to list\r\n\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_BOXES_CHECK\"\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVehiclesBoxesRequest = null;\r\n\t\t},\r\n\t\tsaveData() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveCompanyVehicleDetail(\r\n\t\t\t\t\tthis.id,\r\n\t\t\t\t\tthis.companyId,\r\n\t\t\t\t\tthis.code,\r\n\t\t\t\t\tthis.number_plate,\r\n\t\t\t\t\tthis.brand.key > 0 ? this.brand.key : null,\r\n\t\t\t\t\tthis.vehicle_name,\r\n\t\t\t\t\tthis.ownership_type.key > 0 ? this.ownership_type.key : null,\r\n\t\t\t\t\tthis.ownership_supplier.key > 0 ? this.ownership_supplier.key : null,\r\n\t\t\t\t\tthis.utilization_area,\r\n\t\t\t\t\tthis.category.key > 0 ? this.category.key : null,\r\n\t\t\t\t\tthis.matriculation_date,\r\n\t\t\t\t\tthis.gross_vehicle_mass,\r\n\t\t\t\t\tthis.power_kw,\r\n\t\t\t\t\tthis.displacement,\r\n\t\t\t\t\tthis.fuel_type.key > 0 ? this.fuel_type.key : null,\r\n\t\t\t\t\tthis.secondary_fuel_type.key > 0 ? this.secondary_fuel_type.key : null,\r\n\t\t\t\t\tthis.declared_co2_emission,\r\n\t\t\t\t\tthis.average_consumption,\r\n\t\t\t\t\tthis.tank_capacity,\r\n\t\t\t\t\tthis.driving_license_type.key > 0 ? this.driving_license_type.key : null,\r\n\t\t\t\t\tthis.car_sharing,\r\n\t\t\t\t\tthis.groupsSelected,\r\n\t\t\t\t\tthis.powerTakeOff.key > 0 ? this.powerTakeOff.key : null,\r\n\t\t\t\t\tthis.expulsion_date,\r\n\t\t\t\t\tthis.purpose,\r\n\t\t\t\t\tthis.battery_capacity,\r\n\t\t\t\t\tthis.km_covered_recharge,\r\n\t\t\t\t\tthis.fuel_level_not_available,\r\n\t\t\t\t\tthis.box_can_bus_not_available,\r\n\t\t\t\t\tthis.division.key > 0 ? this.division.key : null,\r\n\t\t\t\t\tthis.fringe_benefit,\r\n\t\t\t\t\tthis.has_odometer != null ? this.has_odometer : false,\r\n\t\t\t\t\tthis.total_km,\r\n\t\t\t\t\tthis.gps_km_date_changed\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.isDetailInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"box_serial_number\") {\r\n\t\t\t\tthis.boxSerialFilterselected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"box_vendor\") {\r\n\t\t\t\tthis.boxVendorFilterselected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"type\") {\r\n\t\t\t\tthis.boxTypesFilterselected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchDetailEditMode: function() {\r\n\t\t\tthis.isDetailInEditMode = !this.isDetailInEditMode;\r\n\r\n\t\t\tif (!this.isDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t//unite of Measure\r\n\t\tgetPropertyDescription(propertyValue, uniteOfMeasure, type) {\r\n\t\t\tuniteOfMeasure = uniteOfMeasure ? uniteOfMeasure : \"\";\r\n\t\t\treturn `${propertyValue ? kendo.toString(propertyValue, `${type && type == \"int\" ? \"n0\" : \"n2\"}`) : \"\"} ${propertyValue && uniteOfMeasure ? \"(\" + uniteOfMeasure + \")\" : \"\"}`;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"currentUser\"]),\r\n\t\ttitle() {\r\n\t\t\treturn `scheda anomalia - n° ${this.id} - ${this.status}` \r\n\t\t},\r\n\t\tnextDateCheckFormatCalendar() {\r\n\t\t\tif (this.next_date_check) {\r\n\t\t\t\treturn moment(this.next_date_check).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"next_date_check\",\r\n\t\t\t\t\ttitle: \"rinviata al\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t\t// editable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"user\",\r\n\t\t\t\t\ttitle: \"utente\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"edit_date\",\r\n\t\t\t\t\ttitle: \"data modifica\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t\t// editable: false\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./boxesCheckDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./boxesCheckDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxesCheckDetail.vue?vue&type=template&id=6b7fb5d2&\"\nimport script from \"./boxesCheckDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./boxesCheckDetail.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":'CONTROLLO VIAGGI',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true,\"showAdd\":false,\"forceShowAdd\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'tc-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBoxVendorHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxVendorFilters,\"filterItemsSelected\":_vm.boxVendorFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'tc-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable,\"filterType\":'numeric-eur'},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'tc-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHoursMinsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterangeHoursMins',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"accessoriesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.accessoriesToString(props.dataItem.accessories))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myAccessoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.accessoriesDataFilters,\"filterItemsSelected\":_vm.accessoriesDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySerialNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myAllarmHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.alarmFilters,\"filterItemsSelected\":_vm.alarmFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myAllarmStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.alarmStatusFilters,\"filterItemsSelected\":_vm.alarmStatusFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDayStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.alarmDaysFilters,\"filterItemsSelected\":_vm.alarmDaysFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCompanyHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.companyFilters,\"filterItemsSelected\":_vm.companyFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'tc-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,4209437917)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport { bus } from \"../../../main\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport Vue from \"vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"N°\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\t// format: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"company\",\r\n\t\t\t\t\ttitle: \"AZIENDA\",\r\n\t\t\t\t\tconfigId: \"company\",\r\n\t\t\t\t\theaderCell: \"myCompanyHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\theaderCell: \"myAllarmStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"day_label\",\r\n\t\t\t\t\ttitle: \"GIORNO\",\r\n\t\t\t\t\theaderCell: \"myDayStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"from_time\",\r\n\t\t\t\t\ttitle: \"DA\",\r\n\t\t\t\t\tformat: \"datetimeHoursMins\",\r\n\t\t\t\t\theaderCell: \"myDateHoursMinsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"to_time\",\r\n\t\t\t\t\ttitle: \"A\",\r\n\t\t\t\t\tformat: \"datetimeHoursMins\",\r\n\t\t\t\t\theaderCell: \"myDateHoursMinsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"date\",\r\n\t\t\t\t\ttitle: \"DATA CREAZIONE ALLARME\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"date_resolved\",\r\n\t\t\t\t\ttitle: \"DATA RISOLUZIONE ALLARME\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\talarmFilters: [],\r\n\t\t\talarmFilterSelected: [],\r\n\t\t\talarmStatusFilters: [],\r\n\t\t\talarmStatusFilterSelected: [],\r\n\t\t\talarmDaysFilters: [],\r\n\t\t\talarmDaysFilterSelected: [],\r\n\t\t\tcompanyFilters: [],\r\n\t\t\tcompanyFilterSelected: []\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.take = 100;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getFilters();\r\n\t\tthis.getData();\r\n\t},\r\n\twatch: {},\r\n\tmethods: {\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"company\") {\r\n\t\t\t\tthis.companyFilterSelected = [];\r\n\t\t\t} else if (e.field == \"status\") {\r\n\t\t\t\tthis.alarmStatusFilterSelected = [];\r\n\t\t\t} else if (e.field == \"day\") {\r\n\t\t\t\tthis.alarmDaysFilterSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetFilters: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getTripsAlarmFilters().then(res => {\r\n\t\t\t\tself.alarmStatusFilters = self._.sortBy(\r\n\t\t\t\t\tres.alarmStatuses.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.companyFilters = self._.sortBy(\r\n\t\t\t\t\tres.companies.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\t(self.alarmDaysFilters = res.days.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t};\r\n\t\t\t\t})),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// console.log(this.columnFilters);\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.getTripsAlarm(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\trow.id = item.id;\r\n\t\t\t\t\t\trow.company = item.company;\r\n\t\t\t\t\t\trow.companyId = item.company_id;\r\n\t\t\t\t\t\trow.status = item.status;\r\n\t\t\t\t\t\trow.date = item.date;\r\n\t\t\t\t\t\trow.date_resolved = item.date_resolved;\r\n\t\t\t\t\t\trow.from_time = item.from_time;\r\n\t\t\t\t\t\trow.to_time = item.to_time;\r\n\t\t\t\t\t\trow.day_label = item.day_label;\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tconsole.log(this.columnFilters);\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"tripsalarm\", data).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `TripsAlarm.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"company\") {\r\n\t\t\t\t\tthis.goToCompany(e.dataItem);\r\n\t\t\t\t} else if (columnField.field == \"number_plate\") {\r\n\t\t\t\t\tthis.goToVehicle(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\tvar id = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\tvar vehicleId = dataItem.vehicleId;\r\n\t\t\t\tvar companyId = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t} else if (field == \"id\") {\r\n\t\t\t\tvar id = dataItem.id;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_BOXES_CHECK_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\treturn dataItem.company;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\treturn dataItem.number_plate;\r\n\t\t\t} else if (field == \"id\") {\r\n\t\t\t\treturn dataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoToCompany(dataItem) {\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getCompanyIdByName(dataItem.company).then(res => {\r\n\t\t\t\tcompanyId = res.id;\r\n\t\t\t\tif (companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tid: companyId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToVehicle(dataItem) {\r\n\t\t\tvar vehicleId = 0;\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getVeichleByPlate(dataItem.number_plate).then(res => {\r\n\t\t\t\tvehicleId = res.id;\r\n\t\t\t\tcompanyId = res.company_id;\r\n\t\t\t\tif (vehicleId > 0 && companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./tripsCheck.vue.js?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/eslint-loader/index.js??ref--13-0!./tripsCheck.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tripsCheck.vue?vue&type=template&id=5bc1f6f6&\"\nimport script from \"./tripsCheck.vue.js?vue&type=script&lang=js&\"\nexport * from \"./tripsCheck.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.sa.workshops'] || 'OFFICINE',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true,\"showAdd\":true,\"forceShowAdd\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')},\"add-item\":_vm.addItem}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem),\"target\":_vm.getTarget(props.field)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"mySsoCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[(props.dataItem.ssoToken)?_c('div',[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.name,\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tClicca per copiare url\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../assets/sso.png\"),\"id\":props.dataItem.name},on:{\"click\":function($event){return _vm.ssoToCompany(props.dataItem)}}})],1):_c('div',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tManca l'utente manager\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'dr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myProvidersHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.providersDataFilters,\"filterItemsSelected\":_vm.providersDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myProviderCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.providers)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]}}],null,false,3543236819)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('imports')],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}]},[_vm._v(\"IMPORTAZIONI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-12\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showEdit\":false,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"FILE IMPORTATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columns,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.removeImport},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'imp-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'imp-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\")])],1)],1)],1),_c('div',{staticClass:\"uploadarea\"},[_c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Inserisci\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"file\",\"id\":\"fileInput\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInput\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploaded && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadFiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()])])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('b-card',{staticClass:\"container-fluid\"}),_c('b-card',[_c('templates')],1)],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showSave\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"TEMPLATE CARICATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tfiles: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tuploading: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = 1;\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveTemplates(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getTemplateByType(\"Workshop\");\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportImportTemplate(this.companyId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Template`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tgetTemplateByType: function(type) {\r\n\t\t\tapi.getTemplateByType(type).then(res => {\r\n\t\t\t\tthis.loading = false;\r\n\t\t\t\tthis.items = [{\r\n\t\t\t\t\tid: res.id,\r\n\t\t\t\t\tname: res.name\r\n\t\t\t\t}];\r\n\t\t\t});\r\n\t\t},\r\n onChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.fileTemplate.files);\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.fileTemplate.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremoveFile(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importTemplate(self.companyId, formData).then(res => {\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tthis.getData();\r\n\t\t\t}).finally(() =>{\r\n\t\t\t\tthis.$refs.fileTemplate.value = null;\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\t\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\thidden: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./templates.vue.js?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/eslint-loader/index.js??ref--13-0!./templates.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./templates.vue?vue&type=template&id=2672a137&scoped=true&\"\nimport script from \"./templates.vue.js?vue&type=script&lang=js&\"\nexport * from \"./templates.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./templates.vue?vue&type=style&index=0&id=2672a137&scoped=true&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 \"2672a137\",\n null\n \n)\n\nexport default component.exports","import api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport templates from \"./components/templates.vue\";\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\ttemplates,\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tisDraggingUpdate: false,\r\n\t\t\tfiles: [],\r\n\t\t\tfilesUpdate: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tname: '',\r\n\t\t\tuploading: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\thidden: true,\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"template\",\r\n\t\t\t\t\t\ttitle: \"TEMPLATE\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"date\",\r\n\t\t\t\t\t\ttitle: \"DATA\",\r\n\t\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t// {\r\n\t\t\t\t\t// \tcell: cellDeleteCommand,\r\n\t\t\t\t\t// \twidth: \"45\",\r\n\t\t\t\t\t// \tminResizableWidth: \"45\",\r\n\t\t\t\t\t// \tsortable: false,\r\n\t\t\t\t\t// \theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t\t// }\r\n\t\t\t\t]\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = 1;\r\n\t\t// bus.$emit(\"show-spinner-loading\");\r\n\t\t// this.getCompany();\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"date\", dir: \"desc\" }];\t\t\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveImports(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\t// console.log(ev);\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tdata.docType = 'Workshop';\r\n\r\n\t\t\tapi.getCompanyImports(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\ttemplate: item.template,\r\n\t\t\t\t\t\tdate: item.date,\r\n\t\t\t\t\t\tstatus: item.status,\r\n\t\t\t\t\t\tdescription: item.description\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportImport(this.companyId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Import`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tgetCompany() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyDetail(self.companyId)\r\n\t\t\t.then(res => {\r\n\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\tvar data = res;\r\n\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(err => {\r\n\t\t\t\t///TODO\r\n\t\t\t}).\r\n\t\t\tfinally(res => {\r\n\t\t\t\t// bus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\t\t\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.file.files);\r\n\t\t\t// this.files = [...this.$refs.file.files];\r\n\t\t\t\t\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.file.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tremoveImport(e) {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar itemToRemove = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\tthis.deletedItems.push(itemToRemove);\r\n\t\t\t\r\n\t\t\te.dataItem.status = \"Pronto per annullamento...\";\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.workshopsImportFilesUpdate(self.companyId, formData).then(res => {\r\n\t\t\t\tconsole.log('imported files');\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.file.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.getData();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\timportUpdated() {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"import-ended\");\r\n\t},\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\t\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t\t\t\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=be120ab0&scoped=true&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=be120ab0&scoped=true&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 \"be120ab0\",\n null\n \n)\n\nexport default component.exports","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { bus } from \"../../../main\";\r\nimport imports from \"./imports/index.vue\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\timports\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"Id\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"code_login\",\r\n\t\t\t\t\ttitle: \"Codice officina\",\r\n\t\t\t\t\tconfigId: \"code_login\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"name\",\r\n\t\t\t\t// \ttitle: \"Nome\",\r\n\t\t\t\t// \tconfigId: \"name\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \tformat: \"link\"\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"business_name\",\r\n\t\t\t\t\ttitle: \"Ragione sociale\",\r\n\t\t\t\t\tconfigId: \"business_name\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vat_number\",\r\n\t\t\t\t\ttitle: \"Partita IVA\",\r\n\t\t\t\t\tconfigId: \"vat_number\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"province\",\r\n\t\t\t\t\ttitle: \"PROVINCIA\",\r\n\t\t\t\t\tconfigId: \"province\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"address\",\r\n\t\t\t\t\ttitle: \"Indirizzo\",\r\n\t\t\t\t\tconfigId: \"address\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"phone_number\",\r\n\t\t\t\t\ttitle: \"Telefono\",\r\n\t\t\t\t\tconfigId: \"phone_number\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"email\",\r\n\t\t\t\t\ttitle: \"Email\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"referral_name\",\r\n\t\t\t\t\ttitle: \"Nome referente\",\r\n\t\t\t\t\tconfigId: \"referral_name\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"referral_phone\",\r\n\t\t\t\t\ttitle: \"Telefono referente\",\r\n\t\t\t\t\tconfigId: \"referral_phone\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"workshop_poi\",\r\n\t\t\t\t\ttitle: \"Luogo\",\r\n\t\t\t\t\tconfigId: \"workshop_poi\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\t// cell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"providers\",\r\n\t\t\t\t\ttitle: \"PROVIDER\",\r\n\t\t\t\t\tconfigId: \"providers\",\r\n\t\t\t\t\theaderCell: \"myProvidersHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myProviderCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"isMarelli\",\r\n\t\t\t\t\ttitle: \"Marelli\",\r\n\t\t\t\t\tconfigId: \"isMarelli\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tclassName: \"editRemoveWorkshop\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tprovidersDataFilters: [],\r\n\t\t\tprovidersDataFiltersSelected: [],\r\n\t\t\tcanExportGridData: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tbus.$on(\"import-ended\", this.getData);\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tthis.take = 200;\r\n\t\tthis.query.pageSize = this.take;\r\n\r\n\t\tthis.getConfig();\r\n\r\n\t\t// this.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\r\n\r\n\t\tthis.getProviders();\r\n\t},\r\n\tmethods: {\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"providers\") {\r\n\t\t\t\tthis.providersDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"WORKSHOP_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: \"0\"\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tremove(e) {\r\n\t\t\tvar id = e.dataItem.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.removeWorkshop(id)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tthis.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columnsToShow = self.columns;\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetProviders: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getProviders().then(res => {\r\n\t\t\t\tconsole.log(res);\r\n\t\t\t\tself.providersDataFilters = self._.sortBy(\r\n\t\t\t\t\tres.filter(i => i.name == \"TELTONIKA\" || i.name == \"TEXA\" || i.name == \"BSQ\")\r\n\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tprovidersToString(providers) {\r\n\t\t\tif (this._.isNull(providers) === false && this._.isUndefined(providers) === false && this._.isArray(providers) && providers.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tproviders = this._.sortBy(providers, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tproviders.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \"\\n\";\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// str = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getWorkshops(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\tself.columns.forEach(function(c) {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t\tif (c.field == \"providers\"){\r\n\t\t\t\t\t\t\t\trow[c.field] = self.providersToString(item[c.field]);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tthis.query[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"workshops\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetTarget(field){\r\n\t\t\tif (field == \"workshop_poi\") {\r\n\t\t\t\treturn \"_blank\"\r\n\t\t\t}\r\n\t\t\treturn \"_self\";\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\tif (field == \"workshop_poi\") {\r\n\t\t\t\tif (dataItem.workshop_poi)\r\n\t\t\t\t\treturn `https://www.google.com/maps/search/?api=1&query=${dataItem.workshop_poi}`\r\n\t\t\t\treturn '';\r\n\t\t\t} else {\r\n\t\t\t\tvar id = dataItem.id;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"WORKSHOP_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\tif (field == \"name\") {\r\n\t\t\t\treturn dataItem.name;\r\n\t\t\t} else if (field == \"code_login\") {\r\n\t\t\t\treturn dataItem.code_login;\r\n\t\t\t} else if (field == \"workshop_poi\") {\r\n\t\t\t\tif (dataItem.workshop_poi)\r\n\t\t\t\t\treturn \"SEDE\";\r\n\t\t\t\treturn '';\r\n\t\t\t} else {\r\n\t\t\t\treturn dataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"WORKSHOP_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=04a5b5a7&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid companyDetail\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":_vm.name,\"show-date-time\":false,\"showUserSettings\":false,\"userSettingsLink\":_vm.userSettingsUrl}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isWorkshopDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchWorkshopDetailEditMode,\"save-data-items\":_vm.saveWorkshopDetail}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"SCHEDA OFFICINA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isWorkshopDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"code_login\"}},[_vm._v(\"Codice officina\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.code_login.length == 0 && _vm.isWorkshopDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"code_login\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.code_login),callback:function ($$v) {_vm.code_login=$$v},expression:\"code_login\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"business_name\"}},[_vm._v(\"Ragione sociale\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.business_name.length == 0 && _vm.isWorkshopDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"business_name\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.business_name),callback:function ($$v) {_vm.business_name=$$v},expression:\"business_name\"}})],1)]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"isMarelli\"}},[_vm._v(\"Officina marelli\")]),_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.isMarelli),callback:function ($$v) {_vm.isMarelli=$$v},expression:\"isMarelli\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"vat_number\"}},[_vm._v(\"Partita IVA\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.vat_number.length == 0 && _vm.isWorkshopDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"vat_number\",\"readonly\":!_vm.isWorkshopDetailInEditMode},on:{\"keypress\":_vm.isNumber},model:{value:(_vm.vat_number),callback:function ($$v) {_vm.vat_number=$$v},expression:\"vat_number\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"phone_number\"}},[_vm._v(\"Telefono\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.phone_number.length == 0 && _vm.isWorkshopDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"phone_number\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.phone_number),callback:function ($$v) {_vm.phone_number=$$v},expression:\"phone_number\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"address\"}},[_vm._v(\"Indirizzo di attività\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.address.length == 0 && _vm.isWorkshopDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"address\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.address),callback:function ($$v) {_vm.address=$$v},expression:\"address\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"province\"}},[_vm._v(\"Provincia\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"province\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.province),callback:function ($$v) {_vm.province=$$v},expression:\"province\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"postalcode\"}},[_vm._v(\"CAP\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"postalcode\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.postalcode),callback:function ($$v) {_vm.postalcode=$$v},expression:\"postalcode\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"region\"}},[_vm._v(\"Regione\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"region\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.region),callback:function ($$v) {_vm.region=$$v},expression:\"region\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"email\"}},[_vm._v(\"Email invio notifiche pratiche\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",class:[_vm.email.length == 0 && _vm.isWorkshopDetailInEditMode ? 'required' : ''],attrs:{\"id\":\"email\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"email_cc\"}},[_vm._v(\"Email CC invio notifiche pratiche\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"email_cc\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.email_cc),callback:function ($$v) {_vm.email_cc=$$v},expression:\"email_cc\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"referral_name\"}},[_vm._v(\"Referente nome\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"referral_name\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.referral_name),callback:function ($$v) {_vm.referral_name=$$v},expression:\"referral_name\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"referral_phone\"}},[_vm._v(\"Referente telefono\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"referral_phone\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.referral_phone),callback:function ($$v) {_vm.referral_phone=$$v},expression:\"referral_phone\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"referral_phone\"}},[_vm._v(\"Provider\")]),_c('div',[(!_vm.isWorkshopDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"groups\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.providersString),callback:function ($$v) {_vm.providersString=$$v},expression:\"providersString\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isWorkshopDetailInEditMode),expression:\"isWorkshopDetailInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"data-source\":_vm.providersData,\"data-text-field\":'description',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.providersSelected),callback:function ($$v) {_vm.providersSelected=$$v},expression:\"providersSelected\"}})],1)])])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"notes\"}},[_vm._v(\"Note\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"notes\",\"readonly\":!_vm.isWorkshopDetailInEditMode},model:{value:(_vm.notes),callback:function ($$v) {_vm.notes=$$v},expression:\"notes\"}})],1)]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"photo\"}},[_vm._v(\"Foto esterno officina\")]),_c('div',{staticClass:\"col-lg-12\"},[_c('img',{staticClass:\"iconUpload\",class:[_vm.isWorkshopDetailInEditMode ? 'inEdit' : ''],attrs:{\"src\":_vm.imageToShow},on:{\"click\":_vm.pickFile}})]),_c('div',{staticClass:\"col-lg-12\"},[_c('input',{ref:\"photo\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.onFilePicked}})])])])])])])])],1)],1)])])]),_c('hr'),(!_vm.isNewWorkshop)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('place')],1)])]):_vm._e(),_c('hr'),(!_vm.isNewWorkshop)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('users')],1)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-112\",modifiers:{\"collapse-112\":true}}]},[_vm._v(\"UTENTI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-112\",modifiers:{\"collapse-112\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-112\"}},[(_vm.dataReady)?_c('div',[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showAdd\":true,\"showEdit\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"add-item\":_vm.addItem}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"add-item\":_vm.addItem,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'us-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"roleCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.role.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.isInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.role.key,\"data-source\":_vm.allRoles,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona marca',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onRoleChange($event, props.dataItem.id)}}})],1):_vm._e()])]}},{key:\"fuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, false)}}})],1)])]}},{key:\"secondaryFuelTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.secondary_fuel_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.secondary_fuel_type.key,\"data-source\":_vm.allFuelTypes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona alimentazione secondaria',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onFuelChange($event, props.dataItem.id, true)}}})],1)])]}},{key:\"categoryCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.category.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.category.key,\"data-source\":_vm.allCategories,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona classificazione',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onCategoryChange($event, props.dataItem.id)}}})],1)])]}},{key:\"licenseCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.driving_license_type.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.driving_license_type.key,\"data-source\":_vm.allLicenses,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona patente',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onLicenseChange($event, props.dataItem.id)}}})],1)])]}},{key:\"groupsCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.groupsToString(props.dataItem.groups))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"value\":props.dataItem.groups,\"data-source\":_vm.groupsData,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains'},on:{\"change\":function($event){return _vm.onGroupsChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'us-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,403010835)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport moment from \"moment\";\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tchangedTime: Date \r\n\t},\t\r\n\twatch: {\r\n\t\tchangedTime() {\r\n\t\t\tthis.getGroups();\r\n\t\t}\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tallRoles: [],\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"email\",\r\n\t\t\t\t\ttitle: \"EMAIL\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"mobile_phone_number\",\r\n\t\t\t\t\ttitle: \"Telefono\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"is_workshop_admin\",\r\n\t\t\t\t\ttitle: \"ADMIN\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"enabled\",\r\n\t\t\t\t\ttitle: \"ABILITATO\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.workshopId = this.$route.params.id;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\t// this.sort = [{ field: \"id\", dir: \"desc\" }];\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getData();\r\n\t},\r\n\tmethods: {\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.exitEditCell();\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\t\t},\r\n\t\texitEditCell: function() {\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.items = this.items;\r\n\t\t\tthis.editField = undefined;\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tname: \"\",\r\n\t\t\t\tsurname: \"\",\r\n\t\t\t\temail: \"\",\r\n\t\t\t\tmobile_phone_number: \"\",\r\n\t\t\t\tis_workshop_admin: false,\r\n\t\t\t\tenabled: true\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\t\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\t\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0){\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postWorkshopUsers(this.workshopId, createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.exitEditCell();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tonRoleChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newR = this.allRoles.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\t\t\t\trow.role.key = newR.id;\r\n\t\t\t\trow.role.value = newR.name;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tbooleanSwitchChange: function(e) {\r\n\t\t\t// console.log(e);\r\n\t\t},\r\n\t\titemChange: function(e) {\r\n\t\t\tvar item = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tvar itemUpdated = this.updatedItems.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (this._.isNull(itemUpdated) === true || this._.isUndefined(itemUpdated) === true) {\r\n\t\t\t\tthis.updatedItems.push(item);\r\n\t\t\t}\r\n\t\t\t// console.log(this.updatedItems);\r\n\t\t\tthis.changes = true;\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.workshop_id = self.workshopId;\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getWorkshopUsers(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\trow.id = item.id,\r\n\t\t\t\t\trow.name = item.name,\r\n\t\t\t\t\trow.surname = item.surname,\r\n\t\t\t\t\trow.email = item.email,\r\n\t\t\t\t\trow.mobile_phone_number = item.mobile_phone_number,\r\n\t\t\t\t\trow.is_workshop_admin = item.is_workshop_admin;\r\n\t\t\t\t\trow.enabled = item.enabled;\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\t\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./users.vue.js?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/eslint-loader/index.js??ref--13-0!./users.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./users.vue?vue&type=template&id=5181501c&\"\nimport script from \"./users.vue.js?vue&type=script&lang=js&\"\nexport * from \"./users.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-111\",modifiers:{\"collapse-111\":true}}]},[_vm._v(\"LUOGO\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-111\",modifiers:{\"collapse-111\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-111\"}},[_c('div',{staticClass:\"row\"},[(_vm.isInEditMode && _vm.typeOfPoi)?_c('div',{staticClass:\"col-lg-4\"},[_c('b-form',{staticClass:\"editTableVertical\"},[_c('b-form-group',{attrs:{\"id\":\"input-group-1\",\"label\":\"Cerca Indirizzo:\",\"label-for\":\"input-1\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"placeholder\":\"\"},model:{value:(_vm.poiSearchAddress),callback:function ($$v) {_vm.poiSearchAddress=$$v},expression:\"poiSearchAddress\"}})],1),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"info\"},on:{\"click\":_vm.onSearchAddress}},[_vm._v(\"Cerca Indirizzo\")]),_c('hr'),_c('b-form-group',{attrs:{\"id\":\"input-group-2\",\"label\":\"Nome:\",\"label-for\":\"input-2\"}},[_c('b-form-input',{attrs:{\"id\":\"input-2\",\"readonly\":true,\"required\":\"\",\"placeholder\":\"Inserisci nome luogo\"},on:{\"change\":_vm.onPoiInEditDataChange},model:{value:(_vm.poiName),callback:function ($$v) {_vm.poiName=$$v},expression:\"poiName\"}})],1),_c('b-form-group',{attrs:{\"id\":\"input-group-3\",\"label\":\"Indirizzo:\",\"label-for\":\"input-3\"}},[_c('b-form-input',{attrs:{\"id\":\"input-3\",\"required\":\"\",\"readonly\":true,\"placeholder\":\"\"},model:{value:(_vm.poiAddress),callback:function ($$v) {_vm.poiAddress=$$v},expression:\"poiAddress\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.typeOfPoi != 'polygon'),expression:\"typeOfPoi != 'polygon'\"}],staticClass:\"row\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.typeOfPoi == 'area'),expression:\"typeOfPoi == 'area'\"}],staticClass:\"col-lg-3\"},[_c('b-form-group',{attrs:{\"id\":\"input-group-5\",\"label\":\"Raggio:\",\"label-for\":\"input-5\"}},[_c('b-form-input',{attrs:{\"id\":\"input-5\",\"step\":1,\"type\":\"number\",\"placeholder\":\"\"},model:{value:(_vm.poiRadius),callback:function ($$v) {_vm.poiRadius=_vm._n($$v)},expression:\"poiRadius\"}})],1)],1),_c('div',{class:[_vm.typeOfPoi == 'marker' ? 'col-lg-6' : 'col-lg-4']},[_c('b-form-group',{attrs:{\"id\":\"input-group-5\",\"label\":\"Centro - Lat.:\",\"label-for\":\"input-8\"}},[_c('b-form-input',{attrs:{\"id\":\"input-8\",\"readonly\":true,\"placeholder\":\"\"},model:{value:(_vm.poiCoordinateLat),callback:function ($$v) {_vm.poiCoordinateLat=$$v},expression:\"poiCoordinateLat\"}})],1)],1),_c('div',{class:[_vm.typeOfPoi == 'marker' ? 'col-lg-6' : 'col-lg-4']},[_c('b-form-group',{attrs:{\"id\":\"input-group-6\",\"label\":\"Centro - Long.:\",\"label-for\":\"input-6\"}},[_c('b-form-input',{attrs:{\"id\":\"input-6\",\"readonly\":true,\"placeholder\":\"\"},model:{value:(_vm.poiCoordinates.lng),callback:function ($$v) {_vm.$set(_vm.poiCoordinates, \"lng\", $$v)},expression:\"poiCoordinates.lng\"}})],1)],1)]),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"success\"},on:{\"click\":_vm.onSubmit}},[_vm._v(\"Salva\")]),_c('b-button',{attrs:{\"variant\":\"\"},on:{\"click\":_vm.closeEditMode}},[_vm._v(\"Annulla\")])],1)],1):_vm._e(),_c('div',{class:_vm.containerMapClass},[_c('map-poi',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMap),expression:\"showMap\"}],ref:\"poiMap\",class:_vm.mapClass,attrs:{\"isInEditMode\":_vm.isInEditMode,\"isNewOrEdit\":_vm.isNewOrEdit,\"typeOfPoi\":_vm.typeOfPoi,\"pointToCenter\":_vm.pointToCenter,\"data\":_vm.mapItems},on:{\"onMarkerClick\":_vm.onMarkerClick,\"new-marker\":_vm.addNewMarker,\"edit-marker\":_vm.editMarker,\"new-polygon\":_vm.addNewPolygon,\"edit-polygon\":_vm.editPolygon,\"edit-polygon-end\":_vm.editPolygonEnd,\"new-area\":_vm.addNewArea,\"edit-area\":_vm.editArea,\"edit-area-end\":_vm.editAreaDragEnd}})],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHorizontalTable),expression:\"showHorizontalTable\"}],staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 mt--30\"},[_c('horizontal-table',{attrs:{\"data\":_vm.tableItems,\"isRootInEditMode\":_vm.isInEditMode,\"categoriesFilter\":_vm.categoriesFilter,\"gridClass\":_vm.horizontalTableClass},on:{\"switch-edit-mode\":_vm.switchEditMode,\"remove-item\":_vm.removeItem,\"on-edit-row-item\":_vm.onEditRowItem,\"add-item-click\":_vm.onAddItemClick,\"selected-row\":_vm.onSelectedRow}})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('kendo-dialog',{attrs:{\"modal\":true,\"visible\":_vm.confirmDeletePoi,\"width\":480,\"title\":'Conferma cancellazione POI'}},[_vm._v(\"\\n\\t\\tSei sicuro di voler eliminare il POI?\\n\\t\\t\"),_c('kendo-dialog-action',{attrs:{\"text\":'Si',\"action\":_vm.deletePoiAction}}),_c('kendo-dialog-action',{attrs:{\"text\":'Annulla',\"action\":_vm.undoDeletePoiAction,\"primary\":true}})],1),(_vm.showAddButton)?_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"25px\"}},[_c('span',{staticClass:\"k-icon k-i-plus-outline\",class:[_vm.isInEditMode == false ? 'disabled' : ''],style:({ cursor: _vm.isInEditMode ? 'pointer' : '' }),attrs:{\"id\":'add-new-item'},on:{\"click\":_vm.showAddItemMenu}}),_c('b-tooltip',{attrs:{\"show\":_vm.showTooltipAddItem,\"triggers\":'focus',\"target\":'add-new-item',\"placement\":\"top\"},on:{\"update:show\":function($event){_vm.showTooltipAddItem=$event}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('b-button',{attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.addItemClick('polygon')}}},[_vm._v(\"Aggiungi Poligono\")])],1)])])],1):_vm._e(),_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:[_vm.gridClass, _vm.isInEditMode ? 'editMode' : ''],style:({ height: 'auto', 'max-height': '307px', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.totalItems,\"sortable\":true,\"columns\":_vm.columns,\"selected-field\":_vm.selectedField},on:{\"pagechange\":_vm.pageChangeHandler,\"rowclick\":_vm.onRowClick},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"isInEditMode\":_vm.isInEditMode,\"tableName\":'poi-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myHeaderImagesSwitchTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({staticClass:\"mapIconOnTable\",class:props.className,attrs:{\"sort\":_vm.sort,\"headerType\":'imageBooleanSwitch',\"imageBooleanOn\":'/assets/mappa-on.png',\"imageBooleanOff\":'/assets/mappa-off.png',\"tooltipValueOn\":'MAPPA',\"tooltipValueOff\":'MAPPA',\"switchValue\":_vm.allAreShown,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"header-switch-change\":_vm.onHeaderVisibleChange}},'headerTemplate',props,false))]}},{key:\"myCategoryHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.categoriesFilter,\"filterItemsSelected\":_vm.categoriesSelectedFilter,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({on:{\"boolean-switch-change\":_vm.booleanSwitchChange}},'cell-template',props,false))]}},{key:\"myEditCommandTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-edit-command',_vm._b({attrs:{\"readonly\":!_vm.isRootInEditMode,\"disabled\":!_vm.isRootInEditMode},on:{\"edit-gridrow\":_vm.editRowItem}},'cell-edit-command',props,false))]}},{key:\"myDeleteCommandTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({attrs:{\"readonly\":!_vm.isRootInEditMode,\"disabled\":!_vm.isRootInEditMode},on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myGeofenceCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":'geofencelink_' + props.dataItem.id,\"triggers\":\"hover\",\"delay\":\"600\",\"disabled\":props.dataItem && (!props.dataItem.geofences || props.dataItem.geofences.length == 0)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\tMostra Geofence\\n\\t\\t\\t\\t\\t\\t\")]),_c('img',{class:[props.dataItem && (!props.dataItem.geofences || props.dataItem.geofences.length == 0) ? 'button-icon-disabled' : ''],staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../../../../assets/map/icon/vehicle_realtime.png\"),\"id\":'geofencelink_' + props.dataItem.id},on:{\"click\":function($event){return _vm.goToGeofence(props.dataItem)}}})],1)]}},{key:\"dateCell\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(_vm._s(_vm.formattedDate(props.dataItem.last_event_date)))])]}},{key:\"positionAddress\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(\"qua c'è il reverse geocoding\")])]}},{key:\"positionCoordinates\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(_vm._s(_vm.formattedCoordinates(props.dataItem.current_position.lat, props.dataItem.current_position.lon)))])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('button',{staticClass:\"k-button k-grid-edit-command\",class:[_vm.readonly || _vm.disabled ? 'disabled' : ''],on:{\"click\":_vm.editHandler}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: Vue,\r\n\tprops: {\r\n\t\tfield: String,\r\n\t\tdataItem: Object,\r\n\t\tformat: String,\r\n\t\tclassName: String,\r\n\t\tcolumnIndex: Number,\r\n\t\tcolumnsCount: Number,\r\n\t\trowType: String,\r\n\t\tlevel: Number,\r\n\t\texpanded: Boolean,\r\n\t\teditor: String,\r\n\r\n\t\treadonly: Boolean,\r\n\t\tdisabled: Boolean\r\n\t},\r\n\tmethods: {\r\n\t\teditHandler: function() {\r\n\t\t\tif (!this.readonly && !this.disabled) this.$emit(\"edit-gridrow\", {dataItem: this.dataItem});\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\treadonly(value) {\r\n\t\t\tconsole.log(value);\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./cellEditCommand.vue.js?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/eslint-loader/index.js??ref--13-0!./cellEditCommand.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cellEditCommand.vue?vue&type=template&id=1c153597&\"\nimport script from \"./cellEditCommand.vue.js?vue&type=script&lang=js&\"\nexport * from \"./cellEditCommand.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import api from \"../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport moment from \"moment\";\r\nimport formatcoords from \"formatcoords\";\r\nimport helpers from \"../../../../../shared/fleetbox-helpers\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellEditCommand from \"../../../../../components/grid/cellEditCommand/cellEditCommand.vue\";\r\nimport { bus } from \"../../../../../main\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\t\"cell-edit-command\": cellEditCommand,\r\n\t\t\"cell-delete-command\": cellDeleteCommand\r\n\t},\r\n\tprops: {\r\n\t\tdata: { type: Array, default: [] },\r\n\t\tgridClass: String,\r\n\t\tisRootInEditMode: { type: Boolean, default: false },\r\n\t\tcategoriesFilter: { type: Array, default: [] }\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tshowAll: false,\r\n\t\t\tshowTooltipAddItem: false,\r\n\t\t\tcategoriesSelectedFilter: [],\r\n\r\n\t\t\tconfirmDeletePoi: false,\r\n\t\t\tdeletePoiAction: null,\r\n\r\n\t\t\thasGeofencesPermission: false\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.items = this.data;\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\r\n\t\tif (this.scopes && this.scopes.length > 0) {\r\n\t\t\tvar pr = this.scopes.find(function(item) {\r\n\t\t\t\treturn item == \"GEOFENCES\" || item == \"GEOFENCES_LIST_BOX\";\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tif (pr) this.hasGeofencesPermission = true;\r\n\t\t}\r\n\t\tbus.$on(\"marker-click\", this.markerClickHandler.bind(this));\r\n\t},\r\n\twatch: {\r\n\t\tisRootInEditMode: function() {\r\n\t\t\tthis.isInEditMode = this.isRootInEditMode;\r\n\t\t},\r\n\t\tdata: {\r\n\t\t\thandler() {\r\n\t\t\t\tthis.items = this.data;\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {},\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tgoToGeofence(dataItem) {\r\n\t\t\tif (dataItem && dataItem.geofences && dataItem.geofences.length > 0) {\r\n\t\t\t\tvar id = dataItem.id;\r\n\r\n\t\t\t\tthis.$router.push({\r\n\t\t\t\t\tname: \"GEOFENCES\",\r\n\t\t\t\t\tquery: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tmarkerClickHandler(e) {\r\n\t\t\tif (e && e.marker) {\r\n\t\t\t\tvar itemToSelect = this._.find(this.items, function(x) {\r\n\t\t\t\t\treturn x.id === e.marker.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tvar showItemIndex = this.itemToReturnIfIsInEditMode.findIndex(function(x) {\r\n\t\t\t\t\treturn x.id == itemToSelect.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tvar pageSize = this.take;\r\n\t\t\t\tvar page = parseInt(showItemIndex / pageSize);\r\n\r\n\t\t\t\tthis.skip = this.take * page;\r\n\r\n\t\t\t\tif (itemToSelect) {\r\n\t\t\t\t\tthis.selectRow(itemToSelect);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"poi_category_name\") {\r\n\t\t\t\tthis.categoriesSelectedFilter = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tonHeaderVisibleChange(visible) {\r\n\t\t\tfor (var i = 0; i < this.data.length; i++) {\r\n\t\t\t\tvar item = this.data[i];\r\n\t\t\t\tif (item && this._.isNull(item.visible) === false) {\r\n\t\t\t\t\titem.visible = visible;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\taddItemClick(itemType) {\r\n\t\t\tthis.showTooltipAddItem = false;\r\n\r\n\t\t\tthis.$emit(\"add-item-click\", itemType);\r\n\t\t},\r\n\t\tshowAddItemMenu: function() {\r\n\t\t\tif (this.isInEditMode) this.showTooltipAddItem = !this.showTooltipAddItem;\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\t\t\tthis.$emit(\"switch-edit-mode\", this.isInEditMode);\r\n\t\t},\r\n\t\teditRowItem(e) {\r\n\t\t\tthis.$emit(\"on-edit-row-item\", e.dataItem);\r\n\t\t},\r\n\t\tremoveById(e) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar deletePoiAction = function(e) {\r\n\t\t\t\tself.remove(e);\r\n\t\t\t\tif (e) {\r\n\t\t\t\t\tif (self.isInEditMode) {\r\n\t\t\t\t\t\tself.$emit(\"remove-item\", e.dataItem, self.confirmDeletePoi);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.confirmDeletePoi = false;\r\n\t\t\t};\r\n\r\n\t\t\tthis.confirmDeletePoi = true;\r\n\t\t\tthis.deletePoiAction = function() {\r\n\t\t\t\tdeletePoiAction(e);\r\n\t\t\t};\r\n\t\t},\r\n\t\tundoDeletePoiAction() {\r\n\t\t\tthis.confirmDeletePoi = false;\r\n\t\t\tthis.deletePoiAction = null;\r\n\t\t},\r\n\t\tbooleanSwitchChange(e) {},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tformattedDate(date) {\r\n\t\t\tvar d = moment(date);\r\n\r\n\t\t\treturn d.format(\"DD/MM/YYYY HH:mm\");\r\n\t\t},\r\n\t\tformattedCoordinates(lat, lon) {\r\n\t\t\treturn helpers.formatCoordinate(lat, \"lat\") + \", \" + helpers.formatCoordinate(lon, \"lon\");\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters([\"scopes\"]),\r\n\t\tshowAddButton: function(){\r\n\t\t\treturn this.totalItems == 0\r\n\t\t},\r\n\t\ttotalItems: function() {\r\n\t\t\treturn this.data.length;\r\n\t\t},\r\n\t\tallAreShown() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.data && this.data.length > 0) {\r\n\t\t\t\tvar filtersData = this.data.filter(function(item) {\r\n\t\t\t\t\treturn self._.isNull(item.visible) === false;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (filtersData.length > 0) {\r\n\t\t\t\t\treturn filtersData.every(function(item) {\r\n\t\t\t\t\t\treturn item.visible === true;\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\tvar col = [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"poi_category_icon_image\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"50\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image-map\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"visible\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\theaderCell: \"myHeaderImagesSwitchTemplate\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"booleanSwitch\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"Nome\",\r\n\t\t\t\t\twidth: \"350\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"location.address\",\r\n\t\t\t\t\ttitle: \"Indirizzo\",\r\n\t\t\t\t\t// width: \"625\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"point\",\r\n\t\t\t\t\ttitle: \"Punto centrale del poligono\",\r\n\t\t\t\t\t// width: \"625\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"location.city\",\r\n\t\t\t\t// \ttitle: \"Città\",\r\n\t\t\t\t// \twidth: \"140\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"poi_category_name\",\r\n\t\t\t\t// \ttitle: \"Categoria\",\r\n\t\t\t\t// \twidth: \"230\",\r\n\t\t\t\t// \theaderCell: \"myCategoryHeaderTemplate\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"\",\r\n\t\t\t\t// \ttitle: \"\",\r\n\t\t\t\t// \twidth: \"\",\r\n\t\t\t\t// \theaderCell: \"\",\r\n\t\t\t\t// \tfilterable: false\r\n\t\t\t\t// }\r\n\t\t\t];\r\n\r\n\t\t\tcol.push({\r\n\t\t\t\tcell: \"myEditCommandTemplate\",\r\n\t\t\t\twidth: \"45px\",\r\n\t\t\t\tsortable: false,\r\n\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t});\r\n\t\t\tcol.push({\r\n\t\t\t\tcell: \"myDeleteCommandTemplate\",\r\n\t\t\t\twidth: \"45px\",\r\n\t\t\t\tsortable: false,\r\n\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t});\r\n\r\n\t\t\treturn col;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./horizontalTable.vue.js?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/eslint-loader/index.js??ref--13-0!./horizontalTable.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./horizontalTable.vue?vue&type=template&id=dbee47e6&scoped=true&\"\nimport script from \"./horizontalTable.vue.js?vue&type=script&lang=js&\"\nexport * from \"./horizontalTable.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./horizontalTable.vue?vue&type=style&index=0&id=dbee47e6&scoped=true&lang=less&\"\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 \"dbee47e6\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gmap-map',{ref:\"map\",attrs:{\"center\":_vm.center,\"zoom\":5,\"map-type-id\":\"roadmap\",\"options\":{\n styles: _vm.mapStylesOptions\n }},on:{\"click\":_vm.mapClickhandler}},[_vm._l((_vm.markers),function(m,i){return _c('gmap-marker',{key:i,attrs:{\"position\":m.position,\"icon\":m.icon,\"title\":m.title,\"clickable\":true,\"draggable\":m.draggable},on:{\"click\":function($event){return _vm.markerClick(m,i)},\"dragend\":function($event){return _vm.onMarkerDraged($event, m.id)}}})}),_c('div',_vm._l((_vm.markers),function(m){return _c('gmap-info-window',{key:m.id,attrs:{\"options\":m.infoWindowOptions,\"position\":m.position,\"opened\":m.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){m.infoWindowOptions.infoWindowOpened=false}}})}),1),_c('div',_vm._l((_vm.paths),function(p,index){return _c('gmap-polygon',{key:index,attrs:{\"path\":p.path,\"draggable\":p.draggable,\"options\":{strokeColor: p.strokeColor, fillColor: p.fillColor, strokeWeight: 2},\"editable\":p.editable},on:{\"click\":function($event){return _vm.markerClick(p, index)},\"path_changed\":function($event){return _vm.onPathChanged($event, p.id)},\"dragend\":function($event){return _vm.onPathDragEnd($event, p.id)}}})}),1),_c('div',_vm._l((_vm.paths),function(p,index){return _c('gmap-info-window',{key:index,attrs:{\"options\":p.infoWindowOptions,\"position\":p.path[0],\"opened\":p.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){p.infoWindowOptions.infoWindowOpened=false}}})}),1),_c('div',_vm._l((_vm.areas),function(c,index){return _c('gmap-circle',{key:index,attrs:{\"radius\":c.radius,\"center\":c.center,\"draggable\":c.draggable,\"editable\":c.editable,\"options\":{fillColor: c.fillColor, strokeWeight: 2}},on:{\"click\":function($event){return _vm.markerClick(c, index)},\"center_changed\":function($event){return _vm.onCircleCenterChange($event, c.id)},\"radius_changed\":function($event){return _vm.onCircleRadiusChange($event, c.id)},\"dragend\":function($event){return _vm.onCircleDragEnd($event, c.id)}}})}),1),_c('div',_vm._l((_vm.areas),function(a){return _c('gmap-info-window',{key:a.id,attrs:{\"options\":a.infoWindowOptions,\"position\":a.center,\"opened\":a.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){a.infoWindowOptions.infoWindowOpened=false}}})}),1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../services/api\";\r\nimport { gmapApi } from \"vue2-google-maps\";\r\nimport moment from \"moment\";\r\nimport formatcoords from \"formatcoords\";\r\nimport helpers from \"../../../../../shared/fleetbox-helpers\";\r\nimport { Marker, GeoPosition } from \"../../../../../domain/poi\";\r\nimport { bus } from \"../../../../../main\";\r\n\r\nexport default {\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tdata: Array,\r\n\t\tzoom: { type: Number, default: 12 },\r\n\t\tisInEditMode: false,\r\n\t\ttypeOfPoi: String,\r\n\t\tisNewOrEdit: { type: Boolean, default: false },\r\n\t\tpointToCenter: { type: Object, default: null }\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tisCreated: false,\r\n\t\t\tfirstTimeIn: true,\r\n\t\t\tcenter: {},\r\n\t\t\tmarkers: [],\r\n\t\t\tinfoContent: \"\",\r\n\t\t\tinfoWindowPos: null,\r\n\t\t\tinfoWinOpen: false,\r\n\t\t\tcurrentMidx: null,\r\n\t\t\tinfoOptions: {\r\n\t\t\t\tcontent: \"\",\r\n\t\t\t\tpixelOffset: {\r\n\t\t\t\t\twidth: 0,\r\n\t\t\t\t\theight: -35\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tpaths: [],\r\n\t\t\tareas: [],\r\n\t\t\tedited: null,\r\n\t\t\tindexItem: 0,\r\n\t\t\titemIsAlreadyAdded: false,\r\n\t\t\t\r\n\t\t\tmapStylesOptions: [ \r\n\t\t\t\t{\r\n\t\t\t\t\tfeatureType: \"poi\",\r\n\t\t\t\t\tstylers: [ \r\n\t\t\t\t\t\t{ \r\n\t\t\t\t\t\t\tvisibility: \"off\" \r\n\t\t\t\t\t\t} \r\n\t\t\t\t\t] \r\n\t\t\t\t} \r\n\t\t\t],\r\n\t\t};\r\n\t},\r\n\twatch: {\r\n\t\tpointToCenter: function(newValue) {\r\n\t\t\tif (newValue && newValue.lat && newValue.lng) {\r\n\t\t\t\tthis.centerMap(newValue);\r\n\r\n\t\t\t\tthis.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\tif (map.getZoom() <= 14) {\r\n\t\t\t\t\t\tmap.setZoom(15);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisInEditMode: {\r\n\t\t\thandler() {\r\n\t\t\t\tthis.itemIsAlreadyAdded = false;\r\n\t\t\t},\r\n\t\t\tdeep: false\r\n\t\t},\r\n\t\tdata: {\r\n\t\t\thandler() {\r\n\t\t\t\tthis.displayMarkers();\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tthis.isCreated = true;\r\n\t\tthis.center = {\r\n\t\t\tlat: 43.1107,\r\n\t\t\tlng: 12.3908\r\n\t\t};\r\n\r\n\t\tbus.$on(\"item-radius-change\", this.onRadiusItemChange.bind(this));\r\n\t\tbus.$on(\"add-new-item\", this.onAddNewItem.bind(this));\r\n\t\tbus.$on(\"on-selected-row\", this.onSelectedRow.bind(this));\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"item-radius-change\");\r\n\t\tbus.$off(\"add-new-item\");\r\n\t\tbus.$off(\"on-selected-row\");\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tzoomChange() {\r\n\t\t\tthis.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\tconsole.log(map.getZoom());\r\n\t\t\t});\r\n\t\t},\r\n\t\tonSelectedRow(e) {\r\n\t\t\tif (e) {\t\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar bounds = new google.maps.LatLngBounds();\r\n\r\n\t\t\t\tvar position = {};\r\n\t\t\t\tif (e.location && e.location.rendering_type) {\r\n\t\t\t\t\tif (e.location.rendering_type == \"marker\") {\r\n\t\t\t\t\t\tposition = {\r\n\t\t\t\t\t\t\tlat: e.location.points[0].lat,\r\n\t\t\t\t\t\t\tlng: e.location.points[0].lon\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tbounds.extend(position);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.location.rendering_type == \"polygon\") {\r\n\t\t\t\t\t\te.location.points.forEach(p => {\r\n\t\t\t\t\t\t\tlet pos = {\r\n\t\t\t\t\t\t\t\tlat: p.lat,\r\n\t\t\t\t\t\t\t\tlng: p.lon\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tif (pos.lat && pos.lng)\r\n\t\t\t\t\t\t\t\tbounds.extend(pos);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.location.rendering_type == \"circle\") {\r\n\t\t\t\t\t\tlet circle = new google.maps.Circle({\r\n\t\t\t\t\t\t\tcenter: {\r\n\t\t\t\t\t\t\t\tlat: e.location.points[0].lat,\r\n\t\t\t\t\t\t\t\tlng: e.location.points[0].lon\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tradius: e.radius\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tbounds.union(circle.getBounds());\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tposition = {\r\n\t\t\t\t\t\tlat: e.location.points[0].lat,\r\n\t\t\t\t\t\tlng: e.location.points[0].lon\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tthis.centerMap(position);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\tmap.fitBounds(bounds);\r\n\t\t\t\t\tif (map.getZoom() >= 22) {\r\n\t\t\t\t\t\tmap.setZoom(14);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.hideAllInfoWindow();\r\n\t\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\t\tif (item.id == e.id) {\r\n\t\t\t\t\t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t// self.paths.forEach(function(item, index) {\r\n\t\t\t\t// \tif (item.id == e.id) {\r\n\t\t\t\t// \t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// });\r\n\t\t\t\t// self.areas.forEach(function(item, index) {\r\n\t\t\t\t// \tif (item.id == e.id) {\r\n\t\t\t\t// \t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// });\r\n\t\t\t}\r\n\t\t},\r\n\t\tonAddNewItem() {\r\n\t\t\tthis.itemIsAlreadyAdded = false;\r\n\t\t},\r\n\t\tonRadiusItemChange(item) {\r\n\t\t\tvar itemArea = this.areas.find(f => {\r\n\t\t\t\treturn f.id == item.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (itemArea && item.radius) {\r\n\t\t\t\titemArea.setRadius(item.radius);\r\n\t\t\t}\r\n\t\t},\r\n\t\tclearMarkers() {\r\n\t\t\tthis.markers = [];\r\n\t\t},\r\n\r\n\t\tmapClickhandler(e) {\r\n\t\t\tif (this.isInEditMode) {\r\n\t\t\t\tswitch (this.typeOfPoi) {\r\n\t\t\t\t\tcase \"marker\":\r\n\t\t\t\t\t\tif (this.itemIsAlreadyAdded == false && this.isNewOrEdit) {\r\n\t\t\t\t\t\t\tvar m = new google.maps.Marker();\r\n\t\t\t\t\t\t\tm.id = this.indexItem;\r\n\t\t\t\t\t\t\tm.draggable = true;\r\n\t\t\t\t\t\t\tvar pos = {\r\n\t\t\t\t\t\t\t\tlat: e.latLng.lat(),\r\n\t\t\t\t\t\t\t\tlng: e.latLng.lng()\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tm.position = pos;\r\n\t\t\t\t\t\t\tm.title = `Nuovo POI`;\r\n\r\n\t\t\t\t\t\t\tthis.indexItem--;\r\n\r\n\t\t\t\t\t\t\tthis.$emit(\"new-marker\", m);\r\n\r\n\t\t\t\t\t\t\tthis.itemIsAlreadyAdded = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t\tcase \"polygon\":\r\n\t\t\t\t\t\tif (this.itemIsAlreadyAdded == false && this.isNewOrEdit) {\r\n\t\t\t\t\t\t\tvar rectangle = this.drawRect(e.latLng, 500, 300, 500, 300, 0, 4, \"#000000\", 3, 1, \"#ffffff\", 1, {}, true);\r\n\t\t\t\t\t\t\tlet paths = rectangle\r\n\t\t\t\t\t\t\t\t.getPath()\r\n\t\t\t\t\t\t\t\t.getArray()\r\n\t\t\t\t\t\t\t\t.map(function(p) {\r\n\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\tlat: p.lat(),\r\n\t\t\t\t\t\t\t\t\t\tlon: p.lng()\r\n\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tpaths.splice(paths.length - 1, 1);\r\n\t\t\t\t\t\t\t// Create Polygon\r\n\t\t\t\t\t\t\tvar pathsToInsert = {\r\n\t\t\t\t\t\t\t\tid: this.indexItem,\r\n\t\t\t\t\t\t\t\tpath: paths\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tthis.indexItem--;\r\n\r\n\t\t\t\t\t\t\tthis.$emit(\"new-polygon\", pathsToInsert);\r\n\t\t\t\t\t\t\tthis.itemIsAlreadyAdded = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase \"area\":\r\n\t\t\t\t\t\tif (this.itemIsAlreadyAdded == false && this.isNewOrEdit) {\r\n\t\t\t\t\t\t\tlet radius = 100;\r\n\t\t\t\t\t\t\tlet center = [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlat: e.latLng.lat(),\r\n\t\t\t\t\t\t\t\t\tlon: e.latLng.lng()\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t];\r\n\r\n\t\t\t\t\t\t\t// Create Polygon\r\n\t\t\t\t\t\t\tvar areaToInsert = {\r\n\t\t\t\t\t\t\t\tid: this.indexItem,\r\n\t\t\t\t\t\t\t\tcenter: center,\r\n\t\t\t\t\t\t\t\tradius: radius\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tthis.indexItem--;\r\n\r\n\t\t\t\t\t\t\tthis.$emit(\"new-area\", areaToInsert);\r\n\t\t\t\t\t\t\tthis.itemIsAlreadyAdded = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonMarkerDraged: function(e, id) {\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t\tthis.$emit(\"edit-marker\", {\r\n\t\t\t\tid: id,\r\n\t\t\t\tdata: e\r\n\t\t\t});\r\n\t\t},\r\n\t\tonPathChanged: function(e, id) {\r\n\t\t\tlet newPath = [];\r\n\r\n\t\t\tthis.hideAllInfoWindow();\r\n\r\n\t\t\tfor (let i = 0; i < e.getLength(); i++) {\r\n\t\t\t\tlet point = e.getAt(i);\r\n\t\t\t\tnewPath.push({\r\n\t\t\t\t\tlat: point.lat(),\r\n\t\t\t\t\tlng: point.lng()\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tthis.$emit(\"edit-polygon\", {\r\n\t\t\t\tid: id,\r\n\t\t\t\tpath: newPath\r\n\t\t\t});\r\n\t\t},\r\n\t\tonPathDragEnd: function(e, id) {\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t\tthis.$emit(\"edit-polygon-end\", {\r\n\t\t\t\tid: id\r\n\t\t\t});\r\n\t\t},\r\n\t\tonCircleCenterChange(e, id) {\r\n\t\t\t//this.hideAllInfoWindow();\r\n\t\t\tlet center = [\r\n\t\t\t\t{\r\n\t\t\t\t\tlat: e.lat(),\r\n\t\t\t\t\tlon: e.lng()\r\n\t\t\t\t}\r\n\t\t\t];\r\n\r\n\t\t\tthis.$emit(\"edit-area\", {\r\n\t\t\t\tid: id,\r\n\t\t\t\tproperty: \"center\",\r\n\t\t\t\tcenter: center\r\n\t\t\t});\r\n\t\t},\r\n\t\tonCircleRadiusChange(e, id) {\r\n\t\t\t//this.hideAllInfoWindow();\r\n\t\t\tthis.$emit(\"edit-area\", {\r\n\t\t\t\tid: id,\r\n\t\t\t\tproperty: \"radius\",\r\n\t\t\t\tradius: e\r\n\t\t\t});\r\n\t\t},\r\n\t\tonCircleDragEnd(e, id) {\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t\tthis.$emit(\"edit-area-end\", {\r\n\t\t\t\tid: id\r\n\t\t\t});\r\n\t\t},\r\n\t\thandleClickForDelete(e) {\r\n\t\t\tif (e.vertex) {\r\n\t\t\t\tthis.$refs.polygon.$polygonObject\r\n\t\t\t\t\t.getPaths()\r\n\t\t\t\t\t.getAt(e.path)\r\n\t\t\t\t\t.removeAt(e.vertex);\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisplayMarkers: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\t//items to remove - marker\r\n\t\t\tvar itemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.markers.length; i++) {\r\n\t\t\t\tvar m = this.markers[i];\r\n\t\t\t\tlet dataItem = _.find(this.data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.markers.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.markers.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\t//items to remove - polygon\r\n\t\t\titemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.paths.length; i++) {\r\n\t\t\t\tvar m = this.paths[i];\r\n\t\t\t\tlet dataItem = _.find(this.data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.paths.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.paths.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\t//items to remove - area\r\n\t\t\titemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.areas.length; i++) {\r\n\t\t\t\tvar m = this.areas[i];\r\n\t\t\t\tlet dataItem = _.find(this.data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.areas.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.areas.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\tvar forceFitAndZoom = false;\r\n\t\t\tvar minZoomValue = null;\r\n\r\n\t\t\tself.data.forEach(function(item, index) {\r\n\t\t\t\tif (item.visible) {\r\n\t\t\t\t\tif (item.location.rendering_type == \"marker\" || (item.location.rendering_type == \"unknown\" && item.location.points.length == 1)) {\r\n\t\t\t\t\t\tlet m = _.find(self.markers, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t// google.maps.event.addListener(m, 'dragend', function(evt){\r\n\t\t\t\t\t\t\t// \tself.onMarkerDraged(evt);\r\n\t\t\t\t\t\t\t// });\r\n\r\n\t\t\t\t\t\t\tself.markers.push(m);\r\n\r\n\t\t\t\t\t\t\tforceFitAndZoom = true;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tm.draggable = item.draggable;\r\n\t\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\t\tm.title = item.name;\r\n\t\t\t\t\t\t//m.info = \"
\" + item.name + \"lat: \" + item.location.points[0].lat + \" lon: \" + item.location.points[0].lon;\r\n\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\tif (item.poi_category_icon_image && !self.isInEditMode) {\r\n\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t} else if (item.location.rendering_type == \"polygon\" || (item.location.rendering_type == \"unknown\" && item.location.points.length > 1)) {\r\n\t\t\t\t\t\t//marker related to polygon\r\n\t\t\t\t\t\tvar allPoint = \"\";\r\n\t\t\t\t\t\titem.location.points.forEach(function(point) {\r\n\t\t\t\t\t\t\tallPoint += `lat: ${point.lat} - lon:${point.lon}
`;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t// console.log(allPoint);\r\n\t\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\t\tlet m = _.find(self.markers, function(o) {\r\n\t\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t\tself.markers.push(m);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tm.draggable = false;\r\n\t\t\t\t\t\t\t// console.log(item);\r\n\t\t\t\t\t\t\tvar latMarker = parseFloat(item.point.split(',')[0]);\r\n\t\t\t\t\t\t\tvar lonMarker = parseFloat(item.point.split(',')[1]);\r\n\t\t\t\t\t\t\tm.position = new GeoPosition(latMarker, lonMarker);\r\n\t\t\t\t\t\t\tm.title = item.name;\r\n\t\t\t\t\t\t\t// m.info = `
${item.name}${allPoint}`;\r\n\t\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${latMarker} - LON: ${lonMarker}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//polygon\r\n\t\t\t\t\t\tlet p = _.find(self.paths, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (p == null) {\r\n\t\t\t\t\t\t\tp = {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\t// path: item.location.points.map(function(pt) {\r\n\t\t\t\t\t\t\t\t// \treturn new GeoPosition(pt.lat, pt.lon);\r\n\t\t\t\t\t\t\t\t// }),\r\n\t\t\t\t\t\t\t\tinfoWindowOptions: {\r\n\t\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\t\theight: 0\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.paths.push(p);\r\n\r\n\t\t\t\t\t\t\tforceFitAndZoom = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\t\tp.fillColor = item.poi_category_fill_color;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tp.editable = item.editable;\r\n\t\t\t\t\t\tp.draggable = item.draggable;\r\n\t\t\t\t\t\t// var allPoint = \"\";\r\n\t\t\t\t\t\t// item.location.points.forEach(function(point) {\r\n\t\t\t\t\t\t// \tallPoint += `lat: ${point.lat} - lon:${point.lon}
`;\r\n\t\t\t\t\t\t// });\r\n\t\t\t\t\t\t(p.path = item.location.points.map(function(pt) {\r\n\t\t\t\t\t\t\treturn new GeoPosition(pt.lat, pt.lon);\r\n\t\t\t\t\t\t})),\r\n\t\t\t\t\t\t\t(p.title = item.name);\r\n\t\t\t\t\t\tp.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\tLAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\tINDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\tp.infoWindowOptions.content = p.info;\r\n\r\n\t\t\t\t\t} else if (item.location.rendering_type == \"circle\") {\r\n\t\t\t\t\t\t//marker related to circle\r\n\t\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\t\tlet m = _.find(self.markers, function(o) {\r\n\t\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t\tself.markers.push(m);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tm.draggable = item.draggable;\r\n\t\t\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\t\t\tm.title = item.name;\r\n\t\t\t\t\t\t\t//m.info = \"
\" + item.name + \"lat: \" + item.location.points[0].lat + \" lon: \" + item.location.points[0].lon;\r\n\t\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t//area\r\n\t\t\t\t\t\tlet a = _.find(self.areas, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (a == null) {\r\n\t\t\t\t\t\t\ta = new google.maps.Circle();\r\n\t\t\t\t\t\t\ta.id = item.id;\r\n\t\t\t\t\t\t\ta.radius = item.radius;\r\n\t\t\t\t\t\t\ta.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: 0\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.areas.push(a);\r\n\r\n\t\t\t\t\t\t\tforceFitAndZoom = true;\r\n\t\t\t\t\t\t\tminZoomValue = 16;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\t\ta.fillColor = item.poi_category_fill_color;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\ta.center = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\r\n\t\t\t\t\t\t(a.editable = item.editable), (a.draggable = item.draggable), (a.title = item.name);\r\n\t\t\t\t\t\ta.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\ta.infoWindowOptions.content = a.info;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (forceFitAndZoom || this.isCreated) {\r\n\t\t\t\tself.fitAndZoom(minZoomValue);\r\n\t\t\t\tminZoomValue = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tfitAndZoom: function(minZoomValue) {\r\n\t\t\tthis.isCreated = false;\r\n\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar bounds = new google.maps.LatLngBounds();\r\n\r\n\t\t\tif (self.markers.length > 0 || self.paths.length > 0 || self.areas.length > 0) {\r\n\t\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\t\tbounds.extend(item.position);\r\n\t\t\t\t});\r\n\t\t\t\tself.paths.forEach(function(item, index) {\r\n\t\t\t\t\titem.path.forEach(p => {\r\n\t\t\t\t\t\tbounds.extend(p);\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t\tself.areas.forEach(function(item, index) {\r\n\t\t\t\t\tbounds.extend(item.center);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\tmap.fitBounds(bounds);\r\n\t\t\t\t\tif (map.getZoom() >= 22) {\r\n\t\t\t\t\t\tif (minZoomValue) map.setZoom(minZoomValue);\r\n\t\t\t\t\t\telse map.setZoom(14);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.centerMap({\r\n\t\t\t\t\tlat: 46.07339415289572,\r\n\t\t\t\t\tlng: 13.22305560185896\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tmarkerClick: function(marker, idx) {\r\n\t\t\tthis.$emit(\"onMarkerClick\", { marker, idx });\r\n\r\n\t\t\tthis.hideAllInfoWindow();\r\n\r\n\t\t\tthis.toggleInfoWindow(marker);\r\n\t\t},\r\n\t\thideAllInfoWindow: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\tself.paths.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\tself.areas.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\t\t},\r\n\t\tshowAllInfoWindow: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t});\r\n\t\t},\r\n\t\tcenterMap: function(position) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\tmap.setCenter(position);\r\n\t\t\t});\r\n\t\t},\r\n\t\ttoggleInfoWindow: function(marker, idx) {\r\n\t\t\tmarker.infoWindowOptions.infoWindowOpened = !marker.infoWindowOptions.infoWindowOpened;\r\n\t\t},\r\n\t\tdrawRect: function(point, r1, r2, r3, r4, rotation, vertexCount, strokeColour, strokeWeight, Strokepacity, fillColour, fillOpacity, opts, tilt) {\r\n\t\t\tvar rot = (-rotation * Math.PI) / 180;\r\n\t\t\tvar points = [];\r\n\r\n\t\t\tvar latConv = google.maps.geometry.spherical.computeDistanceBetween(point, new google.maps.LatLng(point.lat() + 0.1, point.lng())) * 10;\r\n\t\t\tvar lngConv = google.maps.geometry.spherical.computeDistanceBetween(point, new google.maps.LatLng(point.lat(), point.lng() + 0.1)) * 10;\r\n\t\t\tvar step = 360 / vertexCount || 10;\r\n\r\n\t\t\tvar flop = -1;\r\n\t\t\tif (tilt) {\r\n\t\t\t\tvar I1 = 180 / vertexCount;\r\n\t\t\t} else {\r\n\t\t\t\tvar I1 = 0;\r\n\t\t\t}\r\n\t\t\tfor (var i = I1; i <= 360.001 + I1; i += step) {\r\n\t\t\t\tvar r1a = flop ? r1 : r3;\r\n\t\t\t\tvar r2a = flop ? r2 : r4;\r\n\t\t\t\tflop = -1 - flop;\r\n\t\t\t\tvar y = r1a * Math.cos((i * Math.PI) / 180);\r\n\t\t\t\tvar x = r2a * Math.sin((i * Math.PI) / 180);\r\n\t\t\t\tvar lng = (x * Math.cos(rot) - y * Math.sin(rot)) / lngConv;\r\n\t\t\t\tvar lat = (y * Math.cos(rot) + x * Math.sin(rot)) / latConv;\r\n\r\n\t\t\t\tpoints.push(new google.maps.LatLng(point.lat() + lat, point.lng() + lng));\r\n\t\t\t}\r\n\t\t\treturn new google.maps.Polygon({\r\n\t\t\t\tpaths: points,\r\n\t\t\t\tstrokeColor: strokeColour,\r\n\t\t\t\tstrokeWeight: strokeWeight,\r\n\t\t\t\tstrokeOpacity: Strokepacity,\r\n\t\t\t\tfillColor: fillColour,\r\n\t\t\t\tfillOpacity: fillOpacity\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\tcomputed: {}\r\n};\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/eslint-loader/index.js??ref--13-0!./map.vue.js?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/eslint-loader/index.js??ref--13-0!./map.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./map.vue?vue&type=template&id=6123d5ae&\"\nimport script from \"./map.vue.js?vue&type=script&lang=js&\"\nexport * from \"./map.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import api from \"../../../../../services/api\";\r\n\r\nimport helpers from \"../../../../../shared/fleetbox-helpers\";\r\n\r\nimport horizontalTable from \"./horizontalTable.vue\";\r\nimport mapPoi from \"./map.vue\";\r\n// import mapPoi from \"../../../../trips/poi/map.vue\";\r\n\r\nimport { Marker, Polyline } from \"../../../../../domain/poi\";\r\nimport { bus } from \"../../../../../main\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\thorizontalTable,\r\n\t\tmapPoi\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tquery: {\r\n\t\t\t\tpage: 0,\r\n\t\t\t\tpageSize: 100000,\r\n\t\t\t\tworkshop_id: 0,\r\n\t\t\t},\r\n\t\t\tworkshopId: 0,\r\n\t\t\t//Data\r\n\t\t\tpoiItems: [], // rendering_type: unknown, marker, polygon, polyline, circle\r\n\t\t\tpoiCategories: [],\r\n\r\n\t\t\t//Filter element to show\r\n\t\t\tshowTableMapPopover: false,\r\n\t\t\tmapTableVisualizationSelected: \"../../../../../assets/m_ht.png\",\r\n\r\n\t\t\tshowMap: true,\r\n\t\t\tshowHorizontalTable: true,\r\n\r\n\t\t\t//Filter location\r\n\t\t\tlastSearch: \"\",\r\n\t\t\tsearch: \"\",\r\n\t\t\tpointToCenter: null,\r\n\r\n\t\t\t//Data that change\r\n\t\t\tpoiItemToEdit: null,\r\n\t\t\tpoiCategoriesSelected: null,\r\n\t\t\tpoiName: \"\",\r\n\t\t\tpoiAddress: \"\",\r\n\t\t\tpoiSearchAddress: \"\",\r\n\t\t\tpoiRadius: 100,\r\n\t\t\tpoiCoordinates: { lat: null, lng: null },\r\n\r\n\t\t\t//state change\r\n\t\t\tisInEditMode: false,\r\n\t\t\ttypeOfPoi: \"\",\r\n\t\t\tisNewOrEdit: false //true: new / false: edit\r\n\t\t};\r\n\t},\r\n\r\n\twatch: {\r\n\t\tpoiCoordinates: function(newValue, oldValue) {\r\n\t\t\tif (newValue && newValue.lat && newValue.lng) {\r\n\t\t\t\tvar self = this;\r\n\t\t\t\t//get address from geo point\r\n\r\n\t\t\t\tvar params = {\r\n\t\t\t\t\tlatitude: newValue.lat,\r\n\t\t\t\t\tlongitude: newValue.lng\r\n\t\t\t\t};\r\n\r\n\t\t\t\tapi.getReverseGeocoding(params).then(res => {\r\n\t\t\t\t\tif (res && res.length > 0) {\r\n\t\t\t\t\t\tvar newAddress = self._.find(res, function(item) {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\tself._.find(item.types, function(x) {\r\n\t\t\t\t\t\t\t\t\treturn x === \"streetAddress\";\r\n\t\t\t\t\t\t\t\t}) != null\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (!newAddress) {\r\n\t\t\t\t\t\t\tnewAddress = res[0];\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (newAddress && newAddress.formattedAddress) {\r\n\t\t\t\t\t\t\tself.poiAddress = newAddress.formattedAddress;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t}\r\n\t\t},\r\n\t\tpoiRadius: function(newValue) {\r\n\t\t\tif (this.poiItemToEdit && this.poiItemToEdit.location.rendering_type == \"circle\") {\r\n\t\t\t\tthis.poiItemToEdit.radius = newValue;\r\n\t\t\t\tbus.$emit(\"item-radius-change\", this.poiItemToEdit);\r\n\t\t\t}\r\n\t\t},\r\n\t\tshowTableMapPopover() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.$root.$emit(\"bv::hide::tooltip\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tself.$root.$emit(\"bv::hide::tooltip\");\r\n\t\t\t}, 700);\r\n\t\t}\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tthis.workshopId = this.$route.params.id;\t\t\r\n\r\n\t\tvar icon = helpers.getIconForVisualizationType(this.showMap, this.showHorizontalTable, false);\r\n\t\tthis.mapTableVisualizationSelected = `../../../../../${icon}`;\r\n\r\n\t\tthis.getData();\r\n\t},\r\n\tbeforeDestroy() {},\r\n\tmethods: {\r\n\t\tshowMaptable(v) {\r\n\t\t\tif (v == \"ht\") {\r\n\t\t\t\tthis.showHorizontalTable = !this.showHorizontalTable;\r\n\t\t\t} else if (v == \"m\") {\r\n\t\t\t\tthis.showMap = !this.showMap;\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.showHorizontalTable && !this.showMap) this.showMap = this.showHorizontalTable = true;\r\n\r\n\t\t\tvar icon = helpers.getIconForVisualizationType(this.showMap, this.showHorizontalTable, false);\r\n\t\t\tthis.mapTableVisualizationSelected = `../../../../../${icon}`;\r\n\r\n\t\t\tthis.onCloseShowTableMapPopover();\r\n\t\t},\r\n\t\tonCloseShowTableMapPopover() {\r\n\t\t\tthis.showTableMapPopover = false;\r\n\t\t},\r\n\t\tonPoiInEditDataChange() {\r\n\t\t\tif (this.poiItemToEdit) {\r\n\t\t\t\tthis.poiItemToEdit.edited = true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tsearchClick() {\r\n\t\t\tif (this.search) {\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tvar params = {\r\n\t\t\t\t\taddress: this.search\r\n\t\t\t\t};\r\n\r\n\t\t\t\tapi.getReverseGeocoding(params).then(res => {\r\n\t\t\t\t\tif (res && res.length > 0) {\r\n\t\t\t\t\t\tvar newPoint = self._.find(res, function(item) {\r\n\t\t\t\t\t\t\treturn item.coordinates && item.coordinates.lat && item.coordinates.lon != null;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (newPoint) {\r\n\t\t\t\t\t\t\tself.pointToCenter = {\r\n\t\t\t\t\t\t\t\tlat: newPoint.coordinates.lat,\r\n\t\t\t\t\t\t\t\tlng: newPoint.coordinates.lon\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.lastSearch = self.search;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchEditMode(isInEditMode) {\r\n\t\t\tthis.isInEditMode = isInEditMode;\r\n\t\t\tthis.onEditModeChange();\r\n\t\t\tif (!isInEditMode) {\r\n\t\t\t\tthis.closeEditMode();\r\n\t\t\t}\r\n\t\t},\r\n\t\tonAddItemClick(typeOfItem) {\r\n\t\t\tswitch (typeOfItem) {\r\n\t\t\t\tcase \"marker\":\r\n\t\t\t\t\tthis.addPoiMarker();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"polygon\":\r\n\t\t\t\t\tthis.addPoiPolygon();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"area\":\r\n\t\t\t\t\tthis.addPoiArea();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tbus.$emit(\"add-new-item\");\r\n\t\t},\r\n\t\tonEditRowItem(e) {\r\n\t\t\tif (e) {\r\n\t\t\t\tthis.onEditModeChange();\r\n\t\t\t\tvar poiItemToEdit = this.poiItems.find(poi => {\r\n\t\t\t\t\treturn poi.id == e.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tpoiItemToEdit.visible = true;\r\n\t\t\t\tpoiItemToEdit.draggable = true;\r\n\r\n\t\t\t\tvar rt = e.location.rendering_type;\r\n\r\n\t\t\t\tthis.poiItemToEdit = poiItemToEdit;\r\n\t\t\t\tthis.poiCategoriesSelected = poiItemToEdit.poi_category_id ? _.toString(poiItemToEdit.poi_category_id) : null;\r\n\t\t\t\tthis.poiName = poiItemToEdit.name;\r\n\t\t\t\tthis.poiAddress = poiItemToEdit.address || \"\";\r\n\r\n\t\t\t\tswitch (rt) {\r\n\t\t\t\t\tcase \"marker\":\r\n\t\t\t\t\t\tthis.typeOfPoi = \"marker\";\r\n\t\t\t\t\t\tthis.poiCoordinates = { lat: poiItemToEdit.location.points[0].lat, lng: poiItemToEdit.location.points[0].lon };\r\n\t\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t\tcase \"circle\":\r\n\t\t\t\t\t\tthis.typeOfPoi = \"area\";\r\n\t\t\t\t\t\tpoiItemToEdit.editable = true;\r\n\t\t\t\t\t\tthis.poiCoordinates = { lat: poiItemToEdit.location.points[0].lat, lng: poiItemToEdit.location.points[0].lon };\r\n\t\t\t\t\t\tthis.poiRadius = poiItemToEdit.radius;\r\n\r\n\t\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t\tcase \"polygon\":\r\n\t\t\t\t\t\tthis.typeOfPoi = \"polygon\";\r\n\t\t\t\t\t\tthis.poiCoordinates = { lat: poiItemToEdit.location.points[0].lat, lng: poiItemToEdit.location.points[0].lon };\r\n\t\t\t\t\t\tpoiItemToEdit.editable = true;\r\n\r\n\t\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tpoiItemToEdit.editable = true;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.isInEditMode = true;\r\n\t\t\t\tthis.isNewOrEdit = false;\r\n\t\t\t}\r\n\t\t},\r\n\t\tremoveItem(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.poiItemToEdit && this.poiItemToEdit.id == e.id) {\r\n\t\t\t\tthis.poiCategoriesSelected = this.poiCategories.length > 0 ? _.toString(this.poiCategories[0].id) : null;\r\n\t\t\t\tthis.poiName = \"\";\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t\tthis.poiRadius = 100;\r\n\t\t\t\tthis.poiCoordinates = { lat: null, lng: null };\r\n\t\t\t\tthis.typeOfPoi = \"marker\";\r\n\t\t\t\tthis.isNewOrEdit = true;\r\n\t\t\t\tthis.poiItemToEdit.visible = false;\r\n\t\t\t\tbus.$emit(\"add-new-item\");\r\n\t\t\t}\r\n\r\n\t\t\tif (e.id <= 0) {\r\n\t\t\t\tvar indexItemToDelete = this.poiItems.findIndex(item => {\r\n\t\t\t\t\treturn item.id == e.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (indexItemToDelete >= 0) {\r\n\t\t\t\t\tthis.poiItems.splice(indexItemToDelete, 1);\r\n\t\t\t\t}\r\n\t\t\t\tself.closeEditMode();\r\n\t\t\t} else {\r\n\t\t\t\t/* client delete */\r\n\t\t\t\tvar poiItem = this.poiItems.find(item => {\r\n\t\t\t\t\treturn item.id == e.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tpoiItem.deleted = true;\r\n\t\t\t\t/* client delete */\r\n\r\n\t\t\t\t/* server delete */\r\n\t\t\t\tapi.deleteWorkshopPoi(e.id)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (res) {\r\n\t\t\t\t\t\t\tself.closeEditMode();\r\n\t\t\t\t\t\t\tpoiItem.deleted = true;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tpoiItem.deleted = false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tpoiItem.deleted = false;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tonSearchAddress(){\r\n\t\t\tif (this.poiSearchAddress) {\r\n\t\t\t\tvar params = {\r\n\t\t\t\t\taddress: this.poiSearchAddress\r\n\t\t\t\t};\r\n\t\t\t\t\r\n\t\t\t\tvar lat = \"\";\r\n\t\t\t\tvar lon = \"\";\r\n\t\t\t\t\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tvar self = this\r\n\t\t\t\tapi.searchByAddress(params)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (res.location != null && res.location.points.length > 0) {\r\n\t\t\t\t\t\t\t// self.poiItems = [];\r\n\r\n\t\t\t\t\t\t\tlat = res.location.points[0].lat,\r\n\t\t\t\t\t\t\tlon = res.location.points[0].lon\r\n\t\t\t\t\t\t\tself.pointToCenter = {\r\n\t\t\t\t\t\t\t\tlat: lat,\r\n\t\t\t\t\t\t\t\tlng: lon\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(() =>{\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tonSubmit() {\r\n\t\t\t//save poi configurations (new or update)\r\n\t\t\tvar self = this;\r\n\t\t\tvar poiToSave = this.poiItems.find(poi => {\r\n\t\t\t\treturn poi.id <= 0 || poi.edited == true;\r\n\t\t\t});\r\n\r\n\t\t\tif (poiToSave) {\r\n\t\t\t\tvar data = {\r\n\t\t\t\t\tid: poiToSave.id < 0 ? 0 : poiToSave.id,\r\n\t\t\t\t\tname: this.poiName,\r\n\t\t\t\t\tlocation: {\r\n\t\t\t\t\t\tcity: poiToSave.location.city,\r\n\t\t\t\t\t\tregion: poiToSave.location.region,\r\n\t\t\t\t\t\tzip_code: poiToSave.location.zip_code,\r\n\t\t\t\t\t\tcountry_code: poiToSave.location.country_code,\r\n\t\t\t\t\t\trendering_type: poiToSave.location.rendering_type,\r\n\t\t\t\t\t\tpoints: poiToSave.location.points\r\n\t\t\t\t\t},\r\n\t\t\t\t\tworkshop_id: self.workshopId\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (this.poiAddress) {\r\n\t\t\t\t\tdata.location.address = this.poiAddress;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (poiToSave.location.rendering_type == \"circle\") {\r\n\t\t\t\t\tdata.radius = poiToSave.radius;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tapi.postWorkshopPoisData(data).then(res => {\r\n\t\t\t\t\tself.closeEditMode();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tonEditModeChange() {\r\n\t\t\tif (this.isInEditMode) {\r\n\t\t\t\tthis.poiItems.forEach(function(item) {\r\n\t\t\t\t\titem.visible = false;\r\n\t\t\t\t\titem.edited = false;\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.poiItems.forEach(function(item) {\r\n\t\t\t\t\titem.visible = true;\r\n\t\t\t\t\titem.editable = false;\r\n\t\t\t\t\titem.draggable = false;\r\n\t\t\t\t\titem.deleted = false;\r\n\t\t\t\t\titem.edited = false;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\taddPoiMarker() {\r\n\t\t\tif (this.isInEditMode) {\r\n\t\t\t\tthis.removeNewItem();\r\n\t\t\t\tthis.typeOfPoi = \"marker\";\r\n\t\t\t\tthis.isInEditMode = true;\r\n\t\t\t\tthis.isNewOrEdit = true;\r\n\t\t\t\tthis.onEditModeChange();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\taddPoiPolygon() {\r\n\t\t\tif (this.isInEditMode) {\r\n\t\t\t\tthis.removeNewItem();\r\n\t\t\t\tthis.typeOfPoi = \"polygon\";\r\n\t\t\t\tthis.isInEditMode = true;\r\n\t\t\t\tthis.isNewOrEdit = true;\r\n\t\t\t\tthis.onEditModeChange();\r\n\t\t\t}\r\n\t\t},\r\n\t\taddPoiArea() {\r\n\t\t\tif (this.isInEditMode) {\r\n\t\t\t\tthis.removeNewItem();\r\n\t\t\t\tthis.typeOfPoi = \"area\";\r\n\t\t\t\tthis.isInEditMode = true;\r\n\t\t\t\tthis.isNewOrEdit = true;\r\n\t\t\t\tthis.onEditModeChange();\r\n\t\t\t}\r\n\t\t},\r\n\t\tremoveNewItem() {\r\n\t\t\tvar indexItemToDelete = this.poiItems.findIndex(item => {\r\n\t\t\t\treturn item.id <= 0;\r\n\t\t\t});\r\n\r\n\t\t\tif (indexItemToDelete >= 0) {\r\n\t\t\t\tthis.poiItems.splice(indexItemToDelete, 1);\r\n\t\t\t}\r\n\t\t},\r\n\t\tcloseEditMode() {\r\n\t\t\tthis.isInEditMode = false;\r\n\t\t\tthis.isNewOrEdit = false;\r\n\t\t\tthis.typeOfPoi = \"\";\r\n\r\n\t\t\tthis.poiCategoriesSelected = this.poiCategories.length > 0 ? _.toString(this.poiCategories[0].id) : null;\r\n\t\t\tthis.poiName = \"\";\r\n\t\t\tthis.poiAddress = \"\";\r\n\t\t\tthis.poiRadius = 100;\r\n\t\t\tthis.poiCoordinates = { lat: null, lng: null };\r\n\t\t\tthis.poiItemToEdit = null;\r\n\r\n\t\t\tvar poiItemsToRemove = this.poiItems\r\n\t\t\t\t.filter(function(item) {\r\n\t\t\t\t\treturn item.id <= 0;\r\n\t\t\t\t})\r\n\t\t\t\t.map(m => {\r\n\t\t\t\t\treturn m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\tfor (var i = 0; i < poiItemsToRemove.length; i++) {\r\n\t\t\t\tvar index = this.poiItems.findIndex(p => {\r\n\t\t\t\t\tp.id == poiItemsToRemove[i];\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (index >= 0) {\r\n\t\t\t\t\tthis.poiItems.splice(index, 1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.query.workshop_id = this.workshopId;\r\n\r\n\t\t\tapi.getWorkshopPoisData(this.query).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.poiItems = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tradius: item.radius,\r\n\t\t\t\t\t\tlocation: item.location,\r\n\t\t\t\t\t\tgeofences: item.geofences,\r\n\t\t\t\t\t\tpoint: item.center,\r\n\t\t\t\t\t\tvisible: true,\r\n\t\t\t\t\t\teditable: false,\r\n\t\t\t\t\t\tdraggable: false,\r\n\t\t\t\t\t\tedited: false,\r\n\t\t\t\t\t\tdeleted: false,\r\n\t\t\t\t\t\tselected: false\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiItemToEdit = null;\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\t\t\r\n\t\taddNewMarker: function(m) {\r\n\t\t\tif (m) {\r\n\t\t\t\tif (this.poiName) {\r\n\t\t\t\t\tm.title = this.poiName;\r\n\t\t\t\t}\r\n\t\t\t\tvar newItem = {\r\n\t\t\t\t\tid: m.id,\r\n\t\t\t\t\tname: this.poiName ? this.poiName : m.title,\r\n\t\t\t\t\tlocation: {\r\n\t\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\t\tcity: \"\",\r\n\t\t\t\t\t\tcountry_code: \"\",\r\n\t\t\t\t\t\tpoints: [\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tlat: m.position.lat,\r\n\t\t\t\t\t\t\t\tlon: m.position.lng\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t],\r\n\t\t\t\t\t\tregion: \"\",\r\n\t\t\t\t\t\trendering_type: \"marker\",\r\n\t\t\t\t\t\tzip_code: \"\"\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\tvisible: true,\r\n\t\t\t\t\tdraggable: true,\r\n\t\t\t\t\tdeleted: false,\r\n\t\t\t\t\tselected: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.poiSearchAddress = \"\";\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t\tthis.poiCoordinates = {\r\n\t\t\t\t\tlat: m.position.lat,\r\n\t\t\t\t\tlng: m.position.lng\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.poiItemToEdit = newItem;\r\n\t\t\t\tthis.poiItems.push(newItem);\r\n\t\t\t}\r\n\t\t},\r\n\t\teditMarker(data) {\r\n\t\t\tvar id = data.id;\r\n\t\t\tvar m = this.poiItems.find(mr => {\r\n\t\t\t\treturn mr.id == id;\r\n\t\t\t});\r\n\r\n\t\t\tif (m) {\r\n\t\t\t\tvar e = data.data;\r\n\t\t\t\tm.location.address = \"\";\r\n\t\t\t\tm.location.points[0].lat = e.latLng.lat();\r\n\t\t\t\tm.location.points[0].lon = e.latLng.lng();\r\n\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t\tthis.poiCoordinates = {\r\n\t\t\t\t\tlat: e.latLng.lat(),\r\n\t\t\t\t\tlng: e.latLng.lng()\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\tm.edited = true;\r\n\t\t},\r\n\t\taddNewPolygon: function(p) {\r\n\t\t\tif (p) {\r\n\t\t\t\tif (this.poiName) {\r\n\t\t\t\t\tp.title = this.poiName;\r\n\t\t\t\t}\r\n\t\t\t\tvar newItem = {\r\n\t\t\t\t\tid: p.id,\r\n\t\t\t\t\tname: this.poiName,\r\n\t\t\t\t\tlocation: {\r\n\t\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\t\tcity: \"\",\r\n\t\t\t\t\t\tcountry_code: \"\",\r\n\t\t\t\t\t\tpoints: p.path,\r\n\t\t\t\t\t\tregion: \"\",\r\n\t\t\t\t\t\trendering_type: \"polygon\",\r\n\t\t\t\t\t\tzip_code: \"\"\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\tvisible: true,\r\n\t\t\t\t\tdraggable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tdeleted: false,\r\n\t\t\t\t\tselected: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t\tthis.poiCoordinates = {\r\n\t\t\t\t\tlat: p.path[0].lat,\r\n\t\t\t\t\tlng: p.path[0].lon\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.poiItemToEdit = newItem;\r\n\t\t\t\tthis.poiItems.push(newItem);\r\n\t\t\t}\r\n\t\t},\r\n\t\teditPolygon(data) {\r\n\t\t\tvar id = data.id;\r\n\t\t\tvar p = this.poiItems.find(pol => {\r\n\t\t\t\treturn pol.id == id;\r\n\t\t\t});\r\n\r\n\t\t\tif (p) {\r\n\t\t\t\tvar newPath = data.path.map(item => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tlat: item.lat,\r\n\t\t\t\t\t\tlon: item.lng\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tp.location.points = newPath;\r\n\t\t\t\tp.edited = true;\r\n\t\t\t}\r\n\t\t},\r\n\t\teditPolygonEnd(data) {\r\n\t\t\tvar id = data.id;\r\n\t\t\tvar p = this.poiItems.find(pol => {\r\n\t\t\t\treturn pol.id == id;\r\n\t\t\t});\r\n\r\n\t\t\tif (p) {\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t\tthis.poiCoordinates = {\r\n\t\t\t\t\tlat: p.location.points[0].lat,\r\n\t\t\t\t\tlng: p.location.points[0].lon\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t},\r\n\t\taddNewArea(a) {\r\n\t\t\tif (a) {\r\n\t\t\t\tif (this.poiName) {\r\n\t\t\t\t\ta.title = this.poiName;\r\n\t\t\t\t}\r\n\t\t\t\tvar newItem = {\r\n\t\t\t\t\tid: a.id,\r\n\t\t\t\t\tname: this.poiName,\r\n\t\t\t\t\tradius: a.radius,\r\n\t\t\t\t\tlocation: {\r\n\t\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\t\tcity: \"\",\r\n\t\t\t\t\t\tcountry_code: \"\",\r\n\t\t\t\t\t\tpoints: a.center,\r\n\t\t\t\t\t\tregion: \"\",\r\n\t\t\t\t\t\trendering_type: \"circle\",\r\n\t\t\t\t\t\tzip_code: \"\"\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\tvisible: true,\r\n\t\t\t\t\tdraggable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tdeleted: false,\r\n\t\t\t\t\tselected: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.poiCoordinates = {\r\n\t\t\t\t\tlat: a.center[0].lat,\r\n\t\t\t\t\tlng: a.center[0].lon\r\n\t\t\t\t};\r\n\t\t\t\tthis.poiRadius = a.radius;\r\n\r\n\t\t\t\tthis.poiItemToEdit = newItem;\r\n\t\t\t\tthis.poiItems.push(newItem);\r\n\t\t\t}\r\n\t\t},\r\n\t\teditArea(data) {\r\n\t\t\tvar id = data.id;\r\n\t\t\tvar c = this.poiItems.find(pol => {\r\n\t\t\t\treturn pol.id == id;\r\n\t\t\t});\r\n\r\n\t\t\tif (data.property == \"center\") {\r\n\t\t\t\tc.location.points = data.center;\r\n\t\t\t} else if (data.property == \"radius\") {\r\n\t\t\t\tc.radius = data.radius;\r\n\t\t\t\tthis.poiRadius = data.radius;\r\n\t\t\t}\r\n\r\n\t\t\tc.edited = true;\r\n\t\t},\r\n\t\teditAreaDragEnd(data) {\r\n\t\t\tvar id = data.id;\r\n\t\t\tvar a = this.poiItems.find(pol => {\r\n\t\t\t\treturn pol.id == id;\r\n\t\t\t});\r\n\r\n\t\t\tif (a) {\r\n\t\t\t\tthis.poiAddress = \"\";\r\n\t\t\t\tthis.poiCoordinates = {\r\n\t\t\t\t\tlat: a.location.points[0].lat,\r\n\t\t\t\t\tlng: a.location.points[0].lon\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t},\r\n\t\tonMarkerClick: function(e) {\r\n\t\t\tbus.$emit(\"marker-click\", e);\r\n\t\t},\r\n\r\n\t\tonSelectedRow: function(e) {\r\n\t\t\tbus.$emit(\"on-selected-row\", e);\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tcategoriesFilter() {\r\n\t\t\treturn this.poiCategories.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.name,\r\n\t\t\t\t\tvalue: item.name\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tpoiCoordinateLat() {\r\n\t\t\tif (this.poiCoordinates.lat) {\r\n\t\t\t\treturn this.poiCoordinates.lat.toFixed(8);\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tpoiCoordinateLng() {\r\n\t\t\tif (this.poiCoordinates.lng) {\r\n\t\t\t\treturn this.poiCoordinates.lng.toFixed(8);\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tmapClass: function() {\r\n\t\t\tif (this.showHorizontalTable) {\r\n\t\t\t\treturn \"mapwithHorizontalTable\";\r\n\t\t\t}\r\n\r\n\t\t\treturn \" mapNoTables\";\r\n\t\t},\r\n\t\tcontainerMapClass: function() {\r\n\t\t\tif (this.isInEditMode && this.typeOfPoi) {\r\n\t\t\t\treturn \"col-lg-8 \";\r\n\t\t\t}\r\n\t\t\treturn \"col-lg-12\";\r\n\t\t},\r\n\t\tmapItems: function() {\r\n\t\t\tvar itemsToShowOnMap = this.poiItems.filter(function(item) {\r\n\t\t\t\treturn item.visible == true;\r\n\t\t\t});\r\n\r\n\t\t\treturn itemsToShowOnMap;\r\n\t\t},\r\n\t\ttableItems: function() {\r\n\t\t\treturn this.poiItems.filter(item => {\r\n\t\t\t\treturn item.deleted == false;\r\n\t\t\t});\r\n\t\t\t// return this.poiItems.map(function(item) {\r\n\t\t\t// \treturn {\r\n\t\t\t// \t\tid: item.id,\r\n\t\t\t// \t\trendering_type: item.rendering_type,\r\n\t\t\t// \t\tname: item.name,\r\n\t\t\t// \t\taddress: item.location.address,\r\n\t\t\t// \t\tcity: item.location.city,\r\n\t\t\t// \t\tpoi_category_id: item.poi_category_id,\r\n\t\t\t// \t\tpoi_category_name: item.poi_category_name,\r\n\t\t\t// \t\tlocation: item.location,\r\n\t\t\t// \t\tvisible: item.visible\r\n\t\t\t// \t};\r\n\t\t\t// });\r\n\t\t},\r\n\t\thorizontalTableClass: function() {\r\n\t\t\tif (!this.showMap) {\r\n\t\t\t\treturn \" horizontal-table-without-map\";\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetStateMIcon() {\r\n\t\t\treturn `../../../${helpers.getStateMIcon(this.showMap)}`;\r\n\t\t},\r\n\t\tgetStateHTIcon() {\r\n\t\t\treturn `../../../${helpers.getStateHTIcon(this.showHorizontalTable)}`;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=3fa05b12&scoped=true&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=3fa05b12&scoped=true&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 \"3fa05b12\",\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../../services/api\";\r\nimport { bus } from \"../../../main\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport users from \"./components/users.vue\";\r\nimport place from \"./components/place/index.vue\";\r\nimport { composeSortDescriptors } from \"@progress/kendo-data-query\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\tusers,\r\n\t\tplace\r\n\t},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tisWorkshopDetailInEditMode: false,\r\n\t\t\tvehicles: [],\r\n\t\t\tproviders: [],\r\n\t\t\tprovidersData: [],\r\n\t\t\tprovidersSelected: [],\r\n\t\t\tworkshopId: 0,\r\n\t\t\tisNewWorkshop: false,\r\n\t\t\tuserSettingsUrl: \"\",\r\n\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsSelected: [],\r\n\r\n\t\t\tprimaryKeys: [\"numberPlate\", \"code\"],\r\n\t\t\tcontractKeys: [\"\", \"ACQUISTO\", \"NOLEGGIO\", \"SOLO DATI\"],\r\n\t\t\tauth2faStates: [\r\n\t\t\t\t{ key: 0, value: \"Disabilitato\" },\r\n\t\t\t\t{ key: 1, value: \"Forzato\" },\r\n\t\t\t\t{ key: 2, value: \"Livello Utente\" }\r\n\t\t\t],\r\n\r\n\t\t\tid: 0,\r\n\t\t\tcode_login: \"\",\r\n\t\t\tname: \"\",\r\n\t\t\tbusiness_name: \"\",\r\n\t\t\tvat_number: \"\",\r\n\t\t\taddress: \"\",\r\n\t\t\tprovince: \"\",\r\n\t\t\tpostalcode: \"\",\r\n\t\t\tregion: \"\",\r\n\t\t\tphone_number: \"\",\r\n\t\t\temail: \"\",\r\n\t\t\temail_cc: \"\",\r\n\t\t\tphoto: \"\",\r\n\t\t\treferral_name: \"\",\r\n\t\t\treferral_phone: \"\",\r\n\t\t\tnotes: \"\",\r\n\t\t\tisMarelli: false,\r\n\r\n\t\t\timageUrl: \"../../../../../assets/upload.png\",\r\n\t\t\tsavePendingRequest: null\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t\tthis.workshopId = this.$route.params.id;\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\r\n\t\tif (this.workshopId == 0) {\r\n\t\t\tthis.isNewWorkshop = true;\r\n\t\t}\r\n\r\n\t\tif (!this.isNewWorkshop) {\r\n\t\t\tthis.userSettingsUrl = `/superadmin/companies/${this.workshopId}/user-settings`;\r\n\t\t}\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tcode_login: \"\",\r\n\t\t\tname: \"\",\r\n\t\t\tbusiness_name: \"\",\r\n\t\t\tvat_number: \"\",\r\n\t\t\taddress: \"\",\r\n\t\t\tprovince: \"\",\r\n\t\t\tpostalcode: \"\",\r\n\t\t\tregion: \"\",\r\n\t\t\tphone_number: \"\",\r\n\t\t\temail: \"\",\r\n\t\t\temail_cc: \"\",\r\n\t\t\tphoto: \"\",\r\n\t\t\treferral_name: \"\",\r\n\t\t\treferral_phone: \"\",\r\n\t\t\tnotes: \"\",\r\n\t\t\tisMarelli: false\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"id\", dir: \"asc\" }];\r\n\r\n\t\tif (this.isNewWorkshop) {\r\n\t\t\tthis.isWorkshopDetailInEditMode = true;\r\n\t\t} else {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t}\r\n\t\tthis.getProviders();\r\n\t\tthis.getData();\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"company-saved\");\r\n\t},\r\n\tmethods: {\r\n\t\tgetProviders: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getProviders().then(res => {\r\n\t\t\t\tself.providersData = res\r\n\t\t\t\t\t.filter(i => i.name == \"TELTONIKA\" || i.name == \"TEXA\" || i.name == \"BSQ\")\r\n\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tdescription: item.name ? item.name.toLowerCase() : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.providersData = self._.sortBy(self.providersData, [\"description\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tprovidersToString(providers) {\r\n\t\t\tif (this._.isNull(providers) === false && this._.isUndefined(providers) === false && this._.isArray(providers) && providers.length > 0) {\r\n\t\t\t\t// console.log(providers);\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tproviders = this._.sortBy(providers, function(p) {\r\n\t\t\t\t\treturn p.value ? p.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tproviders.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tpickFile() {\r\n\t\t\tif (this.isWorkshopDetailInEditMode) {\r\n\t\t\t\tthis.$refs.photo.click();\r\n\t\t\t\t// this.$emit(\"remove-all-edit-cell\", this);\r\n\t\t\t}\r\n\t\t},\r\n\t\tonFilePicked(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = e.target.files;\r\n\t\t\tif (files[0] !== undefined) {\r\n\t\t\t\tvar imageName = files[0].name;\r\n\t\t\t\tif (imageName.lastIndexOf(\".\") <= 0) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst fr = new FileReader();\r\n\t\t\t\tfr.readAsDataURL(files[0]);\r\n\t\t\t\tfr.addEventListener(\"load\", () => {\r\n\t\t\t\t\tself.photo = fr.result;\r\n\t\t\t\t\t// console.log(self.photo);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idWorkshop = this.workshopId;\r\n\r\n\t\t\tif (!this.isNewWorkshop) {\r\n\t\t\t\tApiService.getWorkshopDetail(idWorkshop)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\t\tvar data = res;\r\n\t\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\t\tself.code_login = data.code_login;\r\n\t\t\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t\t\t\tself.business_name = data.business_name;\r\n\t\t\t\t\t\t\tself.vat_number = data.vat_number;\r\n\t\t\t\t\t\t\tself.address = data.address;\r\n\t\t\t\t\t\t\tself.province = data.province;\r\n\t\t\t\t\t\t\tself.postalcode = data.postalcode;\r\n\t\t\t\t\t\t\tself.region = data.region;\r\n\t\t\t\t\t\t\tself.phone_number = data.phone_number;\r\n\t\t\t\t\t\t\tself.email = data.email;\r\n\t\t\t\t\t\t\tself.email_cc = data.email_cc;\r\n\t\t\t\t\t\t\tself.photo = data.photo;\r\n\t\t\t\t\t\t\tself.referral_name = data.referral_name;\r\n\t\t\t\t\t\t\tself.referral_phone = data.referral_phone;\r\n\t\t\t\t\t\t\tself.notes = data.notes;\r\n\t\t\t\t\t\t\tself.providers = data.providers;\r\n\t\t\t\t\t\t\tself.providersSelected = self._.sortBy(data.providers, function(it) {\r\n\t\t\t\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t\t\t\t}).map(function(e) {\r\n\t\t\t\t\t\t\t\treturn e.key;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tself.isMarelli = data.isMarelli;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\t///TODO\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(res => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchWorkshopDetailEditMode() {\r\n\t\t\tthis.isWorkshopDetailInEditMode = !this.isWorkshopDetailInEditMode;\r\n\r\n\t\t\tif (!this.isWorkshopDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getVehiclesByworkshopId();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = null;\r\n\t\t},\r\n\t\tsaveWorkshopDetail() {\r\n\t\t\tvar self = this;\r\n\t\t\t// console.log(this.photo);\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveWorkshopDetail(\r\n\t\t\t\t\tthis.id,\r\n\t\t\t\t\tthis.code_login,\r\n\t\t\t\t\tthis.name,\r\n\t\t\t\t\tthis.business_name,\r\n\t\t\t\t\tthis.vat_number,\r\n\t\t\t\t\tthis.address,\r\n\t\t\t\t\tthis.province,\r\n\t\t\t\t\tthis.postalcode,\r\n\t\t\t\t\tthis.region,\r\n\t\t\t\t\tthis.phone_number,\r\n\t\t\t\t\tthis.email,\r\n\t\t\t\t\tthis.email_cc,\r\n\t\t\t\t\tthis.photo,\r\n\t\t\t\t\tthis.referral_name,\r\n\t\t\t\t\tthis.referral_phone,\r\n\t\t\t\t\tthis.notes,\r\n\t\t\t\t\tthis.providersSelected,\r\n\t\t\t\t\tthis.isMarelli\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tthis.isWorkshopDetailInEditMode = false;\r\n\r\n\t\t\t\t\t\tvar id = res.data;\r\n\t\t\t\t\t\tif (self.isNewWorkshop) {\r\n\t\t\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\t\t\tname: \"WORKSHOP_DETAIL\",\r\n\t\t\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\t\t\tid: id\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tself.workshopId = id;\r\n\t\t\t\t\t\t\tself.isNewWorkshop = false;\r\n\t\t\t\t\t\t\tself.defaultAddRow.id = id;\r\n\t\t\t\t\t\t\tself.userSettingsUrl = `/superadmin/officine/${self.workshopId}/user-settings`;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tself.setViewConfig();\r\n\t\t\t\t\t\t// bus.$emit(\"company-saved\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveVehiclesData() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = ApiService.saveDriversVehiclesAssociation(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\tself.getVehiclesByworkshopId();\r\n\r\n\t\t\t\t\tself.isWorkshopDetailInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveVechilesDriversAssociationRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tisReadOnlyCell(field, item) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (item.id > 0 && ((c && c.readonly) || this._.isNull(item.box_serial_number) || this._.isUndefined(item.box_serial_number) || item.box_serial_number == \"\")) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tcontainerMapClass: function() {\r\n\t\t\t// if (this.isInEditMode) {\r\n\t\t\t// \treturn \"col-lg-8 \";\r\n\t\t\t// }\r\n\t\t\treturn \"col-lg-12\";\r\n\t\t},\r\n\t\tprovidersString() {\r\n\t\t\treturn this.providersToString(this.providers);\r\n\t\t},\r\n\t\timageToShow() {\r\n\t\t\tif (this.isWorkshopDetailInEditMode == false && !this.photo) {\r\n\t\t\t\treturn this.imageUrl;\r\n\t\t\t}\r\n\t\t\tif (this.photo) {\r\n\t\t\t\treturn this.photo;\r\n\t\t\t}\r\n\r\n\t\t\treturn this.imageUrl;\r\n\t\t},\r\n\t\tstartContractDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.start_contract_date_box);\r\n\t\t},\r\n\t\tendContractDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.end_contract_date_box);\r\n\t\t},\r\n\t\tstartContractDateFormatCalendar() {\r\n\t\t\tif (this.start_contract_date_box) {\r\n\t\t\t\treturn moment(this.start_contract_date_box).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tendContractDateFormatCalendar() {\r\n\t\t\tif (this.end_contract_date_box) {\r\n\t\t\t\treturn moment(this.end_contract_date_box).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tmatriculationDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.matriculation_date);\r\n\t\t},\r\n\t\tgroupsString() {\r\n\t\t\treturn this.groupsToString(this.groups);\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: this.vehicleIdFilterField == \"code\" ? \"code\" : \"number_plate\",\r\n\t\t\t\t\ttitle: this.vehicleIdFilterField == \"code\" ? \"codice\" : \"targa\",\r\n\t\t\t\t\theaderCell: \"myVehicleNumberPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"numberPlateCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"nameCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"box\",\r\n\t\t\t\t\theaderCell: \"myBoxHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fringebenefit\",\r\n\t\t\t\t\ttitle: \"fringebenefit\",\r\n\t\t\t\t\twidth: \"140\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\treadonly: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: \"myCellDeleteTemplate\",\r\n\t\t\t\t\twidth: \"45px\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./workshopDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./workshopDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./workshopDetail.vue?vue&type=template&id=21c6578e&scoped=true&\"\nimport script from \"./workshopDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./workshopDetail.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./workshopDetail.vue?vue&type=style&index=0&id=21c6578e&scoped=true&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 \"21c6578e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.sa.pratiche'] || 'PRATICHE',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true,\"showAdd\":true,\"forceShowAdd\":true,\"showSendPratiche\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')},\"add-item\":_vm.addItem,\"send-pratiche\":_vm.OnSendPratiche}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow,\"resizable\":true},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.remove,\"duplicate\":_vm.duplicate},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'pr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myHeaderImagesSwitchTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"headerType\":'imageBooleanSwitch',\"imageBooleanOn\":'/assets/check-on.png',\"imageBooleanOff\":'/assets/check-off.png',\"tooltipValueOn\":'Deseleziona tutto',\"tooltipValueOff\":'Seleziona tutto',\"switchValue\":_vm.allAreShown,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"header-switch-change\":_vm.onHeaderVisibleChange}},'headerTemplate',props,false))]}},{key:\"myTotalTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'pr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"boolean-switch-change\":_vm.booleanSwitchChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myCompanyHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'pa-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.companyFilters,\"filterItemsSelected\":_vm.companyFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'pa-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.statusFilters,\"filterItemsSelected\":_vm.statusFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myRequestDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'pr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'pr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}}],null,false,2103799415)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('boxTypes')],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('button',{staticClass:\"k-button k-grid-duplicate-command\",class:[_vm.readonly || _vm.disabled ? 'disabled' : '', _vm.className],on:{\"click\":_vm.duplicateHandler}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\r\n\r\nexport default {\r\n\textends: Vue,\r\n\tprops: {\r\n\t\tfield: String,\r\n\t\tdataItem: Object,\r\n\t\tformat: String,\r\n\t\tclassName: String,\r\n\t\tcolumnIndex: Number,\r\n\t\tcolumnsCount: Number,\r\n\t\trowType: String,\r\n\t\tlevel: Number,\r\n\t\texpanded: Boolean,\r\n\t\teditor: String,\r\n\r\n\t\treadonly: {type: Boolean, default: false},\r\n\t\tdisabled: {type: Boolean, default: false}\r\n\t},\r\n\tmethods: {\r\n\t\tduplicateHandler: function() {\r\n\t\t\tif (!this.readonly && !this.disabled) this.$emit(\"duplicate\", {dataItem: this.dataItem});\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./cellDuplicateCommand.vue.js?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/eslint-loader/index.js??ref--13-0!./cellDuplicateCommand.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cellDuplicateCommand.vue?vue&type=template&id=b5f3ee66&\"\nimport script from \"./cellDuplicateCommand.vue.js?vue&type=script&lang=js&\"\nexport * from \"./cellDuplicateCommand.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-82\",modifiers:{\"collapse-82\":true}}]},[_vm._v(\"Tipi attività\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-82\",modifiers:{\"collapse-82\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-82\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'gr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellUploadTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-upload-template',_vm._b({attrs:{\"showUpload\":true},on:{\"upload\":_vm.onUploadAttachment,\"remove\":_vm.onRemoveAttachment,\"go-to-link\":_vm.onGoToLinkAttachment}},'cell-upload-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellUploadTemplate from \"../../../../components/grid/cellUploadTemplate/cellUploadTemplate.vue\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport { uniDashboard } from \"vue-unicons/src/icons\";\r\nimport { bus } from \"../../../../main\";\r\n\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\t\"cell-upload-template\": cellUploadTemplate\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tbox_drive_icon: \"\",\r\n\t\t\tbox_stop_icon: \"\",\r\n\t\t\tbox_still_icon: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"box_type\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tonUploadAttachment(e) {\r\n\t\t\tif (e.dataItem.file !== undefined) {\r\n\t\t\t\tvar file = e.dataItem.file;\r\n\t\t\t\tconst formData = new FormData();\r\n\t\t\t\tformData.append(\"selectedFile\", file);\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tapi.uploadFilePraticaBoxType(e.dataItem.id, formData)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tthis.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(_ => {})\r\n\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tonRemoveAttachment(e) {\r\n\t\t\tvar id = e.dataItem.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.removeFilePraticaBoxType(id)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tthis.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(_ => {})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonGoToLinkAttachment(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.downloadPraticaBoxTypeAttachment(e.dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || e.dataItem.code);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postPraticaBoxTypes(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPraticaBoxTypes(self);\r\n\t\t},\r\n\r\n\t\tgetPraticaBoxTypes: function(self) {\r\n\t\t\tapi.getPraticaBoxTypes(self.companyId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tbox_type: item.box_type,\r\n\t\t\t\t\t\tactivity_type: item.activity_type,\r\n\t\t\t\t\t\tcode: item.code,\r\n\t\t\t\t\t\tdays: item.days,\r\n\t\t\t\t\t\tprice: item.price,\r\n\t\t\t\t\t\tdoc_link: item.doc_link,\r\n\t\t\t\t\t\ttime: item.time,\r\n\t\t\t\t\t\tlink: item.has_file ? item.attachment_name : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetNestedValue(fieldName, dataItem) {\r\n\t\t\tconst path = fieldName.split(\".\");\r\n\t\t\tlet data = dataItem;\r\n\t\t\tpath.forEach(p => {\r\n\t\t\t\tdata = data ? data[p] : undefined;\r\n\t\t\t});\r\n\r\n\t\t\treturn data;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_type\",\r\n\t\t\t\t\ttitle: \"tipo box\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"activity_type\",\r\n\t\t\t\t\ttitle: \"attività\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"code\",\r\n\t\t\t\t\ttitle: \"codice operazione\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"time\",\r\n\t\t\t\t// \ttitle: \"tempo\",\r\n\t\t\t\t// \tminResizableWidth: '150',\r\n\t\t\t\t// \tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"days\",\r\n\t\t\t\t\ttitle: \"giorni\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"numeric-n0\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"price\",\r\n\t\t\t\t\ttitle: \"valore\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"numeric-eur\"\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"doc_link\",\r\n\t\t\t\t// \ttitle: \"Link documento\",\r\n\t\t\t\t// \tminResizableWidth: \"150\",\r\n\t\t\t\t// \tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tfilterable: false\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: \"Allegato\",\r\n\t\t\t\t\tcell: \"myCellUploadTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./boxtypes.vue.js?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/eslint-loader/index.js??ref--13-0!./boxtypes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./boxtypes.vue?vue&type=template&id=04592308&\"\nimport script from \"./boxtypes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./boxtypes.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellDuplicateCommand from \"../../../components/grid/cellDuplicateCommand/cellDuplicateCommand.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { bus } from \"../../../main\";\r\nimport Vue from \"vue\";\r\nimport boxTypes from \"./components/boxtypes.vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\tboxTypes\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"selected\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\theaderCell: \"myHeaderImagesSwitchTemplate\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"booleanSwitch\",\r\n\t\t\t\t\tclassName: \"swtcAlarms\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"Numero pratica\",\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myLinkCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tformat: \"link\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"company_name\",\r\n\t\t\t\t\ttitle: \"Azienda\",\r\n\t\t\t\t\theaderCell: \"myCompanyHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"company_referent\",\r\n\t\t\t\t\ttitle: \"Referente\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\ttitle: \"Targa\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"imei\",\r\n\t\t\t\t\ttitle: \"IMEI\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"order_number\",\r\n\t\t\t\t\ttitle: \"COMMESSA\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"request_sent_date\",\r\n\t\t\t\t\ttitle: \"data invio richiesta\",\r\n\t\t\t\t\theaderCell: \"myRequestDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"execute_activity_date\",\r\n\t\t\t\t\ttitle: \"data scadenza\",\r\n\t\t\t\t\theaderCell: \"myRequestDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_type\",\r\n\t\t\t\t\ttitle: \"Richieste\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"type\",\r\n\t\t\t\t// \ttitle: \"tipo richiesta\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"workshop\",\r\n\t\t\t\t\ttitle: \"officina\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"workshop_user_name\",\r\n\t\t\t\t\ttitle: \"operatore officina\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"Stato richiesta\",\r\n\t\t\t\t\theaderCell: \"myStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"total\",\r\n\t\t\t\t\ttitle: \"Importo\",\r\n\t\t\t\t\theaderCell: \"myTotalTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"numeric-eur\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDuplicateCommand,\r\n\t\t\t\t\ttitle: \"Duplica\",\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tclassName: \"editRemoveWorkshop\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tclassName: \"editRemoveWorkshop\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tcompanyFilters: [],\r\n\t\t\tcompanyFilterSelected: [],\r\n\t\t\tstatusFilters: [],\r\n\t\t\tstatusFilterSelected: [],\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tthis.take = 200;\r\n\t\tthis.query.pageSize = this.take;\r\n\r\n\t\tthis.getConfig();\r\n\r\n\t\t// this.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t\tthis.getCompanies();\r\n\t\tthis.getStatuses();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\r\n\t},\r\n\tmethods: {\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"company\") {\r\n\t\t\t\tthis.companyFilterSelected = [];\r\n\t\t\t}\r\n\t\t\telse if (e.field == \"status\"){\r\n\t\t\t\tthis.statusFilterSelected = [];\r\n\t\t\t}\t\t\t\r\n\t\t},\r\n\t\tonGridHeaderFilter() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tbooleanSwitchChange(e) {\r\n\t\t\tif (e.field === \"selected\") {\r\n\t\t\t\t// console.log(e, e.dataItem, e.dataItem.selected);\r\n\t\t\t}\r\n\t\t},\r\n\t\tonHeaderVisibleChange(visibility) {\r\n\t\t\tfor (var i = 0; i < this.items.length; i++) {\r\n\t\t\t\tvar item = this.items[i];\r\n\t\t\t\tif (item && item.selected != null && item.selected != visibility) {\r\n\t\t\t\t\titem.selected = visibility;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tOnSendPratiche() {\r\n\t\t\tvar toSend = this.items.filter(i => i.selected);\r\n\t\t\tif (toSend.length == 0){\r\n\t\t\t\tbus.$emit(\"infoNotification\", \"Seleziona almeno una pratica nuova\");\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tvar ids = toSend.map(p => p.id);\r\n\t\t\tif (ids.length > 0) this.sendPratiche(ids);\r\n\t\t},\r\n\t\tsendPratiche(ids) {\r\n\t\t\tvar self = this;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.sendPratiche(ids)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\taddItem() {\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"PRATICA_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: \"0\"\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tremove(e) {\r\n\t\t\tvar id = e.dataItem.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.removePratica(id)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tthis.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tduplicate(e) {\r\n\t\t\tvar id = e.dataItem.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.duplicatePratica(id)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tthis.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columnsToShow = self.columns;\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetCompanies: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanies().then(res => {\r\n\t\t\t\tself.companyFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetStatuses: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getPraticaStatuses().then(res => {\r\n\t\t\t\tself.statusFilters = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getPratiche(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\tself.columns.forEach(function(c) {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\trow[\"selected\"] = row[\"status\"] == \"NUOVA\" ? false : null;\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tthis.query[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"pratiche\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\tname: \"PRATICA_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn props.href;\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\tif (field == \"name\") {\r\n\t\t\t\treturn dataItem.name;\r\n\t\t\t} else {\r\n\t\t\t\treturn dataItem.id;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"PRATICA_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tallAreShown() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tif (this.items.filter(i => i.selected != null).length == 0)\r\n\t\t\t\t\treturn false;\r\n\r\n\t\t\t\treturn this.items.filter(i => i.selected != null).every(function(item) {\r\n\t\t\t\t\treturn item.selected == true;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=53883e75&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid companyDetail\"},[_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"CONFERMA ANNULLA\")]),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closePopup()}}}),_c('div',{staticClass:\"editSaveLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.okPopup()}}})])]}}]),model:{value:(_vm.showUndoPopup),callback:function ($$v) {_vm.showUndoPopup=$$v},expression:\"showUndoPopup\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10\"},[_c('div',[_vm._v(\"Sei sicuro di voler uscire senza salvare i dati della pratica?\")])])])])]),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\nvar close = ref.close;\nreturn [_c('h5',{staticClass:\"float-left font-weight-bold\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"Invio pratica\")]),_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"editCloseLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.closeSendPopup()}}}),_c('div',{staticClass:\"editSaveLink\",staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.okSendPopup()}}})])]}}]),model:{value:(_vm.showSendPraticaPopup),callback:function ($$v) {_vm.showSendPraticaPopup=$$v},expression:\"showSendPraticaPopup\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.textSendPratica),expression:\"textSendPratica\"}],staticClass:\"popupText\",domProps:{\"value\":(_vm.textSendPratica)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.textSendPratica=$event.target.value}}})])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isPraticaDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showSendPratiche\":_vm.status.key == 'NUOVA' && !_vm.isPraticaDetailInEditMode},on:{\"send-pratiche\":_vm.OnSendPratica,\"switch-edit-mode\":_vm.switchPraticaDetailEditMode,\"save-data-items\":_vm.savePraticaDetail}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"PRATICA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isPraticaDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"company\"}},[_vm._v(\"AZIENDA\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPraticaDetailInEditMode),expression:\"!isPraticaDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"company\",\"readonly\":true},model:{value:(_vm.company.value),callback:function ($$v) {_vm.$set(_vm.company, \"value\", $$v)},expression:\"company.value\"}})],1),(_vm.isPraticaDetailInEditMode && _vm.companies.length > 0)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.companies,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":''},on:{\"change\":function($event){return _vm.OnCompanyChange($event)}},model:{value:(_vm.company.key),callback:function ($$v) {_vm.$set(_vm.company, \"key\", $$v)},expression:\"company.key\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"companyRef\"}},[_vm._v(\"Refernente azienda\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"companyRef\",\"readonly\":!_vm.isPraticaDetailInEditMode},model:{value:(_vm.companyRef),callback:function ($$v) {_vm.companyRef=$$v},expression:\"companyRef\"}})],1)]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"companyRefPhone\"}},[_vm._v(\"Telefono Refernente azienda\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"companyRefPhone\",\"readonly\":!_vm.isPraticaDetailInEditMode},model:{value:(_vm.companyRefPhone),callback:function ($$v) {_vm.companyRefPhone=$$v},expression:\"companyRefPhone\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-5\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"plate\"}},[_vm._v(\"TARGA\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPraticaDetailInEditMode),expression:\"!isPraticaDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"plate\",\"readonly\":true},model:{value:(_vm.plate.value),callback:function ($$v) {_vm.$set(_vm.plate, \"value\", $$v)},expression:\"plate.value\"}})],1),(_vm.isPraticaDetailInEditMode && _vm.showPlates)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.plates,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":''},on:{\"change\":function($event){return _vm.OnPlateChange($event)}},model:{value:(_vm.plate.key),callback:function ($$v) {_vm.$set(_vm.plate, \"key\", $$v)},expression:\"plate.key\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-5\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"imei\"}},[_vm._v(\"IMEI\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPraticaDetailInEditMode),expression:\"!isPraticaDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"imei\",\"readonly\":true},model:{value:(_vm.imei.value),callback:function ($$v) {_vm.$set(_vm.imei, \"value\", $$v)},expression:\"imei.value\"}})],1),(_vm.isPraticaDetailInEditMode && _vm.showImeis)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.imeis,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.imei.key),callback:function ($$v) {_vm.$set(_vm.imei, \"key\", $$v)},expression:\"imei.key\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"order_number\"}},[_vm._v(\"Commessa\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"order_number\",\"readonly\":!_vm.isPraticaDetailInEditMode},model:{value:(_vm.order_number),callback:function ($$v) {_vm.order_number=$$v},expression:\"order_number\"}})],1)])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"request_sent_date\"}},[_vm._v(\"Data invio richiesta\")])]),_c('div',[(!_vm.isPraticaDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"start_contract_date_box\",\"readonly\":true},model:{value:(_vm.requestSentDateFormat),callback:function ($$v) {_vm.requestSentDateFormat=$$v},expression:\"requestSentDateFormat\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPraticaDetailInEditMode),expression:\"isPraticaDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.requestSentDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.requestSentDateChange}})],1)])])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"execute_activity_date\"}},[_vm._v(\"Data scadenza\")])]),_c('div',[(!_vm.isPraticaDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"execute_activity_date\",\"readonly\":true},model:{value:(_vm.executeActivityDateFormat),callback:function ($$v) {_vm.executeActivityDateFormat=$$v},expression:\"executeActivityDateFormat\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPraticaDetailInEditMode),expression:\"isPraticaDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.executeActivityDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.executeActivityDateChange}})],1)])])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"closing_date\"}},[_vm._v(\"Data evasione\")])]),_c('div',[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"closing_date\",\"readonly\":true},model:{value:(_vm.executeClosingDateFormat),callback:function ($$v) {_vm.executeClosingDateFormat=$$v},expression:\"executeClosingDateFormat\"}})],1)])])])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"company\"}},[_vm._v(\"OFFICINA\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPraticaDetailInEditMode),expression:\"!isPraticaDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"workshop\",\"readonly\":true},model:{value:(_vm.workshop.value),callback:function ($$v) {_vm.$set(_vm.workshop, \"value\", $$v)},expression:\"workshop.value\"}})],1),(_vm.isPraticaDetailInEditMode && _vm.workshops.length > 0)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.workshops,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":''},on:{\"change\":function($event){return _vm.OnWorkshopChange($event)}},model:{value:(_vm.workshop.key),callback:function ($$v) {_vm.$set(_vm.workshop, \"key\", $$v)},expression:\"workshop.key\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-3\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"workshop_user\"}},[_vm._v(\"OPERATORE OFFICINA\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPraticaDetailInEditMode),expression:\"!isPraticaDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"plate\",\"readonly\":true},model:{value:(_vm.workshop_user.value),callback:function ($$v) {_vm.$set(_vm.workshop_user, \"value\", $$v)},expression:\"workshop_user.value\"}})],1),(_vm.isPraticaDetailInEditMode && _vm.showWorkshopUsers)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.workshop_users,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.workshop_user.key),callback:function ($$v) {_vm.$set(_vm.workshop_user, \"key\", $$v)},expression:\"workshop_user.key\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-3\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"status\"}},[_vm._v(\"STATO RICHIESTA\")])]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPraticaDetailInEditMode),expression:\"!isPraticaDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"status\",\"readonly\":true},model:{value:(_vm.status.value),callback:function ($$v) {_vm.$set(_vm.status, \"value\", $$v)},expression:\"status.value\"}})],1),(_vm.isPraticaDetailInEditMode && _vm.status.key != '')?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.status_types,\"data-text-field\":'value',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":'',\"disabled\":_vm.isNewPratica},model:{value:(_vm.status.key),callback:function ($$v) {_vm.$set(_vm.status, \"key\", $$v)},expression:\"status.key\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-3\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"totalPratica\"}},[_vm._v(\"Importo\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"readonly\":!_vm.isPraticaDetailInEditMode,\"type\":\"number\",\"step\":\".01\",\"id\":\"totalPratica\"},model:{value:(_vm.totalPratica),callback:function ($$v) {_vm.totalPratica=$$v},expression:\"totalPratica\"}})],1)])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"notes\"}},[_vm._v(\"Note\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"notes\",\"readonly\":!_vm.isPraticaDetailInEditMode},model:{value:(_vm.notes),callback:function ($$v) {_vm.notes=$$v},expression:\"notes\"}})],1)])])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"}),(!_vm.isNewPratica)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('box_types',{on:{\"boxtypes-saved\":_vm.onBoxTypesSaved}})],1)])]):_vm._e(),_c('div',{staticClass:\"row\"}),(!_vm.isNewPratica)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('imports')],1)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}]},[_vm._v(\"ALLEGATI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-12\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":false,\"showEdit\":false,\"showUndo\":false},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"FILE ALLEGATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columns,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.removeFile},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'imp-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'imp-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\")])],1)],1)],1),_c('div',{staticClass:\"uploadarea\"},[_c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Inserisci\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"file\",\"id\":\"fileInput\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInput\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploaded && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadFiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Aggiorna\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"fileUpdate\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"fileUpdate\",\"id\":\"fileInputUpdate\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInputUpdate\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploadedUpdate && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadfiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../services/api\";\r\nimport { bus } from \"../../../../../main\";\r\nimport gridClientBase from \"../../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\t// extends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tfiles: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tuploading: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = this.$route.params.id;\r\n\t},\r\n\tmethods: {\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\t// console.log(this.$refs.fileUpdate.files);\r\n\t\t\tthis.files.push(...this.$refs.fileUpdate.files);\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.fileUpdate.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tuploadfiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importFilesUpdate(self.companyId, formData).then(res => {\r\n\t\t\t\tconsole.log('uploaded files');\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.fileUpdate.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.$emit(\"import-update\");\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tfilesUploadedUpdate() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./update.vue.js?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/eslint-loader/index.js??ref--13-0!./update.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./update.vue?vue&type=template&id=6de2beaf&scoped=true&\"\nimport script from \"./update.vue.js?vue&type=script&lang=js&\"\nexport * from \"./update.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./update.vue?vue&type=style&index=0&id=6de2beaf&scoped=true&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 \"6de2beaf\",\n null\n \n)\n\nexport default component.exports","import api from \"../../../../services/api\";\r\nimport { bus } from \"../../../../main\";\r\nimport updateImport from \"./components/update.vue\";\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\tupdateImport\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tisDraggingUpdate: false,\r\n\t\t\tfiles: [],\r\n\t\t\tfilesUpdate: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tname: '',\r\n\t\t\tuploading: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\thidden: true,\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"date\",\r\n\t\t\t\t\t\ttitle: \"DATA\",\r\n\t\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\t\tsortable: false,\r\n\t\t\t\t\t\tclassName: \"custom-delete-pratica\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t\t}\r\n\t\t\t\t],\r\n\t\t\tpraticaId: null\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = 1;\r\n\t\tthis.praticaId = this.$route.params.id;\r\n\t\t// bus.$emit(\"show-spinner-loading\");\r\n\t\t// this.getCompany();\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"date\", dir: \"desc\" }];\t\t\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveImports(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tconsole.log(ev);\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\t\t\tdata.praticaId = self.praticaId;\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tdata.docType = 'Pratica';\r\n\r\n\t\t\tapi.getPraticaFiles(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdate: item.date,\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportPraticaFile(this.praticaId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Import`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tgetCompany() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyDetail(self.companyId)\r\n\t\t\t.then(res => {\r\n\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\tvar data = res;\r\n\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(err => {\r\n\t\t\t\t///TODO\r\n\t\t\t}).\r\n\t\t\tfinally(res => {\r\n\t\t\t\t// bus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\t\t\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.file.files);\r\n\t\t\t// this.files = [...this.$refs.file.files];\r\n\t\t\t\t\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.file.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tremoveFile(e) {\r\n\t\t\tvar id = e.dataItem.id;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.removePraticaFile(this.praticaId, id)\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.getData();\r\n\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importFilesPratiche(self.companyId, self.praticaId, formData).then(res => {\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.file.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.getData();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\timportUpdated() {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"import-ended\");\r\n\t},\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\t\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t\t\t\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=846a4c3a&scoped=true&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=846a4c3a&scoped=true&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 \"846a4c3a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-82\",modifiers:{\"collapse-82\":true}}]},[_vm._v(\"Richieste\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-82\",modifiers:{\"collapse-82\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-82\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'gr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false,\"readonly\":true},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"boxBoxTypesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className, _vm.isInEditMode && props.dataItem.id == 0 ? 'cell-danger' : '']},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.code)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.code,\"data-source\":_vm.boxTypes,\"data-text-field\":'code',\"data-value-field\":'key',\"filter\":'contains',\"options-label\":'Seleziona tipo attività',\"template\":_vm.itemTemplateBoxType,\"value-template\":_vm.valueTemplateBoxType},on:{\"change\":function($event){return _vm.onBoxTypeChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myCellUploadTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-upload-template',_vm._b({attrs:{\"showUpload\":false},on:{\"go-to-link\":_vm.onGoToLinkAttachment}},'cell-upload-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../services/api\";\r\nimport gridClientBase from \"../../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport cellUploadTemplate from \"../../../../components/grid/cellUploadTemplate/cellUploadTemplate.vue\";\r\n\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\t\"cell-upload-template\": cellUploadTemplate\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tpraticaId: null,\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tboxTypes: [],\r\n\r\n\t\t\titemTemplateBoxType: \"#= code #\",\r\n\t\t\tvalueTemplateBoxType: \"#= code #\",\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.praticaId = this.$route.params.id;\r\n\t\tthis.getBoxTypes();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tcode: \"\",\r\n\t\t\tprice: \"\",\r\n\t\t\tday: \"\",\r\n\t\t\tdoc_link: \"\",\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"id\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tonGoToLinkAttachment(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.downloadPraticaBoxTypeAttachment(e.dataItem.box_type_id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || e.dataItem.code);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tonBoxTypeChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar boxtype = this.boxTypes.find(bt => bt.code == newValue);\r\n\t\t\t\trow.code = newValue;\r\n\t\t\t\trow.price = boxtype.price,\r\n\t\t\t\trow.days = boxtype.days,\r\n\t\t\t\trow.doc_link = boxtype.doc_link\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postPraticaPXBT(this.praticaId, this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t\tthis.$emit(\"boxtypes-saved\", this.praticaId);\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPraticaPXBT(self);\r\n\t\t},\r\n\r\n\t\tgetPraticaPXBT: function(self) {\r\n\t\t\tapi.getPraticaPXBT(self.praticaId).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tcode: item.code,\r\n\t\t\t\t\t\tprice: item.price,\r\n\t\t\t\t\t\tdays: item.days,\r\n\t\t\t\t\t\tdoc_link: item.doc_link,\r\n\t\t\t\t\t\tlink: item.has_file ? item.attachment_name : \"\",\r\n\t\t\t\t\t\tbox_type_id: item.box_type_id\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tgetBoxTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getPraticaBoxTypes().then(res => {\r\n\t\t\t\tself.boxTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.code,\r\n\t\t\t\t\t\tcode: item.code,\r\n\t\t\t\t\t\tprice: item.price,\r\n\t\t\t\t\t\tdays: item.days,\r\n\t\t\t\t\t\tdoc_link: item.doc_link,\r\n\t\t\t\t\t\tlink: item.has_file ? item.attachment_name : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.boxTypes.unshift({\r\n\t\t\t\t\tkey: null,\r\n\t\t\t\t\tcode: \"\"\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.getData();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetNestedValue(fieldName, dataItem) {\r\n\t\t\tconst path = fieldName.split('.');\r\n\t\t\tlet data = dataItem;\r\n\t\t\tpath.forEach((p) => {\r\n\t\t\t\tdata = data ? data[p] : undefined;\r\n\t\t\t});\r\n\t\t\r\n\t\t\treturn data;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"code\",\r\n\t\t\t\t\ttitle: \"codice\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"boxBoxTypesCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"price\",\r\n\t\t\t\t\ttitle: \"Prezzo\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\treadonly: true,\r\n\t\t\t\t\tformat: \"numeric-eur\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"days\",\r\n\t\t\t\t\ttitle: \"Giorni\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\treadonly: true,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: \"Allegato\",\r\n\t\t\t\t\tcell: \"myCellUploadTemplate\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t},\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./praticaBoxtypes.vue.js?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/eslint-loader/index.js??ref--13-0!./praticaBoxtypes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./praticaBoxtypes.vue?vue&type=template&id=07bd083c&scoped=true&\"\nimport script from \"./praticaBoxtypes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./praticaBoxtypes.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./praticaBoxtypes.vue?vue&type=style&index=0&id=07bd083c&scoped=true&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 \"07bd083c\",\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../../services/api\";\r\nimport { bus } from \"../../../main\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport imports from \"./imports/index.vue\";\r\nimport box_types from \"./components/praticaBoxtypes.vue\";\r\nimport { cosh } from \"core-js/core/number\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\timports,\r\n\t\tbox_types\r\n\t},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tshowUndoPopup: false,\r\n\t\t\tshowSendPraticaPopup: false,\r\n\t\t\tisNewPratica: false,\r\n\t\t\thasStatusNew: false,\r\n\t\t\tid: 0,\r\n\t\t\torder_number: null,\r\n\t\t\tcompany: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\tcompanies: [],\r\n\t\t\tcompanyRef: \"\",\r\n\t\t\tcompanyRefPhone: \"\",\r\n\t\t\tshowPlates: false,\r\n\t\t\tplate: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\",\r\n\t\t\t\timei: \"\"\r\n\t\t\t},\r\n\t\t\tshowImeis: false,\r\n\t\t\timeis: [],\r\n\t\t\tplates: [],\r\n\t\t\timei: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\trequest_sent_date: \"\",\r\n\t\t\texecute_activity_date: \"\",\r\n\t\t\tclosing_date: \"\",\r\n\t\t\trequest_type: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\trequestTypes: [],\r\n\t\t\tbox_type: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\tboxTypes: [],\r\n\t\t\tworkshop: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\tworkshops: [],\r\n\t\t\tshowWorkshopUsers: false,\r\n\t\t\tworkshop_user: {\r\n\t\t\t\tkey: null,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\tworkshop_users: [],\r\n\t\t\tstatus: {\r\n\t\t\t\tkey: 0,\r\n\t\t\t\tvalue: \"\"\r\n\t\t\t},\r\n\t\t\tstatus_types: [],\r\n\t\t\tnotes: \"\",\r\n\t\t\ttotalPratica: 0,\r\n\t\t\titemTemplate: \"
#= number_plate #
#= name #
\",\r\n\t\t\tvalueTemplate: \"#= number_plate #\",\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\",\r\n\t\t\tquery: {\r\n\t\t\t\tpage: 0,\r\n\t\t\t\tpageSize: 10000,\r\n\t\t\t\tsort: \"\",\r\n\t\t\t\tsortDirection: \"\"\r\n\t\t\t},\r\n\t\t\tisPraticaDetailInEditMode: false,\r\n\r\n\t\t\ttextSendPratica: \"\"\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t\tthis.praticaId = this.$route.params.id;\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\r\n\t\tif (this.praticaId == 0) {\r\n\t\t\tthis.isNewPratica = true;\r\n\t\t}\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\torder_number: \"\",\r\n\t\t\tcompany: \"\",\r\n\t\t\tcompanyRef: \"\",\r\n\t\t\tcompanyRefPhone: \"\",\r\n\t\t\tplate: null,\r\n\t\t\timei: null,\r\n\t\t\trequest_sent_date: moment().startOf(\"day\"),\r\n\t\t\texecute_activity_date: \"\",\r\n\t\t\tworkshop: \"\",\r\n\t\t\tworkshop_user: null,\r\n\t\t\tnotes: \"\",\r\n\t\t\tstatus: \"\",\r\n\t\t\ttotalPratica: 0\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"id\", dir: \"asc\" }];\r\n\r\n\t\tif (this.isNewPratica) {\r\n\t\t\tthis.isPraticaDetailInEditMode = true;\r\n\t\t\tthis.request_sent_date = moment()\r\n\t\t\t\t.utc()\r\n\t\t\t\t.startOf(\"day\");\r\n\t\t} else {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t}\r\n\t\tthis.getCompanies();\r\n\t\t// this.getRequestTypes();\r\n\t\t// this.getBoxTypes();\r\n\t\tthis.getWorkshops();\r\n\t\tthis.getStatusTypes();\r\n\t\tthis.getAllPlates();\r\n\t\tthis.getAllImeis();\r\n\t\tthis.getData();\r\n\t},\r\n\tbeforeDestroy() {},\r\n\tmethods: {\r\n\t\tonBoxTypesSaved() {\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tclosePopup() {\r\n\t\t\tthis.showUndoPopup = false;\r\n\t\t},\r\n\t\tokPopup() {\r\n\t\t\tthis.showUndoPopup = false;\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"SUPERADMIN_PRATICHE\"\r\n\t\t\t});\r\n\t\t},\r\n\t\tcloseSendPopup() {\r\n\t\t\tthis.showSendPraticaPopup = false;\r\n\t\t},\r\n\t\tokSendPopup() {\r\n\t\t\tif (this.id > 0) {\r\n\t\t\t\tvar ids = [this.id];\r\n\t\t\t\tif (ids.length > 0) this.sendPratica(ids, this.textSendPratica);\r\n\t\t\t}\r\n\t\t},\r\n\t\tOnSendPratica() {\r\n\t\t\tthis.getTextPopupSend();\r\n\t\t},\r\n\t\tsendPratica(ids, workshopTextEmail) {\r\n\t\t\tvar self = this;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tApiService.sendPratiche(ids, workshopTextEmail)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\tthis.showSendPraticaPopup = false;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tsetViewConfig() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getViewConfig(\"globals\").then(res => {\r\n\t\t\t\tthis.$store.commit(\"settings\", res);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgroupsChanged() {\r\n\t\t\tthis.groupsChangedTime = new Date();\r\n\t\t},\r\n\t\tpickFile() {\r\n\t\t\tif (this.isPraticaDetailInEditMode) {\r\n\t\t\t\tthis.$refs.logo.click();\r\n\t\t\t\t// this.$emit(\"remove-all-edit-cell\", this);\r\n\t\t\t}\r\n\t\t},\r\n\t\tonFilePicked(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = e.target.files;\r\n\t\t\tif (files[0] !== undefined) {\r\n\t\t\t\tvar imageName = files[0].name;\r\n\t\t\t\tif (imageName.lastIndexOf(\".\") <= 0) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst fr = new FileReader();\r\n\t\t\t\tfr.readAsDataURL(files[0]);\r\n\t\t\t\tfr.addEventListener(\"load\", () => {\r\n\t\t\t\t\tself.logo = fr.result;\r\n\t\t\t\t\t// console.log(self.logo);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tprovidersToString(providers) {\r\n\t\t\tif (this._.isNull(providers) === false && this._.isUndefined(providers) === false && this._.isArray(providers) && providers.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(providers, function(pr) {\r\n\t\t\t\t\treturn pr.name;\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\trequestSentDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newRequestSentDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.request_sent_date = newRequestSentDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.request_sent_date = null;\r\n\t\t\t}\r\n\t\t\tthis.changeExecuteActivityDate();\r\n\t\t},\r\n\t\tOnBoxTypeChange(item) {\r\n\t\t\tvar boxId = item.sender.value();\r\n\t\t\tvar box = this.boxTypes.find(bt => bt.key == boxId);\r\n\t\t\tthis.box_type.days = box.days;\r\n\t\t\tthis.totalPratica = box.price;\r\n\t\t\tthis.changeExecuteActivityDate();\r\n\t\t},\r\n\t\tOnRequestTypeChange(item) {\r\n\t\t\t// this.changeExecuteActivityDate();\r\n\t\t},\r\n\t\tchangeExecuteActivityDate() {\r\n\t\t\tif (this.request_sent_date != null && this.box_type != null && this.box_type.days != null) {\r\n\t\t\t\tthis.execute_activity_date = moment(this.request_sent_date).add(this.box_type.days, \"days\");\r\n\t\t\t}\r\n\t\t},\r\n\t\texecuteActivityDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newExecuteActivityDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.execute_activity_date = newExecuteActivityDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.execute_activity_date = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetCompanies: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getCompaniesForPratiche()\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.companies = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name,\r\n\t\t\t\t\t\t\tref: item.referent,\r\n\t\t\t\t\t\t\tref_phone: item.referent_phone\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t\t\tif (self.isNewPratica) {\r\n\t\t\t\t\t\tself.companies.unshift({\r\n\t\t\t\t\t\t\tkey: null,\r\n\t\t\t\t\t\t\tvalue: \"\",\r\n\t\t\t\t\t\t\tref: \"\",\r\n\t\t\t\t\t\t\tref_phone: \"\"\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tvar companies = self.companies.slice();\r\n\t\t\t\t\t\tself.company = {\r\n\t\t\t\t\t\t\tkey: companies[0].key,\r\n\t\t\t\t\t\t\tvalue: companies[0].value,\r\n\t\t\t\t\t\t\tref: companies[0].ref,\r\n\t\t\t\t\t\t\tref_phone: companies[0].ref_phone\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tself.companyRef = self.company.ref;\r\n\t\t\t\t\t\tself.companyRefPhone = self.company.ref_phone;\r\n\t\t\t\t\t\t// self.getAllPlates();\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {});\r\n\t\t},\r\n\t\tOnCompanyChange: function(e) {\r\n\t\t\tvar companyId = e.sender.value();\r\n\t\t\tvar companies = this.companies.slice();\r\n\t\t\tvar companyFound = companies.find(c => c.key == companyId);\r\n\t\t\tthis.companyRef = companyFound.ref;\r\n\t\t\tthis.companyRefPhone = companyFound.ref_phone;\r\n\t\t},\r\n\t\tgetAllPlates: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tApiService.getAllPlates().then(res => {\r\n\t\t\t\tself.plates = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.number_plate,\r\n\t\t\t\t\t\timei: item.box_serial_number\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.plates.unshift({\r\n\t\t\t\t\tkey: \"\",\r\n\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.showPlates = true;\r\n\t\t\t}).finally(() =>{\r\n\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllImeis: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getAllImeis().then(res => {\r\n\t\t\t\tself.imeis = res\r\n\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tkey: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tself.imeis.unshift({\r\n\t\t\t\t\tkey: \"\",\r\n\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t});\r\n\t\t\t\tself.showImeis = true;\r\n\t\t\t});\r\n\t\t},\r\n\t\tOnPlateChange: function(e) {\r\n\t\t\tvar vehicleId = e.sender.value();\r\n\t\t\tthis.plate.key = vehicleId;\r\n\t\t\tvar vehicle = this.plates.find(c => c.key == vehicleId);\r\n\t\t\tthis.imei = {\r\n\t\t\t\tkey: vehicle.imei,\r\n\t\t\t\tvalue: vehicle.imei\r\n\t\t\t};\r\n\t\t},\r\n\t\tgetRequestTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getPraticheRequestTypes().then(res => {\r\n\t\t\t\tself.requestTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tif (self.isNewPratica) self.request_type = self.requestTypes[0];\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getPraticaBoxTypes().then(res => {\r\n\t\t\t\tself.boxTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: `${item.box_type} - ${item.activity_type}`,\r\n\t\t\t\t\t\tdays: item.days,\r\n\t\t\t\t\t\tprice: item.price\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.boxTypes.unshift({\r\n\t\t\t\t\tkey: null,\r\n\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t});\r\n\t\t\t\t// if (self.isNewPratica) self.box_type = self.boxTypes[0];\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetTextPopupSend: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getTextSendPratica(this.praticaId).then(res => {\r\n\t\t\t\tself.textSendPratica = res.workshopEmailText;\r\n\t\t\t\tself.showSendPraticaPopup = true;\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetWorkshops: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tApiService.getWorkshops(data).then(res => {\r\n\t\t\t\tself.workshops = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tif (self.isNewPratica) {\r\n\t\t\t\t\tself.workshops.unshift({\r\n\t\t\t\t\t\tkey: null,\r\n\t\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.workshop = self.workshops[0];\r\n\t\t\t\t\t// self.getWorkshopUsers(self.workshop.key);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tOnWorkshopChange: function(e) {\r\n\t\t\tvar workshopId = e.sender.value();\r\n\t\t\tthis.workshop_user = { key: null, value: \"\" };\r\n\t\t\tthis.getWorkshopUsers(workshopId);\r\n\t\t},\r\n\t\tgetWorkshopUsers: function(workshopId) {\r\n\t\t\tvar self = this;\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.workshop_id = workshopId;\r\n\t\t\tApiService.getWorkshopUsers(data).then(res => {\r\n\t\t\t\tself.workshop_users = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.workshop_users.unshift({\r\n\t\t\t\t\tkey: \"\",\r\n\t\t\t\t\tvalue: \"\"\r\n\t\t\t\t});\r\n\t\t\t\tself.showWorkshopUsers = true;\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetStatusTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getPraticheStatusTypes().then(res => {\r\n\t\t\t\tself.status_types = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tif (self.isNewPratica) self.status = self.status_types.find(st => st.key == \"NUOVA\");\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idPratica = this.praticaId;\r\n\t\t\tvar companyId = null;\r\n\t\t\tvar workshopId = null;\r\n\t\t\tif (!this.isNewPratica) {\r\n\t\t\t\tApiService.getPraticaDetail(idPratica)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\t\tvar data = res;\r\n\t\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\t\t(self.order_number = data.order_number), (self.company = { key: data.company_id, value: data.company_name });\r\n\t\t\t\t\t\t\tself.companyRef = data.company_referent;\r\n\t\t\t\t\t\t\tself.companyRefPhone = data.company_referent_phone;\r\n\t\t\t\t\t\t\tself.plate = { key: data.vehicle_id, value: data.number_plate };\r\n\t\t\t\t\t\t\tself.imei = { key: data.imei, value: data.imei };\r\n\t\t\t\t\t\t\tself.request_sent_date = data.request_sent_date;\r\n\t\t\t\t\t\t\tself.execute_activity_date = data.execute_activity_date;\r\n\t\t\t\t\t\t\tself.closing_date = data.closing_date;\r\n\t\t\t\t\t\t\tself.request_type = { key: data.request_type_id, value: data.type };\r\n\t\t\t\t\t\t\tself.box_type = { key: data.box_type_id, value: data.box_type };\r\n\t\t\t\t\t\t\tself.workshop = { key: data.workshop_id, value: data.workshop };\r\n\t\t\t\t\t\t\tself.workshop_user = { key: data.workshop_user_id, value: data.workshop_user_name };\r\n\t\t\t\t\t\t\tself.status = { key: data.status, value: data.status };\r\n\t\t\t\t\t\t\tself.totalPratica = data.total;\r\n\t\t\t\t\t\t\tself.notes = data.notes;\r\n\r\n\t\t\t\t\t\t\tcompanyId = self.company.key;\r\n\t\t\t\t\t\t\tworkshopId = self.workshop.key;\r\n\r\n\t\t\t\t\t\t\tself.hasStatusNew = self.status.key == \"NUOVA\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\t///TODO\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(res => {\r\n\t\t\t\t\t\tif (companyId != null) self.getAllPlates();\r\n\t\t\t\t\t\tif (workshopId != null) self.getWorkshopUsers(workshopId);\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tswitchPraticaDetailEditMode() {\r\n\t\t\t//new pratica and ANNULLA\r\n\t\t\tif (this.isNewPratica && this.isPraticaDetailInEditMode) {\r\n\t\t\t\tthis.showUndoPopup = true;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tthis.isPraticaDetailInEditMode = !this.isPraticaDetailInEditMode;\r\n\r\n\t\t\tif (!this.isPraticaDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getVehiclesBypraticaId();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = null;\r\n\t\t},\r\n\t\tsavePraticaDetail() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = ApiService.savePraticaDetail(\r\n\t\t\t\t\tthis.praticaId,\r\n\t\t\t\t\tthis.order_number,\r\n\t\t\t\t\tthis.company.key,\r\n\t\t\t\t\tthis.companyRef,\r\n\t\t\t\t\tthis.companyRefPhone,\r\n\t\t\t\t\tthis.plate.key,\r\n\t\t\t\t\tthis.imei.key,\r\n\t\t\t\t\tthis.request_sent_date,\r\n\t\t\t\t\tthis.execute_activity_date,\r\n\t\t\t\t\tthis.box_type.key != 0 ? this.box_type.key : null,\r\n\t\t\t\t\tthis.notes,\r\n\t\t\t\t\tthis.workshop.key,\r\n\t\t\t\t\tthis.workshop_user.key != 0 ? this.workshop_user.key : null,\r\n\t\t\t\t\tthis.status.key == \"IN LAVORAZIONE\" ? \"IN_LAVORAZIONE\" : this.status.key,\r\n\t\t\t\t\tthis.totalPratica\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tthis.isPraticaDetailInEditMode = false;\r\n\r\n\t\t\t\t\t\tvar id = res.data;\r\n\t\t\t\t\t\tif (self.isNewPratica) {\r\n\t\t\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\t\t\tname: \"PRATICA_DETAIL\",\r\n\t\t\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\t\t\tid: id\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tself.praticaId = id;\r\n\t\t\t\t\t\t\tself.isNewPratica = false;\r\n\t\t\t\t\t\t\tself.defaultAddRow.id = id;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\t// self.getTextPopupSend();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveVehiclesData() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = ApiService.saveDriversVehiclesAssociation(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\tself.getVehiclesBypraticaId();\r\n\r\n\t\t\t\t\tself.isPraticaDetailInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveVechilesDriversAssociationRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tisReadOnlyCell(field, item) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (item.id > 0 && ((c && c.readonly) || this._.isNull(item.box_serial_number) || this._.isUndefined(item.box_serial_number) || item.box_serial_number == \"\")) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tprovidersString() {\r\n\t\t\treturn this.providersToString(this.providers);\r\n\t\t},\r\n\t\timageToShow() {\r\n\t\t\tif (this.isPraticaDetailInEditMode == false && !this.logo) {\r\n\t\t\t\treturn this.imageUrl;\r\n\t\t\t}\r\n\t\t\tif (this.logo) {\r\n\t\t\t\treturn this.logo;\r\n\t\t\t}\r\n\r\n\t\t\treturn this.imageUrl;\r\n\t\t},\r\n\t\trequestSentDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.request_sent_date);\r\n\t\t},\r\n\t\texecuteActivityDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.execute_activity_date);\r\n\t\t},\r\n\t\texecuteClosingDateFormat() {\r\n\t\t\treturn this.$options.filters.formatDateWithSlashes(this.closing_date);\r\n\t\t},\r\n\t\trequestSentDateFormatCalendar() {\r\n\t\t\tif (this.request_sent_date) {\r\n\t\t\t\treturn moment(this.request_sent_date).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\texecuteActivityDateFormatCalendar() {\r\n\t\t\tif (this.execute_activity_date) {\r\n\t\t\t\treturn moment(this.execute_activity_date).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\texecuteClosingDateFormatCalendar() {\r\n\t\t\tif (this.closing_date) {\r\n\t\t\t\treturn moment(this.closing_date).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tmatriculationDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.matriculation_date);\r\n\t\t},\r\n\t\tgroupsString() {\r\n\t\t\treturn this.groupsToString(this.groups);\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: this.vehicleIdFilterField == \"code\" ? \"code\" : \"number_plate\",\r\n\t\t\t\t\ttitle: this.vehicleIdFilterField == \"code\" ? \"codice\" : \"targa\",\r\n\t\t\t\t\theaderCell: \"myVehicleNumberPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"numberPlateCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"nameCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"box\",\r\n\t\t\t\t\theaderCell: \"myBoxHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fringebenefit\",\r\n\t\t\t\t\ttitle: \"fringebenefit\",\r\n\t\t\t\t\twidth: \"140\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\treadonly: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: \"myCellDeleteTemplate\",\r\n\t\t\t\t\twidth: \"45px\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./praticaDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./praticaDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./praticaDetail.vue?vue&type=template&id=a254cf04&scoped=true&\"\nimport script from \"./praticaDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./praticaDetail.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./praticaDetail.vue?vue&type=style&index=0&id=a254cf04&scoped=true&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 \"a254cf04\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('img',{staticStyle:{\"max-width\":\"1080px\",\"max-height\":\"1400px\"},attrs:{\"src\":_vm.photo}}),(_vm.photo == '' && !_vm.loading)?_c('h3',[_vm._v(\"nessun immagine caricata\")]):_vm._e(),(_vm.loading)?_c('h3',[_vm._v(\"caricamento immagine...\")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport { bus } from \"../../../main\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport Vue from \"vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tphoto: \"\",\r\n\t\t\tloading: false,\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tvar collaudiId = this.$route.query.id;\t\t\r\n\t\tvar type = this.$route.query.type;\t\t\r\n\t\tthis.getData(collaudiId, type);\r\n\t},\r\n\twatch: {},\r\n\tmethods: {\r\n\t\tgetData: function(id, type) {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tapi.getCollaudoPhoto(id, type)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.photo = res;\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./collaudiPhoto.vue.js?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/eslint-loader/index.js??ref--13-0!./collaudiPhoto.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./collaudiPhoto.vue?vue&type=template&id=48a3c4ee&\"\nimport script from \"./collaudiPhoto.vue.js?vue&type=script&lang=js&\"\nexport * from \"./collaudiPhoto.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":'BOX',\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showExport\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData,\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow},on:{\"remove\":_vm.remove,\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'bo-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'bo-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxTypeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.boxTypesFilters,\"filterItemsSelected\":_vm.boxTypesFilterselected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myStatusHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'box-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.statusFilters,\"filterItemsSelected\":_vm.statusFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xxxlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"statusCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.status.value)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.status.key,\"data-source\":_vm.allStatus,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona stato',\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onStatusChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myLinkCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('a',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"href\":_vm.getLink(props.field, props.dataItem)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.getLinkName(props.field, props.dataItem))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({on:{\"remove\":_vm.removeById}},'cell-delete-command',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"accessoriesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.accessoriesToString(props.dataItem.accessories))+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])])]}},{key:\"myAccessoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.accessoriesDataFilters,\"filterItemsSelected\":_vm.accessoriesDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySerialNumberHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxSerialFilters,\"filterItemsSelected\":_vm.boxSerialFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBoxVendorHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.boxVendorFilters,\"filterItemsSelected\":_vm.boxVendorFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"boxVendorCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.box_vendor)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.box_vendor,\"data-source\":_vm.boxVendorFilters,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona fornitore',\"template\":_vm.itemTemplateVendor,\"value-template\":_vm.valueTemplateVendor},on:{\"change\":function($event){return _vm.onBoxVendorChange($event, props.dataItem.id)}}})],1)])]}},{key:\"boxTypeCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[props.className]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.type)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.type,\"data-source\":_vm.boxTypesFilters,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona tipologia',\"template\":_vm.itemTemplateType,\"value-template\":_vm.valueTemplateType},on:{\"change\":function($event){return _vm.onBoxTypeChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myCompanyHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.companyFilters,\"filterItemsSelected\":_vm.companyFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'bo-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellDateTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}],null,false,1027747576)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('imports')],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}]},[_vm._v(\"IMPORTAZIONI\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-12\",modifiers:{\"collapse-12\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-12\",\"visible\":\"\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showSave\":true,\"showEdit\":false,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"FILE IMPORTATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{class:_vm.isInEditMode ? 'editMode' : '',style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columns,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange,\"remove\":_vm.removeImport},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'imp-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'imp-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\")])],1)],1)],1),_c('div',{staticClass:\"uploadarea\"},[_c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Inserisci nuove box\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"file\",\"id\":\"fileInput\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInput\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploaded && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadFiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()]),_c('hr'),_c('updateImport',{on:{\"import-update\":_vm.importUpdated}})],1)],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('b-card',{staticClass:\"container-fluid\"}),_c('b-card',[_c('templates')],1)],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showSave\":true,\"showUndo\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('h2',[_vm._v(\"TEMPLATE CARICATI\")]),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'fe-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tfiles: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tuploading: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = 1;\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveTemplates(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\t\t\tthis.getTemplateByType(\"Boxes\");\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportImportTemplate(this.companyId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Template`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tgetTemplateByType: function(type) {\r\n\t\t\tapi.getTemplateByType(type).then(res => {\r\n\t\t\t\tthis.loading = false;\r\n\t\t\t\tthis.items = [{\r\n\t\t\t\t\tid: res.id,\r\n\t\t\t\t\tname: res.name\r\n\t\t\t\t}];\r\n\t\t\t});\r\n\t\t},\r\n onChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.fileTemplate.files);\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.fileTemplate.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremoveFile(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importTemplate(self.companyId, formData).then(res => {\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tthis.getData();\r\n\t\t\t}).finally(() =>{\r\n\t\t\t\tthis.$refs.fileTemplate.value = null;\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\t\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\thidden: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./templates.vue.js?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/eslint-loader/index.js??ref--13-0!./templates.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./templates.vue?vue&type=template&id=31db3854&scoped=true&\"\nimport script from \"./templates.vue.js?vue&type=script&lang=js&\"\nexport * from \"./templates.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./templates.vue?vue&type=style&index=0&id=31db3854&scoped=true&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 \"31db3854\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('h2',[_vm._v(\"Sposta le box nelle company\")]),_c('div',{staticClass:\"dropzone-container\",on:{\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('input',{ref:\"fileUpdate\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":\"fileUpdate\",\"id\":\"fileInputUpdate\",\"accept\":\".pdf,.jpg,.jpeg,.png,.txt,.xlsx,.xls\"},on:{\"change\":_vm.onChange}}),_c('label',{staticClass:\"file-label\",attrs:{\"for\":\"fileInputUpdate\"}},[(_vm.isDragging)?_c('div',[_vm._v(\"Rilascia per caricare il file.\")]):_c('div',[_vm._v(\"Trascina i file o \"),_c('u',[_vm._v(\"clicca qui\")]),_vm._v(\" per caricare un allegato.\")])]),(_vm.files.length)?_c('div',{staticClass:\"preview-container mt-4\"},_vm._l((_vm.files),function(file){return _c('div',{key:file.name,staticClass:\"preview-card\"},[_c('div',[_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(file.name)+\"\\n\\t\\t\\t\\t\\t\\t-\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(Math.round(file.size / 1000) + \"kb\")+\"\\n\\t\\t\\t\\t\\t\")])]),_c('div',[_c('button',{staticClass:\"ml-2\",attrs:{\"type\":\"button\",\"title\":\"Remove file\"},on:{\"click\":function($event){_vm.remove(_vm.files.indexOf(file))}}},[_c('b',[_vm._v(\"×\")])])])])}),0):_vm._e()]),(_vm.filesUploadedUpdate && !_vm.isUploading)?_c('div',[_c('button',{staticClass:\"u-button\",attrs:{\"disabled\":_vm.isUploading,\"type\":\"button\",\"title\":\"Carica\"},on:{\"click\":_vm.uploadfiles}},[_vm._v(\"Carica\")])]):_vm._e(),(_vm.isUploading)?_c('div',[_c('label',[_vm._v(\"Importazione in corso...\")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../../../../services/api\";\r\nimport { bus } from \"../../../../../../main\";\r\nimport gridClientBase from \"../../../../../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../../../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport cellDeleteCommand from \"../../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\n\r\nexport default {\r\n\t// extends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tfiles: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tuploading: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = 1;\r\n\t},\r\n\tmethods: {\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\t// console.log(this.$refs.fileUpdate.files);\r\n\t\t\tthis.files.push(...this.$refs.fileUpdate.files);\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.fileUpdate.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tuploadfiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importFilesUpdate(self.companyId, formData).then(res => {\r\n\t\t\t\tconsole.log('uploaded files');\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-update\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.fileUpdate.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.$emit(\"import-update\");\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tfilesUploadedUpdate() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./update.vue.js?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/eslint-loader/index.js??ref--13-0!./update.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./update.vue?vue&type=template&id=57ea4ae7&scoped=true&\"\nimport script from \"./update.vue.js?vue&type=script&lang=js&\"\nexport * from \"./update.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./update.vue?vue&type=style&index=0&id=57ea4ae7&scoped=true&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 \"57ea4ae7\",\n null\n \n)\n\nexport default component.exports","import api from \"../../../../../services/api\";\r\nimport { bus } from \"../../../../../main\";\r\nimport templates from \"./components/templates.vue\";\r\nimport gridbase from \"../../../../../components/gridComponentBase.js\";\r\nimport cellDeleteCommand from \"../../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport updateImport from \"./components/update.vue\";\r\n\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\ttemplates,\r\n\t\tupdateImport\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tisDragging: false,\r\n\t\t\tisDraggingUpdate: false,\r\n\t\t\tfiles: [],\r\n\t\t\tfilesUpdate: [],\r\n\t\t\timported: false,\r\n\t\t\tcompanyId: 0,\r\n\t\t\tname: '',\r\n\t\t\tuploading: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\thidden: true,\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\t\ttitle: \"NOME\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"template\",\r\n\t\t\t\t\t\ttitle: \"TEMPLATE\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"date\",\r\n\t\t\t\t\t\ttitle: \"DATA\",\r\n\t\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\t\ttitle: \"DESCRIZIONE\",\r\n\t\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\t// {\r\n\t\t\t\t\t// \tcell: cellDeleteCommand,\r\n\t\t\t\t\t// \twidth: \"45\",\r\n\t\t\t\t\t// \tminResizableWidth: \"45\",\r\n\t\t\t\t\t// \tsortable: false,\r\n\t\t\t\t\t// \theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t\t// }\r\n\t\t\t\t]\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.companyId = 1;\r\n\t\t// bus.$emit(\"show-spinner-loading\");\r\n\t\t// this.getCompany();\r\n\t\tthis.getData();\r\n\t\tthis.sort = [{ field: \"date\", dir: \"desc\" }];\t\t\r\n\t},\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postRemoveImports(this.companyId, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\t// console.log(ev);\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\t\t\tdata.companyId = self.companyId;\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tdata.docType = 'Boxes';\r\n\r\n\t\t\tapi.getCompanyImports(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\ttemplate: item.template,\r\n\t\t\t\t\t\tdate: item.date,\r\n\t\t\t\t\t\tstatus: item.status,\r\n\t\t\t\t\t\tdescription: item.description\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.exportImport(this.companyId, dataItem.id).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Import`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columns.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\t\t\tif (!this.isInEditMode && columnField.format != \"link\") return;\r\n\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (columnField.format == 'link') {\r\n\t\t\t\tif (this.goTo) {\r\n\t\t\t\t\tthis.goTo(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tgetCompany() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCompanyDetail(self.companyId)\r\n\t\t\t.then(res => {\r\n\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\tvar data = res;\r\n\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(err => {\r\n\t\t\t\t///TODO\r\n\t\t\t}).\r\n\t\t\tfinally(res => {\r\n\t\t\t\t// bus.$emit(\"hide-spinner-loading\");\r\n\t\t\t});\r\n\t\t},\r\n\t\t\r\n\t\tonChange() {\r\n\t\t\tthis.imported = false;\r\n\t\t\tthis.files.push(...this.$refs.file.files);\r\n\t\t\t// this.files = [...this.$refs.file.files];\r\n\t\t\t\t\r\n\t\t},\r\n\t\tdragover(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.isDragging = true;\r\n\t\t},\r\n\t\tdragleave() {\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tdrop(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.$refs.file.files = e.dataTransfer.files;\r\n\t\t\tthis.onChange();\r\n\t\t\tthis.isDragging = false;\r\n\t\t},\r\n\t\tremove(i) {\r\n\t\t\tthis.files.splice(i, 1);\r\n\t\t},\r\n\t\tremoveImport(e) {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar itemToRemove = this.items.find(function(it) {\r\n\t\t\t\treturn it.id === e.dataItem.id;\r\n\t\t\t});\r\n\t\t\tthis.deletedItems.push(itemToRemove);\r\n\t\t\t\r\n\t\t\te.dataItem.status = \"Pronto per annullamento...\";\r\n\t\t},\r\n\t\tuploadFiles() {\r\n\t\t\tthis.uploading = true;\r\n\t\t\tvar self = this;\r\n\t\t\tconst files = this.files;\r\n\t\t\tconst formData = new FormData();\r\n\r\n\t\t\t// console.log(files);\r\n\t\t\tfiles.forEach((file) => {\r\n\t\t\t\tformData.append(\"selectedFiles\", file);\r\n\t\t\t});\r\n\t\t\r\n\t\t\tapi.importFiles(self.companyId, formData).then(res => {\r\n\t\t\t\tconsole.log('imported files');\r\n\t\t\t\tself.imported = true;\r\n\t\t\t\tself.files = [];\r\n\t\t\t\tbus.$emit(\"import-ended\");\r\n\t\t\t})\r\n\t\t\t.catch(_ => {\r\n\t\t\t})\r\n\t\t\t.finally(() =>{\r\n\t\t\t\tthis.$refs.file.value = null;\t\t\t\t\r\n\t\t\t\tthis.uploading = false;\r\n\t\t\t\tthis.getData();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\timportUpdated() {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\t// bus.$off(\"import-ended\");\r\n\t},\r\n\tcomputed: {\r\n\t\tfilesUploaded() {\r\n\t\t\treturn this.files.length > 0;\r\n\t\t},\t\r\n\t\tisUploading() {\r\n\t\t\treturn this.uploading;\r\n\t\t}\t\r\n\t\t\t\t\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7b0d1dc0&scoped=true&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=7b0d1dc0&scoped=true&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 \"7b0d1dc0\",\n null\n \n)\n\nexport default component.exports","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport moment from \"moment\";\r\nimport { bus } from \"../../../../main.js\";\r\nimport gridbase from \"../../../../components/gridComponentBase.js\";\r\nimport api from \"../../../../services/api.js\";\r\nimport Vue from \"vue\";\r\nimport cellDeleteCommand from \"../../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport imports from \"./imports/index.vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {\r\n\t\timports\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcompanyId: null,\r\n\t\t\tcolumns: [\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"id\",\r\n\t\t\t\t// \ttitle: \"Id box\",\r\n\t\t\t\t// \tconfigId: \"id\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_serial_number\",\r\n\t\t\t\t\ttitle: \"Numero seriale\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_vendor\",\r\n\t\t\t\t\ttitle: \"Fornitore\",\r\n\t\t\t\t\theaderCell: \"myBoxVendorHeaderTemplate\",\r\n\t\t\t\t\tcell: \"boxVendorCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"number_plate\",\r\n\t\t\t\t// \ttitle: \"targa\",\r\n\t\t\t\t// \theaderCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \trequired: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"vehicle_id\",\r\n\t\t\t\t// \ttitle: \"id veicolo\",\r\n\t\t\t\t// \t// headerCell: \"myPlateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \trequired: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inserimento\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"end_date\",\r\n\t\t\t\t// \ttitle: \"Data Fine\",\r\n\t\t\t\t// \tformat: \"date\",\r\n\t\t\t\t// \theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t// \teditable: true,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type\",\r\n\t\t\t\t\ttitle: \"Tipologia\",\r\n\t\t\t\t\theaderCell: \"myBoxTypeHeaderTemplate\",\r\n\t\t\t\t\tcell: \"boxTypeCellTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\trequired: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"STATO\",\r\n\t\t\t\t\theaderCell: \"myStatusHeaderTemplate\",\r\n\t\t\t\t\tcell: \"statusCellTemplate\",\r\n\t\t\t\t\teditable: true,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"contract_end_date\",\r\n\t\t\t\t// \ttitle: \"fine contratto\",\r\n\t\t\t\t// \tformat: \"date\",\r\n\t\t\t\t// \theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \teditable: true,\r\n\t\t\t\t// \trequired: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"installation_end_date\",\r\n\t\t\t\t// \ttitle: \"fine istallazione\",\r\n\t\t\t\t// \tformat: \"date\",\r\n\t\t\t\t// \theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellDateTemplateNotRequired\",\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \teditable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\tboxSerialFilters: [],\r\n\t\t\tboxSerialFilterSelected: [],\r\n\t\t\tboxVendorFilters: [],\r\n\t\t\tboxVendorFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tcompanyFilters: [],\r\n\t\t\tcompanyFilterSelected: [],\r\n\t\t\taccessoriesDataFilters: [],\r\n\t\t\taccessoriesDataFiltersSelected: [],\r\n\t\t\tboxTypesFilters: [],\r\n\t\t\tboxTypesFilterselected: [],\r\n\t\t\tstatusFilters: [],\r\n\t\t\tstatusFiltersSelected: [],\r\n\t\t\tallStatus: [],\r\n\r\n\t\t\titemTemplate: \"#= name #\",\r\n\t\t\tvalueTemplate: \"#= name #\",\r\n\t\t\titemTemplateVendor: \"#= value #\",\r\n\t\t\tvalueTemplateVendor: \"#= value #\",\r\n\t\t\titemTemplateType: \"#= value #\",\r\n\t\t\tvalueTemplateType: \"#= value #\"\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tbus.$on(\"import-ended\", this.getData);\r\n\t\tbus.$on(\"import-update\", this.getData);\r\n\t\tthis.companyId = 0;\r\n\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\t\tthis.take = 100;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tvar companyQuery = this.$route.query.company;\r\n\t\tif (companyQuery) {\r\n\t\t\tvar filtersToAdd = {\r\n\t\t\t\tfield: \"company\",\r\n\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\tfilter: {\r\n\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\tfilters: []\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\tfield: `company[0]`,\r\n\t\t\t\toperator: \"contains\",\r\n\t\t\t\tvalue: companyQuery\r\n\t\t\t});\r\n\r\n\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getBoxSerial();\r\n\t\tthis.getBoxVendors();\r\n\t\tthis.getBoxTypes();\r\n\t\tthis.getPlates();\r\n\t\tthis.getStatus();\r\n\t\tthis.getData();\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tbox_serial_number: \"\",\r\n\t\t\tbox_vendor: \"\",\r\n\t\t\tbox_vendor: \"Texa\",\r\n\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\tend_date: null,\r\n\t\t\tinitial_odometer_value: 0,\r\n\t\t\tvehicle_id: null,\r\n\t\t\tcontract_end_date: null,\r\n\t\t\tinstallation_end_date: null,\r\n\t\t\ttype: \"\",\r\n\t\t\tstatus: \"\",\r\n\t\t\tstatus_id: null,\r\n\t\t\tisNew: true\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t},\r\n\twatch: {\r\n\t\tcheckCompanyQuery() {\r\n\t\t\tthis.columnFilters = [];\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\taddItem() {\r\n\t\t\tif (!this.isInEditMode) return;\r\n\r\n\t\t\tvar newItem = {\r\n\t\t\t\tid: 0,\r\n\t\t\t\tbox_serial_number: \"\",\r\n\t\t\t\tbox_vendor: \"TELTONIKA\",\r\n\t\t\t\tstart_date: new Date().toLocaleString(\"it-IT\", { timeZone: \"UTC\" }),\r\n\t\t\t\tend_date: null,\r\n\t\t\t\tinitial_odometer_value: 0,\r\n\t\t\t\tvehicle_id: null,\r\n\t\t\t\tcontract_end_date: null,\r\n\t\t\t\tinstallation_end_date: null,\r\n\t\t\t\ttype: \"\",\r\n\t\t\t\tstatus: { key: 1, value: \"NUOVE\" },\r\n\t\t\t\tstatus_id: 1\r\n\t\t\t};\r\n\t\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\t\tvar addItemClone = this.cloneItem(this.defaultAddRow);\r\n\t\t\tthis.createdItems.push(addItemClone);\r\n\t\t\tthis.items.unshift(addItemClone);\r\n\r\n\t\t\tthis.itemToReturnIfIsInEditMode.unshift(addItemClone);\r\n\r\n\t\t\tthis.indexNewItem--;\r\n\t\t\tthis.defaultAddRow.id = this.indexNewItem;\r\n\t\t},\r\n\t\tcloneItem(item) {\r\n\t\t\treturn Object.assign({}, item);\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tvar cellRemove = this.columns[this.columns.length - 1];\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tcellRemove.className = \"k-button k-grid-remove-command\";\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t} else {\r\n\t\t\t\tcellRemove.className = \"forceActivatedDeleteCommand k-button k-grid-remove-command\";\r\n\t\t\t}\r\n\t\t\t// this.saveVehiclesBoxesRequest = null;\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t} else if (e.field == \"company\") {\r\n\t\t\t\tthis.companyFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_serial_number\") {\r\n\t\t\t\tthis.boxSerialFilterSelected = [];\r\n\t\t\t} else if (e.field == \"box_vendor\") {\r\n\t\t\t\tthis.boxVendorFilterSelected = [];\r\n\t\t\t} else if (e.field == \"accessories\") {\r\n\t\t\t\tthis.accessoriesDataFiltersSelected = [];\r\n\t\t\t} else if (e.field == \"type\") {\r\n\t\t\t\tthis.boxTypesFilterselected = [];\r\n\t\t\t} else if (e.field == \"status\") {\r\n\t\t\t\tthis.statusFiltersSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\taccessoriesToString(accessories) {\r\n\t\t\tif (this._.isNull(accessories) === false && this._.isUndefined(accessories) === false && this._.isArray(accessories) && accessories.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tvar result = this._.sortBy(accessories, function(a) {\r\n\t\t\t\t\treturn a.value ? a.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tresult.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tonStatusChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.allStatus.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.status.key = newItem.id;\r\n\t\t\t\trow.status.value = newItem.name;\r\n\t\t\t\trow.status_id = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonBoxVendorChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.boxVendorFilters.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.box_vendor = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tonBoxTypeChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\tvar newItem = this.boxTypesFilters.find(function(item) {\r\n\t\t\t\t\treturn item.id == newValue;\r\n\t\t\t\t});\r\n\r\n\t\t\t\trow.type = newItem.id;\r\n\t\t\t}\r\n\r\n\t\t\tif (!row.isNew)\r\n\t\t\t\tthis.itemChange({\r\n\t\t\t\t\tdataItem: row\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetStatus() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxStatus().then(res => {\r\n\t\t\t\tself.allStatus = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: `${item.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.statusFilters = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tvalue: `${item.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.allStatus.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxSerial: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxSerialsByCompany(self.companyId).then(res => {\r\n\t\t\t\tself.boxSerialFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tvalue: item\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetPlates: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getPlatesByCompany(self.companyId).then(res => {\r\n\t\t\t\tself.plateNumberFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.number_plate,\r\n\t\t\t\t\t\t\tvalue: item.number_plate\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// self.plateNumberFilters.unshift({\r\n\t\t\t\t// \tid: \"\",\r\n\t\t\t\t// \tname: \"\"\r\n\t\t\t\t// });\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxVendors: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getProviders().then(res => {\r\n\t\t\t\tself.boxVendorFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetBoxTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getBoxTypes().then(res => {\r\n\t\t\t\tself.boxTypesFilters = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.name,\r\n\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columns.forEach(c => {\r\n\t\t\t\tself.columnsToShow.push(c);\r\n\t\t\t});\r\n\t\t\tself.dataReady = true;\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.status) item.status_id = item.status.key;\r\n\t\t\t\tif (item.start_date) item.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\tif (item.installation_end_date) item.installation_end_date = this.dateStringToMomentFormat(item.installation_end_date);\r\n\t\t\t\telse item.installation_end_date = null;\r\n\t\t\t\tif (item.end_date) item.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\telse item.end_date = null;\r\n\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tif (this.updatedItems[i].id <= 0) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.status) item.status_id = item.status.key;\r\n\t\t\t\tif (item.start_date) item.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\tif (item.installation_end_date) item.installation_end_date = this.dateStringToMomentFormat(item.installation_end_date);\r\n\t\t\t\telse item.installation_end_date = null;\r\n\t\t\t\tif (item.end_date) item.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\telse item.end_date = null;\r\n\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postBoxesByCompany(this.companyId, createdItemsNormilized, updatedItemsNormilized, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tvar cellRemove = self.columns[this.columns.length - 1];\r\n\t\t\t\t\t\tcellRemove.className = \"k-button k-grid-remove-command\";\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.sort = [\"id|desc\"];\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tapi.getBoxesByCompany(self.companyId, data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.loading = false;\r\n\t\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\t\tvar row = {};\r\n\t\t\t\t\t\trow.id = item.id;\r\n\t\t\t\t\t\trow.box_serial_number = item.box_serial_number;\r\n\t\t\t\t\t\trow.box_vendor = item.box_vendor;\r\n\t\t\t\t\t\trow.start_date = item.start_date;\r\n\t\t\t\t\t\trow.end_date = item.end_date;\r\n\t\t\t\t\t\trow.contract_end_date = item.contract_end_date;\r\n\t\t\t\t\t\trow.installation_end_date = item.installation_end_date;\r\n\t\t\t\t\t\trow.type = item.type;\r\n\t\t\t\t\t\trow.number_plate = item.number_plate;\r\n\t\t\t\t\t\trow.vehicle_id = item.vehicle_id;\r\n\t\t\t\t\t\trow.status = item.status || { key: 0, value: \"\" };\r\n\t\t\t\t\t\trow.status_id = (item.status && item.status.id) || null;\r\n\t\t\t\t\t\treturn row;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tself.total = res.totalCount;\r\n\r\n\t\t\t\t\t// self.boxTypesFilters = [{ id: \"MK0\", value: \"MK0\" }];\r\n\t\t\t\t\t// console.log(res.items);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(res => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tdata.pageSize = this.take;\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tdata.companyId = self.companyId;\r\n\r\n\t\t\tapi.exportXlsx(\"boxesNoCompany\", data).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Aziende.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcellClickHandler: function(e) {\r\n\t\t\tvar columnField = this.columnsToShow.find(function(f) {\r\n\t\t\t\treturn f.field === e.field;\r\n\t\t\t});\r\n\r\n\t\t\tthis.items.forEach(d => {\r\n\t\t\t\tif (d.selected) {\r\n\t\t\t\t\tVue.set(d, \"selected\", undefined);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!this.isInEditMode && this.hasSelectedMode) {\r\n\t\t\t\t//Selected Mode\r\n\t\t\t\tVue.set(e.dataItem, \"selected\", e.field);\r\n\t\t\t\te.dataItem.id;\r\n\t\t\t} else if (this.isInEditMode && this.hasEditableMode) {\r\n\t\t\t\tif (e.dataItem.inEdit && e.field === this.editField) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (columnField && columnField.editable) {\r\n\t\t\t\t\tthis.editField = e.field;\r\n\t\t\t\t\tthis.items = this.items;\r\n\r\n\t\t\t\t\tVue.set(e.dataItem, \"inEdit\", e.field);\r\n\r\n\t\t\t\t\tthis.items.forEach(d => {\r\n\t\t\t\t\t\tif (d.inEdit) {\r\n\t\t\t\t\t\t\tif (e.dataItem !== d) {\r\n\t\t\t\t\t\t\t\tVue.set(d, \"inEdit\", undefined);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.items = this.items;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.isInEditMode && columnField.format == \"link\") {\r\n\t\t\t\tif (columnField.field == \"company\") {\r\n\t\t\t\t\tthis.goToCompany(e.dataItem);\r\n\t\t\t\t} else if (columnField.field == \"number_plate\") {\r\n\t\t\t\t\tthis.goToVehicle(e.dataItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLink(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\tvar id = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tid: id\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\tvar vehicleId = dataItem.vehicleId;\r\n\t\t\t\tvar companyId = dataItem.companyId;\r\n\t\t\t\tlet props = this.$router.resolve({\r\n\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn props.href;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetLinkName(field, dataItem) {\r\n\t\t\t// console.log('getLInk', field, dataItem);\r\n\t\t\tif (field == \"company\") {\r\n\t\t\t\treturn dataItem.company;\r\n\t\t\t} else if (field == \"number_plate\") {\r\n\t\t\t\treturn dataItem.number_plate;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoToCompany(dataItem) {\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getCompanyIdByName(dataItem.company).then(res => {\r\n\t\t\t\tcompanyId = res.id;\r\n\t\t\t\tif (companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"COMPANY_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tid: companyId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToVehicle(dataItem) {\r\n\t\t\tvar vehicleId = 0;\r\n\t\t\tvar companyId = 0;\r\n\r\n\t\t\tapi.getVeichleByPlate(dataItem.number_plate).then(res => {\r\n\t\t\t\tvehicleId = res.id;\r\n\t\t\t\tcompanyId = res.company_id;\r\n\t\t\t\tif (vehicleId > 0 && companyId > 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"SUPERADMIN_VEHICLE_DETAIL\",\r\n\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\tcompanyid: companyId,\r\n\t\t\t\t\t\t\tid: vehicleId\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tbus.$off(\"import-ended\");\r\n\t\tbus.$off(\"import-update\");\r\n\t},\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\tcheckCompanyQuery() {\r\n\t\t\treturn this.$route.query.company;\r\n\t\t},\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./importBoxes.vue.js?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/eslint-loader/index.js??ref--13-0!./importBoxes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./importBoxes.vue?vue&type=template&id=0db841a4&\"\nimport script from \"./importBoxes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./importBoxes.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb-60\",attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.supportTables'],\"show-date-time\":true}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('groups')],1),_c('div',{staticClass:\"col-lg-6\"},[_c('driving-license-types')],1)])]),_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('categories')],1),_c('div',{staticClass:\"col-lg-6\"},[_c('poi-categories')],1)])]),(_vm.hasPowerTakeOff && _vm.hasPowerTakeOffLegend)?_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('powerTakeOffLegend')],1)])]):_vm._e(),(_vm.hasDivisions)?_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('divisions')],1)])]):_vm._e(),(_vm.hasReportPoi)?_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row anGrf\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('poiTimeSlots')],1)])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"Eventi alla guida\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-1\"}},[_c('b-card',[_c('grid-toolbar'),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'ve-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData(1);\r\n\t\tvar newItem = {\r\n\t\t\tbox_payload_id: \"\",\r\n\t\t\tbox_type_id: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tpercentage_max_tolerance: 0,\r\n\t\t\tpercentage_min_tolerance: 0\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postVehicleEventsData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getVehicleEvents(self);\r\n\t\t},\r\n\r\n\t\tgetVehicleEvents: function(self) {\r\n\t\t\tapi.getVehicleEventsData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tbox_payload_id: item.box_payload_id,\r\n\t\t\t\t\t\tbox_type_id: item.box_type_id,\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tpercentage_min_tolerance: item.percentage_min_tolerance,\r\n\t\t\t\t\t\tpercentage_max_tolerance: item.percentage_max_tolerance\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"170\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"193\",\r\n\t\t\t\t\tminResizableWidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_payload_id\",\r\n\t\t\t\t\ttitle: \"id box\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"75\",\r\n\t\t\t\t\tminResizableWidth: \"35\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_type_id\",\r\n\t\t\t\t\ttitle: \"tipologia\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\tminResizableWidth: \"110\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_cat_id\",\r\n\t\t\t\t\ttitle: \"categoria\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\tminResizableWidth: \"110\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"\",\r\n\t\t\t\t\theaderCell: \"\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./vehicleEvents.vue.js?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/eslint-loader/index.js??ref--13-0!./vehicleEvents.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehicleEvents.vue?vue&type=template&id=2b755416&\"\nimport script from \"./vehicleEvents.vue.js?vue&type=script&lang=js&\"\nexport * from \"./vehicleEvents.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}]},[_vm._v(\"Classificazioni\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-4\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'ca-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ca-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\tis_trailer: false,\r\n\t\t\tcounter_id: 4,\r\n\t\t\tbox_drive_icon: \"\",\r\n\t\t\tbox_stop_icon: \"\",\r\n\t\t\tbox_still_icon: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postCategoriesData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getCategories(self);\r\n\t\t},\r\n\r\n\t\tgetCategories: function(self) {\r\n\t\t\tapi.getCategoriesData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tis_trailer: item.is_trailer,\r\n\t\t\t\t\t\tcounter_id: item.counter_id,\r\n\t\t\t\t\t\tbox_drive_icon: item.box_drive_icon,\r\n\t\t\t\t\t\tbox_stop_icon: item.box_stop_icon,\r\n\t\t\t\t\t\tbox_still_icon: item.box_still_icon\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\twidth: \"240\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\twidth: \"240\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"is_trailer\",\r\n\t\t\t\t\ttitle: \"rimorchio\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\tminResizableWidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"counter_id\",\r\n\t\t\t\t\ttitle: \"unità di misura\",\r\n\t\t\t\t\twidth: \"60\",\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_drive_icon\",\r\n\t\t\t\t\ttitle: \"Movimento\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_stop_icon\",\r\n\t\t\t\t\ttitle: \"Fermo\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"box_still_icon\",\r\n\t\t\t\t\ttitle: \"Inattività\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./categories.vue.js?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/eslint-loader/index.js??ref--13-0!./categories.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./categories.vue?vue&type=template&id=d03fcc1a&\"\nimport script from \"./categories.vue.js?vue&type=script&lang=js&\"\nexport * from \"./categories.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}]},[_vm._v(\"Patenti\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-3\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'dlt-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tname: \"\",\r\n\t\t\tid: this.indexNewItem\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postDrivingLicenseTypesData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getDrivingLicenseTypes(self);\r\n\t\t},\r\n\r\n\t\tgetDrivingLicenseTypes: function(self) {\r\n\t\t\tapi.getDrivingLicenseTypesData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tid: item.id\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\tminResizableWidth: '100',\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"Descrizione\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./drivingLicenseTypes.vue.js?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/eslint-loader/index.js??ref--13-0!./drivingLicenseTypes.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drivingLicenseTypes.vue?vue&type=template&id=3adbd5e8&\"\nimport script from \"./drivingLicenseTypes.vue.js?vue&type=script&lang=js&\"\nexport * from \"./drivingLicenseTypes.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}]},[_vm._v(\"Categorie Poi\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-6\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'poic-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"remove-all-edit-cell\":_vm.exitEditCell}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postPoiCategoriesData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPoiCategories(self);\r\n\t\t},\r\n\r\n\t\tgetPoiCategories: function(self) {\r\n\t\t\tapi.getPoiCategoriesData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description,\r\n\t\t\t\t\t\tbackground_color: item.background_color || null,\r\n\t\t\t\t\t\ticon_image: item.icon_image\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\twidth: \"210\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\twidth: \"300\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"background_color\",\r\n\t\t\t\t\ttitle: \"colore sfondo\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\tminResizableWidth: '100',\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"icon_image\",\r\n\t\t\t\t\ttitle: \"immagine\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"image\",\r\n\t\t\t\t\twidth: \"90\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\tcell: \"\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\twidth: \"\",\r\n\t\t\t\t\theaderCell: \"\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./poiCategories.vue.js?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/eslint-loader/index.js??ref--13-0!./poiCategories.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./poiCategories.vue?vue&type=template&id=1e65e891&\"\nimport script from \"./poiCategories.vue.js?vue&type=script&lang=js&\"\nexport * from \"./poiCategories.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}]},[_vm._v(\"Stati del mezzo\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-5\"}},[_c('b-card',[_c('grid-toolbar'),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'va-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"remove-all-edit-cell\":_vm.exitEditCell}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tname: \"\",\r\n\t\t\ticon_color: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postVehicleStatesData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getVehicleStates(self);\r\n\t\t},\r\n\r\n\t\tgetVehicleStates: function(self) {\r\n\t\t\tapi.getVehicleStatesData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\ticon_color: item.icon_color\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"icon_color\",\r\n\t\t\t\t\ttitle: \"colore\",\r\n\t\t\t\t\twidth: \"80\",\r\n\t\t\t\t\tminResizableWidth: '80',\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./vehicleStates.vue.js?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/eslint-loader/index.js??ref--13-0!./vehicleStates.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehicleStates.vue?vue&type=template&id=036f7f9d&\"\nimport script from \"./vehicleStates.vue.js?vue&type=script&lang=js&\"\nexport * from \"./vehicleStates.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-7\",modifiers:{\"collapse-7\":true}}]},[_vm._v(\"Divisioni\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-7\",modifiers:{\"collapse-7\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-7\"}},[_c('b-card',[_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'dv-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tcode: \"\",\r\n\t\t\tdescription: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"name\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postDivisionsData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getDivisions(self);\r\n\t\t},\r\n\r\n\t\tgetDivisions: function(self) {\r\n\t\t\tapi.getDivisionsData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tcode: item.code,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"code\",\r\n\t\t\t\t\ttitle: \"Codice\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\twidth: \"429\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"\",\r\n\t\t\t\t\tcell: \"\",\r\n\t\t\t\t\theaderCell: \"\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t\t/*\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t\t*/\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./divisions.vue.js?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/eslint-loader/index.js??ref--13-0!./divisions.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./divisions.vue?vue&type=template&id=2e6b8ea7&\"\nimport script from \"./divisions.vue.js?vue&type=script&lang=js&\"\nexport * from \"./divisions.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"Divisioni\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-2\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({height: '307px'}),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'gr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData(1);\r\n\t\tvar newItem = {\r\n\t\t\tid: this.indexNewItem,\r\n\t\t\tname: \"\",\r\n\t\t\tdescription: \"\"\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{field: \"name\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api.postGroupsData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getGroups(self);\r\n\t\t},\r\n\r\n\t\tgetGroups: function(self) {\r\n\t\t\tapi.getGroupsData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tdescription: item.description\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetNestedValue(fieldName, dataItem) {\r\n\t\t\tconst path = fieldName.split('.');\r\n\t\t\tlet data = dataItem;\r\n\t\t\tpath.forEach((p) => {\r\n\t\t\t\tdata = data ? data[p] : undefined;\r\n\t\t\t});\r\n\t\t\r\n\t\t\treturn data;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\twidth: \"315\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\ttitle: \"descrizione\",\r\n\t\t\t\t\twidth: \"315\",\r\n\t\t\t\t\tminResizableWidth: '150',\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"\",\r\n\t\t\t\t\tcell: \"\",\r\n\t\t\t\t\theaderCell: \"\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./groups.vue.js?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/eslint-loader/index.js??ref--13-0!./groups.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./groups.vue?vue&type=template&id=261fd205&\"\nimport script from \"./groups.vue.js?vue&type=script&lang=js&\"\nexport * from \"./groups.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-8\",modifiers:{\"collapse-8\":true}}]},[_vm._v(\"PRESE DI FORZA LEGENDA\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-8\",modifiers:{\"collapse-8\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-8\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'ptol-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ptol-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myNumberP1Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p1_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p1_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p1_priority\", $$v)},expression:\"props.dataItem.p1_priority\"}})],1)])]}},{key:\"myNumberP2Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p2_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p2_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p2_priority\", $$v)},expression:\"props.dataItem.p2_priority\"}})],1)])]}},{key:\"myNumberP3Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p3_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p3_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p3_priority\", $$v)},expression:\"props.dataItem.p3_priority\"}})],1)])]}},{key:\"myNumberP4Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p4_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p4_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p4_priority\", $$v)},expression:\"props.dataItem.p4_priority\"}})],1)])]}},{key:\"myNumberP5Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p5_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p5_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p5_priority\", $$v)},expression:\"props.dataItem.p5_priority\"}})],1)])]}},{key:\"myNumberP6Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p6_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p6_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p6_priority\", $$v)},expression:\"props.dataItem.p6_priority\"}})],1)])]}},{key:\"myNumberP7Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p7_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p7_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p7_priority\", $$v)},expression:\"props.dataItem.p7_priority\"}})],1)])]}},{key:\"myNumberP8Template\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode),expression:\"!isInEditMode\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.p8_priority)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode),expression:\"isInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"min\":_vm.min,\"max\":_vm.max,\"id\":\"initial_odometer_value\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"change\":function($event){return _vm.itemChangeLocal(props.dataItem)}},model:{value:(props.dataItem.p8_priority),callback:function ($$v) {_vm.$set(props.dataItem, \"p8_priority\", $$v)},expression:\"props.dataItem.p8_priority\"}})],1)])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tpriorities: [],\r\n\t\t\tmin: 1,\r\n\t\t\tmax: 8\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tvehicle_type: \"\",\r\n\t\t\tp1_color: \"\",\r\n\t\t\tp1_description: \"\",\r\n\t\t\tp1_priority: 1,\r\n\t\t\tp1_enable: false,\r\n\t\t\tp2_color: \"\",\r\n\t\t\tp2_description: \"\",\r\n\t\t\tp2_priority: 2,\r\n\t\t\tp2_enable: false,\r\n\t\t\tp3_color: \"\",\r\n\t\t\tp3_description: \"\",\r\n\t\t\tp3_priority: 3,\r\n\t\t\tp3_enable: false,\r\n\t\t\tp4_color: \"\",\r\n\t\t\tp4_description: \"\",\r\n\t\t\tp4_priority: 4,\r\n\t\t\tp4_enable: false,\r\n\t\t\tp5_color: \"\",\r\n\t\t\tp5_description: \"\",\r\n\t\t\tp5_priority: 5,\r\n\t\t\tp5_enable: false,\r\n\t\t\tp6_color: \"\",\r\n\t\t\tp6_description: \"\",\r\n\t\t\tp6_priority: 6,\r\n\t\t\tp6_enable: false,\r\n\t\t\tp7_color: \"\",\r\n\t\t\tp7_description: \"\",\r\n\t\t\tp7_priority: 7,\r\n\t\t\tp7_enable: false,\r\n\t\t\tp8_color: \"\",\r\n\t\t\tp8_description: \"\",\r\n\t\t\tp8_priority: 8,\r\n\t\t\tp8_enable: false,\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"vehicle_type\", dir: \"asc\" }];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tcheckPriority: function(priority) {\r\n\t\t\tif (priority > this.max) return this.max;\r\n\t\t\tif (priority < this.min) return this.min;\r\n\t\t\treturn priority;\r\n\t\t},\r\n\t\titemChangeLocal: function(e) {\r\n\t\t\te.p1_priority = this.checkPriority(e.p1_priority);\r\n\t\t\te.p2_priority = this.checkPriority(e.p2_priority);\r\n\t\t\te.p3_priority = this.checkPriority(e.p3_priority);\r\n\t\t\te.p4_priority = this.checkPriority(e.p4_priority);\r\n\t\t\te.p5_priority = this.checkPriority(e.p5_priority);\r\n\t\t\te.p6_priority = this.checkPriority(e.p6_priority);\r\n\t\t\te.p7_priority = this.checkPriority(e.p7_priority);\r\n\t\t\te.p8_priority = this.checkPriority(e.p8_priority);\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: e\r\n\t\t\t});\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = api\r\n\t\t\t\t\t.postPowerOffLegendData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getPowerOffLegend(self);\r\n\t\t},\r\n\r\n\t\tgetPowerOffLegend: function(self) {\r\n\t\t\tapi.getPowerOffLegend().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tvehicle_type: item.vehicle_type,\r\n\t\t\t\t\t\tp1_color: item.p1_color,\r\n\t\t\t\t\t\tp1_description: item.p1_description,\r\n\t\t\t\t\t\tp1_priority: item.p1_priority,\r\n\t\t\t\t\t\tp1_enable: item.p1_enable,\r\n\t\t\t\t\t\tp2_color: item.p2_color,\r\n\t\t\t\t\t\tp2_description: item.p2_description,\r\n\t\t\t\t\t\tp2_priority: item.p2_priority,\r\n\t\t\t\t\t\tp2_enable: item.p2_enable,\r\n\t\t\t\t\t\tp3_color: item.p3_color,\r\n\t\t\t\t\t\tp3_description: item.p3_description,\r\n\t\t\t\t\t\tp3_priority: item.p3_priority,\r\n\t\t\t\t\t\tp3_enable: item.p3_enable,\r\n\t\t\t\t\t\tp4_color: item.p4_color,\r\n\t\t\t\t\t\tp4_description: item.p4_description,\r\n\t\t\t\t\t\tp4_priority: item.p4_priority,\r\n\t\t\t\t\t\tp4_enable: item.p4_enable,\r\n\t\t\t\t\t\tp5_color: item.p5_color,\r\n\t\t\t\t\t\tp5_description: item.p5_description,\r\n\t\t\t\t\t\tp5_priority: item.p5_priority,\r\n\t\t\t\t\t\tp5_enable: item.p5_enable,\r\n\t\t\t\t\t\tp6_color: item.p6_color,\r\n\t\t\t\t\t\tp6_description: item.p6_description,\r\n\t\t\t\t\t\tp6_priority: item.p6_priority,\r\n\t\t\t\t\t\tp6_enable: item.p6_enable,\r\n\t\t\t\t\t\tp7_color: item.p7_color,\r\n\t\t\t\t\t\tp7_description: item.p7_description,\r\n\t\t\t\t\t\tp7_priority: item.p7_priority,\r\n\t\t\t\t\t\tp7_enable: item.p7_enable,\r\n\t\t\t\t\t\tp8_color: item.p8_color,\r\n\t\t\t\t\t\tp8_description: item.p8_description,\r\n\t\t\t\t\t\tp8_priority: item.p8_priority,\r\n\t\t\t\t\t\tp8_enable: item.p8_enable,\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_type\",\r\n\t\t\t\t\ttitle: \"tipo mezzo\",\r\n\t\t\t\t\twidth: 150,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_enable\",\r\n\t\t\t\t\ttitle: \"PF2 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_color\",\r\n\t\t\t\t\ttitle: \"PF2 colore\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_description\",\r\n\t\t\t\t\ttitle: \"PF2 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p1_priority\",\r\n\t\t\t\t\ttitle: \"PF2 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP1Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"numeric\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_enable\",\r\n\t\t\t\t\ttitle: \"PF3 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_color\",\r\n\t\t\t\t\ttitle: \"PF3 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_description\",\r\n\t\t\t\t\ttitle: \"PF3 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p2_priority\",\r\n\t\t\t\t\ttitle: \"PF3 priorità\",\r\n\t\t\t\t\tcell: \"myNumberP2Template\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_enable\",\r\n\t\t\t\t\ttitle: \"PF4 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_color\",\r\n\t\t\t\t\ttitle: \"PF4 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_description\",\r\n\t\t\t\t\ttitle: \"PF4 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p3_priority\",\r\n\t\t\t\t\ttitle: \"PF4 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP3Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_enable\",\r\n\t\t\t\t\ttitle: \"PF5 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_color\",\r\n\t\t\t\t\ttitle: \"PF5 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_description\",\r\n\t\t\t\t\ttitle: \"PF5 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p4_priority\",\r\n\t\t\t\t\ttitle: \"PF5 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP4Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_enable\",\r\n\t\t\t\t\ttitle: \"PF6 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_color\",\r\n\t\t\t\t\ttitle: \"PF6 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_description\",\r\n\t\t\t\t\ttitle: \"PF6 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p5_priority\",\r\n\t\t\t\t\ttitle: \"PF6 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP5Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_enable\",\r\n\t\t\t\t\ttitle: \"PF7 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_color\",\r\n\t\t\t\t\ttitle: \"PF7 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_description\",\r\n\t\t\t\t\ttitle: \"PF7 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p6_priority\",\r\n\t\t\t\t\ttitle: \"PF7 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP6Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_enable\",\r\n\t\t\t\t\ttitle: \"PF8 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_color\",\r\n\t\t\t\t\ttitle: \"PF8 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_description\",\r\n\t\t\t\t\ttitle: \"PF8 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p7_priority\",\r\n\t\t\t\t\ttitle: \"PF8 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP7Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_enable\",\r\n\t\t\t\t\ttitle: \"PF9 abilitato\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"115\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_color\",\r\n\t\t\t\t\ttitle: \"PF9 colore\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"color\",\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_description\",\r\n\t\t\t\t\ttitle: \"PF9 descrizione\",\r\n\t\t\t\t\twidth: 180,\r\n\t\t\t\t\tminResizableWidth: \"100\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"p8_priority\",\r\n\t\t\t\t\ttitle: \"PF9 priorità\",\r\n\t\t\t\t\twidth: 120,\r\n\t\t\t\t\tminResizableWidth: \"60\",\r\n\t\t\t\t\tcell: \"myNumberP8Template\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: \"45\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./powerTakeOffLegend.vue.js?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/eslint-loader/index.js??ref--13-0!./powerTakeOffLegend.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./powerTakeOffLegend.vue?vue&type=template&id=3e7ff246&\"\nimport script from \"./powerTakeOffLegend.vue.js?vue&type=script&lang=js&\"\nexport * from \"./powerTakeOffLegend.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intestazione\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-9\",modifiers:{\"collapse-9\":true}}]},[_vm._v(\"Report poi fascie orarie\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-9\",modifiers:{\"collapse-9\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-9\"}},[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveData}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"edit-field\":'inEdit',\"columns\":_vm.columns},on:{\"pagechange\":_vm.pageChangeHandler,\"remove\":_vm.remove},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"tableName\":'gr-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHoursMinsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterangeHoursMins',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport cellTemplate from \"../../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\tsavePendingRequest: null\r\n\r\n\t\t\t// items: []\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tfrom: moment.startOf('day').utc().tz(\"Europe/Rome\").format(),\r\n\t\t\tto: moment().endOf('day'),\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\t// this.sort = [{field: \"from\", dir: \"asc\"}];\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\r\n\t\t\t\t// var createdItemsNormilized = [];\r\n\t\t\t\t// for (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\t// \tlet item = this._.clone(this.createdItems[i]);\r\n\t\r\n\t\t\t\t// \tif (item.from) {\r\n\t\t\t\t// \t\titem.from = item.from.locale('it');\r\n\t\t\t\t// \t}\r\n\t\r\n\t\t\t\t// \tif (item.to) {\r\n\t\t\t\t// \t\titem.to = item.to.local;\r\n\t\t\t\t// \t} \r\n\t\t\t\t// \tcreatedItemsNormilized.push(item);\r\n\t\t\t\t// }\r\n\t\r\n\t\t\t\t// var updatedItemsNormilized = [];\r\n\t\t\t\t// for (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\t// \tlet item = this._.clone(this.updatedItems[i]);\r\n\t\r\n\t\t\t\t// \tif (item.start_date) {\r\n\t\t\t\t// \t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t// \t}\r\n\t\r\n\t\t\t\t// \tif (item.end_date) {\r\n\t\t\t\t// \t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t// \t} else {\r\n\t\t\t\t// \t\titem.end_date = null;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// \tupdatedItemsNormilized.push(item);\r\n\t\t\t\t// }\r\n\r\n\t\t\t\tthis.savePendingRequest = api.postPoiTimeSlotsData(this.createdItems, this.updatedItems, this.deletedItems)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.createdItems = [];\r\n\t\t\t\t\tself.updatedItems = [];\r\n\t\t\t\t\tself.deletedItems = [];\r\n\r\n\t\t\t\t\tself.isInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\tconsole.log(\"KO\" + err);\r\n\t\t\t\t}).finally(_ => {\r\n\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tthis.getSlots(self);\r\n\t\t},\r\n\r\n\t\tgetSlots: function(self) {\r\n\t\t\tapi.getReportPoiTimeSlotsData().then(res => {\r\n\t\t\t\tself.loading = false;\r\n\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\tfrom: item.from,\r\n\t\t\t\t\t\tto: item.to,\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tswitchEditMode: function() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetNestedValue(fieldName, dataItem) {\r\n\t\t\tconst path = fieldName.split('.');\r\n\t\t\tlet data = dataItem;\r\n\t\t\tpath.forEach((p) => {\r\n\t\t\t\tdata = data ? data[p] : undefined;\r\n\t\t\t});\r\n\t\t\r\n\t\t\treturn data;\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"nome\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"from\",\r\n\t\t\t\t\ttitle: \"da\",\r\n\t\t\t\t\tformat: \"datetimeHoursMins\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"to\",\r\n\t\t\t\t\ttitle: \"a\",\r\n\t\t\t\t\tformat: \"datetimeHoursMins\",\r\n\t\t\t\t\theaderCell: \"myDateHoursMinsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\tminResizableWidth: '45',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./poiTimeSlots.vue.js?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/eslint-loader/index.js??ref--13-0!./poiTimeSlots.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./poiTimeSlots.vue?vue&type=template&id=378df4d0&\"\nimport script from \"./poiTimeSlots.vue.js?vue&type=script&lang=js&\"\nexport * from \"./poiTimeSlots.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import vehicleEvents from \"./components/vehicleEvents.vue\";\r\nimport categories from \"./components/categories.vue\";\r\nimport drivingLicenseTypes from \"./components/drivingLicenseTypes.vue\";\r\nimport poiCategories from \"./components/poiCategories.vue\";\r\nimport vehicleStates from \"./components/vehicleStates.vue\";\r\nimport divisions from \"./components/divisions.vue\";\r\nimport groups from \"./components/groups.vue\";\r\nimport powerTakeOffLegend from \"./components/powerTakeOffLegend.vue\";\r\nimport poiTimeSlots from \"./components/poiTimeSlots.vue\";\r\n\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tvehicleEvents,\r\n\t\tcategories,\r\n\t\tdrivingLicenseTypes,\r\n\t\tpoiCategories,\r\n\t\tvehicleStates,\r\n\t\tgroups,\r\n\t\tdivisions,\r\n\t\tpowerTakeOffLegend,\r\n\t\tpoiTimeSlots\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: false,\r\n\t\t\thasDivisions: false,\r\n\t\t\thasPowerTakeOff: false,\r\n\t\t\thasPowerTakeOffLegend: false,\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tconsole.log(this.scopes);\r\n\t\tthis.hasPowerTakeOff = this.scopes.includes(\"POWER_TAKE_OFF\");\r\n\t\tthis.hasPowerTakeOffLegend = this.scopes.includes(\"POWER_TAKE_OFF_LEGEND\")\r\n\t\tthis.hasReportPoi = this.scopes.includes(\"exp_300\")\r\n\t},\r\n\tmounted() {},\r\n\r\n\t/* metodi */\r\n\tmethods: {},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\",\"scopes\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7ab22405&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb-0\",attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.settings'],\"show-date-time\":true}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"})]),_c('div',{staticClass:\"row\",staticStyle:{\"top\":\"110px\",\"right\":\"18px\",\"position\":\"absolute\",\"z-index\":\"999\"}},[_c('div',{staticClass:\"col-lg-12 editSettings\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveSettings}})],1)]),(_vm.loading == false)?[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intSet\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',[_vm._v(\"CONFIGURAZIONI GENERALI\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols cntStg\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('kendo-numerictextbox',{attrs:{\"round\":true,\"format\":'0',\"decimals\":0,\"restrict-decimals\":true,\"disabled\":\"disabled\"},model:{value:(_vm.defaultPageSize),callback:function ($$v) {_vm.defaultPageSize=_vm._n($$v)},expression:\"defaultPageSize\"}}),_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tELEMENTI PER PAGINA NELLE TABELLE\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkShowExport\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.showExportData),callback:function ($$v) {_vm.showExportData=$$v},expression:\"showExportData\"}},[_vm._v(\"MOSTRA EXPORT DEI DATI\")])],1)])]),_c('div',{staticClass:\"col-md-4\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkLocShowPoiOnMap\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.showPoiOnMap),callback:function ($$v) {_vm.showPoiOnMap=$$v},expression:\"showPoiOnMap\"}},[_vm._v(\"VISUALIZZA POI SULLA MAPPA\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkLocShowTrafficOnMap\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.showTrafficOnMap),callback:function ($$v) {_vm.showTrafficOnMap=$$v},expression:\"showTrafficOnMap\"}},[_vm._v(\"VISUALIZZA TRAFFICO SULLA MAPPA\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkLocShowSatOnMap\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.showSatOnMap),callback:function ($$v) {_vm.showSatOnMap=$$v},expression:\"showSatOnMap\"}},[_vm._v(\"VISUALIZZA OPZIONE SATELLITE MAPPA\")])],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{staticClass:\"fk-textbox settings\",attrs:{\"for\":\"mobility_manager_email\"}},[_vm._v(_vm._s(_vm.$store.state.settings.commonLabels[\"settings.mobilityManagerEmail\"]))]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"mobility_manager_email\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.mobility_manager_email),callback:function ($$v) {_vm.mobility_manager_email=$$v},expression:\"mobility_manager_email\"}})],1)])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intSet\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',[_vm._v(\"Localizzazione\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',{staticClass:\"form2cols cntStg\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\",staticStyle:{\"margin-right\":\"30px\"}},[_c('div',{staticClass:\"form-check\"},[_c('b-form-radio',{attrs:{\"disabled\":!_vm.isInEditMode,\"name\":\"rdLocalization\",\"value\":\"0\"},model:{value:(_vm.locViewType),callback:function ($$v) {_vm.locViewType=$$v},expression:\"locViewType\"}},[_vm._v(\"MAPPA + TABELLA VERTICALE\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-radio',{attrs:{\"disabled\":!_vm.isInEditMode,\"name\":\"rdLocalization\",\"value\":\"1\"},model:{value:(_vm.locViewType),callback:function ($$v) {_vm.locViewType=$$v},expression:\"locViewType\"}},[_vm._v(\"MAPPA + TABELLA ORIZZONTALE\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-radio',{attrs:{\"disabled\":!_vm.isInEditMode,\"name\":\"rdLocalization\",\"value\":\"2\"},model:{value:(_vm.locViewType),callback:function ($$v) {_vm.locViewType=$$v},expression:\"locViewType\"}},[_vm._v(\"TABELLA ORIZZONTALE\")])],1)])])])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intSet\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',[_vm._v(\"Dati Viaggio\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-3\"}},[_c('b-card',{staticClass:\"form2cols cntStg\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\",staticStyle:{\"margin-right\":\"30px\"}},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkTripsShowMap\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.tripsShowMap),callback:function ($$v) {_vm.tripsShowMap=$$v},expression:\"tripsShowMap\"}},[_vm._v(\"MAPPA\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkTripsShowBottmoGrid\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.tripsShowBottmoGrid),callback:function ($$v) {_vm.tripsShowBottmoGrid=$$v},expression:\"tripsShowBottmoGrid\"}},[_vm._v(\"TABELLA ORIZZONTALE\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"})])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intSet\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',[_vm._v(\"DIAGNOSI MEZZI\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-4\"}},[_c('b-card',{staticClass:\"form2cols cntStg\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\",staticStyle:{\"margin-right\":\"30px\"}},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkDiagnosticShowMap\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.diagnosticShowMap),callback:function ($$v) {_vm.diagnosticShowMap=$$v},expression:\"diagnosticShowMap\"}},[_vm._v(\"MAPPA\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkDiagnosticShowBottomGrid\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.diagnosticShowBottomGrid),callback:function ($$v) {_vm.diagnosticShowBottomGrid=$$v},expression:\"diagnosticShowBottomGrid\"}},[_vm._v(\"TABELLA ORIZZONTALE\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"})])])])])],1)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intSet mb-100\",class:_vm.isInEditMode ? 'editMode' : ''},[_c('h2',[_vm._v(\"Allarmi\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-5\"}},[_c('b-card',{staticClass:\"form2cols cntStg\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\",staticStyle:{\"margin-right\":\"30px\"}},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkAlarmsShowMap\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.alarmsShowMap),callback:function ($$v) {_vm.alarmsShowMap=$$v},expression:\"alarmsShowMap\"}},[_vm._v(\"MAPPA\")])],1)])]),_c('div',{staticClass:\"col-md-4 stg\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('div',{staticClass:\"form-check\"},[_c('b-form-checkbox',{staticClass:\"form-check-input\",staticStyle:{\"margin-top\":\"0.1rem !important\"},attrs:{\"id\":\"chkAlarmsShowBottomGrid\",\"disabled\":!_vm.isInEditMode},model:{value:(_vm.alarmsShowBottomGrid),callback:function ($$v) {_vm.alarmsShowBottomGrid=$$v},expression:\"alarmsShowBottomGrid\"}},[_vm._v(\"TABELLA ORIZZONTALE\")])],1)])]),_c('div',{staticClass:\"col-md-4\"})])])])])],1)],1)])])])]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../services/api\";\r\nimport { mapMutations } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tloading: true,\r\n\t\t\t//Localization\r\n\t\t\tisLocalizationSettingsInEditMode: false,\r\n\t\t\t// viewLocTypes: [\r\n\t\t\t// \t{ key: 0, value: \"Mappa + Griglia Verticale\"},\r\n\t\t\t// \t{ key: 1, value: \"Mappa + Griglia Orizzontale\"},\r\n\t\t\t// \t{ key: 2, value: \"Griglia Orizzontale\"},\r\n\t\t\t// ],\r\n\t\t\tlocViewType: \"0\",\r\n\t\t\tlocShowMapLeftGrid: true,\r\n\t\t\tlocShowMapBottomGrid: false,\r\n\t\t\tlocShowBottomGrid: false,\r\n\t\t\tlocRefreshRealTimeMap: 300,\r\n\t\t\tsaveLocSettingsRequest: null,\r\n\r\n\t\t\t//trips\r\n\t\t\tisTripsSettingsInEditMode: false,\r\n\t\t\ttripsShowMap: false,\r\n\t\t\ttripsShowBottmoGrid: false,\r\n\t\t\tsaveTripsSettingsRequest: null,\r\n\r\n\t\t\t//diagnostic\r\n\t\t\tisDiagnosticSettingsInEditMode: false,\r\n\t\t\tdiagnosticShowMap: false,\r\n\t\t\tdiagnosticShowBottomGrid: false,\r\n\t\t\tsaveDiagnosticSettingsRequest: null,\r\n\r\n\t\t\t//alarms\r\n\t\t\tisAlarmsSettingsInEditMode: false,\r\n\t\t\talarmsShowMap: false,\r\n\t\t\talarmsShowBottomGrid: false,\r\n\t\t\tsaveAlarmsSettingsRequest: null,\r\n\r\n\t\t\t//Generals\r\n\t\t\tisGeneralSettingsInEditMode: false,\r\n\t\t\tisInEditMode: false,\r\n\t\t\tsaveGeneralSettingsRequest: null,\r\n\t\t\tdefaultPageSize: 25,\r\n\t\t\tshowTrafficOnMap: false,\r\n\t\t\tshowSatOnMap: false,\r\n\t\t\tshowPoiOnMap: false,\r\n\t\t\tretantionBoxData: false,\r\n\t\t\tshowExportData: false,\r\n\t\t\tmobility_manager_email: \"\",\r\n\t\t\tshowExportReverseGeocoding: false,\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.getData();\r\n\t},\r\n\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\t...mapMutations([\"settingsFleeRun\"]),\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getViewConfig(\"globals \").then(res => {\r\n\t\t\t\tself.defaultPageSize = res.defaultPageSize;\r\n\t\t\t\tself.showTrafficOnMap = res.viewTraffic;\r\n\t\t\t\tself.showSatOnMap = res.viewSatellite;\r\n\t\t\t\tself.showPoiOnMap = res.viewPoi;\r\n\t\t\t\tself.showExportData = res.canExportGridData;\r\n\t\t\t\tself.mobility_manager_email = res.mobility_manager_email;\r\n\t\t\t\tself.showExportReverseGeocoding = res.showExportReverseGeocoding;\r\n\r\n\t\t\t\tvar locViewType = res.geoLocation.viewType;\r\n\t\t\t\tif (locViewType == \"map, horizontalGrid\") {\r\n\t\t\t\t\tself.locViewType = \"1\";\r\n\t\t\t\t} else if (locViewType == \"horizontalGrid\") {\r\n\t\t\t\t\tself.locViewType = \"2\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tself.locViewType = \"0\";\r\n\t\t\t\t}\r\n\t\t\t\tself.locRefreshRealTimeMap = res.geoLocation.refreshInterval;\r\n\r\n\t\t\t\tif (res.trips.viewType.indexOf(\"map\") >= 0) {\r\n\t\t\t\t\tself.tripsShowMap = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (res.trips.viewType.indexOf(\"horizontalGrid\") >= 0) {\r\n\t\t\t\t\tself.tripsShowBottmoGrid = true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (res.diagnosis.viewType.indexOf(\"map\") >= 0) {\r\n\t\t\t\t\tself.diagnosticShowMap = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (res.diagnosis.viewType.indexOf(\"horizontalGrid\") >= 0) {\r\n\t\t\t\t\tself.diagnosticShowBottomGrid = true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (res.alarms.viewType.indexOf(\"map\") >= 0) {\r\n\t\t\t\t\tself.alarmsShowMap = true;\r\n\t\t\t\t}\r\n\t\t\t\tif (res.alarms.viewType.indexOf(\"horizontalGrid\") >= 0) {\r\n\t\t\t\t\tself.alarmsShowBottomGrid = true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.loading = false;\r\n\t\t\t});\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\t\t\tif (!this.isInEditMode) this.resetAllEditMode();\r\n\r\n\t\t\tthis.saveDiagnosticSettingsRequest = null;\r\n\t\t},\r\n\t\tswitchGeneralSettingsEditMode() {\r\n\t\t\tthis.isGeneralSettingsInEditMode = !this.isGeneralSettingsInEditMode;\r\n\t\t\tif (!this.isGeneralSettingsInEditMode) this.resetAllEditMode();\r\n\r\n\t\t\tthis.saveDiagnosticSettingsRequest = null;\r\n\t\t},\r\n\t\tswitchLocEditMode() {\r\n\t\t\tthis.isLocalizationSettingsInEditMode = !this.isLocalizationSettingsInEditMode;\r\n\t\t\tif (!this.isLocalizationSettingsInEditMode) this.resetAllEditMode();\r\n\r\n\t\t\tthis.saveLocSettingsRequest = null;\r\n\t\t},\r\n\t\tswitchDiagnosticEditMode() {\r\n\t\t\tthis.isDiagnosticSettingsInEditMode = !this.isDiagnosticSettingsInEditMode;\r\n\t\t\tif (!this.isDiagnosticSettingsInEditMode) this.resetAllEditMode();\r\n\r\n\t\t\tthis.saveDiagnosticSettingsRequest = null;\r\n\t\t},\r\n\t\tswitchTripsEditMode() {\r\n\t\t\tthis.isTripsSettingsInEditMode = !this.isTripsSettingsInEditMode;\r\n\t\t\tif (!this.isTripsSettingsInEditMode) this.resetAllEditMode();\r\n\r\n\t\t\tthis.saveTripsSettingsRequest = null;\r\n\t\t},\r\n\t\tswitchAlarmsEditMode() {\r\n\t\t\tthis.isAlarmsSettingsInEditMode = !this.isAlarmsSettingsInEditMode;\r\n\t\t\tif (!this.isAlarmsSettingsInEditMode) this.resetAllEditMode();\r\n\r\n\t\t\tthis.saveAlarmsSettingsRequest = null;\r\n\t\t},\r\n\r\n\t\tresetAllEditMode() {\r\n\t\t\t// this.isGeneralSettingsInEditMode = false;\r\n\t\t\t// this.isLocalizationSettingsInEditMode = false;\r\n\t\t\t// this.isDiagnosticSettingsInEditMode = false;\r\n\t\t\t// this.isTripsSettingsInEditMode = false;\r\n\t\t\t// this.isAlarmsSettingsInEditMode = false;\r\n\t\t\tthis.isInEditMode = false;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\r\n\t\tsaveSettings() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar locViewType = \"\";\r\n\r\n\t\t\tif (this.locViewType == 0) locViewType = \"map, verticalGrid\";\r\n\t\t\tif (this.locViewType == 1) locViewType = \"map, horizontalGrid\";\r\n\t\t\tif (this.locViewType == 2) locViewType = \"horizontalGrid\";\r\n\r\n\t\t\tvar diagnosticViewType = [];\r\n\t\t\tif (this.diagnosticShowMap) diagnosticViewType.push(\"map\");\r\n\t\t\tif (this.diagnosticShowBottomGrid) diagnosticViewType.push(\"horizontalGrid\");\r\n\r\n\t\t\tvar diagnosticViewTypeStr = diagnosticViewType.join().replace(\",\", \", \");\r\n\r\n\t\t\tvar tripsViewType = [];\r\n\t\t\tif (this.tripsShowMap) tripsViewType.push(\"map\");\r\n\t\t\tif (this.tripsShowBottmoGrid) tripsViewType.push(\"horizontalGrid\");\r\n\r\n\t\t\tvar tripsViewTypeStr = tripsViewType.join().replace(\",\", \", \");\r\n\r\n\t\t\tvar alarmsViewType = [];\r\n\t\t\tif (this.alarmsShowMap) alarmsViewType.push(\"map\");\r\n\t\t\tif (this.alarmsShowBottomGrid) alarmsViewType.push(\"horizontalGrid\");\r\n\r\n\t\t\tvar alarmsViewTypeStr = alarmsViewType.join().replace(\",\", \", \");\r\n\r\n\t\t\tvar data = {\r\n\t\t\t\tgeoLocation: {\r\n\t\t\t\t\tviewType: locViewType,\r\n\t\t\t\t\trefreshInterval: this.locRefreshRealTimeMap\r\n\t\t\t\t},\r\n\t\t\t\tdiagnosis: {\r\n\t\t\t\t\tviewType: diagnosticViewTypeStr\r\n\t\t\t\t},\r\n\t\t\t\ttrips: {\r\n\t\t\t\t\tviewType: tripsViewTypeStr\r\n\t\t\t\t},\r\n\t\t\t\talarms: {\r\n\t\t\t\t\tviewType: alarmsViewTypeStr\r\n\t\t\t\t},\r\n\t\t\t\tmobility_manager_email: self.mobility_manager_email,\r\n\t\t\t\tshowExportReverseGeocoding: self.showExportReverseGeocoding,\r\n\t\t\t\tviewPoi: this.showPoiOnMap,\r\n\t\t\t\tviewTraffic: this.showTrafficOnMap,\r\n\t\t\t\tviewSatellite: this.showSatOnMap,\r\n\r\n\t\t\t};\r\n\r\n\t\t\tthis.saveGeneralSettingsRequest = api\r\n\t\t\t\t.setCompanyConfig(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.resetAllEditMode();\r\n\t\t\t\t\tself.settingsFleeRun(data);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveGeneralSettingsRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tsaveLocalizationSettings() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar locViewType = \"\";\r\n\r\n\t\t\tif (this.locViewType == 0) locViewType = \"map, verticalGrid\";\r\n\t\t\tif (this.locViewType == 1) locViewType = \"map, horizontalGrid\";\r\n\t\t\tif (this.locViewType == 2) locViewType = \"horizontalGrid\";\r\n\r\n\t\t\tvar data = {\r\n\t\t\t\tgeoLocation: {\r\n\t\t\t\t\tviewType: locViewType\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tthis.saveLocSettingsRequest = api\r\n\t\t\t\t.setCompanyConfig(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.resetAllEditMode();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveLocSettingsRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tsaveDiagnosticSettings() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar diagnosticViewType = [];\r\n\r\n\t\t\tif (this.diagnosticShowMap) diagnosticViewType.push(\"map\");\r\n\t\t\tif (this.diagnosticShowBottomGrid) diagnosticViewType.push(\"horizontalGrid\");\r\n\r\n\t\t\tvar diagnosticViewTypeStr = diagnosticViewType.join().replace(\",\", \", \");\r\n\r\n\t\t\tvar data = {\r\n\t\t\t\tdiagnosis: {\r\n\t\t\t\t\tviewType: diagnosticViewTypeStr\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tthis.saveDiagnosticSettingsRequest = api\r\n\t\t\t\t.setCompanyConfig(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.resetAllEditMode();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveDiagnosticSettingsRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tsaveTripsSettings() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar tripsViewType = [];\r\n\r\n\t\t\tif (this.tripsShowMap) tripsViewType.push(\"map\");\r\n\t\t\tif (this.tripsShowBottmoGrid) tripsViewType.push(\"horizontalGrid\");\r\n\r\n\t\t\tvar tripsViewTypeStr = tripsViewType.join().replace(\",\", \", \");\r\n\r\n\t\t\tvar data = {\r\n\t\t\t\ttrips: {\r\n\t\t\t\t\tviewType: tripsViewTypeStr\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tthis.saveTripsSettingsRequest = api\r\n\t\t\t\t.setCompanyConfig(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.resetAllEditMode();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveTripsSettingsRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\r\n\t\tsaveAlarmsSettings() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar alarmsViewType = [];\r\n\r\n\t\t\tif (this.alarmsShowMap) alarmsViewType.push(\"map\");\r\n\t\t\tif (this.alarmsShowBottomGrid) alarmsViewType.push(\"horizontalGrid\");\r\n\r\n\t\t\tvar alarmsViewTypeStr = alarmsViewType.join().replace(\",\", \", \");\r\n\r\n\t\t\tvar data = {\r\n\t\t\t\talarms: {\r\n\t\t\t\t\tviewType: alarmsViewTypeStr\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tthis.saveAlarmsSettingsRequest = api\r\n\t\t\t\t.setCompanyConfig(data)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.resetAllEditMode();\r\n\t\t\t\t})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveAlarmsSettingsRequest = null;\r\n\t\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=142ae534&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.alert'],\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[_c('grid-toolbar',{attrs:{\"isInEditMode\":false}}),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"resizable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"columns\":_vm.columnsToShow,\"selected-field\":_vm.selectedField},on:{\"pagechange\":_vm.pageChangeHandler,\"rowclick\":_vm.onRowClick},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"isInEditMode\":_vm.isInEditMode,\"tableName\":'alert-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'alert-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myAlertTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'alert-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.alertTypes,\"filterItemsSelected\":_vm.alertTypesSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'alert-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}}],null,false,115355067)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\nimport moment from \"moment\";\r\nimport gridbase from \"../../../components/gridComponentBase.js\";\r\nimport api from \"../../../services/api\";\r\nimport { mapGetters } from \"vuex\";\r\nimport cellEditCommand from \"../../../components/grid/cellEditCommand/cellEditCommand.vue\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tisInEditMode: false,\r\n\t\t\tdataReady: false,\r\n\t\t\tshowEditModal: false,\r\n\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\thidden: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"Nome\",\r\n\t\t\t\t\tconfigId: \"name\",\r\n\t\t\t\t\t// width: \"350\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"enabled\",\r\n\t\t\t\t\ttitle: \"Attivo\",\r\n\t\t\t\t\tconfigId: \"enabled\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"realtime_box\",\r\n\t\t\t\t\ttitle: \"REALTIME\",\r\n\t\t\t\t\tconfigId: \"realtime_box\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tfilter: \"boolean\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\teditable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"type_box\",\r\n\t\t\t\t\ttitle: \"Tipologia\",\r\n\t\t\t\t\tconfigId: \"type_box\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myAlertTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"frequency\",\r\n\t\t\t\t\ttitle: \"Frequenza di verifica\",\r\n\t\t\t\t\tconfigId: \"frequency\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"numeric-int\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehiclesDesc\",\r\n\t\t\t\t\ttitle: \"Veicoli\",\r\n\t\t\t\t\tconfigId: \"vehiclesDesc\",\r\n\t\t\t\t\t// width: \"350\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"daysDesc\",\r\n\t\t\t\t\ttitle: \"Giorni\",\r\n\t\t\t\t\tconfigId: \"daysDesc\",\r\n\t\t\t\t\t// width: \"350\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\t//table filters\r\n\t\t\talertTypes: [],\r\n\t\t\talertTypesSelected: [],\r\n\r\n\t\t\t//Edit object\r\n\t\t\tname: \"\",\r\n\t\t\tactive: false,\r\n\t\t\tfrequency_day_update: 1,\r\n\t\t\trecipients: \"\",\r\n\t\t\trecipientsCopy: \"\",\r\n\t\t\tobject: \"\",\r\n\t\t\tmessage: \"\",\r\n\t\t\tnote: \"\",\r\n\t\t\tupdated: null,\r\n\r\n\t\t\thasDivisions: false,\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\"\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\t\tif (this.vehicleIdFilterField == \"code\") this.vehicleIdFilterField = \"vehicle_codes\";\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\t\tthis.getAlertTypes();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\r\n\t},\r\n\tmethods: {\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"PREFERENCES_DETAIL_ALERT_BOX\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\t// updatedDateChange(item) {\r\n\t\t// \tvar updatedDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t// \tthis.updated = updatedDate;\r\n\t\t// },\r\n\t\t// editRowItem(e) {\r\n\t\t// \tlet dataItem = e.dataItem;\r\n\t\t// \tconsole.log(dataItem);\r\n\r\n\t\t// \tthis.openEditModal();\r\n\t\t// },\r\n\t\t// openEditModal() {\r\n\t\t// \tthis.showEditModal = true;\r\n\t\t// },\r\n\t\t// closeEditModal() {\r\n\t\t// \tthis.showEditModal = false;\r\n\t\t// },\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"type_box\") {\r\n\t\t\t\tthis.alertTypesSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetAlertTypes() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tapi.getAlertTypes().then(res => {\r\n\t\t\t\tself.alertTypes = res.map(function(type) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: type.key,\r\n\t\t\t\t\t\tvalue: type.value\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tapi.getViewConfig(\"fleerun_alerts\").then(res => {\r\n\t\t\t\tself.config = res;\r\n\t\t\t\tif (self.config && self.config.length > 0) {\r\n\t\t\t\t\tvar orderedConfigColumn = self._.orderBy(self.config, \"order\", \"asc\");\r\n\r\n\t\t\t\t\torderedConfigColumn.forEach(column => {\r\n\t\t\t\t\t\tvar defColumn = self.columns.find(function(f) {\r\n\t\t\t\t\t\t\treturn f.configId === column.field;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (defColumn && column.enabled && (!defColumn.permit || self[defColumn.permit])) {\r\n\t\t\t\t\t\t\tif (column.label && column.label.toLowerCase().indexOf(\"co2\") >= 0) {\r\n\t\t\t\t\t\t\t\tcolumn.label = column.label.toLowerCase().replace(\"co2\", \"co
2\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tdefColumn.title = column.label;\r\n\r\n\t\t\t\t\t\t\tself.columnsToShow.push(defColumn);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (self.columnsToShow.length > 0) {\r\n\t\t\t\t\t\tvar columnsByPassConfig = self._.filter(self.columns, function(item) {\r\n\t\t\t\t\t\t\treturn item.configByPass;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tfor (var i = 0; i < columnsByPassConfig.length; i++) {\r\n\t\t\t\t\t\t\t//self.columnsToShow.push(columnsByPassConfig[i]);\r\n\t\t\t\t\t\t\tvar index = columnsByPassConfig[i].order || 0;\r\n\t\t\t\t\t\t\tself.columnsToShow.splice(index, 0, columnsByPassConfig[i]);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getAlertsData(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\tself.columns.forEach(function(c) {\r\n\t\t\t\t\t\tif (c.field == \"frequency\") {\r\n\t\t\t\t\t\t\tif (item.id == 115) row[c.field] = item[c.field] + \" MIN\";\r\n\t\t\t\t\t\t\telse if (item.realtime_box) row[c.field] = \"live\";\r\n\t\t\t\t\t\t\telse row[c.field] = item[c.field] + \" GG\";\r\n\t\t\t\t\t\t} else row[c.field] = item[c.field];\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.dataReady = true;\r\n\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\t\t\tapi.exportXlsx(\"\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Veicoli.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"]),\r\n\t\tupdatedDateString() {\r\n\t\t\tif (this.updated && this.updated.isValid()) return moment(this.updated).format(\"DD MMMM YYYY\");\r\n\t\t\treturn \"\";\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=8d40a5ae&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.alert'] + ': ' + _vm.name,\"show-date-time\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isAlertDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switcAlertDetailEditMode,\"save-data-items\":_vm.saveAlertDetail}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\",staticStyle:{\"padding\":\"20px 0 0 0\"}},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"SCHEDA \"+_vm._s(_vm.$store.state.menuLabels[\"menu.alert\"]))]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isAlertDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"name\"}},[_vm._v(\"Nome\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"readonly\":true,\"id\":\"name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)]),_c('div',{staticClass:\"col-md-2\"},[(!_vm.isAlertDetailInEditMode || !_vm.type_box_editable)?_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"type_box\"}},[_vm._v(\"Tipologia\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"readonly\":true,\"id\":\"type_box\"},model:{value:(_vm.type_box),callback:function ($$v) {_vm.type_box=$$v},expression:\"type_box\"}})],1):_vm._e(),(_vm.isAlertDetailInEditMode && _vm.type_box_editable)?_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"type_box\"}},[_vm._v(\"Tipologia\")]),_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.typeboxes,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.type_box_id),callback:function ($$v) {_vm.type_box_id=$$v},expression:\"type_box_id\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-1\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"enabled\"}},[_vm._v(\"Attivo\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isAlertDetailInEditMode},model:{value:(_vm.enabled),callback:function ($$v) {_vm.enabled=$$v},expression:\"enabled\"}})],1)]),(_vm.realtime_box == false && _vm.showDays)?_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"frequency\"}},[_vm._v(\"Frequenza di verifica (giorni)\")]),_c('kendo-numerictextbox',{attrs:{\"id\":\"frequency\",\"readonly\":!_vm.isAlertDetailInEditMode,\"value\":_vm.frequency,\"min\":_vm.minimun_frequency_box,\"max\":_vm.maximun_frequency_box,\"round\":false,\"format\":'0'},on:{\"change\":_vm.onFrequencyChange}})],1)]):_vm._e(),(_vm.realtime_box == false && !_vm.showDays)?_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"frequencyM\"}},[_vm._v(\"Frequenza di verifica (minuti)\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"readonly\":true,\"id\":\"frequencyM\"},model:{value:(_vm.frequency),callback:function ($$v) {_vm.frequency=$$v},expression:\"frequency\"}})],1)]):_vm._e(),(!_vm.hide_recipients)?[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type_box_id != 2 && _vm.vehicle_association_box != true),expression:\"type_box_id != 2 && vehicle_association_box != true\"}],class:[_vm.type_box_id == 1 ? 'col-md-6' : 'col-md-4']},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"recipients\"}},[_vm._v(\"Destinatari mail\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"autocomplete\":\"off\",\"id\":\"recipients\",\"readonly\":!_vm.isAlertDetailInEditMode},model:{value:(_vm.recipients),callback:function ($$v) {_vm.recipients=$$v},expression:\"recipients\"}})],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type_box_id != 2 && _vm.vehicle_association_box != true),expression:\"type_box_id != 2 && vehicle_association_box != true\"}],class:[_vm.type_box_id == 1 ? 'col-md-6' : 'col-md-4']},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"recipients_Bcc\"}},[_vm._v(\"Destinatari mail in copia\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"autocomplete\":\"off\",\"readonly\":!_vm.isAlertDetailInEditMode,\"id\":\"recipients_Bcc\"},model:{value:(_vm.recipients_Bcc),callback:function ($$v) {_vm.recipients_Bcc=$$v},expression:\"recipients_Bcc\"}})],1)]),(_vm.showSendEmailToDriver)?_c('div',{staticClass:\"col-md-1\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"send_email_to_driver\"}},[_vm._v(\"Autista in copia\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isAlertDetailInEditMode},model:{value:(_vm.send_email_to_driver),callback:function ($$v) {_vm.send_email_to_driver=$$v},expression:\"send_email_to_driver\"}})],1)]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type_box_id != 1 && _vm.vehicle_association_box != true),expression:\"type_box_id != 1 && vehicle_association_box != true\"}],class:_vm.showSendEmailToDriver ? 'col-md-3' : 'col-md-4'},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"sms_numbers\"}},[_vm._v(\"Destinatari sms\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"autocomplete\":\"off\",\"readonly\":!_vm.isAlertDetailInEditMode,\"id\":\"sms_numbers\"},model:{value:(_vm.sms_numbers),callback:function ($$v) {_vm.sms_numbers=$$v},expression:\"sms_numbers\"}})],1)])]:_vm._e(),_c('div',{class:[_vm.type_box_id == 2 ? 'col-md-8' : 'col-md-6']},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"subject\"}},[_vm._v(\"Oggetto\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"autocomplete\":\"off\",\"readonly\":!_vm.isAlertDetailInEditMode,\"id\":\"subject\"},model:{value:(_vm.subject),callback:function ($$v) {_vm.subject=$$v},expression:\"subject\"}})],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type_box_id != 2),expression:\"type_box_id != 2\"}],staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"message\"}},[_vm._v(\"Messaggio\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"autocomplete\":\"off\",\"readonly\":!_vm.isAlertDetailInEditMode,\"id\":\"message\"},model:{value:(_vm.message),callback:function ($$v) {_vm.message=$$v},expression:\"message\"}})],1)]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"notes\"}},[_vm._v(\"Note\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"autocomplete\":\"off\",\"readonly\":!_vm.isAlertDetailInEditMode,\"id\":\"notes\"},model:{value:(_vm.notes),callback:function ($$v) {_vm.notes=$$v},expression:\"notes\"}})],1)]),(_vm.custom_params_type_box == 1)?_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"frequency\"}},[_vm._v(\"Parametro di configurazione\")]),_c('kendo-numerictextbox',{attrs:{\"id\":\"custom_param1\",\"readonly\":!_vm.isAlertDetailInEditMode,\"value\":_vm.custom_param1,\"round\":true,\"format\":'n2',\"step\":0.1},on:{\"change\":_vm.onCustomParam1Change}})],1)]):_vm._e()],2)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.custom_params_type_box == 2),expression:\"custom_params_type_box == 2\"}],staticClass:\"col-lg-12 geofencesHourContainerList\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.days),function(item,idx){return _c('div',{key:idx,staticClass:\"col-lg-1 col-c1785-lg-1\",attrs:{\"id\":(\"day_\" + idx)}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\"},[_vm._v(_vm._s(item.weekday_name))])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.isAlertDetailInEditMode},model:{value:(item.active),callback:function ($$v) {_vm.$set(item, \"active\", $$v)},expression:\"item.active\"}})],1)])]),(item.active)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"geofenceAddHourDetail\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"5px\"}},[_c('label',{staticClass:\"fk-textbox\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"for\":(\"starttimepicker_\" + idx)}},[_vm._v(\"DALLE\")])]),_c('div',{staticClass:\"col-lg-6\"},[_c('kendo-timepicker',{ref:(\"starttimepicker_\" + idx),refInFor:true,class:['geofenceTimePicker', _vm.errorsStartTime[idx] ? 'required' : ''],staticStyle:{\"max-width\":\"80px\"},attrs:{\"id\":(\"starttimepicker_\" + idx),\"value\":'',\"readonly\":_vm.isAlertDetailInEditMode ? false : true,\"format\":'HH:mm',\"culture\":'it-IT',\"dateInput\":true,\"interval\":15,\"parseFormats\":['HH:mm'],\"options\":_vm.options}})],1),_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"-5px\"}})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"5px\"}},[_c('label',{staticClass:\"fk-textbox\",staticStyle:{\"margin-right\":\"17px\"},attrs:{\"for\":(\"endtimepicker_\" + idx)}},[_vm._v(\"ALLE \")])]),_c('div',{staticClass:\"col-lg-6\"},[_c('kendo-timepicker',{ref:(\"endtimepicker_\" + idx),refInFor:true,class:['geofenceTimePicker', _vm.errorsEndTime[idx] ? 'required' : ''],staticStyle:{\"max-width\":\"80px\"},attrs:{\"id\":(\"endtimepicker_\" + idx),\"readonly\":_vm.isAlertDetailInEditMode ? false : true,\"format\":'HH:mm',\"culture\":'it-IT',\"dateInput\":true,\"interval\":15,\"parseFormats\":['HH:mm'],\"options\":_vm.options}})],1),_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"margin-left\":\"-5px\",\"text-align\":\"center\"}},[_c('span',{staticClass:\"k-icon k-i-plus-outline geofenceAddHourIcon\",class:[!_vm.isAlertDetailInEditMode ? 'disabled' : ''],on:{\"click\":function($event){return _vm.addHourByDay(item, idx)}}})])])])]):_vm._e(),(item.active && item.timeslots.length > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"geofenceHourDetailByDayContainer\"},_vm._l((item.timeslots),function(hr,ih){return _c('div',{key:ih,staticClass:\"col-lg-12 geofenceHourDetailByDayRow\",class:[hr.error ? 'error' : '']},[_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0px\"}},[_c('div',{staticClass:\"col-lg-9\",staticStyle:{\"padding\":\"0px\"}},[_c('label',{staticClass:\"fk-textbox\"},[_vm._v(\" DALLE \"+_vm._s(_vm._f(\"timeToStringHHmm\")(hr.from_time))+\" ALLE \"+_vm._s(_vm._f(\"timeToStringHHmm\")(hr.to_time)))])]),_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"padding\":\"0px\",\"text-align\":\"right\"}},[(_vm.isAlertDetailInEditMode)?_c('button',{staticClass:\"k-button k-grid-remove-command geofenceHourDetailByDayRowDeleteButton\",on:{\"click\":function($event){return _vm.removeHourByDay(item, ih)}}}):_vm._e()])])])}),0)]):_vm._e(),(!item.active)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"geofenceHourDetailByDayContainer\",staticStyle:{\"height\":\"150px\"}})]):_vm._e()])}),0)])])])],1)],1)])])]),(_vm.vehicle_association_box == true)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true,\"showAdd\":true},on:{\"add-item\":_vm.addRowItem,\"switch-edit-mode\":_vm.switchEditMode,\"save-data-items\":_vm.saveAlertVehiclesData}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"Mezzi\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.isInEditMode ? 'editMode' : '',style:({ height: '307px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"columns\":_vm.columns,\"sortable\":true,\"edit-field\":'inEdit'},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'ve-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler}},'headerTemplate',props,false))]}},{key:\"myCellDeleteTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-delete-command',_vm._b({attrs:{\"readonly\":_vm.isReadOnlyCell(props.field, props.dataItem)},on:{\"remove\":_vm.removeRow}},'cell-delete-command',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myGroupsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsDataFilters,\"filterItemsSelected\":_vm.groupsDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDivisionsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.divisionsFilter,\"filterItemsSelected\":_vm.divisionsFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"readonly\":_vm.isReadOnlyCell(props.field, props.dataItem)},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellTemplateNotRequired\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"required\":false,\"readonly\":_vm.isReadOnlyCell(props.field, props.dataItem)},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myalertVehicleTypesCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isReadOnlyCell(props.field, props.dataItem) ? 'readonly' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem) && props.dataItem.vehicle_id == 0 ? 'cell-danger' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && props.dataItem.error ? 'cell-error' : ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInEditMode || _vm.isReadOnlyCell(props.field, props.dataItem)),expression:\"!isInEditMode || isReadOnlyCell(props.field, props.dataItem)\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.type_name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem)),expression:\"isInEditMode && !isReadOnlyCell(props.field, props.dataItem)\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.type,\"data-source\":_vm.alertVehicleTypes,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":'Seleziona associazione'},on:{\"change\":function($event){return _vm.onTypeChange($event, props.dataItem.id)}}})],1)])]}},{key:\"numberPlateCellTemplate\",fn:function(ref){\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar props = ref.props;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar listeners = ref.listeners;\nreturn [_c('td',{class:[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isReadOnlyCell(props.field, props.dataItem) ? 'readonly' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem) && props.dataItem.vehicle_id == 0 ? 'cell-danger' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && props.dataItem.error ? 'cell-error' : ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:((!_vm.isInEditMode || _vm.isReadOnlyCell(props.field, props.dataItem)) && props.dataItem.type == 0),expression:\"(!isInEditMode || isReadOnlyCell(props.field, props.dataItem)) && props.dataItem.type == 0\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.vehicle_name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem)),expression:\"isInEditMode && !isReadOnlyCell(props.field, props.dataItem)\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.vehicle_id,\"data-source\":_vm.vehicles,\"data-text-field\":'name_numberplate',\"data-value-field\":'id',\"filter\":'contains',\"disabled\":props.dataItem.type != 0,\"template\":_vm.itemTemplate,\"value-template\":_vm.valueTemplate},on:{\"change\":function($event){return _vm.onVehicleChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myGroupsCellTemplate\",fn:function(ref){\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar props = ref.props;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar listeners = ref.listeners;\nreturn [_c('td',{class:[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isReadOnlyCell(props.field, props.dataItem) ? 'readonly' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem) && props.dataItem.vehicle_id == 0 ? 'cell-danger' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && props.dataItem.error ? 'cell-error' : ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:((!_vm.isInEditMode || _vm.isReadOnlyCell(props.field, props.dataItem)) && props.dataItem.type == 1),expression:\"(!isInEditMode || isReadOnlyCell(props.field, props.dataItem)) && props.dataItem.type == 1\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.group_name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem)),expression:\"isInEditMode && !isReadOnlyCell(props.field, props.dataItem)\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.group_id,\"data-source\":_vm.groups,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"disabled\":props.dataItem.type != 1,\"optionLabel\":' '},on:{\"change\":function($event){return _vm.onGroupChange($event, props.dataItem.id)}}})],1)])]}},{key:\"myDivisionsCellTemplate\",fn:function(ref){\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar props = ref.props;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar listeners = ref.listeners;\nreturn [_c('td',{class:[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isReadOnlyCell(props.field, props.dataItem) ? 'readonly' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem) && props.dataItem.vehicle_id == 0 ? 'cell-danger' : '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_vm.isInEditMode && props.dataItem.error ? 'cell-error' : ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:((!_vm.isInEditMode || _vm.isReadOnlyCell(props.field, props.dataItem)) && props.dataItem.type == 2),expression:\"(!isInEditMode || isReadOnlyCell(props.field, props.dataItem)) && props.dataItem.type == 2\"}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.division_name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isInEditMode && !_vm.isReadOnlyCell(props.field, props.dataItem)),expression:\"isInEditMode && !isReadOnlyCell(props.field, props.dataItem)\"}]},[_c('kendo-dropdownlist',{attrs:{\"value\":props.dataItem.division_id,\"data-source\":_vm.divisions,\"data-text-field\":'value',\"data-value-field\":'id',\"filter\":'contains',\"disabled\":props.dataItem.type != 2,\"optionLabel\":' '},on:{\"change\":function($event){return _vm.onDivisionChange($event, props.dataItem.id)}}})],1)])]}}],null,false,86672774)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)])])],1)],1)])])])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\r\nimport ApiService from \"../../../services/api\";\r\nimport gridClientBase from \"../../../components/gridClientComponentBase\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport cellDeleteCommand from \"../../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { bus } from \"../../../main\";\r\nimport api from \"../../../services/api\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {},\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tisAlertDetailInEditMode: false,\r\n\t\t\talertId: 0,\r\n\r\n\t\t\ttypeboxes: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 0,\r\n\t\t\t\t\tname: 'Email + SMS'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 1,\r\n\t\t\t\t\tname: 'Email'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 2,\r\n\t\t\t\t\tname: 'SMS'\r\n\t\t\t\t},\r\n\t\t\t],\r\n\r\n\t\t\tvehicles: [],\r\n\t\t\tgroups: [],\r\n\t\t\tgroupsDataFilters: [],\r\n\t\t\tgroupsDataFiltersSelected: [],\r\n\t\t\tdivisions: [],\r\n\t\t\tdivisionsFilter: [],\r\n\t\t\tdivisionsFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\r\n\t\t\talertVehicleTypes: [],\r\n\t\t\talertVehicleTypesSelected: null,\r\n\r\n\t\t\tid: 0,\r\n\t\t\tenabled: false,\r\n\t\t\trealtime_box: false,\r\n\t\t\tfrequency: 0,\r\n\t\t\tminimun_frequency_box: 0,\r\n\t\t\tmaximun_frequency_box: 0,\r\n\t\t\tinstance_id: 0,\r\n\t\t\trecipients: \"\",\r\n\t\t\trecipients_Bcc: \"\",\r\n\t\t\tsms_numbers: \"\",\r\n\t\t\tsubject: \"\",\r\n\t\t\tmessage: \"\",\r\n\t\t\tname: \"\",\r\n\t\t\tnotes: \"\",\r\n\t\t\ttype_box: \"\",\r\n\t\t\ttype_box_id: 0,\r\n\t\t\tvehicle_association_box: false,\r\n\t\t\ttype_box_editable: false,\r\n\t\t\thide_recipients: false,\r\n\t\t\tsend_email_to_driver: false,\r\n\r\n\t\t\tcustom_params_type_box: 0, //no parameter to add; 1: one parameter to add - type numeric; +1 reserved to future;\r\n\t\t\tcustom_param1: 0, //\r\n\t\t\tdays: [],\r\n\r\n\t\t\tsaveAlertVechilesAssociationRequest: null,\r\n\r\n\t\t\titemTemplate: \"
#= number_plate #
#= name #
\",\r\n\t\t\tvalueTemplate: \"#= number_plate #\",\r\n\r\n\t\t\talertTypes: [],\r\n\r\n\t\t\tgeofenceVehicleItems: [],\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\thasDivisions: false,\r\n\r\n\t\t\tcolumnsTable: [],\r\n\r\n\t\t\toptions: {\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\thour: \"HH\",\r\n\t\t\t\t\tminute: \"mm\"\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\terrorsStartTime: [false, false, false, false, false, false, false],\r\n\t\t\terrorsEndTime: [false, false, false, false, false, false, false]\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tthis.alertId = this.$route.params.id;\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\r\n\t\tthis.columnsTable = [\r\n\t\t\t{\r\n\t\t\t\tfield: \"type_name\",\r\n\t\t\t\ttitle: \"Tipo Associazione\",\r\n\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\tfilterable: true,\r\n\t\t\t\tcell: \"myalertVehicleTypesCellTemplate\"\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tfield: \"vehicle_name\",\r\n\t\t\t\ttitle: this.vehicleIdFilterField == \"code\" ? \"codice\" : \"targa\",\r\n\t\t\t\theaderCell: \"myVehicleNumberPlateHeaderTemplate\",\r\n\t\t\t\tcell: \"numberPlateCellTemplate\",\r\n\t\t\t\tfilterable: true\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tfield: \"group_name\",\r\n\t\t\t\ttitle: \"Divisione\",\r\n\t\t\t\theaderCell: \"myGroupsHeaderTemplate\",\r\n\t\t\t\tcell: \"myGroupsCellTemplate\",\r\n\t\t\t\tfilterable: true\r\n\t\t\t}\r\n\t\t];\r\n\r\n\t\tthis.columnsTable.push({\r\n\t\t\tcell: \"myCellDeleteTemplate\",\r\n\t\t\twidth: \"45px\",\r\n\t\t\tsortable: false,\r\n\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t});\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\talert_id: this.alertId,\r\n\t\t\ttype: 0,\r\n\r\n\t\t\tvehicle_id: 0,\r\n\t\t\tgroup_id: 0,\r\n\t\t\tdivision_id: 0,\r\n\t\t\terror: false,\r\n\t\t\trecipients: \"\",\r\n\t\t\trecipients_Bcc: \"\",\r\n\t\t\tsms_numbers: \"\"\r\n\t\t};\r\n\r\n\t\tthis.defaultAddRow = newItem;\r\n\r\n\t\ttry {\r\n\t\t\tlet optionsMessages = kendo.widgets.find(function(item) {\r\n\t\t\t\treturn item.name == \"kendoDateInput\";\r\n\t\t\t});\r\n\t\t\toptionsMessages.widget.fn.options.messages.hour = \"HH\";\r\n\t\t\toptionsMessages.widget.fn.options.messages.minute = \"mm\";\r\n\t\t} catch (ex) {\r\n\t\t\t//do nothing\r\n\t\t}\r\n\r\n\t\tthis.getAlertTypes();\r\n\t\tthis.getAlertVehicleTypes();\r\n\t\tthis.getAllVehicles();\r\n\t\tthis.getGroups();\r\n\t\tif (this.hasDivisions) this.getDivisions();\r\n\t},\r\n\r\n\tmounted() {},\r\n\r\n\tbeforeDestroy() {\r\n\t\ttry {\r\n\t\t\tvar optionsMessages = kendo.widgets.find(function(item) {\r\n\t\t\t\treturn item.name == \"kendoDateInput\";\r\n\t\t\t});\r\n\t\t\toptionsMessages.widget.fn.options.messages.hour = \"hours\";\r\n\t\t\toptionsMessages.widget.fn.options.messages.minute = \"minutes\";\r\n\t\t} catch (ex) {\r\n\t\t\t//do nothing\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tonFrequencyChange(e) {\r\n\t\t\tif (e.sender.value() || e.sender.value() == 0) {\r\n\t\t\t\tthis.frequency = e.sender.value();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tthis.frequency = 0;\r\n\t\t},\r\n\t\t// onMinFrequencyChange(e) {\r\n\t\t// \tif (e.sender.value() || e.sender.value() == 0) {\r\n\t\t// \t\tthis.minimun_frequency_box = e.sender.value();\r\n\t\t// \t\treturn;\r\n\t\t// \t}\r\n\r\n\t\t// \tthis.minimun_frequency_box = 0;\r\n\t\t// },\r\n\t\t// onMaxFrequencyChange(e) {\r\n\t\t// \tif (e.sender.value() || e.sender.value() == 0) {\r\n\t\t// \t\tthis.maximun_frequency_box = e.sender.value();\r\n\t\t// \t\treturn;\r\n\t\t// \t}\r\n\r\n\t\t// \tthis.maximun_frequency_box = 0;\r\n\t\t// },\r\n\t\tonCustomParam1Change(e) {\r\n\t\t\tif (e.sender.value() || e.sender.value() == 0) {\r\n\t\t\t\tthis.custom_param1 = e.sender.value();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tthis.custom_param1 = null;\r\n\t\t},\r\n\t\tgetAlertTypes() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tapi.getAlertTypes().then(res => {\r\n\t\t\t\tself.alertTypes = res.map(function(type) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: type.key,\r\n\t\t\t\t\t\tvalue: type.value\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tself.getData();\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"vehicle_name\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"group_name\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"division_name\") {\r\n\t\t\t\tthis.divisionsFilterSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetAlertVehicleTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getAlertVehicleTypes().then(res => {\r\n\t\t\t\tself.alertVehicleTypes = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.key,\r\n\t\t\t\t\t\tvalue: item.value\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\taddRowItem(e) {\r\n\t\t\tthis.addItem(e);\r\n\r\n\t\t\t//check for same row value selected\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tVue.set(item, \"error\", false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet foundError = false;\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tfor (let j = i + 1; j < this.items.length; j++) {\r\n\t\t\t\t\t\tlet itemToCheck = this.items[j];\r\n\r\n\t\t\t\t\t\tif (item.type == itemToCheck.type && item.type == 0 && item.vehicle_id == itemToCheck.vehicle_id) {\r\n\t\t\t\t\t\t\tVue.set(item, \"error\", true);\r\n\t\t\t\t\t\t\tVue.set(itemToCheck, \"error\", true);\r\n\r\n\t\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: \"Le righe non possono contenere gli stessi valori\" }]\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tif (!foundError) {\r\n\t\t\t\t\t\t\t\tfoundError = true;\r\n\t\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tremoveRow(e) {\r\n\t\t\tthis.remove(e);\r\n\r\n\t\t\t//check for same row value selected\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tVue.set(item, \"error\", false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet foundError = false;\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tfor (let j = i + 1; j < this.items.length; j++) {\r\n\t\t\t\t\t\tlet itemToCheck = this.items[j];\r\n\r\n\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t(item.type == itemToCheck.type && item.type == 0 && item.vehicle_id == itemToCheck.vehicle_id) ||\r\n\t\t\t\t\t\t\t(item.type == itemToCheck.type && item.type == 1 && item.group_id == itemToCheck.group_id) ||\r\n\t\t\t\t\t\t\t(item.type == itemToCheck.type && item.type == 2 && item.division_id == itemToCheck.division_id)\r\n\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\tVue.set(item, \"error\", true);\r\n\t\t\t\t\t\t\tVue.set(itemToCheck, \"error\", true);\r\n\r\n\t\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: \"Le righe non possono contenere gli stessi valori\" }]\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tif (!foundError) {\r\n\t\t\t\t\t\t\t\tfoundError = true;\r\n\t\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonTypeChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newType = this.alertVehicleTypes.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.type = newType.id;\r\n\t\t\t}\r\n\r\n\t\t\t//preload value based on type selected\r\n\t\t\tif (newType && newType.id == 0) {\r\n\t\t\t\tif (this.vehicles && this.vehicles.length > 0) {\r\n\t\t\t\t\trow.vehicle_id = this.vehicles[0].id;\r\n\t\t\t\t}\r\n\r\n\t\t\t\trow.group_id = null;\r\n\t\t\t\trow.division_id = null;\r\n\t\t\t} else if (newType && newType.id == 1) {\r\n\t\t\t\tif (this.groups && this.groups.length > 0) {\r\n\t\t\t\t\trow.group_id = this.groups[0].id;\r\n\t\t\t\t}\r\n\r\n\t\t\t\trow.vehicle_id = null;\r\n\t\t\t\trow.division_id = null;\r\n\t\t\t} else if (newType && newType.id == 2) {\r\n\t\t\t\tif (this.divisions && this.divisions.length > 0) {\r\n\t\t\t\t\trow.division_id = this.divisions[0].id;\r\n\t\t\t\t}\r\n\r\n\t\t\t\trow.vehicle_id = null;\r\n\t\t\t\trow.group_id = null;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\r\n\t\t\t//check for same row value selected\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tVue.set(item, \"error\", false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet foundError = false;\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tfor (let j = i + 1; j < this.items.length; j++) {\r\n\t\t\t\t\t\tlet itemToCheck = this.items[j];\r\n\r\n\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t(item.type == itemToCheck.type && item.type == 0 && item.vehicle_id == itemToCheck.vehicle_id) ||\r\n\t\t\t\t\t\t\t(item.type == itemToCheck.type && item.type == 1 && item.group_id == itemToCheck.group_id) ||\r\n\t\t\t\t\t\t\t(item.type == itemToCheck.type && item.type == 2 && item.division_id == itemToCheck.division_id)\r\n\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\tVue.set(item, \"error\", true);\r\n\t\t\t\t\t\t\tVue.set(itemToCheck, \"error\", true);\r\n\r\n\t\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: \"Le righe non possono contenere gli stessi valori\" }]\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tif (!foundError) {\r\n\t\t\t\t\t\t\t\tfoundError = true;\r\n\t\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonVehicleChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newVehicle = this.vehicles.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.vehicle_id = newVehicle.id;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\r\n\t\t\t//check for same row value selected\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tVue.set(item, \"error\", false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet foundError = false;\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tfor (let j = i + 1; j < this.items.length; j++) {\r\n\t\t\t\t\t\tlet itemToCheck = this.items[j];\r\n\r\n\t\t\t\t\t\tif (item.type == itemToCheck.type && item.type == 0 && item.vehicle_id == itemToCheck.vehicle_id) {\r\n\t\t\t\t\t\t\tVue.set(item, \"error\", true);\r\n\t\t\t\t\t\t\tVue.set(itemToCheck, \"error\", true);\r\n\r\n\t\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: \"Le righe non possono contenere gli stessi valori\" }]\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tif (!foundError) {\r\n\t\t\t\t\t\t\t\tfoundError = true;\r\n\t\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonGroupChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newGroup = this.groups.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.group_id = newGroup.id;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\r\n\t\t\t//check for same row value selected\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tVue.set(item, \"error\", false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet foundError = false;\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tfor (let j = i + 1; j < this.items.length; j++) {\r\n\t\t\t\t\t\tlet itemToCheck = this.items[j];\r\n\r\n\t\t\t\t\t\tif (item.type == itemToCheck.type && item.type == 1 && item.group_id == itemToCheck.group_id) {\r\n\t\t\t\t\t\t\tVue.set(item, \"error\", true);\r\n\t\t\t\t\t\t\tVue.set(itemToCheck, \"error\", true);\r\n\r\n\t\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: \"Le righe non possono contenere gli stessi valori\" }]\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tif (!foundError) {\r\n\t\t\t\t\t\t\t\tfoundError = true;\r\n\t\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonDivisionChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newDivision = this.divisions.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.division_id = newDivision.id;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\r\n\t\t\t//check for same row value selected\r\n\t\t\tif (this.items && this.items.length > 0) {\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tVue.set(item, \"error\", false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet foundError = false;\r\n\t\t\t\tfor (let i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tlet item = this.items[i];\r\n\t\t\t\t\tfor (let j = i + 1; j < this.items.length; j++) {\r\n\t\t\t\t\t\tlet itemToCheck = this.items[j];\r\n\r\n\t\t\t\t\t\tif (item.type == itemToCheck.type && item.type == 2 && item.division_id == itemToCheck.division_id) {\r\n\t\t\t\t\t\t\tVue.set(item, \"error\", true);\r\n\t\t\t\t\t\t\tVue.set(itemToCheck, \"error\", true);\r\n\r\n\t\t\t\t\t\t\tlet errors = {\r\n\t\t\t\t\t\t\t\tmessages: [{ type: \"error\", text: \"Le righe non possono contenere gli stessi valori\" }]\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tif (!foundError) {\r\n\t\t\t\t\t\t\t\tfoundError = true;\r\n\t\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetAllVehicles: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getVehiclesLookup({ page: 0, pageSize: 1000000 }, this.vehicleIdFilterField).then(res => {\r\n\t\t\t\tself.vehicles = res.items.map(function(vehicle) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: vehicle.id,\r\n\t\t\t\t\t\tname: vehicle.name,\r\n\t\t\t\t\t\tnumber_plate: vehicle.number_plate ? vehicle.number_plate : \"\",\r\n\t\t\t\t\t\tname_numberplate: `${vehicle.number_plate} ${vehicle.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.getVehiclesByAlertId();\r\n\r\n\t\t\t\tself.vehicles = self._.sortBy(self.vehicles, function(vc) {\r\n\t\t\t\t\treturn vc.number_plate.toLowerCase();\r\n\t\t\t\t});\r\n\r\n\t\t\t\tfor (var i = 0; i < self.vehicles.length; i++) {\r\n\t\t\t\t\tvar vehicle = self.vehicles[i];\r\n\r\n\t\t\t\t\tif (vehicle.number_plate) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.plateNumberFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == vehicle.number_plate;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.plateNumberFilters.push({\r\n\t\t\t\t\t\t\t\tid: vehicle.number_plate,\r\n\t\t\t\t\t\t\t\tvalue: vehicle.number_plate\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (self.vehicles && self.vehicles.length > 0) {\r\n\t\t\t\t\tself.defaultAddRow.vehicle_id = self.vehicles[0].id;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\treturn new Promise(function(resolve, reject) {\r\n\t\t\t\tApiService.getGroupsData()\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.groups = res.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tvalue: item.name ? item.name.toLowerCase() : \"\"\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tself.groups = self._.sortBy(self.groups, [\"value\"]);\r\n\t\t\t\t\t\tself.groupsDataFilters = JSON.parse(\r\n\t\t\t\t\t\t\tJSON.stringify(\r\n\t\t\t\t\t\t\t\tself.groups.map(item => {\r\n\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\tid: item.value,\r\n\t\t\t\t\t\t\t\t\t\tvalue: item.value\r\n\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\tresolve();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {\r\n\t\t\t\t\t\treject();\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetDivisions() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getDivisionsData().then(res => {\r\n\t\t\t\tself.divisions = self._.sortBy(\r\n\t\t\t\t\tres\r\n\t\t\t\t\t\t.filter(function(dv) {\r\n\t\t\t\t\t\t\treturn dv.name.length > 0;\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tvalue: item.name.toLowerCase()\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(dv) {\r\n\t\t\t\t\t\treturn dv.value;\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tself.divisionsFilter = JSON.parse(\r\n\t\t\t\t\tJSON.stringify(\r\n\t\t\t\t\t\tself.divisions.map(item => {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.value,\r\n\t\t\t\t\t\t\t\tvalue: item.value\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetVehiclesByAlertId: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar alertId = this.alertId;\r\n\r\n\t\t\tApiService.getVehiclesByAlertId(alertId).then(res => {\r\n\t\t\t\tif (self._.isNull(res) === false && self._.isUndefined(res) === false && self._.isArray(res) && res.length > 0) {\r\n\t\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\talert_id: item.alert_id,\r\n\t\t\t\t\t\t\ttype: item.type,\r\n\t\t\t\t\t\t\ttype_name: self.getTypeAssociationById(item.type),\r\n\t\t\t\t\t\t\tvehicle_id: item.vehicle_id ? item.vehicle_id : self.vehicles ? self.vehicles[0].id : null,\r\n\t\t\t\t\t\t\tvehicle_name: self.getVehiclePlateCodeById(item.vehicle_id),\r\n\t\t\t\t\t\t\tdivision_id: item.division_id ? item.division_id : self.divisions && self.divisions.length > 0 ? self.divisions[0].id : null,\r\n\t\t\t\t\t\t\tdivision_name: self.getDivisionNameById(item.division_id),\r\n\t\t\t\t\t\t\tgroup_id: item.group_id ? item.group_id : self.groups && self.groups.length > 0 ? self.groups[0].id : null,\r\n\t\t\t\t\t\t\tgroup_name: self.getGroupNameById(item.group_id),\r\n\t\t\t\t\t\t\trecipients: item.recipients,\r\n\t\t\t\t\t\t\trecipients_Bcc: item.recipients_Bcc,\r\n\t\t\t\t\t\t\tsms_numbers: item.sms_numbers\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar alertId = this.alertId;\r\n\r\n\t\t\tApiService.getAlertDetailData(alertId)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\tlet data = res;\r\n\r\n\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\tself.enabled = data.enabled;\r\n\t\t\t\t\t\tself.realtime_box = data.realtime_box;\r\n\t\t\t\t\t\tself.frequency = data.frequency;\r\n\t\t\t\t\t\tself.minimun_frequency_box = data.minimun_frequency_box;\r\n\t\t\t\t\t\tself.maximun_frequency_box = data.maximun_frequency_box;\r\n\t\t\t\t\t\tself.instance_id = data.instance_id;\r\n\t\t\t\t\t\tself.recipients = data.recipients;\r\n\t\t\t\t\t\tself.recipients_Bcc = data.recipients_Bcc;\r\n\t\t\t\t\t\tself.sms_numbers = data.sms_numbers;\r\n\t\t\t\t\t\tself.subject = data.subject;\r\n\t\t\t\t\t\tself.message = data.message;\r\n\t\t\t\t\t\tself.name = data.name;\r\n\t\t\t\t\t\tself.notes = data.notes;\r\n\t\t\t\t\t\tself.type_box = self.getDescriptionByTypeId(data.type_box);\r\n\t\t\t\t\t\tself.type_box_id = data.type_box;\r\n\t\t\t\t\t\tself.vehicle_association_box = data.vehicle_association_box;\r\n\t\t\t\t\t\tself.custom_params_type_box = data.custom_params_type_box;\r\n\t\t\t\t\t\tself.custom_param1 = data.custom_param1;\r\n\t\t\t\t\t\tself.days = data.days;\r\n\t\t\t\t\t\tself.type_box_editable = data.type_box_editable;\r\n\t\t\t\t\t\tself.hide_recipients = data.hide_recipients;\r\n\t\t\t\t\t\tself.send_email_to_driver = data.send_email_to_driver;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (self.frequency < self.minimun_frequency_box) self.frequency = self.minimun_frequency_box;\r\n\t\t\t\t\tif (self.frequency > self.maximun_frequency_box) self.frequency = self.maximun_frequency_box;\r\n\r\n\t\t\t\t\tswitch (self.type_box_id) {\r\n\t\t\t\t\t\tcase 2:\r\n\t\t\t\t\t\t\tvar fieldAlreadyAdded = self.columns.find(function(item) {\r\n\t\t\t\t\t\t\t\treturn item.field == \"sms_numbers\";\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (!fieldAlreadyAdded) {\r\n\t\t\t\t\t\t\t\tself.columns.splice(self.columns.length - 1, 0, {\r\n\t\t\t\t\t\t\t\t\tfield: \"sms_numbers\",\r\n\t\t\t\t\t\t\t\t\ttitle: \"Destinatari sms\",\r\n\t\t\t\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase 1:\r\n\t\t\t\t\t\t\tvar fieldAlreadyAdded = self.columns.find(function(item) {\r\n\t\t\t\t\t\t\t\treturn item.field == \"recipients\";\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (!fieldAlreadyAdded) {\r\n\t\t\t\t\t\t\t\tself.columns.splice(self.columns.length - 1, 0, {\r\n\t\t\t\t\t\t\t\t\tfield: \"recipients\",\r\n\t\t\t\t\t\t\t\t\ttitle: \"Destinatari\",\r\n\t\t\t\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tself.columns.splice(self.columns.length - 1, 0, {\r\n\t\t\t\t\t\t\t\t\tfield: \"recipients_Bcc\",\r\n\t\t\t\t\t\t\t\t\ttitle: \"Destinatari in copia\",\r\n\t\t\t\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\tvar fieldAlreadyAdded = self.columns.find(function(item) {\r\n\t\t\t\t\t\t\t\treturn item.field == \"sms_numbers\";\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (!fieldAlreadyAdded) {\r\n\t\t\t\t\t\t\t\tself.columns.splice(self.columns.length - 1, 0, {\r\n\t\t\t\t\t\t\t\t\tfield: \"recipients\",\r\n\t\t\t\t\t\t\t\t\ttitle: \"Destinatari\",\r\n\t\t\t\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tself.columns.splice(self.columns.length - 1, 0, {\r\n\t\t\t\t\t\t\t\t\tfield: \"recipients_Bcc\",\r\n\t\t\t\t\t\t\t\t\ttitle: \"Destinatari in copia\",\r\n\t\t\t\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tself.columns.splice(self.columns.length - 1, 0, {\r\n\t\t\t\t\t\t\t\t\tfield: \"sms_numbers\",\r\n\t\t\t\t\t\t\t\t\ttitle: \"Destinatari sms\",\r\n\t\t\t\t\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\t\t\t\t\tfilterable: true\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\t//do nothing\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetDescriptionByTypeId(typeId) {\r\n\t\t\tif (this.alertTypes && this.alertTypes.length > 0) {\r\n\t\t\t\tlet type = this.alertTypes.find(function(item) {\r\n\t\t\t\t\treturn item.id == typeId;\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\tif (type && type.value) return type.value;\r\n\t\t\t}\r\n\r\n\t\t\treturn typeId;\r\n\t\t},\r\n\t\tgetDescriptionOfPoisSelected(pois) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (pois && pois.length > 0) {\r\n\t\t\t\tlet poiKV = pois.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tkey: item,\r\n\t\t\t\t\t\tvalue: self.getPoiName(item)\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\treturn poiKV;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tswitcAlertDetailEditMode() {\r\n\t\t\tthis.isAlertDetailInEditMode = !this.isAlertDetailInEditMode;\r\n\r\n\t\t\tif (!this.isAlertDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getVehiclesByAlertId();\r\n\t\t\t}else {\r\n\t\t\t\tfor (var i = 0; i < this.items.length; i++) {\r\n\t\t\t\t\tvar row = this.items[i];\r\n\r\n\t\t\t\t\tif (row.type == 0) {\r\n\t\t\t\t\t\trow.group_id = null;\r\n\t\t\t\t\t\trow.division_id = null;\r\n\t\t\t\t\t} else if (row.type == 1) {\r\n\t\t\t\t\t\trow.vehicle_id = null;\r\n\t\t\t\t\t\trow.division_id = null;\r\n\t\t\t\t\t} else if (row.type == 2) {\r\n\t\t\t\t\t\trow.vehicle_id = null;\r\n\t\t\t\t\t\trow.group_id = null;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveAlertVechilesAssociationRequest = null;\r\n\t\t},\r\n\t\tsaveAlertDetail() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\t// console.log(this.type_box, );\r\n\t\t\tvar data = {\r\n\t\t\t\tid: this.id,\r\n\t\t\t\tenabled: this.enabled,\r\n\t\t\t\tfrequency: this.frequency,\r\n\t\t\t\t// minimun_frequency_box: this.minimun_frequency_box,\r\n\t\t\t\t// maximun_frequency_box: this.maximun_frequency_box,\r\n\t\t\t\trecipients: this.recipients,\r\n\t\t\t\trecipients_Bcc: this.recipients_Bcc,\r\n\t\t\t\tsms_numbers: this.sms_numbers,\r\n\t\t\t\tsubject: this.subject,\r\n\t\t\t\tmessage: this.message,\r\n\t\t\t\tnotes: this.notes,\r\n\t\t\t\tcustom_param1: this.custom_param1 || this.custom_param1 == 0 ? this.custom_param1 : null,\r\n\t\t\t\tdays: this.days,\r\n\t\t\t\ttype_box: this.type_box_id,\r\n\t\t\t\tsend_email_to_driver: this.send_email_to_driver\r\n\t\t\t};\r\n\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveAlertDetail(data)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.isAlertDetailInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveAlertVehiclesData() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.type == 0) {\r\n\t\t\t\t\titem.group_id = null;\r\n\t\t\t\t\titem.division_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.type == 1) {\r\n\t\t\t\t\titem.vehicle_id = null;\r\n\t\t\t\t\titem.division_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.type == 2) {\r\n\t\t\t\t\titem.group_id = null;\r\n\t\t\t\t\titem.vehicle_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.type == 0) {\r\n\t\t\t\t\titem.group_id = null;\r\n\t\t\t\t\titem.division_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.type == 1) {\r\n\t\t\t\t\titem.vehicle_id = null;\r\n\t\t\t\t\titem.division_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.type == 2) {\r\n\t\t\t\t\titem.group_id = null;\r\n\t\t\t\t\titem.vehicle_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.type == 0) {\r\n\t\t\t\t\titem.group_id = null;\r\n\t\t\t\t\titem.division_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.type == 1) {\r\n\t\t\t\t\titem.vehicle_id = null;\r\n\t\t\t\t\titem.division_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.type == 2) {\r\n\t\t\t\t\titem.group_id = null;\r\n\t\t\t\t\titem.vehicle_id = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveAlertVechilesAssociationRequest = ApiService.saveAlertVehiclesAssociation(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\tself.getVehiclesByAlertId();\r\n\r\n\t\t\t\t\tself.isAlertDetailInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveAlertVechilesAssociationRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tisReadOnlyCell(field, item) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (item.id > 0 && c && c.readonly) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tgetTypeAssociationById(typeId) {\r\n\t\t\tlet type = this.alertVehicleTypes.find(function(item) {\r\n\t\t\t\treturn item.id == typeId;\r\n\t\t\t});\r\n\r\n\t\t\tif (type) return type.value;\r\n\r\n\t\t\treturn typeId;\r\n\t\t},\r\n\t\tgetVehiclePlateCodeById(vehicleId) {\r\n\t\t\tlet vehicle = this.vehicles.find(function(item) {\r\n\t\t\t\treturn item.id == vehicleId;\r\n\t\t\t});\r\n\r\n\t\t\tif (vehicle) return vehicle.number_plate;\r\n\r\n\t\t\treturn vehicleId;\r\n\t\t},\r\n\t\tgetGroupNameById(groupId) {\r\n\t\t\tlet group = this.groups.find(function(item) {\r\n\t\t\t\treturn item.id == groupId;\r\n\t\t\t});\r\n\r\n\t\t\tif (group) return group.value;\r\n\r\n\t\t\treturn groupId;\r\n\t\t},\r\n\t\tgetDivisionNameById(divisionId) {\r\n\t\t\tlet division = this.divisions.find(function(item) {\r\n\t\t\t\treturn item.id == divisionId;\r\n\t\t\t});\r\n\r\n\t\t\tif (division) return division.value;\r\n\r\n\t\t\treturn divisionId;\r\n\t\t},\r\n\t\tremoveHourByDay(item, index) {\r\n\t\t\tif (index >= 0) {\r\n\t\t\t\titem.timeslots.splice(index, 1);\r\n\t\t\t}\r\n\t\t},\r\n\t\taddHourByDay(item, index) {\r\n\t\t\tif (this.isAlertDetailInEditMode) {\r\n\t\t\t\t//reset errors\r\n\t\t\t\tfor (var i = 0; i < this.errorsStartTime.length; i++) {\r\n\t\t\t\t\tVue.set(this.errorsStartTime, i, false);\r\n\t\t\t\t\tVue.set(this.errorsEndTime, i, false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar isValidRange = true;\r\n\t\t\t\tvar errors = {\r\n\t\t\t\t\tmessages: []\r\n\t\t\t\t};\r\n\t\t\t\tvar startDateElementRef = `starttimepicker_${index}`;\r\n\t\t\t\tvar endDateElementRef = `endtimepicker_${index}`;\r\n\r\n\t\t\t\tvar startTime = this.$refs[startDateElementRef][0].$el.value;\r\n\t\t\t\tvar endTime = this.$refs[endDateElementRef][0].$el.value;\r\n\r\n\t\t\t\tif (!startTime || !endTime) {\r\n\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"Specificare una data di inizio e fine per la fascia\" });\r\n\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar strStartTimeCheck = startTime.replace(\":\", \"\");\r\n\t\t\t\tif (isNaN(strStartTimeCheck)) {\r\n\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"Specificare una data di inizio valida per la fascia\" });\r\n\t\t\t\t\tVue.set(this.errorsStartTime, index, true);\r\n\r\n\t\t\t\t\tisValidRange = false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar strEndTimeCheck = endTime.replace(\":\", \"\");\r\n\t\t\t\tif (isNaN(strEndTimeCheck)) {\r\n\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"Specificare una data di fine valida per la fascia\" });\r\n\t\t\t\t\tVue.set(this.errorsEndTime, index, true);\r\n\r\n\t\t\t\t\tisValidRange = false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!isValidRange) {\r\n\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar mStartTime = moment(startTime, \"HH:mm\");\r\n\t\t\t\tvar mEndTime = moment(endTime, \"HH:mm\");\r\n\r\n\t\t\t\tif (mStartTime.isValid && mEndTime.isValid) {\r\n\t\t\t\t\tif (mStartTime > mEndTime) {\r\n\t\t\t\t\t\tVue.set(this.errorsStartTime, index, true);\r\n\t\t\t\t\t\tVue.set(this.errorsEndTime, index, true);\r\n\r\n\t\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"L'oraro di fine deve essere maggiore di quello di inizio\" });\r\n\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (var i = 0; i < item.timeslots.length; i++) {\r\n\t\t\t\t\t\tlet tt = item.timeslots[i];\r\n\t\t\t\t\t\ttt.error = false;\r\n\t\t\t\t\t\tlet ttStartNow = moment(tt.from_time);\r\n\t\t\t\t\t\tlet ttStartTime = moment(ttStartNow).format(\"HH:mm\");\r\n\r\n\t\t\t\t\t\tlet ttEndNow = moment(tt.to_time);\r\n\t\t\t\t\t\tlet ttEndTime = moment(ttEndNow).format(\"HH:mm\");\r\n\r\n\t\t\t\t\t\tlet ttStartTimeNow = moment(ttStartTime, \"HH:mm\");\r\n\t\t\t\t\t\tlet ttEndTimeNow = moment(ttEndTime, \"HH:mm\");\r\n\r\n\t\t\t\t\t\tif (ttStartTimeNow <= mEndTime && ttEndTimeNow >= mStartTime) {\r\n\t\t\t\t\t\t\tVue.set(this.errorsStartTime, index, true);\r\n\t\t\t\t\t\t\tVue.set(this.errorsEndTime, index, true);\r\n\r\n\t\t\t\t\t\t\ttt.error = true;\r\n\r\n\t\t\t\t\t\t\terrors.messages.push({ type: \"error\", text: \"La fascia si sovrappone con una esistente\" });\r\n\t\t\t\t\t\t\tbus.$emit(\"responseNotification\", errors);\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\titem.timeslots.push({\r\n\t\t\t\t\t\tfrom_time: mStartTime.format(),\r\n\t\t\t\t\t\tto_time: mEndTime.format()\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tthis.$refs[startDateElementRef][0].$el.value = \"HH:mm\";\r\n\t\t\t\t\tthis.$refs[endDateElementRef][0].$el.value = \"HH:mm\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tcolumns: function() {\r\n\t\t\treturn this.columnsTable;\r\n\t\t},\r\n\t\tshowDays: function(){\r\n\t\t\treturn this.alertId != 115;\r\n\t\t},\r\n\t\tshowSendEmailToDriver: function(){\r\n\t\t\treturn this.alertId == 106;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./alertDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./alertDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alertDetail.vue?vue&type=template&id=368af9a9&scoped=true&\"\nimport script from \"./alertDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./alertDetail.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./alertDetail.vue?vue&type=style&index=0&id=368af9a9&scoped=true&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 \"368af9a9\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb-60\",attrs:{\"page-title\":\"Notifiche Email\",\"show-date-time\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"})]),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('h1',[_vm._v(\"IN LAVORAZIONE\")])])])}]\n\nexport { render, staticRenderFns }","import api from '../../services/api';\r\n\r\nexport default {\r\n\tcomponents: {\r\n\r\n\t},\r\n\r\n\tdata: function () {\r\n\t\treturn {\r\n\t\t\tloading: false\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {},\r\n\r\n\t/* metodi */\r\n\tmethods: {},\r\n\r\n\t/* visualizzazione risultati */\r\n\tcomputed: {}\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=fd542f7c&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb-0\",attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.alarms'],\"show-date-time\":true}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-card',{staticClass:\"form1row mb-20\"},[_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-99\",modifiers:{\"collapse-99\":true}}],staticClass:\"k-icon aprichiudi2\"}),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"collapse-99\"}},[_c('div',{staticClass:\"row tripsMap\"},[_c('div',{staticClass:\"col-md-3 \"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"15px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',[_vm._v(\"Periodo\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',{staticStyle:{\"width\":\"25px\"}},[_vm._v(\"da\")]),_c('kendo-datepicker',{class:'dtPicker',attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.startDateString,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate},on:{\"change\":_vm.startDateChange}}),(_vm.startDateString == 'Invalid date')?_c('label',{staticClass:\"text-danger\",staticStyle:{\"margin-left\":\"15px\"}},[_c('b',[_vm._v(\"La data è obbligatoria\")])]):_vm._e()],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',{staticStyle:{\"width\":\"25px\"}},[_vm._v(\"a\")]),_c('kendo-datepicker',{class:'dtPicker',attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.endDateString,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate},on:{\"change\":_vm.endDateChange}}),(_vm.endDateString == 'Invalid date')?_c('label',{staticClass:\"text-danger\",staticStyle:{\"margin-left\":\"15px\"}},[_c('b',[_vm._v(\"La data è obbligatoria\")])]):_vm._e()],1)])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"15px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',[_vm._v(\"Veicoli\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('kendo-multiselect',{class:'filtraPer',attrs:{\"value\":_vm.vehiclesSelected,\"data-source\":_vm.vehicles,\"item-template\":_vm.itemVehicleTemplate,\"tag-template\":_vm.tagVehicleTemplate,\"data-text-field\":'name_numberplate',\"data-value-field\":'id',\"placeholder\":'FILTRA PER VEICOLO...',\"no-data-template\":'Nessun veicolo presente',\"filter\":'contains'},on:{\"change\":_vm.filterPlateChange}})],1)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDriversFilter),expression:\"showDriversFilter\"}],staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"15px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',[_vm._v(\"Autisti\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('kendo-multiselect',{class:'filtraPer',attrs:{\"value\":_vm.driversSelected,\"data-source\":_vm.drivers,\"item-template\":_vm.itemDriverTemplate,\"tag-template\":_vm.tagDriverTemplate,\"data-text-field\":'name_surname_fiscalcode',\"data-value-field\":'id',\"placeholder\":'FILTRA PER CONDUCENTE...',\"no-data-template\":'Nessun conducente presente',\"filter\":'contains'},on:{\"change\":_vm.filterDriverChange}})],1)])]),_c('div',{staticClass:\"col-md-1 mt-1\"},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-table-map\",\"triggers\":\"hover\",\"delay\":\"600\",\"disabled\":_vm.showTableMapPopover},on:{\"update:disabled\":function($event){_vm.showTableMapPopover=$event}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tTipologia di visualizzazione\\n\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type tripsLocMap\",attrs:{\"id\":\"show-table-map\",\"src\":_vm.mapTableVisualizationSelected,\"width\":\"30\"}}),_c('b-popover',{ref:\"popover\",attrs:{\"target\":\"show-table-map\",\"triggers\":\"click\",\"show\":_vm.showTableMapPopover,\"placement\":\"auto\",\"container\":\"my-container\"},on:{\"update:show\":function($event){_vm.showTableMapPopover=$event}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('b-button',{staticClass:\"close\",attrs:{\"aria-label\":\"Close\"},on:{\"click\":_vm.onCloseShowTableMapPopover}},[_c('span',{staticClass:\"d-inline-block\",attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_c('div',{staticClass:\"map-table-visualization-type-container\"},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-map\",\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tVisualizza mappa\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type-inner\",attrs:{\"id\":\"show-map\",\"src\":_vm.getStateMIcon,\"width\":\"30\"},on:{\"click\":function($event){return _vm.showMaptable('m')}}}),_c('br'),_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-ht-table\",\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tVisualizza tabella orizzontale\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type-inner\",attrs:{\"id\":\"show-ht-table\",\"src\":_vm.getStateHTIcon,\"width\":\"30\"},on:{\"click\":function($event){return _vm.showMaptable('ht')}}})],1)])],1)]),_c('div',{staticClass:\"row filter-buttons\"},[_c('hr'),_c('div',{staticClass:\"col-md-12 text-right\"},[_c('b-button',{staticClass:\"btn-filter mt-2 ml-3\",staticStyle:{\"max-width\":\"70px\"},attrs:{\"size\":\"sm\"},on:{\"click\":_vm.resetFilter}},[_vm._v(\"PULISCI\")]),_c('b-button',{staticClass:\"btn-filter mt-4 ml-3 pull-right\",attrs:{\"size\":\"sm\"},on:{\"click\":_vm.applyFilter}},[_vm._v(\"CERCA\")])],1)])])],1),(_vm.loading)?_c('span',{staticClass:\"absolute\"},[_vm._v(\"Refresh...\")]):_vm._e()],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMap),expression:\"showMap\"}],staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('alarms-map',{ref:\"map\",class:_vm.mapClass,attrs:{\"data\":_vm.alarmsMarker,\"vehicleIdFilterFieldFormatted\":_vm.vehicleIdFilterFieldFormatted,\"mapCenterLocation\":_vm.config.mapInitialLocation},on:{\"onMarkerClick\":_vm.onMarkerClick}})],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHorizontalTable),expression:\"showHorizontalTable\"}],staticClass:\"row f-icon almrHeight\"},[_c('div',{staticClass:\"col-md-12 r-icon\"},[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":false,\"showExport\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('b-card',[_c('horizontal-table',{attrs:{\"totalAlarmCount\":_vm.totalCount,\"config\":_vm.configColumns,\"data\":_vm.alarmItems,\"vehicleSelectedFilter\":_vm.vehiclesSelected,\"vehicleItemsFilter\":_vm.vehicles,\"driversSelectedFilter\":_vm.driversSelected,\"driverItemsFilter\":_vm.drivers,\"driverRegisterFilter\":_vm.driversRegister,\"driversRegisterSelectedFilter\":_vm.driversRegisterSelected,\"driverBadgeFilter\":_vm.driversBadge,\"driversBadgeSelectedFilter\":_vm.driversBadgeSelected,\"driverCFFilter\":_vm.driversCF,\"driversCFSelectedFilter\":_vm.driversCFSelected,\"gridClass\":_vm.horizontalTableClass,\"eventsFilter\":_vm.events,\"eventsFilterSelected\":_vm.eventsSelected,\"vehicleIdFilterField\":_vm.vehicleIdFilterField},on:{\"filter-daterange-change\":_vm.onFilterDaterangeChange,\"selected-row\":_vm.onSelectedRow,\"on-visibility-item-change\":_vm.onVisibilityItemChange,\"alarms-get-data\":_vm.onSortOrPageChangeHandler}})],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gmap-map',{ref:\"alarmmap\",staticStyle:{\"width\":\"100\",\"height\":\"inherit\"},attrs:{\"center\":_vm.center,\"zoom\":5,\"map-type-id\":\"roadmap\",\"options\":{\n\t\t\tmapTypeControl: _vm.viewSatellite,\n\t\t\tstyles: _vm.mapStylesOptions\n\t\t}}},[_c('gmap-cluster',{attrs:{\"maxZoom\":12,\"zoomOnClick\":true},on:{\"click\":_vm.clusterClick}},_vm._l((_vm.markers),function(m,i){return _c('gmap-marker',{key:(\"m_\" + i),attrs:{\"position\":m.position,\"icon\":m.icon,\"clickable\":true,\"draggable\":false,\"zIndex\":m.zIndex || 0},on:{\"click\":function($event){return _vm.markerClick(m, i)},\"mouseover\":function($event){return _vm.markerOver($event, m)},\"mouseout\":function($event){return _vm.markerOut()}}})}),1),_c('div',_vm._l((_vm.markers),function(m,i){return _c('gmap-info-window',{key:(\"mi_\" + i),attrs:{\"id\":\"tooltip-target-1\",\"options\":m.infoWindowOptions,\"position\":m.position,\"opened\":m.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){m.infoWindowOptions.infoWindowOpened = false}}})}),1),_vm._l((_vm.poiMarkers),function(m,i){return _c('gmap-marker',{key:(\"mp_\" + (m.id)),attrs:{\"position\":m.position,\"icon\":m.icon,\"clickable\":true},on:{\"click\":function($event){return _vm.poiMarkerClick(m, i)},\"mouseover\":function($event){return _vm.markerOver($event, m)},\"mouseout\":function($event){return _vm.markerOut()}}})}),_c('div',_vm._l((_vm.poiMarkers),function(m){return _c('gmap-info-window',{key:(\"mpi_\" + (m.id)),attrs:{\"options\":m.infoWindowOptions,\"position\":m.position,\"opened\":m.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){m.infoWindowOptions.infoWindowOpened = false}}})}),1),_c('div',_vm._l((_vm.poiPaths),function(p,index){return _c('gmap-polygon',{key:(\"mpp_\" + (p.id)),attrs:{\"path\":p.path,\"options\":{ strokeColor: p.strokeColor, fillColor: p.fillColor }},on:{\"click\":function($event){return _vm.poiMarkerClick(p, index)}}})}),1),_c('div',_vm._l((_vm.poiPaths),function(p){return _c('gmap-info-window',{key:(\"mppi_\" + (p.id)),attrs:{\"options\":p.infoWindowOptions,\"position\":p.path[0],\"opened\":p.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){p.infoWindowOptions.infoWindowOpened = false}}})}),1),_c('div',_vm._l((_vm.poiAreas),function(c,index){return _c('gmap-circle',{key:(\"mpc_\" + (c.id)),attrs:{\"radius\":c.radius,\"center\":c.center,\"options\":{ fillColor: c.fillColor }},on:{\"click\":function($event){return _vm.poiMarkerClick(c, index)}}})}),1),_c('div',_vm._l((_vm.poiAreas),function(a){return _c('gmap-info-window',{key:(\"mpci_\" + (a.id)),attrs:{\"options\":a.infoWindowOptions,\"position\":a.center,\"opened\":a.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){a.infoWindowOptions.infoWindowOpened = false}}})}),1)],2),_c('map-poi-categories-filter',{ref:\"poiCatgeoriesFilter\"}),_c('traffic-layer',{ref:\"trafficLayer\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"trafficOnMap\",attrs:{\"id\":\"div-view-traffic\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tshow: false,\r\n\t\t\ttrafficLayer: null\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\t\r\n\t},\r\n\tmethods: {\r\n\t\tloadControls(map) {\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tvar controlDiv = document.createElement(\"div\");\r\n\t\t\t\tvar firstChild = document.getElementById(\"div-view-traffic\");\r\n\t\t\t\tfirstChild.style.backgroundColor = \"#fff\";\r\n\t\t\t\tfirstChild.style.border = \"none\";\r\n\t\t\t\tfirstChild.style.outline = \"none\";\r\n\t\t\t\tfirstChild.style.width = \"28px\";\r\n\t\t\t\tfirstChild.style.height = \"28px\";\r\n\t\t\t\tfirstChild.style.borderRadius = \"2px\";\r\n\t\t\t\tfirstChild.style.boxShadow = \"0 1px 4px rgba(0,0,0,0.3)\";\r\n\t\t\t\tfirstChild.style.cursor = \"pointer\";\r\n\t\t\t\tfirstChild.style.marginRight = \"20px\";\r\n\t\t\t\tfirstChild.style.padding = \"0px\";\r\n\t\t\t\tcontrolDiv.appendChild(firstChild);\r\n\t\t\t\tvar secondChild = document.createElement(\"div\");\r\n\t\t\t\tsecondChild.style.margin = \"3px\";\r\n\t\t\t\tsecondChild.style.width = \"25px\";\r\n\t\t\t\tsecondChild.style.height = \"28px\";\r\n\t\t\t\tsecondChild.style.backgroundImage = \"url(/icon-start-traffic.png)\";\r\n\t\t\t\tsecondChild.style.backgroundSize = \"25px 23px\";\r\n\t\t\t\tsecondChild.style.backgroundPosition = \"0px 0px\";\r\n\t\t\t\tsecondChild.style.backgroundRepeat = \"no-repeat\";\r\n\t\t\t\tsecondChild.title = \"Traffico\";\r\n\t\t\t\tsecondChild.id=\"traffic-child-div\";\r\n\t\t\t\tfirstChild.appendChild(secondChild);\r\n\t\t\t\twindow.google.maps.event.addListener(map.$mapObject, \"center_changed\", function() {\r\n\t\t\t\t\tsecondChild.style[\"background-position\"] = \"0 0\";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tfirstChild.addEventListener(\"click\", function() {\r\n\t\t\t\t\tself.show = !self.show;\r\n\t\t\t\t\tif (self.show) {\r\n\t\t\t\t\t\tif (self.trafficLayer == null) {\r\n\t\t\t\t\t\t\tself.trafficLayer = new google.maps.TrafficLayer();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tself.trafficLayer.setMap(map.$mapObject);\r\n\t\t\t\t\t\tsecondChild.style.backgroundImage = \"url(/icon-stop-traffic.png)\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tself.trafficLayer.setMap(null);\r\n\t\t\t\t\t\tsecondChild.style.backgroundImage = \"url(/icon-start-traffic.png)\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tcontrolDiv.index = 1;\r\n\t\t\t\tmap.$mapObject.controls[window.google.maps.ControlPosition.RIGHT_BOTTOM].push(controlDiv);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\tcomputed: {}\r\n};\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/eslint-loader/index.js??ref--13-0!./viewtraffic.vue.js?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/eslint-loader/index.js??ref--13-0!./viewtraffic.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./viewtraffic.vue?vue&type=template&id=0eb6d289&\"\nimport script from \"./viewtraffic.vue.js?vue&type=script&lang=js&\"\nexport * from \"./viewtraffic.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import api from \"../../services/api\";\r\nimport { gmapApi } from \"vue2-google-maps\";\r\nimport moment from \"moment\";\r\nimport formatcoords from \"formatcoords\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport { Marker, GeoPosition } from \"../../domain/poi\";\r\nimport { bus } from \"../../main\";\r\nimport marker from \"vue2-google-maps/dist/components/marker\";\r\nimport mapPoiCategoriesFilter from \"../../components/map/poicategories.vue\";\r\nimport trafficLayer from \"../../components/map/viewtraffic.vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tmapPoiCategoriesFilter,\r\n\t\ttrafficLayer\r\n\t},\r\n\tprops: {\r\n\t\tdata: Array,\r\n\t\tvehicleIdFilterFieldFormatted: String,\r\n\t\tmapCenterLocation: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: {\r\n\t\t\t\tlat: 0,\r\n\t\t\t\tlng: 0\r\n\t\t\t}\r\n\t\t},\r\n\t\tzoom: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 12\r\n\t\t}\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tfirstTimeIn: true,\r\n\t\t\tcenter: {},\r\n\t\t\tmarkers: [],\r\n\t\t\tinfoContent: \"\",\r\n\t\t\tinfoWindowPos: null,\r\n\t\t\tinfoWinOpen: false,\r\n\t\t\tcurrentMidx: null,\r\n\t\t\tinfoOptions: {\r\n\t\t\t\tcontent: \"\",\r\n\t\t\t\tpixelOffset: {\r\n\t\t\t\t\twidth: 0,\r\n\t\t\t\t\theight: -35\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tmarkersShown: [],\r\n\t\t\thistoryBounds: null,\r\n\r\n\t\t\t//POI\r\n\t\t\tpoiAreas: [],\r\n\t\t\tpoiPaths: [],\r\n\t\t\tpoiMarkers: [],\r\n\r\n\t\t\tviewSatellite: false,\r\n\t\t\tmapStylesOptions: [ \r\n\t\t\t\t{\r\n\t\t\t\t\tfeatureType: \"poi\",\r\n\t\t\t\t\tstylers: [ \r\n\t\t\t\t\t\t{ \r\n\t\t\t\t\t\t\tvisibility: \"off\" \r\n\t\t\t\t\t\t} \r\n\t\t\t\t\t] \r\n\t\t\t\t} \r\n\t\t\t],\r\n\t\t\tshowTitle: false\r\n\t\t};\r\n\t},\r\n\twatch: {},\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tif (this.settings) {\r\n\t\t\tif (this.settings.viewSatellite) this.viewSatellite = this.settings.viewSatellite;\r\n\t\t}\r\n\r\n\t\tself.center = {\r\n\t\t\tlat: self.mapCenterLocation.lat,\r\n\t\t\tlng: self.mapCenterLocation.lng\r\n\t\t};\r\n\r\n\t\tself.$gmapApiPromiseLazy().then(() => {\r\n\t\t\tself.$watch(\"data\", function(newValue, oldValue) {\r\n\t\t\t\tif (self.markersShown && self.markersShown.length > 0 && newValue) {\r\n\t\t\t\t\t//remove markers if needed\r\n\t\t\t\t\tlet markersToRemove = self._.differenceBy(self.markersShown, newValue, \"id\");\r\n\t\t\t\t\tself.removeMarkers(markersToRemove);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (newValue.length != self.markersShown.length) self.displayMarkers();\r\n\t\t\t\tself.markersShown = self._.clone(newValue);\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tbus.$on(\"on-alarms-selected-row\", self.onSelectedRow.bind(self));\r\n\t\tbus.$on(\"poi-category-filter-change\", self.onPoiCategoryFilterChange.bind(self));\r\n\t},\r\n\tmounted() {\r\n\t\tvar self = this;\r\n\t\t/* poi categories */\r\n\t\tif (this.settings && this.settings.viewPoi) {\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tself.$refs.alarmmap.$gmapApiPromiseLazy().then(res => {\r\n\t\t\t\t\tself.$refs.poiCatgeoriesFilter.loadControls(self.$refs.alarmmap);\r\n\t\t\t\t});\r\n\t\t\t\t//}, 1000);\r\n\t\t\t});\r\n\t\t}\r\n\t\t/* poi categories */\r\n\r\n\t\t/* traffic Layer */\r\n\t\tif (this.settings && this.settings.viewTraffic) {\r\n\t\t\tself.$refs.alarmmap.$gmapApiPromiseLazy().then(res => {\r\n\t\t\t\tself.$refs.alarmmap.$mapPromise.then(map => {\r\n\t\t\t\t\tvar trafficLayer = new google.maps.TrafficLayer();\r\n\t\t\t\t\tself.$refs.trafficLayer.loadControls(self.$refs.alarmmap);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t\t/* traffic Layer */\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tvar self = this;\r\n\t\tbus.$off(\"on-alarms-selected-row\");\r\n\t\tbus.$off(\"poi-category-filter-change\", self.onPoiCategoryFilterChange.bind(self));\r\n\t},\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tmarkerOut() {\r\n\t\t\thelpers.deleteTooltip();\r\n\t\t},\r\n\t\tmarkerOver($event, m) {\r\n\t\t\thelpers.injectTooltip($event.tb, m.description);\r\n\t\t},\r\n\t\tdisplayPois: function(data) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\t//items to remove - marker\r\n\t\t\tvar itemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.poiMarkers.length; i++) {\r\n\t\t\t\tvar m = this.poiMarkers[i];\r\n\t\t\t\tlet dataItem = _.find(data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.poiMarkers.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiMarkers.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\t//items to remove - polygon\r\n\t\t\titemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.poiPaths.length; i++) {\r\n\t\t\t\tvar m = this.poiPaths[i];\r\n\t\t\t\tlet dataItem = _.find(data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.poiPaths.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiPaths.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\t//items to remove - area\r\n\t\t\titemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.poiAreas.length; i++) {\r\n\t\t\t\tvar m = this.poiAreas[i];\r\n\t\t\t\tlet dataItem = _.find(data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.poiAreas.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiAreas.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\tdata.forEach(function(item) {\r\n\t\t\t\tif (item.location.rendering_type == \"marker\" || (item.location.rendering_type == \"unknown\" && item.location.points.length == 1)) {\r\n\t\t\t\t\tlet m = _.find(self.poiMarkers, function(o) {\r\n\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tself.poiMarkers.push(m);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\tm.description = item.name;\r\n\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\tLAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\tINDIRIZZO: ${item.location.address}
`;\r\n\r\n\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t} else if (item.location.rendering_type == \"polygon\" || (item.location.rendering_type == \"unknown\" && item.location.points.length > 1)) {\r\n\t\t\t\t\t//marker related to polygon\r\n\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\tlet m = _.find(self.poiMarkers, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.poiMarkers.push(m);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tm.draggable = false;\r\n\t\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\t\tm.description = item.name;\r\n\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t//polygon\r\n\t\t\t\t\tlet p = _.find(self.poiPaths, function(o) {\r\n\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (p == null) {\r\n\t\t\t\t\t\tp = {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tpath: item.location.points.map(function(pt) {\r\n\t\t\t\t\t\t\t\treturn new GeoPosition(pt.lat, pt.lon);\r\n\t\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t\tinfoWindowOptions: {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: 0\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tself.poiPaths.push(p);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tp.fillColor = item.poi_category_fill_color;\r\n\t\t\t\t\tp.description = item.name;\r\n\t\t\t\t\tp.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\tLAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\tINDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\tp.infoWindowOptions.content = p.info;\r\n\t\t\t\t} else if (item.location.rendering_type == \"circle\") {\r\n\t\t\t\t\t//marker related to circle\r\n\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\tlet m = _.find(self.poiMarkers, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.poiMarkers.push(m);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tm.draggable = item.draggable;\r\n\t\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\t\tm.description = item.name;\r\n\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t//area\r\n\t\t\t\t\tlet a = _.find(self.poiAreas, function(o) {\r\n\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (a == null) {\r\n\t\t\t\t\t\ta = new google.maps.Circle();\r\n\t\t\t\t\t\ta.id = item.id;\r\n\t\t\t\t\t\ta.radius = item.radius;\r\n\t\t\t\t\t\ta.infoWindowOptions = {\r\n\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\theight: 0\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tself.poiAreas.push(a);\r\n\t\t\t\t\t}\r\n\t\t\t\t\ta.center = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\ta.fillColor = item.poi_category_fill_color;\r\n\t\t\t\t\ta.description = item.name;\r\n\t\t\t\t\ta.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\ta.infoWindowOptions.content = a.info;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tpoiMarkerClick: function(marker) {\r\n\t\t\thelpers.deleteTooltip();\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t\tthis.toggleInfoWindow(marker);\r\n\t\t},\r\n\t\tonPoiCategoryFilterChange(items) {\r\n\t\t\tthis.displayPois(items);\r\n\t\t},\r\n\t\tonSelectedRow(e) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (e) {\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tvar position = {\r\n\t\t\t\t\tlat: e.position.lat,\r\n\t\t\t\t\tlng: e.position.lon\r\n\t\t\t\t};\r\n\t\t\t\tthis.centerMap(position);\r\n\t\t\t\tthis.setCustomZoom(13);\r\n\r\n\t\t\t\tself.hideAllInfoWindow();\r\n\t\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\t\titem.zIndex = 0;\r\n\t\t\t\t\tif (item.id == e.id) {\r\n\t\t\t\t\t\titem.zIndex = 1;\r\n\t\t\t\t\t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tremoveMarkers: function(markersToRemove) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (markersToRemove && markersToRemove.length > 0) {\r\n\t\t\t\tvar idsToRemove = markersToRemove.map(function(x) {\r\n\t\t\t\t\treturn x.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tfor (let i = 0; i < idsToRemove.length; i++) {\r\n\t\t\t\t\tlet id = idsToRemove[i];\r\n\t\t\t\t\tlet index = self.markers.findIndex(function(a) {\r\n\t\t\t\t\t\treturn a.id == id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (index >= 0) {\r\n\t\t\t\t\t\tself.markers.splice(index, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// self._.remove(self.markers, function(item) {\r\n\t\t\t\t\t// \treturn item.id == id;\r\n\t\t\t\t\t// });\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (self.markers.length === 0) {\r\n\t\t\t\t\tself.markers = [];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisplayMarkers: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.zIndex = 0;\r\n\t\t\t});\r\n\r\n\t\t\tself.hideAllInfoWindow();\r\n\r\n\t\t\tself.data.forEach(function(item, index) {\r\n\t\t\t\tlet m = _.find(self.markers, function(o) {\r\n\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (m == null) {\r\n\t\t\t\t\tm = new Marker();\r\n\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tindexLoopSamePosition: 0\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tself.markers.push(m);\r\n\r\n\t\t\t\t\tm.position = new GeoPosition(item.position.lat, item.position.lon);\r\n\t\t\t\t\tm.description = item.description;\r\n\t\t\t\t\tm.zIndex = 0;\r\n\t\t\t\t\tm.info = `
\r\n\t\t\t\t\t\t
Conducente: ${item.conducente}\r\n\t\t\t\t\t\t
${item.description}\r\n\t\t\t\t\t\t ${item.severity_description ? `
${item.severity_description}` : \"\"}\r\n\t\t\t\t\t\t
${self.$options.filters.dateToString(item.event_date)} - ${self.$options.filters.timeToString(item.event_date)}\r\n\t\t\t\t\t\t ${\r\n\t\t\t\t\t\t\t\titem.data && item.data.alarmType\r\n\t\t\t\t\t\t\t\t\t? '
Tipo: ' +\r\n\t\t\t\t\t\t\t\t\t (self.settings.commonLabels[\"vehicle.event_alert_type.\" + item.data.alarmType]\r\n\t\t\t\t\t\t\t\t\t\t\t? self.settings.commonLabels[\"vehicle.event_alert_type.\" + item.data.alarmType]\r\n\t\t\t\t\t\t\t\t\t\t\t: item.data.alarmType) +\r\n\t\t\t\t\t\t\t\t\t \"\" +\r\n\t\t\t\t\t\t\t\t\t '
POI: ' +\r\n\t\t\t\t\t\t\t\t\t item.alarm_poi_display_name +\r\n\t\t\t\t\t\t\t\t\t \"\"\r\n\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t} \r\n\t\t\t\t\t\t
${item.position_display_name ? item.position_display_name + \"\" : \"\"}\r\n\t\t\t\t\t\t
LAT: ${item.position.lat} - LON: ${\r\n\t\t\t\t\t\titem.position.lon\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t
Velocità: ${item.speed} km/h\r\n\t\t\t\t\t\t
Direzione: ${self.DirectionDegreeTocardinal(item.drive_direction)}`;\r\n\t\t\t\t\tm.icon = {\r\n\t\t\t\t\t\turl: `/assets/alarms/icon/${item.type}-${item.subtype}.png`, // url\r\n\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 48), // scaled size\r\n\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t};\r\n\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\r\n\t\t\t\t\t//manage same position\r\n\t\t\t\t\tvar markersSamePosition = self.markers.filter(function(mm) {\r\n\t\t\t\t\t\treturn mm.id != m.id && mm.position && mm.position.lat == m.position.lat && mm.position.lng == m.position.lng;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (markersSamePosition.length > 0) {\r\n\t\t\t\t\t\tvar maxIndexOfLoop = self._.maxBy(markersSamePosition, \"infoWindowOptions.indexLoopSamePosition\");\r\n\t\t\t\t\t\tif (maxIndexOfLoop) {\r\n\t\t\t\t\t\t\tm.infoWindowOptions.indexLoopSamePosition = maxIndexOfLoop.infoWindowOptions.indexLoopSamePosition + 1;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (self.data.length > 0) {\r\n\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\tself.fitAndZoom();\r\n\t\t\t\t}, 1);\r\n\t\t\t\t//self.fitAndZoom();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tDirectionDegreeTocardinal(deg) {\r\n\t\t\tif (deg > 11.25 && deg < 33.75) {\r\n\t\t\t\treturn \"N-NE\";\r\n\t\t\t} else if (deg > 33.75 && deg < 56.25) {\r\n\t\t\t\treturn \"NE\";\r\n\t\t\t} else if (deg > 56.25 && deg < 78.75) {\r\n\t\t\t\treturn \"E-NE\";\r\n\t\t\t} else if (deg > 78.75 && deg < 101.25) {\r\n\t\t\t\treturn \"E\";\r\n\t\t\t} else if (deg > 101.25 && deg < 123.75) {\r\n\t\t\t\treturn \"E-SE\";\r\n\t\t\t} else if (deg > 123.75 && deg < 146.25) {\r\n\t\t\t\treturn \"SE\";\r\n\t\t\t} else if (deg > 146.25 && deg < 168.75) {\r\n\t\t\t\treturn \"S-SE\";\r\n\t\t\t} else if (deg > 168.75 && deg < 191.25) {\r\n\t\t\t\treturn \"S\";\r\n\t\t\t} else if (deg > 191.25 && deg < 213.75) {\r\n\t\t\t\treturn \"S-SO\";\r\n\t\t\t} else if (deg > 213.75 && deg < 236.25) {\r\n\t\t\t\treturn \"SO\";\r\n\t\t\t} else if (deg > 236.25 && deg < 258.75) {\r\n\t\t\t\treturn \"O-SO\";\r\n\t\t\t} else if (deg > 258.75 && deg < 281.25) {\r\n\t\t\t\treturn \"O\";\r\n\t\t\t} else if (deg > 281.25 && deg < 303.75) {\r\n\t\t\t\treturn \"O-NO\";\r\n\t\t\t} else if (deg > 303.75 && deg < 326.25) {\r\n\t\t\t\treturn \"NO\";\r\n\t\t\t} else if (deg > 326.25 && deg < 348.75) {\r\n\t\t\t\treturn \"N-NO\";\r\n\t\t\t} else {\r\n\t\t\t\treturn \"N\";\r\n\t\t\t}\r\n\t\t},\r\n\t\tsetCustomZoom(value) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (self.$refs.alarmmap) {\r\n\t\t\t\tself.$refs.alarmmap.$mapPromise.then(map => {\r\n\t\t\t\t\tmap.setZoom(value);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tfitAndZoom: function(bnds) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar bounds = new google.maps.LatLngBounds();\r\n\r\n\t\t\tif (bnds) {\r\n\t\t\t\tbounds = bnds;\r\n\t\t\t} else {\r\n\t\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\t\tbounds.extend(item.position);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (self.markers.length > 0 && bounds.equals(self.historyBounds) == false) {\r\n\t\t\t\tif (self.$refs.alarmmap) {\r\n\t\t\t\t\tself.$refs.alarmmap.$mapPromise.then(map => {\r\n\t\t\t\t\t\tmap.fitBounds(bounds);\r\n\t\t\t\t\t\tif (map.getZoom() >= 22) {\r\n\t\t\t\t\t\t\tmap.setZoom(14);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.historyBounds = bounds;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tmarkerClick: function(marker, idx) {\r\n\t\t\thelpers.deleteTooltip();\r\n\r\n\t\t\tif (this.markers.length > 1 && marker.infoWindowOptions && marker.infoWindowOptions.infoWindowOpened) {\r\n\t\t\t\t//if is already open, search for other markers that have same coordinates\r\n\t\t\t\tvar markersSamePosition = this.markers.filter(function(item) {\r\n\t\t\t\t\treturn item.id != marker.id && item.position && item.position.lat == marker.position.lat && item.position.lng == marker.position.lng;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (markersSamePosition.length > 0) {\r\n\t\t\t\t\tvar lastIndex = marker.infoWindowOptions.indexLoopSamePosition;\r\n\t\t\t\t\tvar mToShow = markersSamePosition.find(function(item) {\r\n\t\t\t\t\t\treturn item.infoWindowOptions.indexLoopSamePosition > lastIndex;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (mToShow) {\r\n\t\t\t\t\t\tmarker = mToShow;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tmarker = markersSamePosition[0];\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.$emit(\"onMarkerClick\", { marker, idx });\r\n\r\n\t\t\tthis.hideAllInfoWindow();\r\n\r\n\t\t\tthis.toggleInfoWindow(marker);\r\n\t\t},\r\n\t\tclusterClick(e) {\r\n\t\t\tvar bounds = e.getBounds();\r\n\t\t},\r\n\t\thideAllInfoWindow: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\t//POI\r\n\t\t\tself.poiMarkers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\tself.poiPaths.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\tself.poiAreas.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\t\t},\r\n\t\tshowAllInfoWindow: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t});\r\n\t\t},\r\n\t\tcenterMap: function(position) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tif (self.$refs.alarmmap) {\r\n\t\t\t\tself.$refs.alarmmap.$mapPromise.then(map => {\r\n\t\t\t\t\tmap.setCenter(position);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\ttoggleInfoWindow: function(marker, idx) {\r\n\t\t\tmarker.infoWindowOptions.infoWindowOpened = !marker.infoWindowOptions.infoWindowOpened;\r\n\t\t\tthis.markers.forEach(function(item, index) {\r\n\t\t\t\titem.zIndex = 0;\r\n\t\t\t\tif (item.id == marker.id) {\r\n\t\t\t\t\titem.zIndex = 1;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// this.infoWindowPos = marker.position;\r\n\t\t\t// this.infoContent = marker.info;\r\n\t\t\t// this.infoOptions.content = marker.info;\r\n\t\t\t// //check if its the same marker that was selected if yes toggle\r\n\t\t\t// if (this.currentMidx == idx) {\r\n\t\t\t// \tthis.infoWinOpen = !this.infoWinOpen;\r\n\t\t\t// }\r\n\t\t\t// //if different marker set infowindow to open and reset current marker index\r\n\t\t\t// else {\r\n\t\t\t// \tthis.infoWinOpen = true;\r\n\t\t\t// \tthis.currentMidx = idx;\r\n\t\t\t// }\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./map.vue.js?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/eslint-loader/index.js??ref--13-0!./map.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./map.vue?vue&type=template&id=4a2d5f62&\"\nimport script from \"./map.vue.js?vue&type=script&lang=js&\"\nexport * from \"./map.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"grid\",class:_vm.gridClass,style:({ height: 'auto', 'max-height': '307px', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"sortable\":true,\"columns\":_vm.columnsToShow,\"selected-field\":_vm.selectedField},on:{\"pagechange\":_vm.pageChangeHandler,\"sortchange\":_vm.sortChangeHandler,\"rowclick\":_vm.onRowClick},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myLicensePlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.vehiclesFilter,\"filterItemsSelected\":_vm.vehicleSelectedFilter,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myDriverHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversFilter,\"filterItemsSelected\":_vm.driversSelectedFilter,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myDriverRegisterHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversRegisterFilter,\"filterItemsSelected\":_vm.driversRegisterSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myDriverBadgeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversBadgeFilter,\"filterItemsSelected\":_vm.driversBadgeSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myDriverCFHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversCFFilter,\"filterItemsSelected\":_vm.driversCFSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myDescriptionEventHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.eventsFilter,\"filterItemsSelected\":_vm.eventsFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xxlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myTimeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'timerange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilterHandler}},'headerTemplate',props,false))]}},{key:\"myHeaderImagesSwitchTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({staticClass:\"mapIconOnTable\",class:props.className,attrs:{\"sort\":_vm.sort,\"headerType\":'booleanSwitch',\"imageBooleanOn\":'/assets/mappa-on.png',\"imageBooleanOff\":'/assets/mappa-off.png',\"tooltipValueOn\":'MAPPA',\"tooltipValueOff\":'MAPPA',\"switchValue\":_vm.allAreShown,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"header-switch-change\":_vm.onHeaderVisibleChange}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({on:{\"cell-click\":_vm.cellClickHandler,\"boolean-switch-change\":_vm.booleanSwitchChange}},'cell-template',props,false))]}},{key:\"positionCoordinates\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(_vm._s(_vm.formattedCoordinates(props.dataItem.position, props.field)))])]}}])},[_c('grid-norecords',[_vm._v(\"\\n Nessun dato presente\\n \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import gridbase from \"../../components/gridComponentBase.js\";\r\nimport moment from \"moment\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { bus } from \"../../main\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tprops: {\r\n\t\tconfig: Array,\r\n\t\tdata: Array,\r\n\t\tgridClass: String,\r\n\t\ttotalAlarmCount: Number,\r\n\t\tvehicleItemsFilter: Array,\r\n\t\tvehicleSelectedFilter: Array,\r\n\t\tdriverItemsFilter: Array,\r\n\t\tdriversSelectedFilter: Array,\r\n\t\tdriverRegisterFilter: Array,\r\n\t\tdriverBadgeFilter: Array,\r\n\t\tdriverCFFilter: Array,\r\n\t\tdriversRegisterSelectedFilter: Array,\r\n\t\tdriversBadgeSelectedFilter: Array,\r\n\t\tdriversCFSelectedFilter: Array,\r\n\t\teventsFilter: Array,\r\n\t\teventsFilterSelected: Array,\r\n\t\tvehicleIdFilterField: String\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"visible\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"45\",\r\n\t\t\t\t\theaderCell: \"myHeaderImagesSwitchTemplate\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"booleanSwitch\",\r\n\t\t\t\t\tclassName: \"swtcAlarms\",\r\n\t\t\t\t\tconfigByPass: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\tconfigId: \"number_plate\",\r\n\t\t\t\t\ttitle: \"targa\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\theaderCell: \"myLicensePlateHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_code\",\r\n\t\t\t\t\tconfigId: \"vehicle_code\",\r\n\t\t\t\t\ttitle: \"codice\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\theaderCell: \"myLicensePlateHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_register\",\r\n\t\t\t\t\tconfigId: \"driverRegister\",\r\n\t\t\t\t\ttitle: \"codice matricola\",\r\n\t\t\t\t\twidth: \"285\",\r\n\t\t\t\t\theaderCell: \"myDriverRegisterHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_badge\",\r\n\t\t\t\t\tconfigId: \"driverBadge\",\r\n\t\t\t\t\ttitle: \"codice badge\",\r\n\t\t\t\t\twidth: \"285\",\r\n\t\t\t\t\theaderCell: \"myDriverBadgeHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_fiscal_code\",\r\n\t\t\t\t\tconfigId: \"driverCF\",\r\n\t\t\t\t\ttitle: \"codice univoco\",\r\n\t\t\t\t\twidth: \"285\",\r\n\t\t\t\t\theaderCell: \"myDriverCFHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_name\",\r\n\t\t\t\t\tconfigId: \"driver_name\",\r\n\t\t\t\t\ttitle: \"conducente\",\r\n\t\t\t\t\twidth: \"285\",\r\n\t\t\t\t\theaderCell: \"myDriverHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"event_date\",\r\n\t\t\t\t\tconfigId: \"event_date\",\r\n\t\t\t\t\ttitle: \"data\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"datetime\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"description\",\r\n\t\t\t\t\tconfigId: \"description\",\r\n\t\t\t\t\ttitle: \"evento\",\r\n\t\t\t\t\twidth: \"380\",\r\n\t\t\t\t\theaderCell: \"myDescriptionEventHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\ttitle: \"\",\r\n\t\t\t\t\twidth: \"\",\r\n\t\t\t\t\theaderCell: \"\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tconfigByPassByField: \"severity_description\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"speed\",\r\n\t\t\t\t\ttitle: \"velocità\",\r\n\t\t\t\t\tconfigId: \"speed\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"latitude\",\r\n\t\t\t\t\tconfigId: \"latitude\",\r\n\t\t\t\t\ttitle: \"latitudine\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tcell: \"positionCoordinates\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"longitude\",\r\n\t\t\t\t\tconfigId: \"longitude\",\r\n\t\t\t\t\ttitle: \"longitudine\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tcell: \"positionCoordinates\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"severity_description\",\r\n\t\t\t\t\tconfigId: \"severity_description\",\r\n\t\t\t\t\ttitle: \"gravità\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"other_data\",\r\n\t\t\t\t\tconfigId: \"other_data\",\r\n\t\t\t\t\ttitle: \"Altri dati\",\r\n\t\t\t\t\twidth: \"300\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tthis.columnsToShow = this.columns;\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.query.pageSize = 25;\r\n\t\tthis.take = 25;\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t\tthis.take = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\t\t\r\n\t\tif (this.vehicleIdFilterField == \"code\") {\r\n\t\t\tlet col = this.columns.find(function(item) {\r\n\t\t\t\treturn item.field == \"number_plate\";\r\n\t\t\t});\r\n\t\t\r\n\t\t\tif (col) col.filterable = false;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tlet col = this.columns.find(function(item) {\r\n\t\t\t\treturn item.field == \"vehicle_code\";\r\n\t\t\t});\r\n\t\t\r\n\t\t\tif (col) col.filterable = false;\r\n\t\t}\r\n\r\n\t\tthis.items = this.data;\r\n\t\tthis.total = this.totalAlarmCount;\r\n\t\tbus.$on(\"alarm-marker-click\", self.markerClickHandler.bind(self));\r\n\t\tbus.$on(\"reset-table-pagination\", self.onResetPaginationEventHandler.bind(self));\r\n\t},\r\n\twatch: {\r\n\t\tdata: {\r\n\t\t\thandler() {\r\n\t\t\t\tthis.items = this.data;\r\n\t\t\t\tthis.total = this.totalAlarmCount;\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t},\r\n\t\tconfig: function() {\r\n\t\t\tthis.changeConfigColumns();\r\n\t\t}\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tvar self = this;\r\n\t\tbus.$off(\"alarm-marker-click\");\r\n\t\tbus.$off(\"reset-table-pagination\");\r\n\t},\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tformattedCoordinates(current_position, typeCoord) {\r\n\t\t\tif (current_position && current_position.lat && current_position.lon) {\r\n\t\t\t\tvar tc = typeCoord.substring(0, 3);\r\n\t\t\t\treturn helpers.formatCoordinate(current_position[tc], tc);\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\tchangeConfigColumns: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tself.columnsToShow = [];\r\n\r\n\t\t\tif (self.config && self.config.length > 0) {\r\n\t\t\t\tvar orderedConfigColumn = self._.orderBy(self.config, \"order\", \"asc\");\r\n\r\n\t\t\t\torderedConfigColumn.forEach(column => {\r\n\t\t\t\t\tvar defColumn = self.columns.find(function(f) {\r\n\t\t\t\t\t\treturn f.configId === column.field;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (defColumn && column.enabled) {\r\n\t\t\t\t\t\tdefColumn.title = column.label;\r\n\r\n\t\t\t\t\t\tself.columnsToShow.push(defColumn);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (self.columnsToShow.length > 0) {\r\n\t\t\t\t\tvar columnsByPassConfig = self._.filter(self.columns, function(item) {\r\n\t\t\t\t\t\treturn item.configByPass;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tfor (var i = 0; i < columnsByPassConfig.length; i++) {\r\n\t\t\t\t\t\tvar index = columnsByPassConfig[i].order || 0;\r\n\t\t\t\t\t\tself.columnsToShow.splice(index, 0, columnsByPassConfig[i]);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar columnsByPassByField = self._.filter(self.columns, function(item) {\r\n\t\t\t\t\t\treturn item.configByPassByField && item.configByPassByField.length > 0;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tfor (var i = 0; i < columnsByPassByField.length; i++) {\r\n\t\t\t\t\t\tvar clBPf = columnsByPassByField[i];\r\n\t\t\t\t\t\tvar columnRootIndex = self.columnsToShow.findIndex(function(cl) {\r\n\t\t\t\t\t\t\treturn clBPf.configByPassByField == cl.field;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (columnRootIndex < 0) columnRootIndex = self.columnsToShow.length;\r\n\r\n\t\t\t\t\t\tself.columnsToShow.splice(columnRootIndex + 1, 0, clBPf);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonResetPaginationEventHandler() {\r\n\t\t\tthis.skip = 0;\r\n\t\t\tthis.query.page = 0;\r\n\t\t},\r\n\t\tfilterHandler(e) {\r\n\t\t\tif (e.filterable) {\r\n\t\t\t\tif (e.filterType == \"daterange\") {\r\n\t\t\t\t\tthis.$emit(\"filter-daterange-change\", {\r\n\t\t\t\t\t\tstartDate: e.startDateHeader,\r\n\t\t\t\t\t\tendDate: e.endDateHeader,\r\n\t\t\t\t\t\ttype: \"date\",\r\n\t\t\t\t\t\treset: false\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tif (e.filterType == \"timerange\") {\r\n\t\t\t\t\tthis.$emit(\"filter-daterange-change\", {\r\n\t\t\t\t\t\tstartTime: e.startTimeHeader,\r\n\t\t\t\t\t\tendTime: e.endTimeHeader,\r\n\t\t\t\t\t\ttype: \"time\",\r\n\t\t\t\t\t\treset: false\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tthis.onResetPaginationEventHandler();\r\n\t\t\t\tthis.$emit(\"alarms-get-data\", {\r\n\t\t\t\t\tsort: this.sort,\r\n\t\t\t\t\tpage: this.query.page,\r\n\t\t\t\t\tpageSize: this.query.pageSize\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tremoveFilterHandler(e) {\r\n\t\t\tif (e.filterable) {\r\n\t\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\t\tthis.vehicleSelectedFilter.splice(0, this.vehicleSelectedFilter.length);\r\n\t\t\t\t}\r\n\t\t\t\tif (e.field == \"driver_name\") {\r\n\t\t\t\t\tthis.driversSelectedFilter.splice(0, this.driversSelectedFilter.length);\r\n\t\t\t\t}\r\n\t\t\t\tif (e.field == \"driver_register\") {\r\n\t\t\t\t\tthis.driversRegisterSelectedFilter.splice(0, this.driversRegisterSelectedFilter.length);\r\n\t\t\t\t}\r\n\t\t\t\tif (e.field == \"driver_badge\") {\r\n\t\t\t\t\tthis.driversBadgeSelectedFilter.splice(0, this.driversBadgeSelectedFilter.length);\r\n\t\t\t\t}\r\n\t\t\t\tif (e.field == \"driver_fiscal_code\") {\r\n\t\t\t\t\tthis.driversCFSelectedFilter.splice(0, this.driversCFSelectedFilter.length);\r\n\t\t\t\t}\r\n\t\t\t\tif (e.field == \"description\") {\r\n\t\t\t\t\tthis.eventsFilterSelected.splice(0, this.eventsFilterSelected.length);\r\n\t\t\t\t}\r\n\t\t\t\tif (e.field == \"event_date_date\" || e.field == \"event_date_time\") {\r\n\t\t\t\t\tthis.$emit(\"filter-daterange-change\", {\r\n\t\t\t\t\t\tstartDate: null,\r\n\t\t\t\t\t\tendDate: null,\r\n\t\t\t\t\t\ttype: null,\r\n\t\t\t\t\t\treset: true\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tthis.onResetPaginationEventHandler();\r\n\t\t\t\tthis.$emit(\"alarms-get-data\", {\r\n\t\t\t\t\tsort: this.sort,\r\n\t\t\t\t\tpage: this.query.page,\r\n\t\t\t\t\tpageSize: this.query.pageSize\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.$emit(\"alarms-get-data\", {\r\n\t\t\t\tsort: this.sort,\r\n\t\t\t\tpage: this.query.page,\r\n\t\t\t\tpageSize: this.query.pageSize\r\n\t\t\t});\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.$emit(\"alarms-get-data\", {\r\n\t\t\t\tsort: this.sort,\r\n\t\t\t\tpage: this.query.page,\r\n\t\t\t\tpageSize: this.query.pageSize\r\n\t\t\t});\r\n\t\t},\r\n\t\tonHeaderVisibleChange(visible) {\r\n\t\t\tfor (var i = 0; i < this.data.length; i++) {\r\n\t\t\t\tvar item = this.data[i];\r\n\t\t\t\tif (item && this._.isNull(item.visible) === false) {\r\n\t\t\t\t\titem.visible = visible;\r\n\t\t\t\t\tthis.$emit(\"on-visibility-item-change\", item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tbooleanSwitchChange(e) {\r\n\t\t\tif (e.field === \"visible\") {\r\n\t\t\t\tthis.$emit(\"on-visibility-item-change\", e.dataItem);\r\n\t\t\t}\r\n\r\n\t\t\tthis.selectRow(e.dataItem);\r\n\t\t},\r\n\t\tmarkerClickHandler(e) {\r\n\t\t\tif (e && e.marker) {\r\n\t\t\t\tvar itemToSelect = this._.find(this.items, function(x) {\r\n\t\t\t\t\treturn x.id === e.marker.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (itemToSelect) {\r\n\t\t\t\t\tthis.selectRow(itemToSelect);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tthis.$emit(\"alarms-get-data\", {\r\n\t\t\t\tsort: this.sort,\r\n\t\t\t\tpage: this.query.page,\r\n\t\t\t\tpageSize: this.query.pageSize\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\"]),\r\n\t\tvehiclesFilter() {\r\n\t\t\treturn this.vehicleItemsFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: item.number_plate\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversFilter() {\r\n\t\t\treturn this.driverItemsFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.surname} ${item.name}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversRegisterFilter() {\r\n\t\t\treturn this.driverRegisterFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.employee_register}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversBadgeFilter() {\r\n\t\t\treturn this.driverBadgeFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.rfid_code}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversCFFilter() {\r\n\t\t\treturn this.driverCFFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.fiscal_code}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tallAreShown() {\r\n\t\t\tvar self = this;\r\n\t\t\tif (this.data && this.data.length > 0) {\r\n\t\t\t\tvar filtersData = this.data.filter(function(item) {\r\n\t\t\t\t\treturn self._.isNull(item.visible) === false;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (filtersData.length > 0) {\r\n\t\t\t\t\treturn filtersData.every(function(item) {\r\n\t\t\t\t\t\treturn item.visible == true;\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./horizontalTable.vue.js?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/eslint-loader/index.js??ref--13-0!./horizontalTable.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./horizontalTable.vue?vue&type=template&id=d5772c6a&scoped=true&\"\nimport script from \"./horizontalTable.vue.js?vue&type=script&lang=js&\"\nexport * from \"./horizontalTable.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./horizontalTable.vue?vue&type=style&index=0&id=d5772c6a&scoped=true&lang=less&\"\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 \"d5772c6a\",\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../services/api\";\r\nimport moment from \"moment\";\r\nimport alarmsMap from \"./map.vue\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport horizontalTable from \"./horizontalTable.vue\";\r\nimport { bus } from \"../../main\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\talarmsMap,\r\n\t\thorizontalTable\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tshowDriversFilter: true,\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tloading: false,\r\n\t\t\tpositionNamePendingRequests: [],\r\n\r\n\t\t\t//filters\r\n\t\t\tshowTableMapPopover: false,\r\n\t\t\tmapTableVisualizationSelected: \"\",\r\n\t\t\tshowMap: true,\r\n\t\t\tshowHorizontalTable: true,\r\n\r\n\t\t\tvehicles: [],\r\n\t\t\tvehiclesSelected: [],\r\n\r\n\t\t\tdrivers: [],\r\n\t\t\tdriversSelected: [],\r\n\t\t\tdriversRegister: [],\r\n\t\t\tdriversRegisterSelected: [],\r\n\t\t\tdriversBadge: [],\r\n\t\t\tdriversBadgeSelected: [],\r\n\t\t\tdriversCF: [],\r\n\t\t\tdriversCFSelected: [],\r\n\r\n\t\t\tevents: [],\r\n\t\t\teventsSelected: [],\r\n\t\t\teventsForQuery: [],\r\n\r\n\t\t\tminDate: new Date(new Date().setMonth(new Date().getMonth() - 6)),\r\n\t\t\tstartDate: null,\r\n\t\t\tendDate: null,\r\n\t\t\tstartTime: null,\r\n\t\t\tendTime: null,\r\n\r\n\t\t\tisVehicleFilterSelected: true,\r\n\t\t\tisDriverFilterSelected: false,\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\",\r\n\r\n\t\t\titemVehicleTemplate: \"
#= number_plate #
#= name #
\",\r\n\t\t\ttagVehicleTemplate: \"
#= number_plate #
#= name #
\",\r\n\r\n\t\t\titemDriverTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\t\t\ttagDriverTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\r\n\t\t\t//alarms\r\n\t\t\talarmItems: [],\r\n\t\t\tconfigColumns: [],\r\n\r\n\t\t\t//map\r\n\t\t\tconfig: {\r\n\t\t\t\tmapInitialLocation: {\r\n\t\t\t\t\tlat: 43.1107,\r\n\t\t\t\t\tlng: 12.3908\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\talarmsMarker: [],\r\n\r\n\t\t\t//table\r\n\t\t\ttableParams: {\r\n\t\t\t\tpageSize: 25\r\n\t\t\t},\r\n\t\t\ttotalCount: 0,\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tuseReverseGeocoding: false,\r\n\t\t\thasDriverName: false,\r\n\r\n\t\t\tfiltersByQuery: false\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar limitMonths = this.$store.getters.settings.limitMonths != undefined ? this.$store.getters.settings.limitMonths : 6;\r\n\t\tthis.minDate = new Date(new Date().setMonth(new Date().getMonth() - limitMonths));\r\n\r\n\t\tif (this.settings && this.settings.alarms.viewType) {\r\n\t\t\tif (this.settings.alarms.viewType == \"map, horizontalGrid\") {\r\n\t\t\t\tthis.showMap = true;\r\n\t\t\t\tthis.showHorizontalTable = true;\r\n\t\t\t} else if (this.settings.alarms.viewType == \"horizontalGrid\") {\r\n\t\t\t\tthis.showMap = false;\r\n\t\t\t\tthis.showHorizontalTable = true;\r\n\t\t\t} else {\r\n\t\t\t\tthis.showMap = true;\r\n\t\t\t\tthis.showHorizontalTable = false;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\t\tthis.vehicleIdFilterFieldFormatted = \"number_plate\";\r\n\t\tif (this.vehicleIdFilterField == \"code\") {\r\n\t\t\tthis.vehicleIdFilterFieldFormatted = \"vehicle_code\";\r\n\t\t}\r\n\r\n\t\tvar icon = helpers.getIconForVisualizationType(this.showMap, this.showHorizontalTable, false);\r\n\t\tthis.mapTableVisualizationSelected = `../../${icon}`;\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.tableParams.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.alarms && this.settings.alarms.useReverseGeocoding) this.useReverseGeocoding = this.settings.alarms.useReverseGeocoding;\r\n\r\n\t\tif (this.$route.query && this.$route.query.vehicleId) {\r\n\t\t\tthis.filtersByQuery = true;\r\n\t\t}\r\n\r\n\t\tvar hasDriverPermission = this.scopes.includes(\"DRIVERS_LIST_BOX\");\r\n\t\tif (!hasDriverPermission){\r\n\t\t\tthis.showDriversFilter = false;\r\n\t\t}\r\n\t\r\n\r\n\t\tthis.defaultFilterDateRange();\r\n\t\tthis.getAllEvents();\r\n\t\tthis.getAllVehicles();\r\n\t\tthis.getAllDrivers();\r\n\t\tthis.getConfig();\r\n\r\n\t\tbus.$emit(\"show-spinner-loading\");\r\n\t},\r\n\r\n\tmounted() {},\r\n\r\n\twatch: {\r\n\t\tshowTableMapPopover() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.$root.$emit(\"bv::hide::tooltip\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tself.$root.$emit(\"bv::hide::tooltip\");\r\n\t\t\t}, 700);\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\t\t//#region filters\r\n\t\tshowMaptable(v) {\r\n\t\t\tif (v == \"ht\") {\r\n\t\t\t\tthis.showHorizontalTable = !this.showHorizontalTable;\r\n\t\t\t} else if (v == \"m\") {\r\n\t\t\t\tthis.showMap = !this.showMap;\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.showHorizontalTable && !this.showMap) this.showMap = this.showHorizontalTable = true;\r\n\r\n\t\t\tvar icon = helpers.getIconForVisualizationType(this.showMap, this.showHorizontalTable, false);\r\n\t\t\tthis.mapTableVisualizationSelected = `../../${icon}`;\r\n\r\n\t\t\tthis.onCloseShowTableMapPopover();\r\n\t\t},\r\n\t\tonCloseShowTableMapPopover() {\r\n\t\t\tthis.showTableMapPopover = false;\r\n\t\t},\r\n\t\tonFilterDaterangeChange(e) {\r\n\t\t\tif (e.reset) {\r\n\t\t\t\tthis.startTime = null;\r\n\t\t\t\tthis.endTime = null;\r\n\t\t\t\tthis.defaultFilterDateRange();\r\n\t\t\t} else if (e.type == \"date\") {\r\n\t\t\t\tthis.startDate = e.startDate;\r\n\t\t\t\tthis.endDate = e.endDate;\r\n\t\t\t} else if (e.type == \"time\") {\r\n\t\t\t\tthis.startTime = e.startTime;\r\n\t\t\t\tthis.endTime = e.endTime;\r\n\t\t\t}\r\n\t\t},\r\n\t\tonVehicleDriverFilterSelected(e) {\r\n\t\t\tif (e.indices[0] === 0) {\r\n\t\t\t\t//vehicle select\r\n\t\t\t\tthis.isDriverFilterSelected = false;\r\n\t\t\t\tthis.isVehicleFilterSelected = true;\r\n\t\t\t\tthis.driversSelected = [];\r\n\t\t\t} else {\r\n\t\t\t\t//driver select\r\n\t\t\t\tthis.isVehicleFilterSelected = false;\r\n\t\t\t\tthis.isDriverFilterSelected = true;\r\n\t\t\t\tthis.vehiclesSelected = [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tdefaultFilterDateRange() {\r\n\t\t\tvar startTime = moment()\r\n\t\t\t\t.add(-1, \"days\")\r\n\t\t\t\t.startOf(\"day\");\r\n\t\t\tthis.startDate = startTime; //max from api\r\n\t\t\tvar endDate = moment().endOf(\"days\");\r\n\t\t\tthis.endDate = endDate;\r\n\t\t},\r\n\t\tstartDateChange(item) {\r\n\t\t\tvar newStartDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\tif (newStartDate > moment(this.endDate)) {\r\n\t\t\t\tvar m = moment(item.sender.value()).endOf(\"days\");\r\n\t\t\t\tthis.endDate = m;\r\n\t\t\t}\r\n\t\t\tthis.startDate = newStartDate;\r\n\t\t\t//this.getAlarms();\r\n\t\t},\r\n\r\n\t\tendDateChange(item) {\r\n\t\t\tvar newEndDate = moment(item.sender.value()).endOf(\"days\");\r\n\t\t\tif (newEndDate < moment(this.startDate)) {\r\n\t\t\t\tvar m = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.startDate = m;\r\n\t\t\t}\r\n\t\t\tthis.endDate = newEndDate;\r\n\r\n\t\t\t//this.getAlarms();\r\n\t\t},\r\n\r\n\t\tfilterPlateChange(e) {\r\n\t\t\tthis.vehiclesSelected = e.sender.value();\r\n\t\t\tthis.resetTablePagination();\r\n\t\t\t//this.getAlarms();\r\n\t\t},\r\n\t\tfilterDriverChange(e) {\r\n\t\t\tthis.driversSelected = e.sender.value();\r\n\t\t\tthis.resetTablePagination();\r\n\t\t\t//this.getAlarms();\r\n\t\t},\r\n\t\tapplyFilter() {\r\n\t\t\tthis.getAlarms();\r\n\t\t},\r\n\t\tresetFilter() {\r\n\t\t\tthis.vehiclesSelected = [];\r\n\t\t\tthis.driversSelected = [];\r\n\t\t\tthis.driversRegisterSelected = [];\r\n\t\t\tthis.driversBadgeSelected = [];\r\n\t\t\tthis.driversCFSelected = [];\r\n\t\t\tthis.eventsSelected = [];\r\n\t\t\tthis.defaultFilterDateRange();\r\n\t\t\tthis.resetTablePagination();\r\n\t\t\tthis.getAlarms();\r\n\t\t},\r\n\t\tsetDefaultQueryParams() {\r\n\t\t\tthis.tableParams = {\r\n\t\t\t\tpage: 0,\r\n\t\t\t\tpageSize: 25,\r\n\t\t\t\tsort: \"\",\r\n\t\t\t\tsortDirection: \"\"\r\n\t\t\t};\r\n\t\t},\r\n\t\tresetTablePagination() {\r\n\t\t\tthis.tableParams.page = 0;\r\n\t\t\tbus.$emit(\"reset-table-pagination\");\r\n\t\t},\r\n\t\tgetAllEvents() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getVehicleEventsData(\"alarm\").then(res => {\r\n\t\t\t\tself.eventsForQuery = res\r\n\t\t\t\t\t.filter(function(item) {\r\n\t\t\t\t\t\treturn item.description && item.description.length > 0;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.description.toLowerCase(),\r\n\t\t\t\t\t\t\tvalue: item.description.toLowerCase(),\r\n\t\t\t\t\t\t\tqueryValue: `${item.box_payload_id}${item.box_type_id ? \"_\" + item.box_type_id : \"\"}${item.box_cat_id ? \"_\" + item.box_cat_id : \"\"}`\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tfor (var i = 0; i < self.eventsForQuery.length; i++) {\r\n\t\t\t\t\tvar evt = self.eventsForQuery[i];\r\n\t\t\t\t\tvar existsEvent = self.events.findIndex(item => {\r\n\t\t\t\t\t\treturn item.id == evt.id;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tif (existsEvent < 0) {\r\n\t\t\t\t\t\tself.events.push(evt);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.events = self._.sortBy(self.events, function(item) {\r\n\t\t\t\t\treturn item.id;\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllVehicles: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getVehiclesLookup({ page: 0, pageSize: 1000000 }, this.vehicleIdFilterField).then(res => {\r\n\t\t\t\tself.vehicles = res.items.map(function(vehicle) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: vehicle.id,\r\n\t\t\t\t\t\tname: vehicle.name,\r\n\t\t\t\t\t\tnumber_plate: vehicle.number_plate,\r\n\t\t\t\t\t\tname_numberplate: `${vehicle.number_plate} ${vehicle.name}`\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllDrivers() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getDriversData({ page: 0, pageSize: 100000, onlyActiveWithBox: true }).then(res => {\r\n\t\t\t\tself.drivers = res.items.map(function(driver) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: driver.id,\r\n\t\t\t\t\t\tname: driver.name ? driver.name.toLowerCase() : \"\",\r\n\t\t\t\t\t\tsurname: driver.surname ? driver.surname.toLowerCase() : \"\",\r\n\t\t\t\t\t\tname_surname_fiscalcode: `${driver.name} ${driver.surname} ${driver.fiscal_code}`,\r\n\t\t\t\t\t\tfiscal_code: driver.fiscal_code,\r\n\t\t\t\t\t\temployee_register: driver.employee_register,\r\n\t\t\t\t\t\trfid_code: driver.rfid_code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.driversRegister = res.items.filter(driver => {\r\n\t\t\t\t\treturn driver.employee_register != null && driver.employee_register != ''\r\n\t\t\t\t}).map(function(driver) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: driver.id,\r\n\t\t\t\t\t\t\temployee_register: driver.employee_register\r\n\t\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.driversBadge = res.items.filter(driver => {\r\n\t\t\t\t\treturn driver.rfid_code != null && driver.rfid_code != ''\r\n\t\t\t\t}).map(function(driver) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: driver.id,\r\n\t\t\t\t\t\trfid_code: driver.rfid_code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.driversCF = res.items.filter(driver => {\r\n\t\t\t\t\treturn driver.fiscal_code != null && driver.fiscal_code != ''\r\n\t\t\t\t}).map(function(driver) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: driver.id,\r\n\t\t\t\t\t\tfiscal_code: driver.fiscal_code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.driversRegister = self._.sortBy(self.driversRegister, [\"employee_register\"]);\r\n\t\t\t\tself.driversBadge = self._.sortBy(self.driversBadge, [\"rfid_code\"]);\r\n\t\t\t\tself.driversCF = self._.sortBy(self.driversCF, [\"fiscal_code\"]);\r\n\t\t\t\tself.drivers = self._.sortBy(self.drivers, [\"surname\", \"name\"]);\r\n\r\n\t\t\t\tvar bs = self.driversCF.filter(d => {\r\n\t\t\t\t\treturn d.id == -1;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (bs.length == 0) {\r\n\t\t\t\t\tself.driversCF.unshift({\r\n\t\t\t\t\t\tid: -1,\r\n\t\t\t\t\t\tfiscal_code: \"***BADGE SCONOSCIUTO***\"\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.driversCF.unshift({\r\n\t\t\t\t\tid: 0,\r\n\t\t\t\t\tfiscal_code: \"NON DISPONIBILE\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.drivers.unshift({\r\n\t\t\t\t\tid: -1,\r\n\t\t\t\t\tname: \"***BADGE SCONOSCIUTO***\",\r\n\t\t\t\t\tsurname: \"\",\r\n\t\t\t\t\tdriver_name: \"***badge sconosciuto***\",\r\n\t\t\t\t\tfiscal_code: \"***BADGE SCONOSCIUTO***\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.drivers.unshift({\r\n\t\t\t\t\tid: 0,\r\n\t\t\t\t\tname: \"nd\",\r\n\t\t\t\t\tsurname: \"\",\r\n\t\t\t\t\tdriver_name: \"nd\",\r\n\t\t\t\t\tfiscal_code: \"ND\"\r\n\t\t\t\t});\r\n\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t});\r\n\t\t},\r\n\t\t//#endregion\r\n\r\n\t\t//#region table\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tvar query = this.getQueryParams();\r\n\t\t\tif (type == \"csv\") \r\n\t\t\t\tquery[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\")\r\n\t\t\t\tquery[\"format\"] = \"excel\";\r\n\t\t\tApiService.exportXlsx(\"alarms\", query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Allarmi.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tonSortOrPageChangeHandler(query) {\r\n\t\t\tthis.tableParams = query;\r\n\t\t\tthis.getAlarms();\r\n\t\t},\r\n\t\tonVisibilityItemChange(dataItem) {\r\n\t\t\tif (dataItem) {\r\n\t\t\t\tif (dataItem.visible) {\r\n\t\t\t\t\tvar itemToShow = this.alarmItems.find(function(item) {\r\n\t\t\t\t\t\treturn item.id === dataItem.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tvar indexOfMarker = this.alarmsMarker.findIndex(function(item) {\r\n\t\t\t\t\t\treturn item.id == dataItem.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (indexOfMarker < 0) {\r\n\t\t\t\t\t\tthis.alarmsMarker.push(itemToShow);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvar markerToRemoveIndex = this.alarmsMarker.findIndex(function(item) {\r\n\t\t\t\t\t\treturn item.id === dataItem.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (markerToRemoveIndex >= 0) {\r\n\t\t\t\t\t\tthis.alarmsMarker.splice(markerToRemoveIndex, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonSelectedRow(e) {\r\n\t\t\tvar itemToShow = this.alarmItems.find(function(item) {\r\n\t\t\t\treturn item.id === e.id;\r\n\t\t\t});\r\n\r\n\t\t\tif (itemToShow && itemToShow.position) {\r\n\t\t\t\titemToShow.visible = true;\r\n\r\n\t\t\t\tvar alreadyExistItem =\r\n\t\t\t\t\tthis.alarmsMarker.findIndex(function(item) {\r\n\t\t\t\t\t\treturn item.id === e.id;\r\n\t\t\t\t\t}) >= 0;\r\n\r\n\t\t\t\tif (!alreadyExistItem) {\r\n\t\t\t\t\tthis.alarmsMarker.push(itemToShow);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbus.$emit(\"on-alarms-selected-row\", e);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t//#endregion\r\n\r\n\t\t//#region map\r\n\t\tonMarkerClick(e) {\r\n\t\t\tbus.$emit(\"alarm-marker-click\", e);\r\n\t\t},\r\n\t\t//#endregion\r\n\r\n\t\t//#region Alarms\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getViewConfig(\"fleerun_alarms\").then(res => {\r\n\t\t\t\tself.configColumns = res;\r\n\r\n\t\t\t\tvar driverName = self.configColumns.find(c => {\r\n\t\t\t\t\treturn c.field == \"driver_name\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.hasDriverName = driverName && driverName.enabled;\r\n\r\n\t\t\t\tif (!driverName.enabled){\r\n\t\t\t\t\tself.itemDriverTemplate = \"
#= fiscal_code #
\";\r\n\t\t\t\t\tself.tagDriverTemplate = \"
#= fiscal_code #
\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.getAlarms();\r\n\t\t\t});\r\n\t\t},\r\n\t\tsetDateTimeFilter() {\r\n\t\t\tvar startTime = null;\r\n\t\t\tif (this.startTime) {\r\n\t\t\t\tstartTime = moment(this.startTime);\r\n\t\t\t}\r\n\t\t\tvar endTime = null;\r\n\t\t\tif (this.endTime) {\r\n\t\t\t\tendTime = moment(this.endTime);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.startDate) {\r\n\t\t\t\tif (startTime) {\r\n\t\t\t\t\tthis.startDate.set({\r\n\t\t\t\t\t\thour: startTime.get(\"hour\"),\r\n\t\t\t\t\t\tminute: startTime.get(\"minute\"),\r\n\t\t\t\t\t\tsecond: startTime.get(\"second\")\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.startDate = this.startDate.startOf(\"days\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.endDate) {\r\n\t\t\t\tif (endTime) {\r\n\t\t\t\t\tthis.endDate.set({\r\n\t\t\t\t\t\thour: endTime.get(\"hour\"),\r\n\t\t\t\t\t\tminute: endTime.get(\"minute\"),\r\n\t\t\t\t\t\tsecond: endTime.get(\"second\")\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.endDate = this.endDate.endOf(\"days\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetQueryParams() {\r\n\t\t\tvar query = {};\r\n\r\n\t\t\tvar self = this;\r\n\t\t\tlet filterPlatesSelected = [];\r\n\r\n\t\t\tfor (var i = 0; i < this.vehiclesSelected.length; i++) {\r\n\t\t\t\tlet vehicleId = this.vehiclesSelected[i];\r\n\t\t\t\tlet vehicle = this.vehicles.find(function(x) {\r\n\t\t\t\t\treturn x.id == vehicleId;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (this.vehicleIdFilterField == \"code\") {\r\n\t\t\t\t\tif (vehicle) filterPlatesSelected.push(vehicle.id);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (vehicle) filterPlatesSelected.push(vehicle.number_plate);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (self.filtersByQuery && self.$route.query && self.$route.query.vehicleId) {\r\n\t\t\t\tvar numberPlateFiltered = self.$route.query.vehicleId;\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tvar vehicleSelected = self.vehicles.find(item => {\r\n\t\t\t\t\t\treturn item.number_plate.toLowerCase() == numberPlateFiltered.toLowerCase();\r\n\t\t\t\t\t});\r\n\t\t\t\t\tif (vehicleSelected) self.vehiclesSelected.push(vehicleSelected.id);\r\n\t\t\t\t}, 200);\r\n\t\t\t\tif (self.vehicleIdFilterField == \"code\") {\r\n\t\t\t\t\tfilterPlatesSelected.push(self.$route.query.code);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tfilterPlatesSelected.push(numberPlateFiltered);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (self.$route.query.startDay) {\r\n\t\t\t\t\tself.startDate = moment(self.$route.query.startDay).startOf(\"day\");\r\n\t\t\t\t\tself.endDate = moment(self.$route.query.startDay).endOf(\"day\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.vehicleIdFilterField == \"code\") {\r\n\t\t\t\tif (filterPlatesSelected.length > 0) query.vehicleCodes = filterPlatesSelected;\r\n\t\t\t} else {\r\n\t\t\t\tif (filterPlatesSelected.length > 0) query.plates = filterPlatesSelected;\r\n\t\t\t}\r\n\r\n\t\t\tlet driverPlatesSelected = [];\r\n\t\t\tfor (var i = 0; i < this.driversSelected.length; i++) {\r\n\t\t\t\tlet driverId = this.driversSelected[i];\r\n\t\t\t\tlet driver = this.drivers.find(function(x) {\r\n\t\t\t\t\treturn x.id == driverId;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (driver) driverPlatesSelected.push(driver.id);\r\n\t\t\t}\r\n\r\n\t\t\tif (driverPlatesSelected.length > 0) query.drivers = driverPlatesSelected;\r\n\r\n\t\t\tlet driverCFSelected = [];\r\n\t\t\tfor (var i = 0; i < this.driversCFSelected.length; i++) {\r\n\t\t\t\tlet driverId = this.driversCFSelected[i];\r\n\t\t\t\tlet driver = this.driversCF.find(function(x) {\r\n\t\t\t\t\treturn x.id == driverId;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (driver) {\r\n\t\t\t\t\tdriverCFSelected.push(driver.id);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (driverCFSelected.length > 0) query.drivers = driverCFSelected;\r\n\r\n\t\t\tlet driverBadgeSelected = [];\r\n\t\t\tfor (var i = 0; i < this.driversBadgeSelected.length; i++) {\r\n\t\t\t\tlet driverId = this.driversBadgeSelected[i];\r\n\t\t\t\tlet driver = this.driversBadge.find(function(x) {\r\n\t\t\t\t\treturn x.id == driverId;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (driver) driverBadgeSelected.push(driver.id);\r\n\t\t\t}\r\n\r\n\t\t\tif (driverBadgeSelected.length > 0) query.drivers = driverBadgeSelected;\r\n\r\n\t\t\tlet driverRegisterSelected = [];\r\n\t\t\tfor (var i = 0; i < this.driversRegisterSelected.length; i++) {\r\n\t\t\t\tlet driverId = this.driversRegisterSelected[i];\r\n\t\t\t\tlet driver = this.driversRegister.find(function(x) {\r\n\t\t\t\t\treturn x.id == driverId;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (driver) driverRegisterSelected.push(driver.id);\r\n\t\t\t}\r\n\r\n\t\t\tif (driverRegisterSelected.length > 0) query.drivers = driverRegisterSelected;\r\n\r\n\r\n\t\t\tthis.setDateTimeFilter();\r\n\t\t\tif (this.startDate) {\r\n\t\t\t\tquery[\"dateRange.from\"] = moment(this.startDate)\r\n\t\t\t\t\t.utc()\r\n\t\t\t\t\t.format();\r\n\t\t\t}\r\n\r\n\t\t\tif (this.endDate) {\r\n\t\t\t\tquery[\"dateRange.to\"] = moment(this.endDate)\r\n\t\t\t\t\t//.endOf(\"day\")\r\n\t\t\t\t\t.utc()\r\n\t\t\t\t\t.format();\r\n\t\t\t}\r\n\r\n\t\t\tif (this.tableParams) {\r\n\t\t\t\tif (this.tableParams.sort && this.tableParams.sort.length > 0) {\r\n\t\t\t\t\tvar sortParam = \"\";\r\n\t\t\t\t\tfor (var i = 0; i < this.tableParams.sort.length; i++) {\r\n\t\t\t\t\t\tif (i > 0) sortParam += \",\";\r\n\r\n\t\t\t\t\t\tvar fieldAndDir = this.tableParams.sort[i];\r\n\t\t\t\t\t\tsortParam += `${fieldAndDir.field}|${fieldAndDir.dir}`;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tquery[\"sort\"] = sortParam;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.tableParams.page) {\r\n\t\t\t\t\tquery[\"page\"] = this.tableParams.page;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.tableParams.pageSize) {\r\n\t\t\t\t\tquery[\"pageSize\"] = this.tableParams.pageSize;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tvar evtForQuery = [];\r\n\t\t\tfor (var i = 0; i < this.eventsSelected.length; i++) {\r\n\t\t\t\tvar evtSelected = this.eventsSelected[i];\r\n\t\t\t\tvar evts = this.eventsForQuery.filter(item => {\r\n\t\t\t\t\treturn item.id == evtSelected;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (evts && evts.length > 0) evtForQuery = evtForQuery.concat(evts);\r\n\t\t\t}\r\n\t\t\tif (evtForQuery.length > 0) {\r\n\t\t\t\tquery.eventKey = evtForQuery.map(item => {\r\n\t\t\t\t\treturn item.queryValue;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn query;\r\n\t\t},\r\n\t\tgetAlarms() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar query = this.getQueryParams();\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\r\n\t\t\tApiService.getAlarmsData(query)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (res && res.items) {\r\n\t\t\t\t\t\tvar oldAlarms = self._.clone(self.alarmItems);\r\n\t\t\t\t\t\tself.alarmItems = [];\r\n\t\t\t\t\t\tself.alarmItems = res.items.map(a => {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: a.id,\r\n\t\t\t\t\t\t\t\ttrip_id: a.trip_id,\r\n\t\t\t\t\t\t\t\tevent_date: a.event_date,\r\n\t\t\t\t\t\t\t\tbox_serial_number: a.box_serial_number,\r\n\t\t\t\t\t\t\t\tnumber_plate: a.number_plate,\r\n\t\t\t\t\t\t\t\tvehicle_id: a.vehicle_id,\r\n\t\t\t\t\t\t\t\tvehicle_name: a.vehicle_name,\r\n\t\t\t\t\t\t\t\tvehicle_code: a.vehicle_code,\r\n\t\t\t\t\t\t\t\tdriver_id: a.driver_id,\r\n\t\t\t\t\t\t\t\tdriver_register: a.driver_register,\r\n\t\t\t\t\t\t\t\tdriver_badge: a.driver_badge,\r\n\t\t\t\t\t\t\t\tdriver_fiscal_code: a.driver_fiscal_code,\r\n\t\t\t\t\t\t\t\tdriver_name: a.driver_name,\r\n\t\t\t\t\t\t\t\tfiscal_code: a.fiscal_code,\r\n\t\t\t\t\t\t\t\ttype: a.type,\r\n\t\t\t\t\t\t\t\tsubtype: a.subtype,\r\n\t\t\t\t\t\t\t\tposition_type: a.position_type,\r\n\t\t\t\t\t\t\t\ttype_name: a.type_name,\r\n\t\t\t\t\t\t\t\tdescription: a.description,\r\n\t\t\t\t\t\t\t\ttimestamp: a.timestamp,\r\n\t\t\t\t\t\t\t\tmas: a.mas,\r\n\t\t\t\t\t\t\t\tspeed: a.speed,\r\n\t\t\t\t\t\t\t\tposition: a.position,\r\n\t\t\t\t\t\t\t\tposition_name: a.position_display_name,\r\n\t\t\t\t\t\t\t\tdrive_direction: a.drive_direction,\r\n\t\t\t\t\t\t\t\tdata: a.data,\r\n\t\t\t\t\t\t\t\talarm_poi_display_name: a.alarm_poi_display_name,\r\n\t\t\t\t\t\t\t\tlabel_name: a.label_name,\r\n\t\t\t\t\t\t\t\tseverity_description: a.severity_description,\r\n\t\t\t\t\t\t\t\tother_data: a.other_data,\r\n\r\n\t\t\t\t\t\t\t\t//custom field\r\n\t\t\t\t\t\t\t\tevent_date_date: self.$options.filters.dateToString(a.event_date),\r\n\t\t\t\t\t\t\t\tevent_date_time: self.$options.filters.timeToString(a.event_date),\r\n\t\t\t\t\t\t\t\tvisible: self.getVisibilityOfItems(a, oldAlarms),\r\n\t\t\t\t\t\t\t\tconducente: self.hasDriverName ? a.driver_name : a.driver_fiscal_code\r\n\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tself.totalCount = res.totalCount;\r\n\r\n\t\t\t\t\t\tif (self.alarmsMarker && self.alarmsMarker.length > 0 && self.alarmItems) {\r\n\t\t\t\t\t\t\t//remove markers if needed\r\n\t\t\t\t\t\t\tvar markerToRemove = [];\r\n\t\t\t\t\t\t\tfor (var i = 0; i < self.alarmsMarker.length; i++) {\r\n\t\t\t\t\t\t\t\tvar ai = self.alarmsMarker[i];\r\n\t\t\t\t\t\t\t\tvar alarm = self.alarmItems.find(m => {\r\n\t\t\t\t\t\t\t\t\treturn m.id == ai.id;\r\n\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\tif (!(alarm && alarm.visible)) {\r\n\t\t\t\t\t\t\t\t\tmarkerToRemove.push(ai.id);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tfor (var i = 0; i < markerToRemove.length; i++) {\r\n\t\t\t\t\t\t\t\tlet id = markerToRemove[i];\r\n\t\t\t\t\t\t\t\tlet index = self.alarmsMarker.findIndex(function(a) {\r\n\t\t\t\t\t\t\t\t\treturn a.id == id;\r\n\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\tif (index >= 0) {\r\n\t\t\t\t\t\t\t\t\tself.alarmsMarker.splice(index, 1);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (self.filtersByQuery && self.$route.query && self.$route.query.alarmId) {\r\n\t\t\t\t\t\t\tvar alarm = self.alarmItems.find(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == self.$route.query.alarmId;\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (alarm) alarm.visible = true;\r\n\r\n\t\t\t\t\t\t\tself.onVisibilityItemChange(alarm);\r\n\r\n\t\t\t\t\t\t\tself.filtersByQuery = false;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//Discovery the position name by reverse geocoding\r\n\t\t\t\t\t\tif (self.useReverseGeocoding) self.setAddress();\r\n\t\t\t\t\t\t// if (self.alarmItems.length > 0) {\r\n\t\t\t\t\t\t// \tvar alarmsWithoutPositionName = self.alarmItems.filter(function(item) {\r\n\t\t\t\t\t\t// \t\treturn self._.isNull(item.position_name);\r\n\t\t\t\t\t\t// \t});\r\n\r\n\t\t\t\t\t\t// \tif (alarmsWithoutPositionName && alarmsWithoutPositionName.length > 0) {\r\n\t\t\t\t\t\t// \t\t//to do request and update items;\r\n\t\t\t\t\t\t// \t\t// for (var i = 0; i < alarmsWithoutPositionName.length: i++) {\r\n\t\t\t\t\t\t// \t\t// }\r\n\t\t\t\t\t\t// \t}\r\n\t\t\t\t\t\t// }\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tsetAddress() {\r\n\t\t\tvar self = this;\r\n\t\t\tfor (var i = 0; i < self.alarmItems.length; i++) {\r\n\t\t\t\tvar item = self.alarmItems[i];\r\n\r\n\t\t\t\tif (self._.isNull(item.position_name) && item.position) {\r\n\t\t\t\t\tvar params = {\r\n\t\t\t\t\t\tlatitude: item.position.lat,\r\n\t\t\t\t\t\tlongitude: item.position.lon\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tvar getAddress = function(item, params) {\r\n\t\t\t\t\t\tApiService.getReverseGeocoding(params).then(res => {\r\n\t\t\t\t\t\t\tvar itemToUpdate = item;\r\n\t\t\t\t\t\t\tif (res && res.length > 0) {\r\n\t\t\t\t\t\t\t\tvar newAddress = self._.find(res, function(item) {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\tself._.find(item.types, function(x) {\r\n\t\t\t\t\t\t\t\t\t\t\treturn x === \"streetAddress\";\r\n\t\t\t\t\t\t\t\t\t\t}) != null\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\tif (!newAddress) {\r\n\t\t\t\t\t\t\t\t\tnewAddress = res[0];\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tvar address = \"\";\r\n\t\t\t\t\t\t\t\tif (newAddress && newAddress.formattedAddress) {\r\n\t\t\t\t\t\t\t\t\taddress = newAddress.formattedAddress;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\titemToUpdate.position_name = address;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tgetAddress(item, params);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetVisibilityOfItems(newItem, oldAlarmItems) {\r\n\t\t\tif (newItem.position != null) {\r\n\t\t\t\tif (oldAlarmItems.length > 0) {\r\n\t\t\t\t\tvar oldItem = oldAlarmItems.find(function(o) {\r\n\t\t\t\t\t\treturn o.id == newItem.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (oldItem) {\r\n\t\t\t\t\t\treturn oldItem.visible;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\t//#endregion\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"]),\r\n\t\tstartDateString() {\r\n\t\t\treturn moment(this.startDate).format(\"DD MMMM YYYY\");\r\n\t\t},\r\n\t\tendDateString() {\r\n\t\t\treturn moment(this.endDate).format(\"DD MMMM YYYY\");\r\n\t\t},\r\n\t\tmapClass: function() {\r\n\t\t\tif (this.showHorizontalTable) {\r\n\t\t\t\treturn \"mapwithHorizontalTable\";\r\n\t\t\t}\r\n\r\n\t\t\treturn \" mapNoTables\";\r\n\t\t},\r\n\t\thorizontalTableClass: function() {\r\n\t\t\tif (!this.showMap) {\r\n\t\t\t\treturn \" horizontal-table-without-map\";\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetStateMIcon() {\r\n\t\t\treturn `../../${helpers.getStateMIcon(this.showMap)}`;\r\n\t\t},\r\n\t\tgetStateHTIcon() {\r\n\t\t\treturn `../../${helpers.getStateHTIcon(this.showHorizontalTable)}`;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=065d0384&scoped=true&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=065d0384&scoped=true&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 \"065d0384\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticStyle:{\"margin-bottom\":\"-24px\"},attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.vehiclesList'],\"show-date-time\":true}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(_vm.dataReady)?_c('div',[_c('b-card',[(_vm.canExportGridData)?_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isInEditMode,\"showExport\":true},on:{\"download-xlsx\":function($event){return _vm.downloadXlsx('xlsx')},\"download-csv\":function($event){return _vm.downloadXlsx('csv')}}}):_vm._e(),_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.total,\"pageable\":_vm.pageable,\"pageSize\":_vm.query.pageSize,\"sortable\":true,\"edit-field\":'inEdit',\"selected-field\":'selected',\"columns\":_vm.columnsToShow,\"filterable\":false},on:{\"pagechange\":_vm.pageChangeHandler,\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange,\"sortchange\":_vm.sortChangeHandler,\"filterchange\":_vm.filterChange},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"tableName\":'ve-',\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"remove-filter-click\":_vm.removeFilter,\"filter-click\":_vm.filterHandler,\"header-click\":_vm.headerClick}},'headerTemplate',props,false))]}},{key:\"myVehicleNumberPlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.plateNumberFilters,\"filterItemsSelected\":_vm.plateNumberFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myVehicleCodeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.codeFilters,\"filterItemsSelected\":_vm.codeFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myMatriculationDateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'ve-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'daterange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myBooleanHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode,\"sort\":_vm.sort,\"filterType\":'boolean',\"tableName\":'ve-',\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverGroupsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsDataFilters,\"filterItemsSelected\":_vm.groupsDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myProvidersHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.providersDataFilters,\"filterItemsSelected\":_vm.providersDataFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCategoriesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.categoriesFilters,\"filterItemsSelected\":_vm.categoriesFiltersSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'xxxlarge'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myLicenseTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.licenseTypesFilters,\"filterItemsSelected\":_vm.licenseTypesFiltersSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverSurnameHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'aut-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"filterTooltipClass\":'large',\"itemsForFilter\":_vm.driverNameSurnameFilters,\"filterItemsSelected\":_vm.driverNameSurnameFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverCFHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'aut-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driverCFFilters,\"filterItemsSelected\":_vm.driverCFFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myFuelTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.fuelTypesFilters,\"filterItemsSelected\":_vm.fuelTypesFiltersSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"mySecondaryFuelTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.secondaryFuelTypesFilters,\"filterItemsSelected\":_vm.secondaryFuelTypesFiltersSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myOwnershipTypesHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.ownershipTypesFilters,\"filterItemsSelected\":_vm.ownershipTypesFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDivisionsHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.divisionsFilter,\"filterItemsSelected\":_vm.divisionsFilterSelected,\"sortable\":props.sortable,\"filterTooltipClass\":'large'},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myOwnershipSupliersHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"isInEditMode\":_vm.isInEditMode,\"tableName\":'dr-',\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.ownershipSuppliers,\"filterItemsSelected\":_vm.ownershipSuppliersFilterSelected,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myCellNotRequiredTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({attrs:{\"required\":false,\"isInEditMode\":_vm.isInEditMode},on:{\"cell-click\":_vm.cellClickHandler,\"cell-item-change\":_vm.itemChange}},'cell-template',props,false))]}},{key:\"myImageCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{staticStyle:{\"text-align\":\"center\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":props.dataItem.number_plate,\"triggers\":\"hover\",\"delay\":\"600\",\"disabled\":_vm.notHasGeolocationPermission || _vm.isBoxDeactivated(props.dataItem.box_end_date)}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tLocalizza\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{class:[_vm.notHasGeolocationPermission || _vm.isBoxDeactivated(props.dataItem.box_end_date) || !props.dataItem.has_box ? 'button-icon-disabled' : ''],staticStyle:{\"cursor\":\"pointer\"},attrs:{\"height\":\"20\",\"src\":require(\"../../assets/map/icon/vehicle_realtime.png\"),\"id\":props.dataItem.number_plate},on:{\"click\":function($event){return _vm.goToLocalizazion(props.dataItem[_vm.vehicleIdFilterField], props.dataItem.box_end_date, props.dataItem.id, props.dataItem.has_box)}}})],1)]}}],null,false,1008454360)},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { orderBy } from \"@progress/kendo-data-query\";\r\n//import { filterBy } from '@progress/kendo-data-query';\r\nimport moment from \"moment\";\r\nimport { saveExcel } from \"@progress/kendo-vue-excel-export\";\r\n// import helpers from '../../shared/fleetbox-helpers';\r\nimport gridbase from \"../../components/gridComponentBase.js\";\r\nimport api from \"../../services/api\";\r\nimport cellTemplate from \"../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport { BNavbarBrand } from \"bootstrap-vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridbase,\r\n\tcomponents: {},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"localization\",\r\n\t\t\t\t\ttitle: \"Localizza\",\r\n\t\t\t\t\tconfigId: \"\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myImageCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tconfigByPass: true,\r\n\t\t\t\t\torder: 0\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"id\",\r\n\t\t\t\t\ttitle: \"id\",\r\n\t\t\t\t\tconfigId: \"id\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_codes\",\r\n\t\t\t\t\ttitle: \"code\",\r\n\t\t\t\t\tconfigId: \"code\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myVehicleCodeHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"number_plate\",\r\n\t\t\t\t\ttitle: \"number plate\",\r\n\t\t\t\t\tconfigId: \"numberPlate\",\r\n\t\t\t\t\twidth: \"100\",\r\n\t\t\t\t\tformat: \"link\",\r\n\t\t\t\t\theaderCell: \"myVehicleNumberPlateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"brand\",\r\n\t\t\t\t\ttitle: \"brand\",\r\n\t\t\t\t\tconfigId: \"vehicleBrandModel\",\r\n\t\t\t\t\twidth: \"300\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"has_box\",\r\n\t\t\t\t\ttitle: \"has_box\",\r\n\t\t\t\t\tconfigId: \"hasbox\",\r\n\t\t\t\t\twidth: \"170\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"ownership_type\",\r\n\t\t\t\t// \ttitle: \"ownership_type\",\r\n\t\t\t\t// \tconfigId: \"ownershipTypeName\",\r\n\t\t\t\t// \twidth: \"170\",\r\n\t\t\t\t// \theaderCell: \"myOwnershipTypesHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"ownership_supplier\",\r\n\t\t\t\t// \ttitle: \"ownership_supplier\",\r\n\t\t\t\t// \tconfigId: \"ownershipSupplierName\",\r\n\t\t\t\t// \twidth: \"200\",\r\n\t\t\t\t// \theaderCell: \"myOwnershipSupliersHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"provider\",\r\n\t\t\t\t\ttitle: \"PROVIDER\",\r\n\t\t\t\t\tconfigId: \"provider\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myProvidersHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttitle: \"DIVISIONI\",\r\n\t\t\t\t\tconfigId: \"groups\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myDriverGroupsHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"name\",\r\n\t\t\t\t\tconfigId: \"name\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"driver_surname_name\",\r\n\t\t\t\t// \ttitle: \"Nome e cognome\",\r\n\t\t\t\t// \tconfigId: \"driverSurnameName\",\r\n\t\t\t\t// \twidth: \"250\",\r\n\t\t\t\t// \theaderCell: \"myDriverSurnameHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"driver_fiscal_code\",\r\n\t\t\t\t// \ttitle: \"Codice Univoco\",\r\n\t\t\t\t// \tconfigId: \"driverFiscalCode\",\r\n\t\t\t\t// \twidth: \"250\",\r\n\t\t\t\t// \theaderCell: \"myDriverCFHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fuel_type\",\r\n\t\t\t\t\ttitle: \"fuel_type\",\r\n\t\t\t\t\tconfigId: \"fuelTypeName\",\r\n\t\t\t\t\twidth: \"170\",\r\n\t\t\t\t\theaderCell: \"myFuelTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"secondary_fuel_type\",\r\n\t\t\t\t\ttitle: \"secondary_fuel_type\",\r\n\t\t\t\t\tconfigId: \"secondaryFuelTypeName\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"mySecondaryFuelTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"tank_capacity\",\r\n\t\t\t\t\ttitle: \"tank_capacity\",\r\n\t\t\t\t\tconfigId: \"tankCapacity\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"has_odometer\",\r\n\t\t\t\t\ttitle: \"DIS. ODOMETRO\",\r\n\t\t\t\t\tconfigId: \"has_odometer\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tsortable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"total_km\",\r\n\t\t\t\t\ttitle: \"TOTALE KM\",\r\n\t\t\t\t\tconfigId: \"total_km\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"decimal\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fuel_level_not_available\",\r\n\t\t\t\t\ttitle: \"fuel_level_not_available\",\r\n\t\t\t\t\tconfigId: \"fuelLevelNotAvailable\",\r\n\t\t\t\t\twidth: \"180\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"odometer_lt\",\r\n\t\t\t\t\ttitle: \"LIVELLO SERBATOIO\",\r\n\t\t\t\t\tconfigId: \"odometer_lt\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"decimal\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"working_hours\",\r\n\t\t\t\t\ttitle: \"ORE USO\",\r\n\t\t\t\t\tconfigId: \"working_hours\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"working_hours_pto2\",\r\n\t\t\t\t\ttitle: \"ORE LAVORO PTO 2\",\r\n\t\t\t\t\tconfigId: \"working_hours_pto2\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellNotRequiredTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"category\",\r\n\t\t\t\t\ttitle: \"category\",\r\n\t\t\t\t\tconfigId: \"categoryName\",\r\n\t\t\t\t\twidth: \"180\",\r\n\t\t\t\t\theaderCell: \"myCategoriesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"car_sharing\",\r\n\t\t\t\t// \ttitle: \"car_sharing\",\r\n\t\t\t\t// \tconfigId: \"carSharing\",\r\n\t\t\t\t// \twidth: \"140\",\r\n\t\t\t\t// \tformat: \"boolean\",\r\n\t\t\t\t// \tclassName: \"text-center\",\r\n\t\t\t\t// \theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"division\",\r\n\t\t\t\t// \ttitle: \"division\",\r\n\t\t\t\t// \tconfigId: \"divisionName\",\r\n\t\t\t\t// \twidth: \"120\",\r\n\t\t\t\t// \theaderCell: \"myDivisionsHeaderTemplate\",\r\n\t\t\t\t// \tcell: \"myCellTemplate\",\r\n\t\t\t\t// \teditable: false,\r\n\t\t\t\t// \tfilterable: true,\r\n\t\t\t\t// \tpermit: \"hasDivisions\"\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fringe_benefit\",\r\n\t\t\t\t\ttitle: \"fringe_benefit\",\r\n\t\t\t\t\tconfigId: \"fringebenefit\",\r\n\t\t\t\t\twidth: \"170\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"matriculation_date\",\r\n\t\t\t\t\ttitle: \"matriculation_date\",\r\n\t\t\t\t\tconfigId: \"matriculationDate\",\r\n\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\theaderCell: \"myMatriculationDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"is_available\",\r\n\t\t\t\t\ttitle: \"available\",\r\n\t\t\t\t\tconfigId: \"available\",\r\n\t\t\t\t\twidth: \"160\",\r\n\t\t\t\t\tformat: \"boolean\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\theaderCell: \"myBooleanHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"declared_co2_emission\",\r\n\t\t\t\t\ttitle: \"declared_co2_emission\",\r\n\t\t\t\t\tconfigId: \"declaredCo2Emission\",\r\n\t\t\t\t\twidth: \"290\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"average_consumption\",\r\n\t\t\t\t\ttitle: \"average_consumption\",\r\n\t\t\t\t\tconfigId: \"averageConsumption\",\r\n\t\t\t\t\twidth: \"305\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"gross_vehicle_mass\",\r\n\t\t\t\t\ttitle: \"gross_vehicle_mass\",\r\n\t\t\t\t\tconfigId: \"grossVehicleMass\",\r\n\t\t\t\t\twidth: \"210\",\r\n\t\t\t\t\tformat: \"numeric-int\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"power_kw\",\r\n\t\t\t\t\ttitle: \"power_kw\",\r\n\t\t\t\t\tconfigId: \"powerKw\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"displacement\",\r\n\t\t\t\t\ttitle: \"displacement\",\r\n\t\t\t\t\tconfigId: \"displacement\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driving_license_type\",\r\n\t\t\t\t\ttitle: \"driving_license_type\",\r\n\t\t\t\t\tconfigId: \"drivingLicenseTypeName\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myLicenseTypesHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"battery_capacity\",\r\n\t\t\t\t\ttitle: \"battery_capacity\",\r\n\t\t\t\t\tconfigId: \"batteryCapacity\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"km_covered_recharge\",\r\n\t\t\t\t\ttitle: \"km_covered_recharge\",\r\n\t\t\t\t\tconfigId: \"kmCoveredRecharge\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\tformat: \"numeric\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\teditable: false,\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t}\r\n\t\t\t],\r\n\r\n\t\t\tconfig: [],\r\n\t\t\tdate: \"12/07/2019\",\r\n\t\t\tloading: false,\r\n\t\t\titems: [],\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tnotHasGeolocationPermission: true,\r\n\r\n\t\t\t//table filters\r\n\t\t\tvehicles: [],\r\n\t\t\tdrivers: [],\r\n\t\t\t// vehicleNameFilters: [],\r\n\t\t\t// vehicleNameFilterSelected: [],\r\n\t\t\tplateNumberFilters: [],\r\n\t\t\tplateNumberFilterSelected: [],\r\n\t\t\tcodeFilters: [],\r\n\t\t\tcodeFilterSelected: [],\r\n\t\t\tboxNumberFilters: [],\r\n\t\t\tboxNumberFilterSelected: [],\r\n\t\t\tgroupsDataFilters: [],\r\n\t\t\tgroupsDataFiltersSelected: [],\r\n\t\t\tprovidersDataFilters: [],\r\n\t\t\tprovidersDataFiltersSelected: [],\r\n\t\t\tfuelTypesFilters: [],\r\n\t\t\tfuelTypesFiltersSelected: [],\r\n\t\t\tsecondaryFuelTypesFilters: [],\r\n\t\t\tsecondaryFuelTypesFiltersSelected: [],\r\n\t\t\tdriverNameSurnameFilters: [],\r\n\t\t\tdriverNameSurnameFilterSelected: [],\r\n\t\t\tcategoriesFilters: [],\r\n\t\t\tcategoriesFiltersSelected: [],\r\n\t\t\tlicenseTypesFilters: [],\r\n\t\t\tlicenseTypesFiltersSelected: [],\r\n\t\t\tdriverCFFilters: [],\r\n\t\t\tdriverCFFilterSelected: [],\r\n\t\t\townershipTypesFilters: [],\r\n\t\t\townershipTypesFilterSelected: [],\r\n\t\t\townershipSuppliers: [],\r\n\t\t\townershipSuppliersFilterSelected: [],\r\n\t\t\tdivisionsFilter: [],\r\n\t\t\tdivisionsFilterSelected: [],\r\n\r\n\t\t\thasDivisions: false\r\n\t\t};\r\n\t},\r\n\tcreated() {\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.hasEditableMode = true;\r\n\r\n\t\tif (this.vehicleIdFilterField == \"code\") {\r\n\t\t\tlet col = this.columns.find(function(item) {\r\n\t\t\t\treturn item.field == \"number_plate\";\r\n\t\t\t});\r\n\r\n\t\t\tif (col) col.filterable = false;\r\n\t\t} else {\r\n\t\t\tlet col = this.columns.find(function(item) {\r\n\t\t\t\treturn item.field == \"vehicle_codes\";\r\n\t\t\t});\r\n\r\n\t\t\tif (col) col.filterable = false;\r\n\t\t}\r\n\r\n\t\tthis.vehicleIdFilterField = this.settings.vehicleIdFilterField;\r\n\t\tif (this.vehicleIdFilterField == \"code\") this.vehicleIdFilterField = \"vehicle_codes\";\r\n\r\n\t\tif (this.settings && this.settings.defaultPageSize && this.settings.defaultPageSize > 0) {\r\n\t\t\tthis.query.pageSize = parseInt(this.settings.defaultPageSize);\r\n\t\t}\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\t// if (this.settings && this.settings.hasDivisions) this.hasDivisions = true;\r\n\r\n\t\tif (this.scopes && this.scopes.length > 0) {\r\n\t\t\tthis.notHasGeolocationPermission =\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"GEOLOCATION\";\r\n\t\t\t\t}) == false;\r\n\t\t}\r\n\r\n\t\tthis.getConfig();\r\n\r\n\t\tthis.$nextTick(function() {\r\n\t\t\tthis.getData();\r\n\t\t});\r\n\r\n\t\tthis.getAllVehicles();\r\n\t\tthis.getGroups();\r\n\t\tthis.getFuelTypes();\r\n\t\t// this.getAllDrivers();\r\n\t\tthis.getCategories();\r\n\t\tthis.getDrivingLicenseTypes();\r\n\t\t// this.getOwnershipTypes();\r\n\t\t// this.getOwnershipSuppliers();\r\n\t\tif (this.hasDivisions) this.getDivisions();\r\n\t},\r\n\tmethods: {\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"code\") {\r\n\t\t\t\tthis.codeFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"number_plate\") {\r\n\t\t\t\tthis.plateNumberFilterSelected = [];\r\n\t\t\t}\r\n\t\t\t// if (e.field == \"brand\") {\r\n\t\t\t// \tthis.vehicleNameFilterSelected = [];\r\n\t\t\t// }\r\n\t\t\tif (e.field == \"groups\") {\r\n\t\t\t\tthis.groupsDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"provider\") {\r\n\t\t\t\tthis.providersDataFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_surname_name\") {\r\n\t\t\t\tthis.driverNameSurnameFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"driver_fiscal_code\") {\r\n\t\t\t\tthis.driverCFFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"fuel_type\") {\r\n\t\t\t\tthis.fuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"secondary_fuel_type\") {\r\n\t\t\t\tthis.secondaryFuelTypesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_type\") {\r\n\t\t\t\tthis.ownershipTypesFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"ownership_supplier\") {\r\n\t\t\t\tthis.ownershipSuppliersFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"division\") {\r\n\t\t\t\tthis.divisionsFilterSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"category\") {\r\n\t\t\t\tthis.categoriesFiltersSelected = [];\r\n\t\t\t}\r\n\t\t\tif (e.field == \"has_box\") {\r\n\t\t\t\tthis.has_box = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetDrivingLicenseTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getDrivingLicenseTypesData().then(res => {\r\n\t\t\t\tself.licenseTypesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetOwnershipTypes() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getOwnershipTypes().then(res => {\r\n\t\t\t\tself.ownershipTypesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetOwnershipSuppliers() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getOwnershipSuppliers().then(res => {\r\n\t\t\t\tself.ownershipSuppliers = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name.toLowerCase()\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value;\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetDivisions() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getDivisionsData().then(res => {\r\n\t\t\t\tself.divisionsFilter = self._.sortBy(\r\n\t\t\t\t\tres\r\n\t\t\t\t\t\t.filter(function(dv) {\r\n\t\t\t\t\t\t\treturn dv.name.length > 0;\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.map(function(item) {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\t\tvalue: item.name.toLowerCase()\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(dv) {\r\n\t\t\t\t\t\treturn dv.value;\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetCategories() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getCategoriesData().then(res => {\r\n\t\t\t\tself.categoriesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: `${item.name}${item.description ? \" - \" + item.description : \"\"}`\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllDrivers() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getDriversData({ page: 0, pageSize: 1000000 }).then(res => {\r\n\t\t\t\tself.drivers = res.items.map(function(driver) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: driver.id,\r\n\t\t\t\t\t\tname: driver.name,\r\n\t\t\t\t\t\tsurname: driver.surname,\r\n\t\t\t\t\t\tname_surname_fiscalcode: `${driver.name} ${driver.surname} ${driver.fiscal_code}`,\r\n\t\t\t\t\t\tfiscal_code: driver.fiscal_code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.drivers = self._.sortBy(self.drivers, [\"surname\", \"name\"]);\r\n\r\n\t\t\t\tfor (var i = 0; i < self.drivers.length; i++) {\r\n\t\t\t\t\tvar driver = self.drivers[i];\r\n\r\n\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\tself.driverNameSurnameFilters.findIndex(item => {\r\n\t\t\t\t\t\t\treturn item.id == `${driver.surname.toLowerCase()} ${driver.name.toLowerCase()}`;\r\n\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\tself.driverNameSurnameFilters.push({\r\n\t\t\t\t\t\t\tid: `${driver.surname.toLowerCase()} ${driver.name.toLowerCase()}`,\r\n\t\t\t\t\t\t\tvalue: `${driver.surname} ${driver.name}`\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (driver.fiscal_code) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.driverCFFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == driver.fiscal_code.toLowerCase();\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.driverCFFilters.push({\r\n\t\t\t\t\t\t\t\tid: driver.fiscal_code.toLowerCase(),\r\n\t\t\t\t\t\t\t\tvalue: driver.fiscal_code.toLowerCase()\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.driverNameSurnameFilters = self._.sortBy(self.driverNameSurnameFilters, function(item) {\r\n\t\t\t\t\treturn item.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.driverCFFilters = self._.sortBy(self.driverCFFilters, function(item) {\r\n\t\t\t\t\treturn item.id;\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetFuelTypes: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getFuelTypesData().then(res => {\r\n\t\t\t\tself.fuelTypesFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tself.secondaryFuelTypesFilters = JSON.parse(JSON.stringify(self.fuelTypesFilters));\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getGroupsData().then(res => {\r\n\t\t\t\tself.groupsDataFilters = self._.sortBy(\r\n\t\t\t\t\tres.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tvalue: item.name\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t\tfunction(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllVehicles: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getVehiclesLookup({ page: 0, pageSize: 1000000 }).then(res => {\r\n\t\t\t\tself.vehicles = res.items.map(function(vehicle) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: vehicle.id,\r\n\t\t\t\t\t\tname: vehicle.name,\r\n\t\t\t\t\t\tnumber_plate: vehicle.number_plate,\r\n\t\t\t\t\t\tname_numberplate: `${vehicle.number_plate} ${vehicle.name}`,\r\n\t\t\t\t\t\tcode: vehicle.code ? vehicle.code.toLowerCase() : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tfor (var i = 0; i < self.vehicles.length; i++) {\r\n\t\t\t\t\tvar vehicle = self.vehicles[i];\r\n\t\t\t\t\t// if (vehicle.name) {\r\n\t\t\t\t\t// \tvar alreadyExist =\r\n\t\t\t\t\t// \t\tself.vehicleNameFilters.findIndex(item => {\r\n\t\t\t\t\t// \t\t\treturn item.id == vehicle.name.toLowerCase();\r\n\t\t\t\t\t// \t\t}) >= 0;\r\n\t\t\t\t\t// \tif (!alreadyExist) {\r\n\t\t\t\t\t// \t\tself.vehicleNameFilters.push({\r\n\t\t\t\t\t// \t\t\tid: vehicle.name.toLowerCase(),\r\n\t\t\t\t\t// \t\t\tvalue: vehicle.name.toLowerCase()\r\n\t\t\t\t\t// \t\t});\r\n\t\t\t\t\t// \t}\r\n\t\t\t\t\t// }\r\n\r\n\t\t\t\t\tif (vehicle.number_plate) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.plateNumberFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == vehicle.number_plate;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.plateNumberFilters.push({\r\n\t\t\t\t\t\t\t\tid: vehicle.number_plate,\r\n\t\t\t\t\t\t\t\tvalue: vehicle.number_plate\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (vehicle.code) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.codeFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == vehicle.code;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.codeFilters.push({\r\n\t\t\t\t\t\t\t\tid: vehicle.code,\r\n\t\t\t\t\t\t\t\tvalue: vehicle.code\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tself.plateNumberFilters = self._.sortBy(self.plateNumberFilters, [\"value\"]);\r\n\t\t\t\t\tself.codeFilters = self._.sortBy(self.codeFilters, [\"value\"]);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tsaveData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\t//to do\r\n\t\t},\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getViewConfig(\"fleerun_vehicles\").then(res => {\r\n\t\t\t\tself.config = res;\r\n\r\n\t\t\t\tif (self.config && self.config.length > 0) {\r\n\t\t\t\t\tvar orderedConfigColumn = self._.orderBy(self.config, \"order\", \"asc\");\r\n\r\n\t\t\t\t\torderedConfigColumn.forEach(column => {\r\n\t\t\t\t\t\tvar defColumn = self.columns.find(function(f) {\r\n\t\t\t\t\t\t\treturn f.configId === column.field;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (defColumn && column.enabled && (!defColumn.permit || self[defColumn.permit])) {\r\n\t\t\t\t\t\t\tif (column.label && column.label.toLowerCase().indexOf(\"co2\") >= 0) {\r\n\t\t\t\t\t\t\t\tcolumn.label = column.label.toLowerCase().replace(\"co2\", \"co
2\");\r\n\t\t\t\t\t\t\t} else if (defColumn.field == \"groups\") {\r\n\t\t\t\t\t\t\t\tcolumn.label = \"DIVISIONI\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tdefColumn.title = column.label;\r\n\r\n\t\t\t\t\t\t\tself.columnsToShow.push(defColumn);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (self.columnsToShow.length > 0) {\r\n\t\t\t\t\t\tvar columnsByPassConfig = self._.filter(self.columns, function(item) {\r\n\t\t\t\t\t\t\treturn item.configByPass;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tfor (var i = 0; i < columnsByPassConfig.length; i++) {\r\n\t\t\t\t\t\t\t//self.columnsToShow.push(columnsByPassConfig[i]);\r\n\t\t\t\t\t\t\tvar index = columnsByPassConfig[i].order || 0;\r\n\t\t\t\t\t\t\tself.columnsToShow.splice(index, 0, columnsByPassConfig[i]);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// console.log(orderedConfigColumn, self.columnsToShow);\r\n\t\t\t\t\tself.dataReady = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tsortChangeHandler: function(e) {\r\n\t\t\tthis.sort = e.sort;\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tfilterChange: function(ev) {\r\n\t\t\tthis.filter = ev.filter;\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\r\n\t\t\tif (this.skip === 0) {\r\n\t\t\t\tthis.query.page = 0;\r\n\t\t\t}\r\n\t\t\tthis.query.page = this.skip / this.take;\r\n\r\n\t\t\tthis.getData();\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(gr) {\r\n\t\t\t\t\treturn gr.value ? gr.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgetData: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tthis.loading = true;\r\n\r\n\t\t\tvar data = this._.clone(this.query);\r\n\r\n\t\t\t//because field and filter is different\r\n\t\t\tif (data.sort.indexOf(\"vehicle_codes\") >= 0) {\r\n\t\t\t\tdata.sort = data.sort.replace(\"vehicle_codes\", \"code\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tdata[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.getVehiclesData(data).then(res => {\r\n\t\t\t\tself.loading = false;\r\n\r\n\t\t\t\tself.items = res.items.map(function(item) {\r\n\t\t\t\t\tvar row = {};\r\n\t\t\t\t\tself.columns.forEach(function(c) {\r\n\t\t\t\t\t\tif (c.configId === \"vehicleBrandModel\") {\r\n\t\t\t\t\t\t\trow[c.field] = `${item.brand ? item.brand.value + \" - \" : \"\"}${item.name}`;\r\n\t\t\t\t\t\t} else if (c.configId === \"ownershipTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.ownership_type ? item.ownership_type.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"ownershipSupplierName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.ownership_supplier ? item.ownership_supplier.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"groups\") {\r\n\t\t\t\t\t\t\trow[c.field] = self.groupsToString(item.groups);\r\n\t\t\t\t\t\t} else if (c.configId === \"driverSurnameName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.driver_name ? `${item.driver_surname} ${item.driver_name}` : item.driver_surname;\r\n\t\t\t\t\t\t} else if (c.configId === \"fuelTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.fuel_type ? item.fuel_type.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"secondaryFuelTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.secondary_fuel_type ? item.secondary_fuel_type.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"categoryName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.category ? item.category.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"divisionName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.division ? item.division.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"drivingLicenseTypeName\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.driving_license_type ? item.driving_license_type.value : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"matriculationDate\") {\r\n\t\t\t\t\t\t\trow[c.field] = self.$options.filters.dateToString(item.matriculation_date);\r\n\t\t\t\t\t\t} else if (c.configId === \"code\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.code ? item.code : \"\";\r\n\t\t\t\t\t\t} else if (c.configId === \"total_km\") {\r\n\t\t\t\t\t\t\trow[c.field] = item.has_odometer ? item.odometer_km : item.gps_km;\r\n\t\t\t\t\t\t} else if (c.configId === \"working_hours\") {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t\tif (row[c.field]) {\r\n\t\t\t\t\t\t\t\trow[c.field] = row[c.field].toFixed(0);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (c.configId === \"working_hours_pto2\") {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t\tif (row[c.field]) {\r\n\t\t\t\t\t\t\t\trow[c.field] = row[c.field].toFixed(0);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\trow[c.field] = item[c.field];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\trow.box_end_date = item.box_end_date;\r\n\t\t\t\t\trow.has_box = item.has_box;\r\n\t\t\t\t\trow.provider = item.box_vendor;\r\n\r\n\t\t\t\t\treturn row;\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// self.providersDataFilters = [];\r\n\t\t\t\tself.items.forEach(i => {\r\n\t\t\t\t\tvar providers = self.providersDataFilters.map(p => p.value);\r\n\t\t\t\t\tif (i.provider != null && !providers.includes(i.provider)) {\r\n\t\t\t\t\t\tself.providersDataFilters.push({\r\n\t\t\t\t\t\t\tid: i.provider,\r\n\t\t\t\t\t\t\tvalue: i.provider\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.total = res.totalCount;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdownloadXlsx(type) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (type == \"csv\") this.query[\"format\"] = \"csv\";\r\n\t\t\telse if (type == \"xlsx\") this.query[\"format\"] = \"excel\";\r\n\r\n\t\t\tif (this.columnFilters) {\r\n\t\t\t\tfor (var i = 0; i < this.columnFilters.length; i++) {\r\n\t\t\t\t\tvar clmF = this.columnFilters[i];\r\n\r\n\t\t\t\t\tfor (var j = 0; j < clmF.filter.filters.length; j++) {\r\n\t\t\t\t\t\tvar filt = clmF.filter.filters[j];\r\n\t\t\t\t\t\tvar field = filt.field;\r\n\t\t\t\t\t\tvar value = filt.value;\r\n\r\n\t\t\t\t\t\tthis.query[field] = value;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tapi.exportXlsx(\"vehicles\", this.query).then(res => {\r\n\t\t\t\tlet blob = self.$options.filters.b64toBlob(res.data.fileContents);\r\n\t\t\t\tlet link = document.createElement(\"a\");\r\n\t\t\t\tvar url = URL.createObjectURL(blob);\r\n\t\t\t\tlink.setAttribute(\"href\", url);\r\n\t\t\t\tlink.setAttribute(\"download\", res.data.fileDownloadName || `Veicoli.${type}`);\r\n\t\t\t\tlink.style = \"visibility:hidden\";\r\n\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\tlink.click();\r\n\t\t\t\tdocument.body.removeChild(link);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoTo(dataItem) {\r\n\t\t\tvar id = dataItem.id;\r\n\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"VEHICLE_DETAIL\",\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: id\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgoToLocalizazion(number_plate, box_end_date, vehicleId, has_box) {\r\n\t\t\t// console.log(number_plate, has_box);\r\n\t\t\tif (this.notHasGeolocationPermission == false && has_box == true && this.isBoxDeactivated(box_end_date) == false) {\r\n\t\t\t\tthis.$router.push({\r\n\t\t\t\t\tname: \"GEOLOCATION\",\r\n\t\t\t\t\tquery: {\r\n\t\t\t\t\t\tvehicleId: number_plate\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tisBoxDeactivated(boxEndDate) {\r\n\t\t\tif (!boxEndDate) return false;\r\n\r\n\t\t\tvar now = moment();\r\n\t\t\tvar endDate = moment.utc(boxEndDate).tz(\"Europe/Rome\");\r\n\r\n\t\t\treturn endDate < now;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tresult: {\r\n\t\t\tget: function() {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tvar orderedResult = orderBy(self.items, this.sort);\r\n\t\t\t\t//var filteredResult = filterBy(orderedResult, this.filter);\r\n\t\t\t\treturn orderedResult;\r\n\t\t\t}\r\n\t\t},\r\n\t\t...mapGetters([\"settings\", \"scopes\"])\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./index.vue.js?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/eslint-loader/index.js??ref--13-0!./index.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1a72a684&\"\nimport script from \"./index.vue.js?vue&type=script&lang=js&\"\nexport * from \"./index.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb--20\",attrs:{\"page-title\":\"Dati identificativi del mezzo\",\"show-date-time\":false}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"},[_c('a',{staticClass:\"alertBell\"},[_c('span',{staticClass:\"badge badge-light\"},[_vm._v(\"5\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isDetailInEditMode,\"showEdit\":true,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchDetailEditMode,\"save-data-items\":_vm.saveData}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}]},[_vm._v(\"IDENTIFICATIVI MEZZO\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-1\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"code\"}},[_vm._v(\"Codice\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"code\",\"readonly\":true},model:{value:(_vm.code),callback:function ($$v) {_vm.code=$$v},expression:\"code\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"number_plate\"}},[_vm._v(\"Targa\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"number_plate\",\"readonly\":true},model:{value:(_vm.number_plate),callback:function ($$v) {_vm.number_plate=$$v},expression:\"number_plate\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"brand\"}},[_vm._v(\"Marca\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"brand\",\"readonly\":true},model:{value:(_vm.brand.value),callback:function ($$v) {_vm.$set(_vm.brand, \"value\", $$v)},expression:\"brand.value\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"vehicle_name\"}},[_vm._v(\"Modello\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"vehicle_name\",\"readonly\":true},model:{value:(_vm.vehicle_name),callback:function ($$v) {_vm.vehicle_name=$$v},expression:\"vehicle_name\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"utilization_area\"}},[_vm._v(\"area\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"utilization_area\",\"readonly\":!_vm.isDetailInEditMode},model:{value:(_vm.utilization_area),callback:function ($$v) {_vm.utilization_area=$$v},expression:\"utilization_area\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"category\"}},[_vm._v(\"Classificazione\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"category\",\"readonly\":true},model:{value:(_vm.category.value),callback:function ($$v) {_vm.$set(_vm.category, \"value\", $$v)},expression:\"category.value\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"matriculation_date\"}},[_vm._v(\"Data immatricolazione\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"matriculation_date\",\"readonly\":true},model:{value:(_vm.matriculationDateFormat),callback:function ($$v) {_vm.matriculationDateFormat=$$v},expression:\"matriculationDateFormat\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gross_vehicle_mass\"}},[_vm._v(\"Massa Complessiva (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.weight\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.gross_vehicle_mass, null, 'int'),\"id\":\"gross_vehicle_mass\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"power_kw\"}},[_vm._v(\"Potenza (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.power\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.power_kw, null),\"id\":\"power_kw\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"displacement\"}},[_vm._v(\"Cilindrata (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.engineVolume\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.displacement, null),\"id\":\"displacement\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"fuel_type\"}},[_vm._v(\"Alimentazione\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"fuel_type\",\"readonly\":true},model:{value:(_vm.fuel_type.value),callback:function ($$v) {_vm.$set(_vm.fuel_type, \"value\", $$v)},expression:\"fuel_type.value\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"secondary_fuel_type\"}},[_vm._v(\"Alimentazione secondaria\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"secondary_fuel_type\",\"readonly\":true},model:{value:(_vm.secondary_fuel_type.value),callback:function ($$v) {_vm.$set(_vm.secondary_fuel_type, \"value\", $$v)},expression:\"secondary_fuel_type.value\"}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"declared_co2_emission\"}},[_vm._v(\"Emissione CO\"),_c('sub',[_vm._v(\"2\")]),_vm._v(\" media costruttore (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.emission\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.declared_co2_emission, null),\"id\":\"declared_co2_emission\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"average_consumption\"}},[_vm._v(\"Consumo medio costruttore (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.consumption\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.average_consumption, null),\"id\":\"average_consumption\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"tank_capacity\"}},[_vm._v(\"Capacità serbatoio (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.volume\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.tank_capacity, null),\"id\":\"tank_capacity\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"driving_license_type\"}},[_vm._v(\"Patente richiesta\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"driving_license_type\",\"readonly\":true},model:{value:(_vm.driving_license_type.value),callback:function ($$v) {_vm.$set(_vm.driving_license_type, \"value\", $$v)},expression:\"driving_license_type.value\"}})],1)]),_c('div',{staticClass:\"col-lg-6\",staticStyle:{\"height\":\"80px\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"groups\"}},[_vm._v(\"Divisioni\")])]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"groups\",\"readonly\":true},model:{value:(_vm.groupsString),callback:function ($$v) {_vm.groupsString=$$v},expression:\"groupsString\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-multiselect',{attrs:{\"data-source\":_vm.groupsData,\"data-text-field\":'description',\"data-value-field\":'id',\"filter\":'contains'},model:{value:(_vm.groupsSelected),callback:function ($$v) {_vm.groupsSelected=$$v},expression:\"groupsSelected\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"expulsion_date\"}},[_vm._v(\"Data radiazione\")])]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"expulsion_date\",\"readonly\":true},model:{value:(_vm.expulsionDateFormat),callback:function ($$v) {_vm.expulsionDateFormat=$$v},expression:\"expulsionDateFormat\"}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.expulsionDateFormatCalendar,\"format\":'dd MMMM yyyy',\"culture\":'it-IT',\"today\":'Oggi'},on:{\"change\":_vm.expulsionDateChange}})],1)])])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"battery_capacity\"}},[_vm._v(\"Capacità batteria (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.power\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.battery_capacity, null),\"id\":\"battery_capacity\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"km_covered_recharge\"}},[_vm._v(\"KM con una ricarica (\"+_vm._s(_vm.$store.state.settings.commonLabels[\"unitMeasure.longLength\"])+\")\")]),_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.getPropertyDescription(_vm.km_covered_recharge, null),\"id\":\"km_covered_recharge\",\"readonly\":true}})],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"fuel_level_not_available\"}},[_vm._v(\"Diponibilità livello carburante\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":true},model:{value:(_vm.fuel_level_not_available),callback:function ($$v) {_vm.fuel_level_not_available=$$v},expression:\"fuel_level_not_available\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('div',[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"box_can_bus_not_available\"}},[_vm._v(\"Solo GPS\")])]),_c('div',[_c('b-form-checkbox',{attrs:{\"disabled\":true},model:{value:(_vm.box_can_bus_not_available),callback:function ($$v) {_vm.box_can_bus_not_available=$$v},expression:\"box_can_bus_not_available\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"total_km\"}},[_vm._v(\"KM TOTALI \"),(_vm.gps_km_end_date)?_c('span',[_vm._v(_vm._s(_vm.dateKmText))]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode || _vm.has_odometer),expression:\"!isDetailInEditMode || has_odometer\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.total_km,\"id\":\"total_km\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode && !_vm.has_odometer),expression:\"isDetailInEditMode && !has_odometer\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"total_km_model\",\"readonly\":_vm.has_odometer},on:{\"keypress\":_vm.isNumber,\"change\":_vm.gpsKmChange},model:{value:(_vm.total_km),callback:function ($$v) {_vm.total_km=$$v},expression:\"total_km\"}})],1)])]),(!_vm.has_odometer)?_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"gps_km_date_changed\"}},[_vm._v(\"Data modifica km\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"gps_km_date_changed\",\"readonly\":true},model:{value:(_vm.gpsDateFormat),callback:function ($$v) {_vm.gpsDateFormat=$$v},expression:\"gpsDateFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.gpsDateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"disabled\":_vm.has_odometer},on:{\"change\":_vm.gpsDateChange}})],1)])]):_vm._e(),(_vm.hasPowerTakeOff)?_c('div',{staticClass:\"col-lg-3\",staticStyle:{\"height\":\"80px\"}},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"powerTakeOffs\"}},[_vm._v(\"Presa di forza\")]),_c('div',[(!_vm.isDetailInEditMode)?_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"id\":\"powerTakeOff\",\"readonly\":true},model:{value:(_vm.powerTakeOff.value),callback:function ($$v) {_vm.$set(_vm.powerTakeOff, \"value\", $$v)},expression:\"powerTakeOff.value\"}}):_vm._e()],1),(_vm.isDetailInEditMode)?_c('div',[_c('kendo-dropdownlist',{attrs:{\"data-source\":_vm.powerTakeOffData,\"data-text-field\":'name',\"data-value-field\":'id',\"filter\":'contains',\"options-label\":''},model:{value:(_vm.powerTakeOff.key),callback:function ($$v) {_vm.$set(_vm.powerTakeOff, \"key\", $$v)},expression:\"powerTakeOff.key\"}})],1):_vm._e()])]):_vm._e()])])],1)],1)])])]),(_vm.hasPowerTakeOff && _vm.powerTakeOff.key > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('grid-toolbar',{attrs:{\"isInEditMode\":_vm.isDetailInEditMode,\"showEdit\":_vm.isTeltonika,\"showUndo\":true,\"showSave\":true},on:{\"switch-edit-mode\":_vm.switchDetailEditMode,\"save-data-items\":_vm.saveData}})],1)]):_vm._e(),(_vm.hasPowerTakeOff && _vm.powerTakeOff.key > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',[_c('div',{staticClass:\"intestazione\"},[_c('h2',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}]},[_vm._v(\"UTILIZZO\")]),_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"k-icon aprichiudi\"}),_c('b-collapse',{staticClass:\"mt-3\",attrs:{\"visible\":\"\",\"id\":\"collapse-2\"}},[_c('b-card',{staticClass:\"form2cols\"},[_c('div',{class:[_vm.isDetailInEditMode ? 'edit-mode' : '', 'row']},[_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours\"}},[_vm._v(\"ORE USO \"),(_vm.working_hours_date)?_c('span',[_vm._v(_vm._s(_vm.workingHoursDateFormat))]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.working_hours,\"id\":\"working_hours\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"working_hours_model\"},on:{\"keypress\":_vm.isNumber,\"change\":_vm.workingHoursChange},model:{value:(_vm.working_hours),callback:function ($$v) {_vm.working_hours=$$v},expression:\"working_hours\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_date\"}},[_vm._v(\"DATA MODIFICA ORE USO\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"working_hours_date_changed\",\"readonly\":true},model:{value:(_vm.workingHoursDateChangedFormat),callback:function ($$v) {_vm.workingHoursDateChangedFormat=$$v},expression:\"workingHoursDateChangedFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.workingHoursDateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate,\"max\":_vm.maxDate},on:{\"change\":_vm.workingHoursDateChange}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto2\"}},[_vm._v(\"ORE LAVORO PTO 2 \"),(_vm.working_hours_pto2_date)?_c('span',[_vm._v(_vm._s(_vm.workingHoursPto2DateFormat)+\" \")]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.working_hours_pto2,\"id\":\"working_hours_pto2\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"working_hours_pto2_model\"},on:{\"keypress\":_vm.isNumber,\"change\":_vm.workingHoursPto2Change},model:{value:(_vm.working_hours_pto2),callback:function ($$v) {_vm.working_hours_pto2=$$v},expression:\"working_hours_pto2\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto2_date\"}},[_vm._v(\"DATA MODIFICA ORE LAVORO PTO 2\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"working_hours_pto2_date_changed\",\"readonly\":true},model:{value:(_vm.workingHoursPto2DateChangedFormat),callback:function ($$v) {_vm.workingHoursPto2DateChangedFormat=$$v},expression:\"workingHoursPto2DateChangedFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.workingHoursPto2DateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate,\"max\":_vm.maxDate},on:{\"change\":_vm.workingHoursPto2DateChange}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto3\"}},[_vm._v(\"ORE LAVORO PTO 3 \"),(_vm.working_hours_pto3_date)?_c('span',[_vm._v(_vm._s(_vm.workingHoursPto3DateFormat)+\" \")]):_vm._e()]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"value\":_vm.working_hours_pto3,\"id\":\"working_hours_pto3\",\"readonly\":true}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('b-form-input',{staticClass:\"form-control k-textbox\",attrs:{\"type\":\"number\",\"min\":\"0\",\"step\":\"1\",\"id\":\"working_hours_pto3_model\"},on:{\"keypress\":_vm.isNumber,\"change\":_vm.workingHoursPto3Change},model:{value:(_vm.working_hours_pto3),callback:function ($$v) {_vm.working_hours_pto3=$$v},expression:\"working_hours_pto3\"}})],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"fk-textbox\",attrs:{\"for\":\"working_hours_pto3_date\"}},[_vm._v(\"DATA MODIFICA ORE LAVORO PTO 3\")]),_c('div',[_c('b-form-input',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isDetailInEditMode),expression:\"!isDetailInEditMode\"}],staticClass:\"form-control k-textbox\",attrs:{\"id\":\"working_hours_pto3_date_changed\",\"readonly\":true},model:{value:(_vm.workingHoursPto3DateChangedFormat),callback:function ($$v) {_vm.workingHoursPto3DateChangedFormat=$$v},expression:\"workingHoursPto3DateChangedFormat\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDetailInEditMode),expression:\"isDetailInEditMode\"}]},[_c('kendo-datetimepicker',{class:'dtPicker',style:('margin-top: 5px; margin-left: 0px'),attrs:{\"footer\":_vm.datePickerFooter,\"value\":_vm.workingHoursPto3DateFormatCalendar,\"format\":'dd MMMM yyyy HH:mm',\"timeFormat\":'HH:mm',\"culture\":'it-IT',\"today\":'Oggi',\"min\":_vm.minDate,\"max\":_vm.maxDate},on:{\"change\":_vm.workingHoursPto3DateChange}})],1)])])])])],1)],1)])])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import ApiService from \"../../services/api\";\r\nimport gridClientBase from \"../../components/gridClientComponentBase\";\r\nimport moment from \"moment-timezone\";\r\nimport cellDeleteCommand from \"../../components/grid/cellDeleteCommand/cellDeleteCommand.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { bus } from \"../../main\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tdata: () => {\r\n\t\treturn {\r\n\t\t\tminDate: new Date(new Date().setMonth(new Date().getMonth() - 3)),\r\n\t\t\tmaxDate: new Date(new Date().setHours(0, 0, 0, 0)),\r\n\t\t\tisDetailInEditMode: false,\r\n\t\t\tisTeltonika: false,\r\n\t\t\thasPowerTakeOff: false,\r\n\t\t\tuserDivisions: [],\r\n\t\t\tgroupsData: [],\r\n\t\t\tgroupsSelected: [],\r\n\t\t\tpowerTakeOffData: [],\r\n\t\t\tpowerTakeOff: { key: 0, value: \"\" },\r\n\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tnumber_plate: \"\",\r\n\t\t\tcar_sharing: false,\r\n\t\t\tpurpose: \"\",\r\n\t\t\tfringe_benefit: false,\r\n\t\t\tmatriculation_date: \"\",\r\n\t\t\texpulsion_date: \"\",\r\n\t\t\tdeclared_co2_emission: null,\r\n\t\t\taverage_consumption: 0,\r\n\t\t\tgross_vehicle_mass: 0,\r\n\t\t\tpower_kw: \"kW\",\r\n\t\t\tdisplacement: 0,\r\n\t\t\tvehicle_name: \"\",\r\n\t\t\ttank_capacity: 0,\r\n\t\t\tdriver_fiscal_code: \"\",\r\n\t\t\tutilization_area: \"\",\r\n\t\t\tbattery_capacity: \"\",\r\n\t\t\tkm_covered_recharge: \"\",\r\n\t\t\tfuel_level_not_available: false,\r\n\t\t\tbox_can_bus_not_available: false,\r\n\t\t\todometer_km: null,\r\n\t\t\tgps_km: null,\r\n\t\t\thas_odometer: false,\r\n\t\t\ttotal_km: null,\r\n\t\t\tgps_km_date_changed: \"\",\r\n\t\t\tgps_km_end_date: \"\",\r\n\t\t\tupdate_gps: false,\r\n\t\t\tmax_hours_offline: \"\",\r\n\r\n\t\t\tbrand: { key: 0, value: \"\" },\r\n\t\t\townership_type: { key: 0, value: \"\" },\r\n\t\t\tgroups: [{ key: 0, value: \"\" }],\r\n\t\t\tpowerTakeOffs: [{ key: 0, value: \"\" }],\r\n\t\t\tfuel_type: { key: 0, value: \"\" },\r\n\t\t\tsecondary_fuel_type: { key: 0, value: \"\" },\r\n\t\t\tcategory: { key: 0, value: \"\" },\r\n\t\t\tdivision: { key: 0, value: \"\" },\r\n\t\t\tdriving_license_type: { key: 0, value: \"\" },\r\n\t\t\townership_supplier: { key: 0, value: \"\" },\r\n\r\n\t\t\tworking_hours: null,\r\n\t\t\tworking_hours_date: null,\r\n\t\t\tworking_hours_date_changed: null,\r\n\t\t\tworking_hours_changed: false,\r\n\t\t\tworking_hours_pto2: null,\r\n\t\t\tworking_hours_pto2_date: null,\r\n\t\t\tworking_hours_pto2_date_changed: null,\r\n\t\t\tworking_hours_pto2_changed: false,\r\n\t\t\tworking_hours_pto3: null,\r\n\t\t\tworking_hours_pto3_date: null,\r\n\t\t\tworking_hours_pto3_date_changed: null,\r\n\t\t\tworking_hours_pto3_changed: false,\r\n\r\n\t\t\tcode: \"\",\r\n\t\t\tmatriculation: \"\",\r\n\t\t\t//average_ownership_consumption: \"\",\r\n\t\t\tsavePendingRequest: null,\r\n\t\t\tsaveVechilesDriversAssociationRequest: null,\r\n\r\n\t\t\tdrivers: [],\r\n\t\t\titemTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\t\t\tvalueTemplate: \"#= surname # #= name #\",\r\n\r\n\t\t\t//table filters\r\n\t\t\tdriverNameFilters: [],\r\n\t\t\tdriverNameFilterSelected: [],\r\n\t\t\tdriverSurnameFilters: [],\r\n\t\t\tdriverSurnameFilterSelected: [],\r\n\t\t\tdriverCFFilters: [],\r\n\t\t\tdriverCFFilterSelected: [],\r\n\r\n\t\t\tdatePickerFooter: \"Oggi - #=kendo.toString(data, 'dd MMMM yyyy') #\",\r\n\r\n\t\t\thasDivisions: false\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tthis.hasPowerTakeOff = this.scopes.includes(\"POWER_TAKE_OFF\");\r\n\r\n\t\tif (this.settings && this.settings.hasDivisions) this.hasDivisions = true;\r\n\t\tthis.getGroups();\r\n\t\tthis.getPowerTakeOffs();\r\n\t\tif (this.hasDivisions) this.getUserDivision();\r\n\t\tthis.getData();\r\n\t\tthis.getAllDrivers();\r\n\r\n\t\tvar newItem = {\r\n\t\t\tid: 0,\r\n\t\t\tname: \"\",\r\n\t\t\tsurname: \"\",\r\n\t\t\temail: \"\",\r\n\t\t\tfiscal_code: \"\",\r\n\t\t\tstart_date: null,\r\n\t\t\tend_date: null,\r\n\t\t\tdriver_id: 0,\r\n\t\t\tvehicle_id: self.$route.params.id\r\n\t\t};\r\n\t\tthis.defaultAddRow = newItem;\r\n\t\tthis.sort = [{ field: \"start_date\", dir: \"desc\" }];\r\n\r\n\t\tthis.take = 1000000;\r\n\t},\r\n\r\n\tmethods: {\r\n\t\texpulsionDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newExpulsionDate = moment(item.sender.value()).startOf(\"days\");\r\n\t\t\t\tthis.expulsion_date = newExpulsionDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.expulsion_date = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgpsDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tthis.update_gps = true;\r\n\t\t\t\tvar newGpsDate = moment(item.sender.value());\r\n\t\t\t\tthis.gps_km_date_changed = newGpsDate.format();\r\n\t\t\t\t// console.log(this.gps_km_date_changed, newGpsDate);\r\n\t\t\t} else {\r\n\t\t\t\tthis.gps_km_date_changed = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgpsKmChange(item) {\r\n\t\t\tthis.update_gps = true;\r\n\t\t},\r\n\t\tisNumber: function(evt) {\r\n\t\t\tevt = evt ? evt : window.event;\r\n\t\t\tvar charCode = evt.which ? evt.which : evt.keyCode;\r\n\t\t\tif (charCode > 31 && (charCode < 48 || charCode > 57)) {\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t} else {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t},\r\n\t\tonDriverChange(e, rowId) {\r\n\t\t\tvar newValue = e.sender.value();\r\n\r\n\t\t\tvar row = this.items.find(function(item) {\r\n\t\t\t\treturn item.id === rowId;\r\n\t\t\t});\r\n\r\n\t\t\tvar newDriver = this.drivers.find(item => {\r\n\t\t\t\treturn item.id == newValue;\r\n\t\t\t});\r\n\r\n\t\t\tif (row) {\r\n\t\t\t\trow.name = newDriver.name;\r\n\t\t\t\trow.surname = newDriver.surname;\r\n\t\t\t\trow.email = newDriver.email;\r\n\t\t\t\trow.fiscal_code = newDriver.fiscal_code;\r\n\t\t\t\t// row.start_date = \"\";\r\n\t\t\t\t// row.end_date = \"\";\r\n\t\t\t\trow.driver_id = newDriver.id;\r\n\t\t\t}\r\n\r\n\t\t\tthis.itemChange({\r\n\t\t\t\tdataItem: row\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetAllDrivers() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getDriversData({ page: 0, pageSize: 1000000 }).then(res => {\r\n\t\t\t\tself.drivers = res.items.map(function(driver) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: driver.id,\r\n\t\t\t\t\t\tname: driver.name ? driver.name.toLowerCase() : \"\",\r\n\t\t\t\t\t\tsurname: driver.surname ? driver.surname.toLowerCase() : \"\",\r\n\t\t\t\t\t\tname_surname_fiscalcode: `${driver.name} ${driver.surname} ${driver.fiscal_code}`,\r\n\t\t\t\t\t\tfiscal_code: driver.fiscal_code\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.getDrivers();\r\n\r\n\t\t\t\tself.drivers = self._.sortBy(self.drivers, [\"surname\", \"name\", \"fiscal_code\"]);\r\n\t\t\t\tfor (var i = 0; i < self.drivers.length; i++) {\r\n\t\t\t\t\tvar driver = self.drivers[i];\r\n\r\n\t\t\t\t\tif (driver.name) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.driverNameFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == `${driver.surname.toLowerCase()} ${driver.name.toLowerCase()}`;\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.driverNameFilters.push({\r\n\t\t\t\t\t\t\t\tid: `${driver.surname.toLowerCase()} ${driver.name.toLowerCase()}`,\r\n\t\t\t\t\t\t\t\tvalue: `${driver.surname.toLowerCase()} ${driver.name.toLowerCase()}`\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// if (driver.surname) {\r\n\t\t\t\t\t// \tvar alreadyExist =\r\n\t\t\t\t\t// \t\tself.driverSurnameFilters.findIndex(item => {\r\n\t\t\t\t\t// \t\t\treturn item.id == driver.surname.toLowerCase();\r\n\t\t\t\t\t// \t\t}) >= 0;\r\n\t\t\t\t\t// \tif (!alreadyExist) {\r\n\t\t\t\t\t// \t\tself.driverSurnameFilters.push({\r\n\t\t\t\t\t// \t\t\tid: driver.surname.toLowerCase(),\r\n\t\t\t\t\t// \t\t\tvalue: driver.surname.toLowerCase()\r\n\t\t\t\t\t// \t\t});\r\n\t\t\t\t\t// \t}\r\n\t\t\t\t\t// }\r\n\t\t\t\t\tif (driver.fiscal_code) {\r\n\t\t\t\t\t\tvar alreadyExist =\r\n\t\t\t\t\t\t\tself.driverCFFilters.findIndex(item => {\r\n\t\t\t\t\t\t\t\treturn item.id == driver.fiscal_code.toLowerCase();\r\n\t\t\t\t\t\t\t}) >= 0;\r\n\t\t\t\t\t\tif (!alreadyExist) {\r\n\t\t\t\t\t\t\tself.driverCFFilters.push({\r\n\t\t\t\t\t\t\t\tid: driver.fiscal_code.toLowerCase(),\r\n\t\t\t\t\t\t\t\tvalue: driver.fiscal_code.toLowerCase()\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.driverCFFilters = self._.sortBy(self.driverCFFilters, [\"id\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetDrivers: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar idVehicle = this.$route.params.id;\r\n\r\n\t\t\tApiService.getDriversByVehicleId(idVehicle).then(res => {\r\n\t\t\t\tif (self._.isNull(res) === false && self._.isUndefined(res) === false && self._.isArray(res) && res.length > 0)\r\n\t\t\t\t\tself.items = res.map(function(item) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tname: `${item.surname.toLowerCase()} ${item.name.toLowerCase()}`,\r\n\t\t\t\t\t\t\t//surname: item.surname,\r\n\t\t\t\t\t\t\temail: item.email,\r\n\t\t\t\t\t\t\tfiscal_code: item.fiscal_code,\r\n\t\t\t\t\t\t\tstart_date: item.start_date,\r\n\t\t\t\t\t\t\tend_date: item.end_date,\r\n\t\t\t\t\t\t\tdriver_id: item.driver_id,\r\n\t\t\t\t\t\t\tvehicle_id: item.vehicle_id\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetGroups: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getGroupsData().then(res => {\r\n\t\t\t\tself.groupsData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tdescription: item.name ? item.name.toLowerCase() : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.groupsData = self._.sortBy(self.groupsData, [\"description\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetPowerTakeOffs: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getPowerOffLegend().then(res => {\r\n\t\t\t\tself.powerTakeOffData = res.map(function(item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\tname: item.vehicle_type ? item.vehicle_type : \"\"\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.powerTakeOffData.unshift({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tname: \"\"\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.powerTakeOffData = self._.sortBy(self.powerTakeOffData, [\"name\"]);\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetUserDivision() {\r\n\t\t\tvar self = this;\r\n\t\t\tApiService.getUserDivision()\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.userDivisions = self._.sortBy(res, function(item) {\r\n\t\t\t\t\t\treturn item.value ? item.value.toLowerCase() : \"\";\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {});\r\n\t\t},\r\n\t\tgetData() {\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tvar self = this;\r\n\t\t\tvar idVehicle = this.$route.params.id;\r\n\t\t\tApiService.getVehicleDetail(idVehicle)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (self._.isNull(res.data) === false) {\r\n\t\t\t\t\t\tvar data = res;\r\n\r\n\t\t\t\t\t\tself.id = data.id;\r\n\t\t\t\t\t\tself.name = `${data.driver_surname || \"\"} ${data.driver_name || \"\"}`;\r\n\t\t\t\t\t\tself.number_plate = data.number_plate;\r\n\t\t\t\t\t\tself.car_sharing = data.car_sharing;\r\n\t\t\t\t\t\tself.purpose = data.purpose;\r\n\t\t\t\t\t\tself.fringe_benefit = data.fringe_benefit;\r\n\t\t\t\t\t\tself.matriculation_date = data.matriculation_date;\r\n\t\t\t\t\t\tself.expulsion_date = self.getUtcDate(data.expulsion_date);\r\n\t\t\t\t\t\tself.declared_co2_emission = data.declared_co2_emission;\r\n\t\t\t\t\t\tself.average_consumption = data.average_consumption;\r\n\t\t\t\t\t\tself.gross_vehicle_mass = data.gross_vehicle_mass;\r\n\t\t\t\t\t\tself.power_kw = data.power_kw;\r\n\t\t\t\t\t\tself.displacement = data.displacement;\r\n\t\t\t\t\t\tself.vehicle_name = data.name;\r\n\t\t\t\t\t\tself.tank_capacity = data.tank_capacity;\r\n\t\t\t\t\t\tself.driver_fiscal_code = data.driver_fiscal_code;\r\n\t\t\t\t\t\tself.battery_capacity = data.battery_capacity;\r\n\t\t\t\t\t\t(self.km_covered_recharge = data.km_covered_recharge),\r\n\t\t\t\t\t\t\t(self.fuel_level_not_available = data.fuel_level_not_available),\r\n\t\t\t\t\t\t\t(self.box_can_bus_not_available = data.box_can_bus_not_available),\r\n\t\t\t\t\t\t\t(self.utilization_area = data.utilization_area ? data.utilization_area : \"\");\r\n\t\t\t\t\t\tself.brand = data.brand || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.ownership_type = data.ownership_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.groups = data.groups || [{ key: 0, value: \"\" }];\r\n\t\t\t\t\t\tself.powerTakeOff = data.powerTakeOff || [{ key: 0, value: \"\" }];\r\n\t\t\t\t\t\tself.fuel_type = data.fuel_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.secondary_fuel_type = data.secondary_fuel_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.category = data.category || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.division = data.division || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.driving_license_type = data.driving_license_type || { key: 0, value: \"\" };\r\n\t\t\t\t\t\tself.ownership_supplier = data.ownership_supplier || { key: 0, value: \"\" };\r\n\r\n\t\t\t\t\t\tself.code = data.code;\r\n\t\t\t\t\t\tself.matriculation = data.matriculation;\r\n\t\t\t\t\t\tself.odometer_km = data.odometer_km;\r\n\t\t\t\t\t\tself.gps_km = data.gps_km;\r\n\t\t\t\t\t\tself.has_odometer = data.has_odometer;\r\n\t\t\t\t\t\tself.odometer_lt = data.odometer_lt;\r\n\t\t\t\t\t\tself.gps_km_date_changed = data.gps_km_date_changed;\r\n\t\t\t\t\t\tself.gps_km_end_date = data.gps_km_end_date;\r\n\t\t\t\t\t\tself.max_hours_offline = data.max_hours_offline;\r\n\r\n\t\t\t\t\t\tself.isTeltonika = data.box_vendor == \"TELTONIKA\";\r\n\r\n\t\t\t\t\t\tself.working_hours = data.working_hours;\r\n\t\t\t\t\t\tif (self.working_hours) self.working_hours = self.working_hours.toFixed(0);\r\n\t\t\t\t\t\tself.working_hours_date = data.working_hours_date;\r\n\t\t\t\t\t\tself.working_hours_date_changed = data.working_hours_date_changed;\r\n\t\t\t\t\t\tself.working_hours_pto2 = data.working_hours_pto2;\r\n\t\t\t\t\t\tif (self.working_hours_pto2) self.working_hours_pto2 = self.working_hours_pto2.toFixed(0);\r\n\t\t\t\t\t\tself.working_hours_pto2_date = data.working_hours_pto2_date;\r\n\t\t\t\t\t\tself.working_hours_pto2_date_changed = data.working_hours_pto2_date_changed;\r\n\t\t\t\t\t\tself.working_hours_pto3 = data.working_hours_pto3;\r\n\t\t\t\t\t\tif (self.working_hours_pto3) self.working_hours_pto3 = self.working_hours_pto3.toFixed(0);\r\n\t\t\t\t\t\tself.working_hours_pto3_date = data.working_hours_pto3_date;\r\n\t\t\t\t\t\tself.working_hours_pto3_date_changed = data.working_hours_pto3_date_changed;\r\n\r\n\t\t\t\t\t\tself.groupsSelected = self._.sortBy(data.groups, function(it) {\r\n\t\t\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t\t\t}).map(function(e) {\r\n\t\t\t\t\t\t\treturn e.key;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (self.has_odometer) self.total_km = self.odometer_km;\r\n\t\t\t\t\t\telse self.total_km = self.gps_km;\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {\r\n\t\t\t\t\t//redirect to list\r\n\t\t\t\t\tself.$router.push({\r\n\t\t\t\t\t\tname: \"VEHICLES_LIST_BOX\"\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tself.working_hours_changed = false;\r\n\t\t\t\t\tself.working_hours_pto2_changed = false;\r\n\t\t\t\t\tself.working_hours_pto3_changed = false;\r\n\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tgetUtcDate(date) {\r\n\t\t\tif (date) {\r\n\t\t\t\treturn moment\r\n\t\t\t\t\t.utc(date)\r\n\t\t\t\t\t.tz(\"Europe/Rome\")\r\n\t\t\t\t\t.format();\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\tgroupsToString(groups) {\r\n\t\t\tif (this._.isNull(groups) === false && this._.isUndefined(groups) === false && this._.isArray(groups) && groups.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tgroups = this._.sortBy(groups, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tgroups.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tpowerTakeOffToString(powerTakeOffs) {\r\n\t\t\tif (this._.isNull(powerTakeOffs) === false && this._.isUndefined(powerTakeOffs) === false && this._.isArray(powerTakeOffs) && powerTakeOffs.length > 0) {\r\n\t\t\t\tvar str = \"\";\r\n\t\t\t\tpowerTakeOffs = this._.sortBy(powerTakeOffs, function(it) {\r\n\t\t\t\t\treturn it.value ? it.value.toLowerCase() : \"\";\r\n\t\t\t\t});\r\n\t\t\t\tpowerTakeOffs.forEach(element => {\r\n\t\t\t\t\tstr += element.value + \", \";\r\n\t\t\t\t});\r\n\r\n\t\t\t\tstr = str.replace(/, $/, \"\");\r\n\t\t\t\treturn str;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tswitchEditMode() {\r\n\t\t\tthis.isInEditMode = !this.isInEditMode;\r\n\r\n\t\t\tif (!this.isInEditMode) {\r\n\t\t\t\tthis.clearWorkingData();\r\n\t\t\t\tthis.getDrivers();\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = null;\r\n\t\t},\r\n\t\tsaveData() {\r\n\t\t\tvar self = this;\r\n\t\t\tbus.$emit(\"show-spinner-loading\");\r\n\t\t\tif (this.savePendingRequest == null) {\r\n\t\t\t\tthis.savePendingRequest = ApiService.saveVehicleDetail(\r\n\t\t\t\t\tthis.id,\r\n\t\t\t\t\tthis.companyId,\r\n\t\t\t\t\tthis.code,\r\n\t\t\t\t\tthis.number_plate,\r\n\t\t\t\t\tthis.brand.key > 0 ? this.brand.key : null,\r\n\t\t\t\t\tthis.vehicle_name,\r\n\t\t\t\t\tthis.ownership_type.key > 0 ? this.ownership_type.key : null,\r\n\t\t\t\t\tthis.ownership_supplier.key > 0 ? this.ownership_supplier.key : null,\r\n\t\t\t\t\tthis.utilization_area,\r\n\t\t\t\t\tthis.category.key > 0 ? this.category.key : null,\r\n\t\t\t\t\tthis.matriculation_date,\r\n\t\t\t\t\tthis.gross_vehicle_mass,\r\n\t\t\t\t\tthis.power_kw,\r\n\t\t\t\t\tthis.displacement,\r\n\t\t\t\t\tthis.fuel_type.key > 0 ? this.fuel_type.key : null,\r\n\t\t\t\t\tthis.secondary_fuel_type.key > 0 ? this.secondary_fuel_type.key : null,\r\n\t\t\t\t\tthis.declared_co2_emission,\r\n\t\t\t\t\tthis.average_consumption,\r\n\t\t\t\t\tthis.tank_capacity,\r\n\t\t\t\t\tthis.driving_license_type.key > 0 ? this.driving_license_type.key : null,\r\n\t\t\t\t\tthis.car_sharing,\r\n\t\t\t\t\tthis.groupsSelected,\r\n\t\t\t\t\tthis.powerTakeOff.key > 0 ? this.powerTakeOff.key : null,\r\n\t\t\t\t\tthis.expulsion_date,\r\n\t\t\t\t\tthis.purpose,\r\n\t\t\t\t\tthis.battery_capacity,\r\n\t\t\t\t\tthis.km_covered_recharge,\r\n\t\t\t\t\tthis.fuel_level_not_available,\r\n\t\t\t\t\tthis.box_can_bus_not_available,\r\n\t\t\t\t\tthis.division.key > 0 ? this.division.key : null,\r\n\t\t\t\t\tthis.fringe_benefit,\r\n\t\t\t\t\tthis.has_odometer != null ? this.has_odometer : false,\r\n\t\t\t\t\tthis.total_km,\r\n\t\t\t\t\tthis.gps_km_date_changed,\r\n\t\t\t\t\tthis.max_hours_offline,\r\n\t\t\t\t\tthis.update_gps,\r\n\t\t\t\t\tthis.working_hours,\r\n\t\t\t\t\tthis.working_hours_date,\r\n\t\t\t\t\tthis.working_hours_date_changed,\r\n\t\t\t\t\tthis.working_hours_changed,\r\n\t\t\t\t\tthis.working_hours_pto2,\r\n\t\t\t\t\tthis.working_hours_pto2_date,\r\n\t\t\t\t\tthis.working_hours_pto2_date_changed,\r\n\t\t\t\t\tthis.working_hours_pto2_changed,\r\n\t\t\t\t\tthis.working_hours_pto3,\r\n\t\t\t\t\tthis.working_hours_pto3_date,\r\n\t\t\t\t\tthis.working_hours_pto3_date_changed,\r\n\t\t\t\t\tthis.working_hours_pto3_changed\r\n\t\t\t\t)\r\n\t\t\t\t\t.then(res => {\r\n\t\t\t\t\t\tself.isDetailInEditMode = false;\r\n\t\t\t\t\t\tself.getData();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(err => {})\r\n\t\t\t\t\t.finally(_ => {\r\n\t\t\t\t\t\tself.update_gps = false;\r\n\t\t\t\t\t\tself.savePendingRequest = null;\r\n\t\t\t\t\t\tself.working_hours_changed = false;\r\n\t\t\t\t\t\tself.working_hours_pto2_changed = false;\r\n\t\t\t\t\t\tself.working_hours_pto3_changed = false;\r\n\t\t\t\t\t\tbus.$emit(\"hide-spinner-loading\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tsaveDriversData() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar createdItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.createdItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.createdItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tcreatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar updatedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.updatedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.updatedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tupdatedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tvar deletedItemsNormilized = [];\r\n\t\t\tfor (let i = 0; i < this.deletedItems.length; i++) {\r\n\t\t\t\tlet item = this._.clone(this.deletedItems[i]);\r\n\r\n\t\t\t\tif (item.start_date) {\r\n\t\t\t\t\titem.start_date = this.dateStringToMomentFormat(item.start_date);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.end_date) {\r\n\t\t\t\t\titem.end_date = this.dateStringToMomentFormat(item.end_date);\r\n\t\t\t\t} else {\r\n\t\t\t\t\titem.end_date = null;\r\n\t\t\t\t}\r\n\t\t\t\tdeletedItemsNormilized.push(item);\r\n\t\t\t}\r\n\r\n\t\t\tthis.saveVechilesDriversAssociationRequest = ApiService.saveVehiclesDriversAssociation(createdItemsNormilized, updatedItemsNormilized, deletedItemsNormilized)\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tself.clearWorkingData();\r\n\t\t\t\t\tself.getDrivers();\r\n\r\n\t\t\t\t\tself.isDetailInEditMode = false;\r\n\t\t\t\t\tself.getData();\r\n\t\t\t\t})\r\n\t\t\t\t.catch(err => {})\r\n\t\t\t\t.finally(_ => {\r\n\t\t\t\t\tself.saveVechilesDriversAssociationRequest = null;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tdateStringToMomentFormat(dateString) {\r\n\t\t\tif (dateString.indexOf(\"/\") >= 0) {\r\n\t\t\t\treturn moment(dateString, \"DD/MM/YYYY\").format();\r\n\t\t\t}\r\n\r\n\t\t\treturn moment(dateString).format();\r\n\t\t},\r\n\t\tswitchDetailEditMode: function() {\r\n\t\t\tthis.isDetailInEditMode = !this.isDetailInEditMode;\r\n\r\n\t\t\tif (!this.isDetailInEditMode) {\r\n\t\t\t\tthis.getData();\r\n\t\t\t} else {\r\n\t\t\t\tthis.gps_km_date_changed = moment().startOf(\"day\");\r\n\t\t\t}\r\n\r\n\t\t\tthis.savePendingRequest = null;\r\n\t\t},\r\n\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t//unite of Measure\r\n\t\tgetPropertyDescription(propertyValue, uniteOfMeasure, type) {\r\n\t\t\tuniteOfMeasure = uniteOfMeasure ? uniteOfMeasure : \"\";\r\n\t\t\treturn `${propertyValue ? kendo.toString(propertyValue, `${type && type == \"int\" ? \"n0\" : \"n2\"}`) : \"\"} ${propertyValue && uniteOfMeasure ? \"(\" + uniteOfMeasure + \")\" : \"\"}`;\r\n\t\t},\r\n\t\tworkingHoursChange(item) {\r\n\t\t\tthis.working_hours_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto2Change(item) {\r\n\t\t\tthis.working_hours_pto2_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto3Change(item) {\r\n\t\t\tthis.working_hours_pto3_changed = true;\r\n\t\t},\r\n\t\tworkingHoursDateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value());\r\n\t\t\t\tthis.working_hours_date_changed = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.working_hours_date_changed = null;\r\n\t\t\t}\r\n\t\t\tthis.working_hours_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto2DateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value());\r\n\t\t\t\tthis.working_hours_pto2_date_changed = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.working_hours_pto2_date_changed = null;\r\n\t\t\t}\r\n\t\t\tthis.working_hours_pto2_changed = true;\r\n\t\t},\r\n\t\tworkingHoursPto3DateChange(item) {\r\n\t\t\tif (item.sender.value()) {\r\n\t\t\t\tvar newDate = moment(item.sender.value());\r\n\t\t\t\tthis.working_hours_pto3_date_changed = newDate.format();\r\n\t\t\t} else {\r\n\t\t\t\tthis.working_hours_pto3_date_changed = null;\r\n\t\t\t}\r\n\t\t\tthis.working_hours_pto3_changed = true;\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"]),\r\n\t\tdateKmText() {\r\n\t\t\tif (!this.has_odometer) {\r\n\t\t\t\tvar date = moment(this.gps_km_end_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t}\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tmatriculationDateFormat() {\r\n\t\t\tif (this.matriculation_date) {\r\n\t\t\t\tthis.matriculation_date = moment\r\n\t\t\t\t\t.utc(this.matriculation_date)\r\n\t\t\t\t\t.tz(\"Europe/Rome\")\r\n\t\t\t\t\t.format();\r\n\t\t\t}\r\n\t\t\treturn this.$options.filters.dateToString(this.matriculation_date);\r\n\t\t},\r\n\t\tgpsDateFormat() {\r\n\t\t\tif (this.gps_km_date_changed) return moment(String(this.gps_km_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\telse return \"\";\r\n\t\t},\r\n\t\tgpsDateFormatCalendar() {\r\n\t\t\tif (this.gps_km_date_changed) {\r\n\t\t\t\tvar v = moment(this.gps_km_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\t// console.log(this.gps_km_date_changed, v);\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\texpulsionDateFormat() {\r\n\t\t\treturn this.$options.filters.dateToString(this.expulsion_date);\r\n\t\t},\r\n\t\texpulsionDateFormatCalendar() {\r\n\t\t\tif (this.expulsion_date) {\r\n\t\t\t\treturn moment(this.expulsion_date).format(\"DD MMMM YYYY\");\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tgroupsString() {\r\n\t\t\treturn this.groupsToString(this.groups);\r\n\t\t},\r\n\t\tpowerTakeOffString() {\r\n\t\t\treturn this.powerTakeOffToString(this.powerTakeOffs);\r\n\t\t},\r\n\t\tworkingHoursDateFormat() {\r\n\t\t\t// console.log(this.working_hours_date);\r\n\t\t\tif (this.working_hours_date) {\r\n\t\t\t\tvar date = moment(this.working_hours_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t}\r\n\t\t\t// return moment(String(this.working_hours_date)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\telse return \"\";\r\n\t\t},\r\n\t\tworkingHoursDateChangedFormat() {\r\n\t\t\tif (this.working_hours_date_changed) {\r\n\t\t\t\treturn moment(String(this.working_hours_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto2DateFormat() {\r\n\t\t\tif (this.working_hours_pto2_date) {\r\n\t\t\t\tvar date = moment(this.working_hours_pto2_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto2DateChangedFormat() {\r\n\t\t\tif (this.working_hours_pto2_date_changed) {\r\n\t\t\t\treturn moment(String(this.working_hours_pto2_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto3DateFormat() {\r\n\t\t\tif (this.working_hours_pto3_date) {\r\n\t\t\t\tvar date = moment(this.working_hours_pto3_date);\r\n\t\t\t\treturn `(dato aggiornato alle ${date.format(\"HH:mm\")} del ${date.format(\"DD/MM/YYYY\")})`;\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursPto3DateChangedFormat() {\r\n\t\t\tif (this.working_hours_pto3_date_changed) {\r\n\t\t\t\treturn moment(String(this.working_hours_pto3_date_changed)).format(\"DD/MM/YYYY HH:mm\");\r\n\t\t\t} else return \"\";\r\n\t\t},\r\n\t\tworkingHoursDateFormatCalendar() {\r\n\t\t\tif (this.working_hours_date_changed) {\r\n\t\t\t\tvar v = moment(this.working_hours_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tworkingHoursPto2DateFormatCalendar() {\r\n\t\t\tif (this.working_hours_pto2_date_changed) {\r\n\t\t\t\tvar v = moment(this.working_hours_pto2_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tworkingHoursPto3DateFormatCalendar() {\r\n\t\t\tif (this.working_hours_pto3_date_changed) {\r\n\t\t\t\tvar v = moment(this.working_hours_pto3_date_changed).format(\"DD MMMM YYYY HH:mm\");\r\n\t\t\t\treturn v;\r\n\t\t\t}\r\n\r\n\t\t\treturn \"\";\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"name\",\r\n\t\t\t\t\ttitle: \"cognome e nome\",\r\n\t\t\t\t\theaderCell: \"myDriverNameHeaderTemplate\",\r\n\t\t\t\t\tcell: \"nameCellTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"surname\",\r\n\t\t\t\t// \ttitle: \"cognome\",\r\n\t\t\t\t// \theaderCell: \"myDriverSurnameHeaderTemplate\",\r\n\t\t\t\t// \tformat: \"\",\r\n\t\t\t\t// \tfilterable: true\r\n\t\t\t\t// },\r\n\t\t\t\t// {\r\n\t\t\t\t// \tfield: \"email\",\r\n\t\t\t\t// \ttitle: \"email\",\r\n\t\t\t\t// \twidth: \"200px\",\r\n\t\t\t\t// \theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t// },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fiscal_code\",\r\n\t\t\t\t\ttitle: \"Codice Univoco\",\r\n\t\t\t\t\twidth: \"200px\",\r\n\t\t\t\t\theaderCell: \"myDriverCFHeaderTemplate\",\r\n\t\t\t\t\tformat: \"\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"start_date\",\r\n\t\t\t\t\ttitle: \"Data Inizio\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"end_date\",\r\n\t\t\t\t\ttitle: \"Data Fine\",\r\n\t\t\t\t\tformat: \"date\",\r\n\t\t\t\t\theaderCell: \"myDateHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myCellTemplateNotRequired\",\r\n\t\t\t\t\tfilterable: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tcell: cellDeleteCommand,\r\n\t\t\t\t\twidth: \"45px\",\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./mezziDetail.vue.js?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/eslint-loader/index.js??ref--13-0!./mezziDetail.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mezziDetail.vue?vue&type=template&id=dc19e670&\"\nimport script from \"./mezziDetail.vue.js?vue&type=script&lang=js&\"\nexport * from \"./mezziDetail.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('page-header',{staticClass:\"mb-0\",attrs:{\"page-title\":_vm.$store.state.menuLabels['menu.geolocation'],\"show-date-time\":true}},[_c('div',{attrs:{\"slot\":\"actionbar\"},slot:\"actionbar\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-card',{staticClass:\"form2row mb-20\"},[_c('span',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-99\",modifiers:{\"collapse-99\":true}}],staticClass:\"k-icon aprichiudi2\"}),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"collapse-99\"}},[_c('div',{staticClass:\"row geoLoc\"},[_c('div',{staticClass:\"col-md-3 col-lg-4\"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"10px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',[_vm._v(\"Veicoli\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('kendo-multiselect',{key:_vm.vehiclesMultiSelectedUpdated,style:('min-height: 44px'),attrs:{\"value\":_vm.vehiclesSelected,\"data-source\":_vm.vehicles,\"item-template\":_vm.itemVehicleTemplate,\"tag-template\":_vm.tagVehicleTemplate,\"data-text-field\":'name_numberplate',\"data-value-field\":'id',\"placeholder\":'FILTRA PER VEICOLO...',\"no-data-template\":'Nessun veicolo presente',\"filter\":'contains'},on:{\"change\":_vm.filterPlateChange}})],1)])]),_c('div',{staticClass:\"col-md-2 col-lg-4\"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"10px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',[_vm._v(\"Divisioni\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('kendo-multiselect',{key:_vm.groupsMultiSelectedUpdated,style:('min-height: 44px'),attrs:{\"value\":_vm.groupsSelected,\"data-source\":_vm.groups,\"item-template\":_vm.itemGroupTemplate,\"tag-template\":_vm.tagGroupTemplate,\"data-text-field\":'description',\"data-value-field\":'id',\"placeholder\":'FILTRA PER DIVISIONE...',\"no-data-template\":'Nessun divisione presente',\"filter\":'contains'},on:{\"change\":_vm.filterGroupsChange}})],1)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDriversFilter),expression:\"showDriversFilter\"}],staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"10px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('label',[_vm._v(\"Conducenti\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-md-12\"},[_c('kendo-multiselect',{style:('min-height: 44px'),attrs:{\"value\":_vm.driversSelected,\"data-source\":_vm.drivers,\"item-template\":_vm.itemDriverTemplate,\"tag-template\":_vm.tagDriverTemplate,\"data-text-field\":'name_surname_fiscalcode',\"data-value-field\":'id',\"placeholder\":'FILTRA PER CONDUCENTE...',\"no-data-template\":'Nessun conducente presente',\"filter\":'contains'},on:{\"change\":_vm.filterDriverChange}})],1)])]),_c('div',{staticClass:\"col-md-2 col-lg-1\"},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-table-map\",\"triggers\":\"hover\",\"delay\":\"600\",\"disabled\":_vm.showTableMapPopover},on:{\"update:disabled\":function($event){_vm.showTableMapPopover=$event}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tTipologia di visualizzazione\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type geoLocMap\",attrs:{\"id\":\"show-table-map\",\"src\":_vm.mapTableVisualizationSelected,\"width\":\"30\"}}),_c('b-popover',{ref:\"popover\",attrs:{\"target\":\"show-table-map\",\"triggers\":\"click\",\"show\":_vm.showTableMapPopover,\"placement\":\"auto\",\"container\":\"my-container\"},on:{\"update:show\":function($event){_vm.showTableMapPopover=$event}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('b-button',{staticClass:\"close\",attrs:{\"aria-label\":\"Close\"},on:{\"click\":_vm.onCloseShowTableMapPopover}},[_c('span',{staticClass:\"d-inline-block\",attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_c('div',{staticClass:\"map-table-visualization-type-container\"},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-map\",\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tVisualizza mappa\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type-inner\",attrs:{\"id\":\"show-map\",\"src\":_vm.getStateMIcon,\"width\":\"30\"},on:{\"click\":function($event){return _vm.showMaptable('m')}}}),_c('br'),_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-ht-table\",\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tVisualizza tabella orizzontale\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type-inner\",attrs:{\"id\":\"show-ht-table\",\"src\":_vm.getStateHTIcon,\"width\":\"30\"},on:{\"click\":function($event){return _vm.showMaptable('ht')}}}),_c('br'),_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":\"show-vt-table\",\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tVisualizza tabella verticale\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticClass:\"map-table-visualization-type-inner\",attrs:{\"id\":\"show-vt-table\",\"src\":_vm.getStateVTIcon,\"width\":\"30\"},on:{\"click\":function($event){return _vm.showMaptable('vt')}}})],1)])],1)]),_c('div',{staticClass:\"row filter-buttons\"},[_c('hr'),_c('div',{staticClass:\"col-md-12 text-right\"},[_c('b-button',{staticClass:\"btn-filter mt-2 ml-3\",staticStyle:{\"max-width\":\"70px\"},attrs:{\"size\":\"sm\"},on:{\"click\":_vm.resetFilter}},[_vm._v(\"PULISCI\")]),_c('b-button',{staticClass:\"btn-filter mt-4 ml-3\",attrs:{\"size\":\"sm\"},on:{\"click\":_vm.applyFilter}},[_vm._v(\"CERCA\")])],1)])])],1)],1)]),_c('div',{staticClass:\"row geoSplit\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showVerticalTable),expression:\"showVerticalTable\"}],class:_vm.showMap ? 'col-lg-4' : 'col-lg-12'},[_c('vertical-table',{attrs:{\"data\":_vm.itemsVisible,\"vehicleSelectedFilter\":_vm.vehiclesSelected,\"vehicleItemsFilter\":_vm.vehicles,\"driversSelectedFilter\":_vm.driversSelected,\"driverItemsFilter\":_vm.drivers,\"statusFilter\":_vm.statusFilter,\"vehicleIdFilterField\":_vm.vehicleIdFilterField},on:{\"update-address-data\":_vm.onAddressUpdate,\"selected-row\":_vm.onSelectedRow}})],1),_c('div',{class:_vm.containerMapClass},[_c('map-realtime',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMap),expression:\"showMap\"}],ref:\"map\",class:_vm.mapClass,attrs:{\"data\":_vm.itemsVisible,\"isShowOnlyMap\":_vm.showMap && !_vm.showHorizontalTable && !_vm.showVerticalTable,\"vehicleIdFilterField\":_vm.vehicleIdFilterField,\"mapCenterLocation\":_vm.config.mapInitialLocation},on:{\"onMarkerClick\":_vm.onMarkerClick}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHorizontalTable),expression:\"showHorizontalTable\"}],staticClass:\"col-md-12\"},[_c('horizontal-table',{attrs:{\"data\":_vm.itemsVisible,\"gridClass\":_vm.horizontalTableClass,\"vehicleSelectedFilter\":_vm.vehiclesSelected,\"vehicleItemsFilter\":_vm.vehicles,\"driverItemsFilter\":_vm.drivers,\"driversSelectedFilter\":_vm.driversSelected,\"driverRegisterFilter\":_vm.driversRegister,\"driversRegisterSelectedFilter\":_vm.driversRegisterSelected,\"driverBadgeFilter\":_vm.driversBadge,\"driversBadgeSelectedFilter\":_vm.driversBadgeSelected,\"driverCFFilter\":_vm.driversCF,\"driversCFSelectedFilter\":_vm.driversCFSelected,\"groupsSelectedFilter\":_vm.groupsSelected,\"providerSelectedFilter\":_vm.providersSelected,\"groupItemsFilter\":_vm.groups,\"providerItemsFilter\":_vm.providers,\"statusFilter\":_vm.statusFilter,\"vehicleIdFilterField\":_vm.vehicleIdFilterField},on:{\"update-address-data\":_vm.onAddressUpdate,\"selected-row\":_vm.onSelectedRow,\"grid-header-filter\":_vm.onHorizontalGridHeaderFilter,\"filter-removed\":_vm.onFilterRemoved}})],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row btnOrder\"},[_vm._m(0),_c('div',{staticClass:\"col-lg-9\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4 col-md-12\"},[_c('kendo-button',{staticClass:\"k-flat\",staticStyle:{\"font-size\":\"10px\"},on:{\"click\":function($event){return _vm.orderByLink('number_plate')}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.vehicleIdFilterFieldString)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.sortStates[0].dir)?_c('span',{staticClass:\"k-icon\",class:_vm.sortStates[0].dir == 'asc' ? 'k-i-sort-asc-sm' : 'k-i-sort-desc-sm'}):_vm._e()],1),_c('div',{staticClass:\"col-lg-4 col-md-12\"},[_c('kendo-button',{staticClass:\"k-flat\",staticStyle:{\"font-size\":\"10px\"},on:{\"click\":function($event){return _vm.orderByLink('vehicle_name')}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tMODELLO\\n\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.sortStates[1].dir)?_c('span',{staticClass:\"k-icon\",class:_vm.sortStates[1].dir == 'asc' ? 'k-i-sort-asc-sm' : 'k-i-sort-desc-sm'}):_vm._e()],1),_c('div',{staticClass:\"col-lg-4 col-md-12\"},[_c('kendo-button',{staticClass:\"k-flat\",staticStyle:{\"font-size\":\"10px\"},on:{\"click\":function($event){return _vm.orderByLink('status')}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSTATO\\n\\t\\t\\t\\t\\t\\t\\t\\t\")]),(_vm.sortStates[2].dir)?_c('span',{staticClass:\"k-icon\",class:_vm.sortStates[2].dir == 'asc' ? 'k-i-sort-asc-sm' : 'k-i-sort-desc-sm'}):_vm._e()],1)])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'its'}},[_c('Grid',{ref:\"locVerticalGrid\",staticClass:\"grid-vertical-localization\",style:({ height: '70vh' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.totalItems,\"sortable\":true,\"columns\":_vm.columns,\"selected-field\":_vm.selectedField},on:{\"pagechange\":_vm.pageChangeHandler,\"rowclick\":_vm.onRowClick},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn undefined}},{key:\"myPositionAddressCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.vehicle_name)+\" - \"+_vm._s(props.dataItem[_vm.vehicleIdFilterField])+\" \"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tConducente: \"+_vm._s(props.dataItem.driver_name)),_c('br'),_c('br'),_c('br'),_c('reverse-geocoding',_vm._b({key:props.dataItem.number_plate,attrs:{\"lat\":props.dataItem.current_position ? props.dataItem.current_position.lat : null,\"lng\":props.dataItem.current_position ? props.dataItem.current_position.lon : null},on:{\"reverse-geocoding-click\":_vm.onRowClick,\"update-geocoding-address\":_vm.onUpdateGeocodingAddress}},'reverse-geocoding',props,false)),_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.formattedCoordinates)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\")],1)]}},{key:\"myStatusCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className,staticStyle:{\"vertical-align\":\"top\",\"position\":\"relative\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":(\"state_\" + (props.dataItem.number_plate)),\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.statusFriendly)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('img',{staticStyle:{\"position\":\"absolute\",\"top\":\"15px\"},style:({ right: props.dataItem.last_privacy_mode || _vm.notHasTripsDataPermission == true ? '20px' : '35px' }),attrs:{\"src\":props.dataItem.icon,\"height\":\"30\",\"id\":(\"state_\" + (props.dataItem.number_plate))}}),(_vm.notHasTripsDataPermission == false && props.dataItem.type == 'trip')?[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":(\"trip_\" + (props.dataItem.number_plate)),\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tmostra viaggio\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\")]),(props.dataItem.last_privacy_mode == false)?_c('img',{staticStyle:{\"position\":\"absolute\",\"top\":\"15px\",\"right\":\"5px\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"../../assets/route.png\"),\"id\":(\"trip_\" + (props.dataItem.number_plate)),\"height\":\"30\"},on:{\"click\":function($event){return _vm.goToTripsData(props.dataItem[_vm.vehicleIdFilterField], props.dataItem.id, props.dataItem.status_date, props.dataItem.vehicle_id, props.dataItem.trip_start_date)}}}):_vm._e()]:_vm._e(),_c('div',[_vm._v(_vm._s(_vm.getStatusLabel(props.dataItem.status)))]),_c('div',[_vm._v(_vm._s(_vm._f(\"dateToString\")(props.dataItem.last_event_date)))]),_c('div',[_vm._v(_vm._s(_vm._f(\"timeToString\")(props.dataItem.last_event_date)))]),(props.dataItem.status == 'off')?_c('div',[_c('i',{staticClass:\"icon-stop-clock\"}),_c('span',[_vm._v(_vm._s(_vm.getTimeFromNow(props.dataItem.status_date)))])]):_vm._e(),_c('br'),_c('div',[_vm._v(\"KM \"+_vm._s(props.dataItem.last_odometer_km_value)+\" - LT \"+_vm._s(props.dataItem.last_odometer_lt_value))]),_c('br'),_c('div',[_vm._v(\"Km/h \"+_vm._s(props.dataItem.last_speed))])],2)]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\\t\\t\\t\")])],1)],1)],1)],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"13px\"}},[_c('div',{staticClass:\"col-lg-12\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tORDINA PER:\\n\\t\\t\\t\\t\\t\\t\\t\")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row align-items-center\",staticStyle:{\"margin-top\":\"0px\"}},[_c('div',{class:[_vm.isChangedFromPreviousCoord ? 'col-md-12 col-lg-9' : 'col-lg-12'],on:{\"click\":_vm.clickHandler}},[_c('span',{class:[_vm.isChangedFromPreviousCoord ? 'text-danger font-weight-bold' : '']},[_vm._v(\"\\n \"+_vm._s(_vm.address)+\"\\n \")])]),(_vm.isChangedFromPreviousCoord)?_c('div',{staticClass:\"col-md-12 col-lg-3 \"},[_c('img',{staticClass:\"reverse-geocoding-refresh\",attrs:{\"src\":require(\"../../assets/refresh.png\"),\"height\":\"20\"},on:{\"click\":_vm.refreshData}})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../services/api\";\r\nimport { bus } from \"../../main\";\r\n\r\nexport default {\r\n\tprops: {\r\n\t\tfield: String,\r\n\t\tdataItem: Object,\r\n\t\tformat: String,\r\n\t\tclassName: String,\r\n\t\tcolumnIndex: Number,\r\n\t\tcolumnsCount: Number,\r\n\t\trowType: String,\r\n\t\tlevel: Number,\r\n\t\texpanded: Boolean,\r\n\t\teditor: String,\r\n\r\n\t\tlat: null,\r\n\t\tlng: null\r\n\t},\r\n\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\taddress: \"\",\r\n\r\n\t\t\tnumber_plate: \"\",\r\n\t\t\tpreviousLat: null,\r\n\t\t\tpreviousLng: null,\r\n\r\n\t\t\tpolling: null,\r\n\t\t\tintervalPollingSeconds: 600\r\n\r\n\t\t\t//isEnabled: true\r\n\t\t};\r\n\t},\r\n\r\n\twatch: {\r\n\t\tdataItem: {\r\n\t\t\thandler() {\r\n\t\t\t\tif (this.dataItem) {\r\n\t\t\t\t\tthis.address = this.dataItem.address;\r\n\t\t\t\t\tif (this.dataItem.current_position) {\r\n\t\t\t\t\t\tthis.lat = this.dataItem.current_position.lat;\r\n\t\t\t\t\t\tthis.lng = this.dataItem.current_position.lon;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t}\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tself.number_plate = self.dataItem.number_plate;\r\n\t\tself.previousLat = self.lat;\r\n\t\tself.previousLng = self.lng;\r\n\t\tself.address = self.dataItem.address;\r\n\r\n\t\tself.getData();\r\n\t},\r\n\r\n\tupdated() {\r\n\t\t//do not use, this update information always\r\n\t\t// var self = this;\r\n\t\t// self.number_plate = self.dataItem.number_plate;\r\n\t\t// self.previousLat = self.lat;\r\n\t\t// self.previousLng = self.lng;\r\n\t},\r\n\r\n\tbeforeDestroy() {\r\n\t\tthis.destroyPollingInterval();\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tclickHandler() {\r\n\t\t\tthis.$emit(\"reverse-geocoding-click\", this);\r\n\t\t},\r\n\t\tpollData() {\r\n\t\t\tthis.polling = setInterval(() => {\r\n\t\t\t\tthis.getData();\r\n\t\t\t}, this.intervalPollingSeconds * 1000);\r\n\t\t},\r\n\r\n\t\tgetData: function() {\r\n\t\t\tif (this.lat && this.lng) {\r\n\t\t\t\tvar self = this;\r\n\r\n\t\t\t\tif (this.previousLat === null || this.previousLat != this.lat || this.previousLng === null || this.previousLng != this.lng) {\r\n\t\t\t\t\tvar params = {\r\n\t\t\t\t\t\tlatitude: this.lat,\r\n\t\t\t\t\t\tlongitude: this.lng\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tapi.getReverseGeocoding(params).then(res => {\r\n\t\t\t\t\t\tif (res && res.length > 0) {\r\n\t\t\t\t\t\t\tvar newAddress = self._.find(res, function(item) {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\tself._.find(item.types, function(x) {\r\n\t\t\t\t\t\t\t\t\t\treturn x === \"streetAddress\";\r\n\t\t\t\t\t\t\t\t\t}) != null\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tif (!newAddress) {\r\n\t\t\t\t\t\t\t\tnewAddress = res[0];\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tself.previousLat = self.lat;\r\n\t\t\t\t\t\t\tself.previousLng = self.lng;\r\n\t\t\t\t\t\t\tvar address = \"\";\r\n\t\t\t\t\t\t\tif (newAddress && newAddress.formattedAddress) {\r\n\t\t\t\t\t\t\t\taddress = newAddress.formattedAddress;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tself.address = address;\r\n\r\n\t\t\t\t\t\t\tself.previousLat = self.lat;\r\n\t\t\t\t\t\t\tself.previousLng = self.lng;\r\n\t\t\t\t\t\t\tself.$emit(\"update-geocoding-address\", {\r\n\t\t\t\t\t\t\t\tid: self.dataItem.id,\r\n\t\t\t\t\t\t\t\taddress: address\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\t// } else {\r\n\t\t\t\t\t// self.address = \"DISABLED - VIA NAZIONALE, 9, 33010 TAVAGNACCO UD, ITALIA\";\r\n\t\t\t\t\t// \tself.previousLat = self.lat;\r\n\t\t\t\t\t// \tself.previousLng = self.lng;\r\n\t\t\t\t\t// }\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\trefreshData() {\r\n\t\t\tthis.getData();\r\n\t\t\tbus.$emit(\"updated-data\");\r\n\t\t},\r\n\r\n\t\tdestroyPollingInterval() {\r\n\t\t\tclearInterval(this.polling);\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tisChangedFromPreviousCoord() {\r\n\t\t\tif ((this.previousLat !== null && this.previousLat != this.lat) || (this.previousLng !== null && this.previousLng != this.lng)) return true;\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./reverseGeocoding.vue.js?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/eslint-loader/index.js??ref--13-0!./reverseGeocoding.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./reverseGeocoding.vue?vue&type=template&id=3cdf0a86&\"\nimport script from \"./reverseGeocoding.vue.js?vue&type=script&lang=js&\"\nexport * from \"./reverseGeocoding.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import api from \"../../services/api\";\r\nimport gridClientBase from \"../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport moment from \"moment\";\r\nimport formatcoords from \"formatcoords\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport reverseGeocoding from \"./reverseGeocoding.vue\";\r\nimport { bus } from \"../../main\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\t\"reverse-geocoding\": reverseGeocoding\r\n\t},\r\n\tprops: {\r\n\t\tdata: Array,\r\n\t\tvehicleItemsFilter: Array,\r\n\t\tvehicleSelectedFilter: Array,\r\n\t\tdriverItemsFilter: Array,\r\n\t\tdriversSelectedFilter: Array,\r\n\t\tstatusFilter: Array,\r\n\t\tvehicleIdFilterField: String\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tnotHasTripsDataPermission: true,\r\n\t\t\tstatusSelectedFilter: [],\r\n\t\t\tgroupsSelectedFilter: [],\r\n\t\t\tsearch: \"\",\r\n\t\t\tsortStates: [\r\n\t\t\t\t{\r\n\t\t\t\t\tname: this.vehicleIdFilterField,\r\n\t\t\t\t\tdir: \"\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"vehicle_name\",\r\n\t\t\t\t\tdir: \"\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"status\",\r\n\t\t\t\t\tdir: \"\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\ttotalItems: 0\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tif (this.scopes && this.scopes.length > 0) {\r\n\t\t\tthis.notHasTripsDataPermission =\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"TRIPS_DATA\";\r\n\t\t\t\t}) == false;\r\n\t\t}\r\n\r\n\t\tthis.take = 5;\r\n\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.items = this.data;\r\n\r\n\t\t//Inizialize Filters if already presents\r\n\t\tthis.inizializeFilters();\r\n\r\n\t\tbus.$on(\"marker-click\", self.markerClickHandler.bind(self));\r\n\t\tbus.$on(\"filter-head-change\", self.onFilterHeadChange.bind(self));\r\n\t\tbus.$on(\"on-ht-grid-filter-changed\", self.onHeaderHorizontalTableFilterChanged.bind(self));\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tvar self = this;\r\n\t\tbus.$off(\"marker-click\");\r\n\t\tbus.$off(\"filter-head-change\");\r\n\t\tbus.$off(\"on-ht-grid-filter-changed\");\r\n\t},\r\n\twatch: {\r\n\t\tdata: {\r\n\t\t\thandler() {\r\n\t\t\t\tvar sortByCol = [];\r\n\t\t\t\tvar sortByDir = [];\r\n\t\t\t\tvar sorted = false;\r\n\t\t\t\tthis.sortStates.forEach(item => {\r\n\t\t\t\t\tif (item.dir) {\r\n\t\t\t\t\t\tsorted = true;\r\n\t\t\t\t\t\tsortByCol.push(item.name);\r\n\t\t\t\t\t\tsortByDir.push(item.dir);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (sorted == false) {\r\n\t\t\t\t\tsortByCol.push(\"last_event_date\");\r\n\t\t\t\t\tsortByDir.push(\"desc\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.items = this._.orderBy(this.data, sortByCol, sortByDir);\r\n\t\t\t\tthis.totalItems = this.items.length;\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t},\r\n\t\tgridData() {\r\n\t\t\tif (this.gridData && this.gridData.length) {\r\n\t\t\t\tbus.$emit(\"set-address-to\", { source: \"verticalTable\", items: this.gridData });\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tonHeaderHorizontalTableFilterChanged(filters) {\r\n\t\t\tif (!this._.isUndefined(filters) && !this._.isNull(filters)) this.columnFilters = filters;\r\n\t\t},\r\n\t\tonFilterHeadChange(filters) {\r\n\t\t\tif (filters.length > 0) {\r\n\t\t\t\tfor (var i = 0; i < filters.length; i++) {\r\n\t\t\t\t\tlet e = filters[i];\r\n\t\t\t\t\tif (e.filterItemsSelected.length > 0) {\r\n\t\t\t\t\t\tvar filterToApply = {\r\n\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\tfilterType: e.filterType,\r\n\t\t\t\t\t\t\tfilterItemsSelected: e.filterItemsSelected\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tthis.filterHandler(filterToApply, true);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.removeFilter({\r\n\t\t\t\t\t\t\tfield: e.field\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tgoToTripsData(number_plate, pathId, statusDate, vehicle_id, trip_start_date) {\r\n\t\t\tif (this.notHasTripsDataPermission == false) {\r\n\t\t\t\tvar startDateFilter = null;\r\n\r\n\t\t\t\tvar lastStatusDate = moment(statusDate);\r\n\t\t\t\tif (trip_start_date != null)\r\n\t\t\t\t\tlastStatusDate = moment(trip_start_date);\r\n\t\t\t\tvar now = moment();\r\n\t\t\t\tvar timeToOff = \"\";\r\n\r\n\t\t\t\tvar diff = now.diff(lastStatusDate, \"days\");\r\n\t\t\t\tif (diff == 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"TRIPS_DATA\",\r\n\t\t\t\t\t\tquery: {\r\n\t\t\t\t\t\t\tvehicleId: number_plate,\r\n\t\t\t\t\t\t\tpathId: pathId,\r\n\t\t\t\t\t\t\tcode: vehicle_id\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstartDateFilter = lastStatusDate.startOf(\"day\");\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"TRIPS_DATA\",\r\n\t\t\t\t\t\tquery: {\r\n\t\t\t\t\t\t\tvehicleId: number_plate,\r\n\t\t\t\t\t\t\tpathId: pathId,\r\n\t\t\t\t\t\t\tstartDay: startDateFilter.utc().format()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\torderByLink(column) {\r\n\t\t\tswitch (column) {\r\n\t\t\t\tcase \"number_plate\":\r\n\t\t\t\t\tvar actualNumberPlateSort = this.sortStates[0];\r\n\r\n\t\t\t\t\tif (actualNumberPlateSort.dir == \"asc\") {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"desc\";\r\n\t\t\t\t\t} else if (actualNumberPlateSort.dir == \"desc\") {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"\";\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"asc\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"vehicle_name\":\r\n\t\t\t\t\tvar actualNumberPlateSort = this.sortStates[1];\r\n\r\n\t\t\t\t\tif (actualNumberPlateSort.dir == \"asc\") {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"desc\";\r\n\t\t\t\t\t} else if (actualNumberPlateSort.dir == \"desc\") {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"\";\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"asc\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"status\":\r\n\t\t\t\t\tvar actualNumberPlateSort = this.sortStates[2];\r\n\r\n\t\t\t\t\tif (actualNumberPlateSort.dir == \"asc\") {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"desc\";\r\n\t\t\t\t\t} else if (actualNumberPlateSort.dir == \"desc\") {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"\";\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tactualNumberPlateSort.dir = \"asc\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tvar sortByCol = [];\r\n\t\t\tvar sortByDir = [];\r\n\r\n\t\t\tvar sorted = false;\r\n\t\t\tthis.sortStates.forEach(item => {\r\n\t\t\t\tif (item.dir) {\r\n\t\t\t\t\tsorted = true;\r\n\t\t\t\t\tsortByCol.push(item.name);\r\n\t\t\t\t\tsortByDir.push(item.dir);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (sorted == false) {\r\n\t\t\t\tsortByCol.push(\"last_event_date\");\r\n\t\t\t\tsortByDir.push(\"desc\");\r\n\t\t\t}\r\n\r\n\t\t\tthis.items = this._.orderBy(this.data, sortByCol, sortByDir);\r\n\t\t},\r\n\t\tsearchClick() {\r\n\t\t\talert(\"azione da definire\");\r\n\t\t},\r\n\t\tonUpdateGeocodingAddress(e) {\r\n\t\t\tthis.$emit(\"update-address-data\", {\r\n\t\t\t\tid: e.id,\r\n\t\t\t\taddress: e.address\r\n\t\t\t});\r\n\t\t},\r\n\t\tinizializeFilters() {\r\n\t\t\tif (this.vehicleSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: this.vehicleIdFilterField,\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.vehicleSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.vehicleSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: this.vehicleIdFilterField,\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\t\t\tif (this.driversSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"driver_name\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.driversSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.driversSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"driver_name\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\t\t},\r\n\t\tmarkerClickHandler(e) {\r\n\t\t\tif (e && e.marker) {\r\n\t\t\t\tvar itemToSelect = this._.find(this.items, function(x) {\r\n\t\t\t\t\treturn x.id === e.marker.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tvar showItemIndex = this.itemToReturnIfIsInEditMode.findIndex(function(x) {\r\n\t\t\t\t\treturn x.id == itemToSelect.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tvar pageSize = this.take;\r\n\t\t\t\tvar page = parseInt(showItemIndex / pageSize);\r\n\r\n\t\t\t\tthis.skip = this.take * page;\r\n\r\n\r\n\t\t\t\tif (itemToSelect) {\r\n\t\t\t\t\tthis.selectRow(itemToSelect);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tformattedCoordinates(lat, lon) {\r\n\t\t\treturn helpers.formatCoordinate(lat, \"lat\") + \", \" + helpers.formatCoordinate(lon, \"lon\");\r\n\t\t},\r\n\t\tgetStatusLabel(status) {\r\n\t\t\tswitch (status) {\r\n\t\t\t\tcase \"active\":\r\n\t\t\t\t\treturn \"MOVIMENTO\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"off\":\r\n\t\t\t\t\treturn \"FERMO\";\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn \"INATTIVO\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t},\r\n\t\tgetTimeFromNow(status_date) {\r\n\t\t\tvar lastStatusDate = moment(status_date);\r\n\t\t\tvar now = moment();\r\n\t\t\tvar timeToOff = \"\";\r\n\r\n\t\t\tvar diff = now.diff(lastStatusDate, \"days\");\r\n\t\t\ttimeToOff = `${diff} GIORNO/I`;\r\n\t\t\tif (diff == 0) {\r\n\t\t\t\tdiff = now.diff(lastStatusDate, \"hours\");\r\n\t\t\t\ttimeToOff = `${diff} ORA/E`;\r\n\t\t\t}\r\n\t\t\tif (diff == 0) {\r\n\t\t\t\tdiff = now.diff(lastStatusDate, \"minutes\");\r\n\t\t\t\ttimeToOff = `${diff} MINUTO/I`;\r\n\t\t\t}\r\n\t\t\tif (diff == 0) {\r\n\t\t\t\tdiff = now.diff(lastStatusDate, \"seconds\");\r\n\t\t\t\ttimeToOff = `${diff} SECONDO/I`;\r\n\t\t\t}\r\n\r\n\t\t\treturn timeToOff;\r\n\t\t},\r\n\t\tgetStatusIcon(status) {\r\n\t\t\tswitch (status) {\r\n\t\t\t\tcase \"active\":\r\n\t\t\t\t\treturn \"green\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"off\":\r\n\t\t\t\t\treturn \"orange\";\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn \"red\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"]),\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"position\",\r\n\t\t\t\t\ttitle: \"posizione\",\r\n\t\t\t\t\tclassName: \"\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"myPositionAddressCellTemplate\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\ttitle: \"stato\",\r\n\t\t\t\t\twidth: \"150\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myStatusCellTemplate\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t},\r\n\t\tvehicleIdFilterFieldString() {\r\n\t\t\treturn this.vehicleIdFilterField == \"number_plate\" ? \"TARGA\" : \"CODICE\";\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./verticalTable.vue.js?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/eslint-loader/index.js??ref--13-0!./verticalTable.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./verticalTable.vue?vue&type=template&id=76308202&\"\nimport script from \"./verticalTable.vue.js?vue&type=script&lang=js&\"\nexport * from \"./verticalTable.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./verticalTable.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('localization-provider',{attrs:{\"language\":'its-ITS'}},[_c('intl-provider',{attrs:{\"locale\":'it'}},[_c('Grid',{ref:\"grid\",staticClass:\"grid-horizontal-localization\",class:_vm.gridClass,style:({ height: 'auto', 'max-height': '80vh', 'min-height': '265px' }),attrs:{\"data-items\":_vm.gridData,\"pageable\":true,\"skip\":_vm.skip,\"take\":_vm.take,\"total\":_vm.totalItems,\"sortable\":true,\"columns\":_vm.columnsToShow,\"selected-field\":_vm.selectedField},on:{\"pagechange\":_vm.pageChangeHandler,\"rowclick\":_vm.onRowClick},scopedSlots:_vm._u([{key:\"myHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myLicensePlateHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.vehiclesFilter,\"filterItemsSelected\":_vm.vehicleSelectedFilter,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myStatuseHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.statusFilter,\"filterItemsSelected\":_vm.statusSelectedFilter,\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDateTimeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'datetimerange',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverRegisterHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversRegisterFilter,\"filterItemsSelected\":_vm.driversRegisterSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverBadgeHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversBadgeFilter,\"filterItemsSelected\":_vm.driversBadgeSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverCFHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversCFFilter,\"filterItemsSelected\":_vm.driversCFSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myDriverHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.driversFilter,\"filterItemsSelected\":_vm.driversSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myGroupHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.groupsFilter,\"filterItemsSelected\":_vm.groupsSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myProviderHeaderTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('headerTemplate',_vm._b({class:props.className,attrs:{\"sort\":_vm.sort,\"filterable\":_vm.isColumnFilterable(props.field),\"filterType\":'multiselect',\"itemsForFilter\":_vm.providerFilter,\"filterItemsSelected\":_vm.providerSelectedFilter,\"filterTooltipClass\":'large',\"sortable\":props.sortable},on:{\"header-click\":_vm.headerClick,\"filter-click\":_vm.filterHandler,\"remove-filter-click\":_vm.removeFilter}},'headerTemplate',props,false))]}},{key:\"myCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('cell-template',_vm._b({on:{\"cell-click\":_vm.cellClickHandler}},'cell-template',props,false))]}},{key:\"myStatusCellTemplate\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className,staticStyle:{\"text-align\":\"center\"}},[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":(\"stateht_\" + (props.dataItem.number_plate)),\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(props.dataItem.statusFriendly2)+\"\\n\\t\\t\\t\\t\\t\\t\")]),_c('img',{attrs:{\"src\":props.dataItem.icon,\"height\":\"20\",\"id\":(\"stateht_\" + (props.dataItem.number_plate))}}),(_vm.notHasTripsDataPermission == false && props.dataItem.type == 'trip')?[_c('b-tooltip',{attrs:{\"custom-class\":'map-title-tooltip',\"target\":(\"tripht_\" + (props.dataItem.number_plate)),\"triggers\":\"hover\",\"delay\":\"600\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tmostra viaggio\\n\\t\\t\\t\\t\\t\\t\\t\")]),(props.dataItem.last_privacy_mode == false)?_c('img',{staticStyle:{\"margin-left\":\"5px\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"../../assets/route.png\"),\"id\":(\"tripht_\" + (props.dataItem.number_plate)),\"height\":\"20\"},on:{\"click\":function($event){return _vm.goToTripsData(props.dataItem[_vm.vehicleIdFilterField], props.dataItem.id, props.dataItem.status_date, props.dataItem.vehicle_id, props.dataItem.trip_start_date)}}}):_vm._e()]:_vm._e()],2)]}},{key:\"dateCell\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(_vm._s(_vm.formattedDate(props.dataItem.last_event_date)))])]}},{key:\"positionAddress\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_c('reverse-geocoding',_vm._b({key:props.dataItem.number_plate,attrs:{\"lat\":props.dataItem.current_position ? props.dataItem.current_position.lat : null,\"lng\":props.dataItem.current_position ? props.dataItem.current_position.lon : null},on:{\"reverse-geocoding-click\":_vm.onRowClick,\"update-geocoding-address\":_vm.onUpdateGeocodingAddress}},'reverse-geocoding',props,false))],1)]}},{key:\"positionCoordinates\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('td',{class:props.className},[_vm._v(_vm._s(props.dataItem.formattedCoordinates))])]}}])},[_c('grid-norecords',[_vm._v(\"\\n\\t\\t\\t\\t\\tNessun dato presente\\n\\t\\t\\t\\t\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../services/api\";\r\nimport gridClientBase from \"../../components/gridClientComponentBase\";\r\nimport cellTemplate from \"../../components/grid/cellTemplate/cellTemplate.vue\";\r\nimport headerTemplate from \"../../components/grid/headerTemplate/headerTemplate.vue\";\r\nimport moment from \"moment\";\r\nimport formatcoords from \"formatcoords\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport reverseGeocoding from \"./reverseGeocoding.vue\";\r\nimport { bus } from \"../../main\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\textends: gridClientBase,\r\n\tcomponents: {\r\n\t\t\"reverse-geocoding\": reverseGeocoding\r\n\t},\r\n\tprops: {\r\n\t\tdata: Array,\r\n\t\tgridClass: String,\r\n\t\tvehicleItemsFilter: Array,\r\n\t\tvehicleSelectedFilter: Array,\r\n\t\tdriverItemsFilter: Array,\r\n\t\tdriverRegisterFilter: Array,\r\n\t\tdriverBadgeFilter: Array,\r\n\t\tdriverCFFilter: Array,\r\n\t\tgroupItemsFilter: Array,\r\n\t\tproviderItemsFilter: Array,\r\n\t\tdriversRegisterSelectedFilter: Array,\r\n\t\tdriversBadgeSelectedFilter: Array,\r\n\t\tdriversCFSelectedFilter: Array,\r\n\t\tdriversSelectedFilter: Array,\r\n\t\tgroupsSelectedFilter: Array,\r\n\t\tproviderSelectedFilter: Array,\r\n\t\tstatusFilter: Array,\r\n\t\tvehicleIdFilterField: String\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tdataReady: false,\r\n\t\t\tcolumnsToShow: [],\r\n\t\t\tstatusSelectedFilter: [],\r\n\t\t\t// groupsSelectedFilter: [],\r\n\t\t\tcanExportGridData: false,\r\n\t\t\tnotHasTripsDataPermission: true,\r\n\t\t\ttotalItems: 0\r\n\t\t};\r\n\t},\r\n\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\t\tthis.getConfig();\r\n\t\tthis.setDefaultTablePageIndexAndSize();\r\n\t\tthis.sort = [{ field: \"last_event_date\", dir: \"desc\" }];\r\n\r\n\t\tif (this.settings && this.settings.canExportGridData) {\r\n\t\t\tthis.canExportGridData = true;\r\n\t\t}\r\n\r\n\t\tif (this.scopes && this.scopes.length > 0) {\r\n\t\t\tthis.notHasTripsDataPermission =\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"TRIPS_DATA\";\r\n\t\t\t\t}) == false;\r\n\t\t}\r\n\r\n\t\tthis.hasSelectedMode = true;\r\n\t\tthis.items = this.data;\r\n\r\n\t\t//Inizialize Filters if already presents\r\n\t\tthis.inizializeFilters();\r\n\r\n\t\tbus.$on(\"marker-click\", self.markerClickHandler.bind(self));\r\n\t\tbus.$on(\"filter-head-change\", self.onFilterHeadChange.bind(self));\r\n\r\n\t\t// console.log(this.groupsFilter);\r\n\t\t// console.log(this.groupsSelectedFilter);\r\n\t},\r\n\twatch: {\r\n\t\tdata: {\r\n\t\t\thandler() {\r\n\t\t\t\tthis.items = this.data;\r\n\t\t\t\tthis.totalItems = this.items.length;\r\n\t\t\t},\r\n\t\t\tdeep: true\r\n\t\t},\r\n\t\tgridData() {\r\n\t\t\tif (this.gridData && this.gridData.length) {\r\n\t\t\t\tbus.$emit(\"set-address-to\", { source: \"horizontalTable\", items: this.gridData });\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tgetConfig: function() {\r\n\t\t\tvar self = this;\r\n\t\t\tapi.getViewConfig(\"fleerun_localizzazione\").then(res => {\r\n\t\t\t\tself.config = res;\r\n\t\t\t\tif (self.config && self.config.length > 0) {\r\n\t\t\t\t\tvar orderedConfigColumn = self._.orderBy(self.config, \"order\", \"asc\");\r\n\r\n\t\t\t\t\torderedConfigColumn.forEach(column => {\r\n\t\t\t\t\t\tvar defColumn = self.columns.find(function(f) {\r\n\t\t\t\t\t\t\treturn f.configId === column.field;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (defColumn && column.enabled) {\r\n\t\t\t\t\t\t\tdefColumn.title = column.label;\r\n\t\t\t\t\t\t\tself.columnsToShow.push(defColumn);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tvar columnsByPassByField = self._.filter(self.columns, function(item) {\r\n\t\t\t\t\t\treturn item.configByPassByField && item.configByPassByField.length > 0;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tfor (var i = 0; i < columnsByPassByField.length; i++) {\r\n\t\t\t\t\t\tvar clBPf = columnsByPassByField[i];\r\n\t\t\t\t\t\tvar columnRootIndex = self.columnsToShow.findIndex(function(cl) {\r\n\t\t\t\t\t\t\treturn clBPf.configByPassByField == cl.field;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (columnRootIndex < 0) columnRootIndex = self.columnsToShow.length;\r\n\r\n\t\t\t\t\t\tself.columnsToShow.splice(columnRootIndex + 1, 0, clBPf);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tself.dataReady = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tonFilterHeadChange(filters) {\r\n\t\t\tif (filters.length > 0) {\r\n\t\t\t\tfor (var i = 0; i < filters.length; i++) {\r\n\t\t\t\t\tlet e = filters[i];\r\n\t\t\t\t\tif (e.filterItemsSelected.length > 0) {\r\n\t\t\t\t\t\tvar filterToApply = {\r\n\t\t\t\t\t\t\tfield: e.field,\r\n\t\t\t\t\t\t\tfilterType: e.filterType,\r\n\t\t\t\t\t\t\tfilterItemsSelected: e.filterItemsSelected\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tthis.filterHandler(filterToApply, true);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.removeFilter({\r\n\t\t\t\t\t\t\tfield: e.field\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tthis.setDefaultTablePageIndexAndSize();\r\n\t\t},\r\n\t\tgoToTripsData(number_plate, pathId, statusDate, vehicle_id, trip_start_date) {\r\n\t\t\tif (this.notHasTripsDataPermission == false) {\r\n\t\t\t\tvar startDateFilter = null;\r\n\r\n\t\t\t\tvar lastStatusDate = moment(statusDate);\r\n\t\t\t\tif (trip_start_date != null)\r\n\t\t\t\t\tlastStatusDate = moment(trip_start_date);\r\n\t\t\t\t// console.log(number_plate, statusDate, trip_start_date, lastStatusDate);\r\n\t\t\t\tvar now = moment();\r\n\t\t\t\tvar timeToOff = \"\";\r\n\r\n\t\t\t\tvar diff = now.diff(lastStatusDate, \"days\");\r\n\t\t\t\tif (diff == 0) {\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"TRIPS_DATA\",\r\n\t\t\t\t\t\tquery: {\r\n\t\t\t\t\t\t\tvehicleId: number_plate,\r\n\t\t\t\t\t\t\tpathId: pathId,\r\n\t\t\t\t\t\t\tcode: vehicle_id\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstartDateFilter = lastStatusDate.startOf(\"day\");\r\n\t\t\t\t\tthis.$router.push({\r\n\t\t\t\t\t\tname: \"TRIPS_DATA\",\r\n\t\t\t\t\t\tquery: {\r\n\t\t\t\t\t\t\tvehicleId: number_plate,\r\n\t\t\t\t\t\t\tpathId: pathId,\r\n\t\t\t\t\t\t\tstartDay: startDateFilter.utc().format()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tonUpdateGeocodingAddress(e) {\r\n\t\t\tthis.$emit(\"update-address-data\", {\r\n\t\t\t\tid: e.id,\r\n\t\t\t\taddress: e.address\r\n\t\t\t});\r\n\t\t},\r\n\t\tinternalFiltersToUpdate(e) {\r\n\t\t\tif (e.field == \"status\") {\r\n\t\t\t\tthis.statusSelectedFilter = [];\r\n\t\t\t}\r\n\r\n\t\t\tthis.setDefaultTablePageIndexAndSize();\r\n\t\t},\r\n\t\tinternalFiltersAddToUpdate(e) {\r\n\t\t\tif (e.field == \"status\") {\r\n\t\t\t\tthis.statusSelectedFilter = [];\r\n\t\t\t}\r\n\r\n\t\t\tthis.setDefaultTablePageIndexAndSize();\r\n\t\t},\r\n\t\tinizializeFilters() {\r\n\t\t\tif (this.vehicleSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: this.vehicleIdFilterField,\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.vehicleSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.vehicleSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: this.vehicleIdFilterField,\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\t\t\tif (this.driversSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"driver_name\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.driversSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.driversSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"driver_name\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.driversRegisterSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"driver_register\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.driversRegisterSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.driversRegisterSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"driver_register\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.driversBadgeSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"driver_badge\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.driversBadgeSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.driversBadgeSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"driver_badge\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.driversCFSelectedFilter.length > 0) {\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"fiscal_code\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.driversCFSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.driversCFSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"fiscal_code\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.groupsSelectedFilter.length > 0){\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.groupsSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.groupsSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\r\n\t\t\tif (this.providerSelectedFilter.length > 0){\r\n\t\t\t\tvar filtersToAdd = {\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\ttype: \"multiselect\",\r\n\t\t\t\t\tfilter: {\r\n\t\t\t\t\t\tlogic: \"or\",\r\n\t\t\t\t\t\tfilters: []\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tfor (var i = 0; i < this.providerSelectedFilter.length; i++) {\r\n\t\t\t\t\tvar f = this.providerSelectedFilter[i];\r\n\t\t\t\t\tfiltersToAdd.filter.filters.push({\r\n\t\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\t\toperator: \"contains\",\r\n\t\t\t\t\t\tvalue: f\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.columnFilters.push(filtersToAdd);\r\n\t\t\t}\r\n\t\t},\r\n\t\tmarkerClickHandler(e) {\r\n\t\t\tif (e && e.marker) {\r\n\t\t\t\tvar itemToSelect = this._.find(this.items, function(x) {\r\n\t\t\t\t\treturn x.id === e.marker.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// console.log(itemToSelect, this.itemToReturnIfIsInEditMode);\r\n\t\t\t\tvar showItemIndex = this.itemToReturnIfIsInEditMode.findIndex(function(x) {\r\n\t\t\t\t\treturn x.id == itemToSelect.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tvar pageSize = this.take;\r\n\t\t\t\tvar page = parseInt(showItemIndex / pageSize);\r\n\r\n\t\t\t\tthis.skip = this.take * page;\r\n\r\n\t\t\t\tif (itemToSelect) {\r\n\t\t\t\t\tthis.selectRow(itemToSelect);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tisColumnFilterable(field) {\r\n\t\t\tif (this.columns) {\r\n\t\t\t\tvar c = this.columns.find(function(f) {\r\n\t\t\t\t\treturn f.field == field;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (c && c.filterable) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tformattedDate(date) {\r\n\t\t\tvar d = moment(date);\r\n\r\n\t\t\treturn d.format(\"DD/MM/YYYY HH:mm\");\r\n\t\t},\r\n\t\tformattedCoordinates(lat, lon) {\r\n\t\t\treturn helpers.formatCoordinate(lat, \"lat\") + \", \" + helpers.formatCoordinate(lon, \"lon\");\r\n\t\t},\r\n\t\tsetDefaultTablePageIndexAndSize() {\r\n\t\t\tthis.skip = 0;\r\n\t\t\tthis.take = 25;\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\"]),\r\n\t\tvehiclesFilter() {\r\n\t\t\treturn this.vehicleItemsFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.number_plate,\r\n\t\t\t\t\tvalue: item.number_plate\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversFilter() {\r\n\t\t\treturn this.driverItemsFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.surname} ${item.name}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversRegisterFilter() {\r\n\t\t\treturn this.driverRegisterFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.employee_register}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversBadgeFilter() {\r\n\t\t\treturn this.driverBadgeFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.rfid_code}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tdriversCFFilter() {\r\n\t\t\treturn this.driverCFFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tvalue: `${item.fiscal_code}`\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tgroupsFilter() {\r\n\t\t\treturn this.groupItemsFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.description,\r\n\t\t\t\t\tvalue: item.description\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tproviderFilter() {\r\n\t\t\treturn this.providerItemsFilter.map(function(item) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: item.description,\r\n\t\t\t\t\tvalue: item.description\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\tcolumns: function() {\r\n\t\t\treturn [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: this.vehicleIdFilterField,\r\n\t\t\t\t\ttitle: this.vehicleIdFilterField == \"number_plate\" ? \"targa\" : \"codice\",\r\n\t\t\t\t\tconfigId: \"numberPlate\",\r\n\t\t\t\t\twidth: \"120\",\r\n\t\t\t\t\theaderCell: \"myLicensePlateHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"vehicle_name\",\r\n\t\t\t\t\tconfigId: \"vehicleName\",\r\n\t\t\t\t\ttitle: \"modello\",\r\n\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"provider\",\r\n\t\t\t\t\tconfigId: \"provider\",\r\n\t\t\t\t\ttitle: \"provider\",\r\n\t\t\t\t\twidth: \"250\",\r\n\t\t\t\t\theaderCell: \"myProviderHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_register\",\r\n\t\t\t\t\tconfigId: \"driverRegister\",\r\n\t\t\t\t\ttitle: \"codice matricola\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myDriverRegisterHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_badge\",\r\n\t\t\t\t\tconfigId: \"driverBadge\",\r\n\t\t\t\t\ttitle: \"codice badge\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myDriverBadgeHeaderTemplate\",\r\n\t\t\t\t\t// headerCell: \"myDriverHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"fiscal_code\",\r\n\t\t\t\t\tconfigId: \"driverCF\",\r\n\t\t\t\t\ttitle: \"codice univoco\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myDriverCFHeaderTemplate\",\r\n\t\t\t\t\t// headerCell: \"myDriverHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"driver_name\",\r\n\t\t\t\t\tconfigId: \"driverName\",\r\n\t\t\t\t\ttitle: \"conducente\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myDriverHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"groups\",\r\n\t\t\t\t\tconfigId: \"groups\",\r\n\t\t\t\t\ttitle: \"divisioni\",\r\n\t\t\t\t\twidth: \"200\",\r\n\t\t\t\t\theaderCell: \"myGroupHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"status\",\r\n\t\t\t\t\tconfigId: \"status\",\r\n\t\t\t\t\ttitle: \"stato\",\r\n\t\t\t\t\twidth: \"90\",\r\n\t\t\t\t\theaderCell: \"myStatuseHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"myStatusCellTemplate\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"last_event_date\",\r\n\t\t\t\t\tconfigId: \"lastEventDate\",\r\n\t\t\t\t\ttitle: \"data/ora\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"130\",\r\n\t\t\t\t\theaderCell: \"myDateTimeHeaderTemplate\",\r\n\t\t\t\t\tfilterable: true,\r\n\t\t\t\t\tcell: \"dateCell\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"address\",\r\n\t\t\t\t\tconfigId: \"address\",\r\n\t\t\t\t\ttitle: \"posizione\",\r\n\t\t\t\t\tclassName: \"\",\r\n\t\t\t\t\twidth: \"450\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tcell: \"positionAddress\",\r\n\t\t\t\t\tfilterable: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"coordinates\",\r\n\t\t\t\t\tconfigId: \"coordinates\",\r\n\t\t\t\t\ttitle: \"coordinate\",\r\n\t\t\t\t\tclassName: \"text-center\",\r\n\t\t\t\t\twidth: \"140\",\r\n\t\t\t\t\theaderCell: \"myHeaderTemplate\",\r\n\t\t\t\t\tfilterable: false,\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\tcell: \"positionCoordinates\"\r\n\t\t\t\t}\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./horizontalTable.vue.js?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/eslint-loader/index.js??ref--13-0!./horizontalTable.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./horizontalTable.vue?vue&type=template&id=ac02146a&scoped=true&\"\nimport script from \"./horizontalTable.vue.js?vue&type=script&lang=js&\"\nexport * from \"./horizontalTable.vue.js?vue&type=script&lang=js&\"\nimport style0 from \"./horizontalTable.vue?vue&type=style&index=0&id=ac02146a&scoped=true&lang=less&\"\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 \"ac02146a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gmap-map',{ref:\"map\",staticStyle:{\"width\":\"100\",\"height\":\"inherit\"},attrs:{\"center\":_vm.center,\"zoom\":5,\"map-type-id\":\"roadmap\",\"options\":{\n\t\t\tmapTypeControl: _vm.viewSatellite,\n\t\t\tgestureHandling: _vm.isShowOnlyMapG ? 'auto' : 'cooperative',\n\t\t\tstyles: _vm.mapStylesOptions\n\t\t}}},[_c('gmap-cluster',{key:_vm.clusterKeyIndex,attrs:{\"maxZoom\":11,\"zoomOnClick\":true},on:{\"click\":_vm.clusterClick}},_vm._l((_vm.markers),function(m,i){return _c('gmap-marker',{key:(\"m_\" + i),attrs:{\"position\":m.position,\"icon\":m.icon,\"clickable\":true,\"draggable\":false},on:{\"click\":function($event){return _vm.markerClick(m, i)},\"mouseover\":function($event){return _vm.markerOver($event, m)},\"mouseout\":function($event){return _vm.markerOut()}}})}),1),_c('div',_vm._l((_vm.markers),function(m,i){return _c('gmap-info-window',{key:(\"mi_\" + i),attrs:{\"options\":m.infoWindowOptions,\"position\":m.position,\"opened\":m.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){m.infoWindowOptions.infoWindowOpened = false}}})}),1),_vm._l((_vm.poiMarkers),function(m,i){return _c('gmap-marker',{key:(\"mp_\" + (m.id)),attrs:{\"position\":m.position,\"icon\":m.icon,\"clickable\":true},on:{\"click\":function($event){return _vm.poiMarkerClick(m, i)},\"mouseover\":function($event){return _vm.markerOver($event, m)},\"mouseout\":function($event){return _vm.markerOut()}}})}),_c('div',_vm._l((_vm.poiMarkers),function(m){return _c('gmap-info-window',{key:(\"mpi_\" + (m.id)),attrs:{\"options\":m.infoWindowOptions,\"position\":m.position,\"opened\":m.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){m.infoWindowOptions.infoWindowOpened = false}}})}),1),_c('div',_vm._l((_vm.poiPaths),function(p,index){return _c('gmap-polygon',{key:(\"mpp_\" + (p.id)),attrs:{\"path\":p.path,\"options\":{ strokeColor: p.strokeColor, fillColor: p.fillColor }},on:{\"click\":function($event){return _vm.poiMarkerClick(p, index)}}})}),1),_c('div',_vm._l((_vm.poiPaths),function(p){return _c('gmap-info-window',{key:(\"mppi_\" + (p.id)),attrs:{\"options\":p.infoWindowOptions,\"position\":p.path[0],\"opened\":p.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){p.infoWindowOptions.infoWindowOpened = false}}})}),1),_c('div',_vm._l((_vm.poiAreas),function(c,index){return _c('gmap-circle',{key:(\"mpc_\" + (c.id)),attrs:{\"radius\":c.radius,\"center\":c.center,\"options\":{ fillColor: c.fillColor }},on:{\"click\":function($event){return _vm.poiMarkerClick(c, index)}}})}),1),_c('div',_vm._l((_vm.poiAreas),function(a){return _c('gmap-info-window',{key:(\"mpci_\" + (a.id)),attrs:{\"options\":a.infoWindowOptions,\"position\":a.center,\"opened\":a.infoWindowOptions.infoWindowOpened},on:{\"closeclick\":function($event){a.infoWindowOptions.infoWindowOpened = false}}})}),1)],2),_c('map-poi-categories-filter',{ref:\"poiCatgeoriesFilter\"}),_c('traffic-layer',{ref:\"trafficLayer\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import api from \"../../services/api\";\r\nimport { gmapApi } from \"vue2-google-maps\";\r\nimport moment from \"moment\";\r\nimport formatcoords from \"formatcoords\";\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\nimport $ from \"jquery\";\r\nimport Vue from \"vue\";\r\nimport { Marker, GeoPosition } from \"../../domain/poi\";\r\nimport { bus } from \"../../main\";\r\nimport mapPoiCategoriesFilter from \"../../components/map/poicategories.vue\";\r\nimport trafficLayer from \"../../components/map/viewtraffic.vue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tmapPoiCategoriesFilter,\r\n\t\ttrafficLayer\r\n\t},\r\n\tprops: {\r\n\t\tdata: Array,\r\n\t\tvehicleIdFilterField: String,\r\n\t\tmapCenterLocation: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: {\r\n\t\t\t\tlat: 0,\r\n\t\t\t\tlng: 0\r\n\t\t\t}\r\n\t\t},\r\n\t\tzoom: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 12\r\n\t\t},\r\n\t\tisShowOnlyMap: false\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tfirstTimeIn: true,\r\n\t\t\tcenter: {},\r\n\t\t\tmarkers: [],\r\n\t\t\tstoredMarkers: [],\r\n\r\n\t\t\tinfoContent: \"\",\r\n\t\t\tinfoWindowPos: null,\r\n\t\t\tinfoWinOpen: false,\r\n\t\t\tcurrentMidx: null,\r\n\t\t\tinfoOptions: {\r\n\t\t\t\tcontent: \"\",\r\n\t\t\t\tpixelOffset: {\r\n\t\t\t\t\twidth: 0,\r\n\t\t\t\t\theight: -35\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\t//POI\r\n\t\t\tpoiAreas: [],\r\n\t\t\tpoiPaths: [],\r\n\t\t\tpoiMarkers: [],\r\n\r\n\t\t\tviewSatellite: false,\r\n\t\t\tmapStylesOptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfeatureType: \"poi\",\r\n\t\t\t\t\tstylers: [\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tvisibility: \"off\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\thistoryBounds: null,\r\n\t\t\tnotHasTripsDataPermission: true,\r\n\r\n\t\t\tclusterKeyIndex: 0,\r\n\t\t\tshowPhoneNumber: false\r\n\t\t};\r\n\t},\r\n\twatch: {},\r\n\tcreated() {\r\n\t\tvar self = this;\r\n\r\n\t\tif (this.settings) {\r\n\t\t\tif (this.settings.viewSatellite) {\r\n\t\t\t\tthis.viewSatellite = this.settings.viewSatellite;\r\n\t\t\t}\r\n\r\n\t\t\tif (this.settings.show_phone_in_map) {\r\n\t\t\t\tthis.showPhoneNumber = true;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.scopes && this.scopes.length > 0) {\r\n\t\t\tthis.notHasTripsDataPermission =\r\n\t\t\t\tthis.scopes.some(item => {\r\n\t\t\t\t\treturn item == \"TRIPS_DATA\";\r\n\t\t\t\t}) == false;\r\n\t\t}\r\n\r\n\t\tself.center = {\r\n\t\t\tlat: self.mapCenterLocation.lat,\r\n\t\t\tlng: self.mapCenterLocation.lng\r\n\t\t};\r\n\r\n\t\tself.$gmapApiPromiseLazy().then(() => {\r\n\t\t\tself.$watch(\r\n\t\t\t\t\"data\",\r\n\t\t\t\tfunction(newValue, oldValue) {\r\n\t\t\t\t\tself.displayMarkers(true);\r\n\t\t\t\t},\r\n\t\t\t\t{ deep: true }\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\tbus.$on(\"on-filter-changed\", self.displayMarkers.bind(self));\r\n\t\tbus.$on(\"on-selected-row\", self.onSelectedRow.bind(self));\r\n\t\tbus.$on(\"poi-category-filter-change\", self.onPoiCategoryFilterChange.bind(self));\r\n\t\tbus.$on(\"updated-data\", self.onUpdatedData.bind(self));\r\n\r\n\t\t//trick\r\n\t\t// window.goToTripsData = function(number_plate, pathId, statusDate) {\r\n\t\t// \tvar startDateFilter = null;\r\n\r\n\t\t// \tvar lastStatusDate = moment(statusDate);\r\n\t\t// \tvar now = moment();\r\n\t\t// \tvar timeToOff = \"\";\r\n\r\n\t\t// \tvar diff = now.diff(lastStatusDate, \"days\");\r\n\t\t// \tif (diff == 0) {\r\n\t\t// \t\twindow.location.href = `/trips?vehicleId=${number_plate}&pathId=${pathId}`;\r\n\t\t// \t}\r\n\t\t// \telse {\r\n\t\t// \t\tstartDateFilter = lastStatusDate.startOf(\"day\");\r\n\t\t// \t\twindow.location.href = `/trips?vehicleId=${number_plate}&pathId=${pathId}&startDay=${startDateFilter.utc().format()}`;\r\n\t\t// \t}\r\n\t\t// };\r\n\t},\r\n\tmounted() {\r\n\t\t/* poi categories */\r\n\t\tvar self = this;\r\n\t\tif (this.settings && this.settings.viewPoi) {\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tself.$refs.map.$gmapApiPromiseLazy().then(res => {\r\n\t\t\t\t\tself.$refs.poiCatgeoriesFilter.loadControls(self.$refs.map);\r\n\t\t\t\t});\r\n\t\t\t\t//}, 1000);\r\n\t\t\t});\r\n\t\t}\r\n\t\t/* poi categories */\r\n\r\n\t\t/* traffic Layer */\r\n\t\tif (this.settings && this.settings.viewTraffic) {\r\n\t\t\tself.$refs.map.$gmapApiPromiseLazy().then(res => {\r\n\t\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\tvar trafficLayer = new google.maps.TrafficLayer();\r\n\t\t\t\t\tself.$refs.trafficLayer.loadControls(self.$refs.map);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t\t/* traffic Layer */\r\n\r\n\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\tgoogle.maps.event.addListener(map.getStreetView(), \"visible_changed\", function() {\r\n\t\t\t\tif (this.getVisible()) {\r\n\t\t\t\t\t//street view activated\r\n\t\t\t\t\tself.storedMarkers = self.markers;\r\n\t\t\t\t\tself.markers = [];\r\n\t\t\t\t} else {\r\n\t\t\t\t\tself.markers = self.storedMarkers;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tvar self = this;\r\n\t\tbus.$off(\"on-filter-changed\");\r\n\t\tbus.$off(\"on-selected-row\");\r\n\t\tbus.$off(\"poi-category-filter-change\", self.onPoiCategoryFilterChange.bind(self));\r\n\t\tbus.$off(\"updated-data\");\r\n\t},\r\n\t/* metodi */\r\n\tmethods: {\r\n\t\tmarkerOut() {\r\n\t\t\thelpers.deleteTooltip();\r\n\t\t},\r\n\t\tmarkerOver($event, m) {\r\n\t\t\thelpers.injectTooltip($event.tb, m.description);\r\n\t\t},\r\n\t\tonUpdatedData() {\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t},\r\n\t\tdisplayPois: function(data) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\t//items to remove - marker\r\n\t\t\tvar itemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.poiMarkers.length; i++) {\r\n\t\t\t\tvar m = this.poiMarkers[i];\r\n\t\t\t\tlet dataItem = _.find(data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.poiMarkers.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiMarkers.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\t//items to remove - polygon\r\n\t\t\titemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.poiPaths.length; i++) {\r\n\t\t\t\tvar m = this.poiPaths[i];\r\n\t\t\t\tlet dataItem = _.find(data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.poiPaths.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiPaths.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\t//items to remove - area\r\n\t\t\titemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.poiAreas.length; i++) {\r\n\t\t\t\tvar m = this.poiAreas[i];\r\n\t\t\t\tlet dataItem = _.find(data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false) itemsToRemove.push(m.id);\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.poiAreas.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.poiAreas.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\tdata.forEach(function(item) {\r\n\t\t\t\tif (item.location.rendering_type == \"marker\" || (item.location.rendering_type == \"unknown\" && item.location.points.length == 1)) {\r\n\t\t\t\t\tlet m = _.find(self.poiMarkers, function(o) {\r\n\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tself.poiMarkers.push(m);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\tm.description = item.name;\r\n\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\tLAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\tINDIRIZZO: ${item.location.address}
`;\r\n\r\n\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t} else if (item.location.rendering_type == \"polygon\" || (item.location.rendering_type == \"unknown\" && item.location.points.length > 1)) {\r\n\t\t\t\t\t//marker related to polygon\r\n\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\tlet m = _.find(self.poiMarkers, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.poiMarkers.push(m);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tm.draggable = false;\r\n\t\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\t\tm.description = item.name;\r\n\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t//polygon\r\n\t\t\t\t\tlet p = _.find(self.poiPaths, function(o) {\r\n\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (p == null) {\r\n\t\t\t\t\t\tp = {\r\n\t\t\t\t\t\t\tid: item.id,\r\n\t\t\t\t\t\t\tpath: item.location.points.map(function(pt) {\r\n\t\t\t\t\t\t\t\treturn new GeoPosition(pt.lat, pt.lon);\r\n\t\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t\tinfoWindowOptions: {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: 0\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tself.poiPaths.push(p);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tp.fillColor = item.poi_category_fill_color;\r\n\t\t\t\t\tp.description = item.name;\r\n\t\t\t\t\tp.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\tLAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\tINDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\tp.infoWindowOptions.content = p.info;\r\n\t\t\t\t} else if (item.location.rendering_type == \"circle\") {\r\n\t\t\t\t\t//marker related to circle\r\n\t\t\t\t\tif (!self.isInEditMode) {\r\n\t\t\t\t\t\tlet m = _.find(self.poiMarkers, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\tm = new google.maps.Marker();\r\n\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.poiMarkers.push(m);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tm.draggable = item.draggable;\r\n\t\t\t\t\t\tm.position = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\t\tm.description = item.name;\r\n\t\t\t\t\t\tm.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\t\tif (item.poi_category_icon_image) {\r\n\t\t\t\t\t\t\tvar icon = {\r\n\t\t\t\t\t\t\t\turl: item.poi_category_icon_image,\r\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\tm.icon = icon;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t//area\r\n\t\t\t\t\tlet a = _.find(self.poiAreas, function(o) {\r\n\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (a == null) {\r\n\t\t\t\t\t\ta = new google.maps.Circle();\r\n\t\t\t\t\t\ta.id = item.id;\r\n\t\t\t\t\t\ta.radius = item.radius;\r\n\t\t\t\t\t\ta.infoWindowOptions = {\r\n\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\theight: 0\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tself.poiAreas.push(a);\r\n\t\t\t\t\t}\r\n\t\t\t\t\ta.center = new GeoPosition(item.location.points[0].lat, item.location.points[0].lon);\r\n\t\t\t\t\ta.fillColor = item.poi_category_fill_color;\r\n\t\t\t\t\ta.description = item.name;\r\n\t\t\t\t\ta.info = `
${item.name}\r\n\t\t\t\t\t\t\t\t\t LAT: ${item.location.points[0].lat} - LON: ${item.location.points[0].lon}
\r\n\t\t\t\t\t\t\t\t\t INDIRIZZO: ${item.location.address}
`;\r\n\t\t\t\t\ta.infoWindowOptions.content = a.info;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tpoiMarkerClick: function(marker) {\r\n\t\t\thelpers.deleteTooltip();\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t\tthis.toggleInfoWindow(marker);\r\n\t\t},\r\n\t\tonPoiCategoryFilterChange(items) {\r\n\t\t\tthis.displayPois(items);\r\n\t\t},\r\n\r\n\t\tonSelectedRow(e) {\r\n\t\t\tif (e && e.last_privacy_mode == false) {\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tvar position = {\r\n\t\t\t\t\tlat: e.current_position.lat,\r\n\t\t\t\t\tlng: e.current_position.lon\r\n\t\t\t\t};\r\n\t\t\t\tthis.centerMap(position);\r\n\t\t\t\tthis.setCustomZoom(12);\r\n\r\n\t\t\t\tself.hideAllInfoWindow();\r\n\t\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\t\tif (item.id == e.id) {\r\n\t\t\t\t\t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisplayMarkers: function(updatedData = false) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\t//items to remove\r\n\t\t\tvar itemsToRemove = [];\r\n\t\t\tfor (let i = 0; i < this.markers.length; i++) {\r\n\t\t\t\tvar m = this.markers[i];\r\n\t\t\t\tlet dataItem = _.find(this.data, d => {\r\n\t\t\t\t\treturn d.id == m.id;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!dataItem || dataItem.visible == false || dataItem.last_privacy_mode == true) {\r\n\t\t\t\t\titemsToRemove.push(m.id);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\titemsToRemove.forEach(r => {\r\n\t\t\t\tlet index = self.markers.findIndex(function(o) {\r\n\t\t\t\t\treturn o.id == r;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.markers.splice(index, 1);\r\n\t\t\t});\r\n\r\n\t\t\tself.data.forEach(function(item, index) {\r\n\t\t\t\tif (item.current_position) {\r\n\t\t\t\t\tif (item.visible\r\n\t\t\t\t\t\t// && item.last_privacy_mode == false\r\n\t\t\t\t\t\t ) {\r\n\t\t\t\t\t\tlet m = _.find(self.markers, function(o) {\r\n\t\t\t\t\t\t\treturn o.id == item.id;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (m == null) {\r\n\t\t\t\t\t\t\tm = new Marker();\r\n\t\t\t\t\t\t\tm.id = item.id;\r\n\t\t\t\t\t\t\tm.infoWindowOptions = {\r\n\t\t\t\t\t\t\t\tinfoWindowOpened: false,\r\n\t\t\t\t\t\t\t\tpixelOffset: {\r\n\t\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t\t\theight: -40\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tself.markers.push(m);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tm.position = new GeoPosition(item.current_position.lat, item.current_position.lon);\r\n\t\t\t\t\t\tm.description = `${item.vehicle_name} - ${item[self.vehicleIdFilterField]}`;\r\n\r\n\t\t\t\t\t\tvar lastStatusDate = moment(item.status_date);\r\n\t\t\t\t\t\tif (item.last_event_date && item.last_event_date > item.status_date) lastStatusDate = moment(item.last_event_date);\r\n\t\t\t\t\t\tvar now = moment();\r\n\t\t\t\t\t\tvar timeToOff = \"\";\r\n\r\n\t\t\t\t\t\tif (item.status == \"off\") {\r\n\t\t\t\t\t\t\tvar diff = now.diff(lastStatusDate, \"days\");\r\n\t\t\t\t\t\t\ttimeToOff = `${diff} GIORNO/I`;\r\n\t\t\t\t\t\t\tif (diff == 0) {\r\n\t\t\t\t\t\t\t\tdiff = now.diff(lastStatusDate, \"hours\");\r\n\t\t\t\t\t\t\t\ttimeToOff = `${diff} ORA/E`;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (diff == 0) {\r\n\t\t\t\t\t\t\t\tdiff = now.diff(lastStatusDate, \"minutes\");\r\n\t\t\t\t\t\t\t\ttimeToOff = `${diff} MINUTO/I`;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (diff == 0) {\r\n\t\t\t\t\t\t\t\tdiff = now.diff(lastStatusDate, \"seconds\");\r\n\t\t\t\t\t\t\t\ttimeToOff = `${diff} SECONDO/I`;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tvar startDateFilter = moment(item.trip_start_date);\r\n\t\t\t\t\t\tlet linkToTrip = \"\";\r\n\t\t\t\t\t\tlet showTrip = item.type == \"trip\";\r\n\t\t\t\t\t\tif (showTrip) {\r\n\t\t\t\t\t\t\tlinkToTrip = `
mostra viaggio`;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tlet kmLtData = \"\";\r\n\t\t\t\t\t\tif (parseInt(item.last_odometer_km_value) > 0) {\r\n\t\t\t\t\t\t\tkmLtData = `
KM ${item.last_odometer_km_value}`;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (parseInt(item.last_odometer_lt_value) > 0) {\r\n\t\t\t\t\t\t\tkmLtData += ` - LT ${item.last_odometer_lt_value}`;\r\n\t\t\t\t\t\t} else if (kmLtData !== \"\") {\r\n\t\t\t\t\t\t\tkmLtData += `
`;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tvar tooltipInfo = `
\r\n\t\t\t\t\t\t\t\t
Conducente: ${item.conducente}\r\n\t\t\t\t\t\t\t\t${\r\n\t\t\t\t\t\t\t\t\tself.showPhoneNumber && item.mobile_phone_number\r\n\t\t\t\t\t\t\t\t\t\t? '
TEL.: ' +\r\n\t\t\t\t\t\t\t\t\t\t item.mobile_phone_number +\r\n\t\t\t\t\t\t\t\t\t\t \"\"\r\n\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t${kmLtData}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t${item.formattedCoordinates} - ${item.address}
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t${item.statusFriendly}
\r\n\t\t\t\t\t\t\t\t\t\t\t${item.last_speed} Km/h
\r\n\t\t\t\t\t\t\t\t\t\t\t${self.$options.filters.datetimeToString(item.last_event_date)}
\r\n\t\t\t\t\t\t\t\t\t\t\t${item.status == \"off\" && lastStatusDate.year() > 1 ? ' ' + timeToOff + \"
\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t${self.notHasTripsDataPermission == false && showTrip ? linkToTrip : \"\"}\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
`;\r\n\r\n\t\t\t\t\t\tm.info = tooltipInfo;\r\n\r\n\t\t\t\t\t\tm.icon = {\r\n\t\t\t\t\t\t\turl: item.icon, // url\r\n\t\t\t\t\t\t\tscaledSize: new google.maps.Size(30, 36), // scaled size\r\n\t\t\t\t\t\t\torigin: new google.maps.Point(0, 0) // origin\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tm.infoWindowOptions.content = m.info;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (!updatedData) self.fitAndZoom();\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tself.clusterKeyIndex++;\r\n\t\t\t}, 1);\r\n\t\t},\r\n\t\tfitAndZoom: function(bnds) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar bounds = new google.maps.LatLngBounds();\r\n\r\n\t\t\tif (bnds) {\r\n\t\t\t\tbounds = bnds;\r\n\t\t\t} else {\r\n\t\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\t\tbounds.extend(item.position);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (self.markers.length > 0 && bounds.equals(self.historyBounds) == false) {\r\n\t\t\t\tif (self.$refs.map) {\r\n\t\t\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\t\tmap.fitBounds(bounds);\r\n\t\t\t\t\t\tif (map.getZoom() >= 22) {\r\n\t\t\t\t\t\t\tmap.setZoom(14);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.historyBounds = bounds;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tsetCustomZoom(value) {\r\n\t\t\tvar self = this;\r\n\t\t\tif (self.$refs.map) {\r\n\t\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\tmap.setZoom(value);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\tmarkerClick: function(marker, idx) {\r\n\t\t\thelpers.deleteTooltip();\r\n\t\t\tthis.$emit(\"onMarkerClick\", { marker, idx });\r\n\r\n\t\t\tthis.hideAllInfoWindow();\r\n\t\t\t//this.centerMap(marker.position);\r\n\r\n\t\t\tthis.toggleInfoWindow(marker);\r\n\t\t},\r\n\t\tclusterClick(e) {\r\n\t\t\tvar bounds = e.getBounds();\r\n\t\t\t// this.fitAndZoom(bounds);\r\n\t\t},\r\n\t\thideAllInfoWindow: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\t//POI\r\n\t\t\tself.poiMarkers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\tself.poiPaths.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\r\n\t\t\tself.poiAreas.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = false;\r\n\t\t\t});\r\n\t\t},\r\n\t\tshowAllInfoWindow: function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.markers.forEach(function(item, index) {\r\n\t\t\t\titem.infoWindowOptions.infoWindowOpened = true;\r\n\t\t\t});\r\n\t\t},\r\n\t\tcenterMap: function(position) {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tif (self.$refs.map) {\r\n\t\t\t\tself.$refs.map.$mapPromise.then(map => {\r\n\t\t\t\t\tmap.setCenter(position);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\ttoggleInfoWindow: function(marker, idx) {\r\n\t\t\tmarker.infoWindowOptions.infoWindowOpened = !marker.infoWindowOptions.infoWindowOpened;\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters([\"settings\", \"scopes\", \"currentUser\"]),\r\n\t\tisShowOnlyMapG() {\r\n\t\t\treturn this.isShowOnlyMap;\r\n\t\t}\r\n\t}\r\n};\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/eslint-loader/index.js??ref--13-0!./map.vue.js?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/eslint-loader/index.js??ref--13-0!./map.vue.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./map.vue?vue&type=template&id=31b3f62c&\"\nimport script from \"./map.vue.js?vue&type=script&lang=js&\"\nexport * from \"./map.vue.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import ApiService from \"../../services/api\";\r\nimport { filterBy } from \"@progress/kendo-data-query\";\r\nimport { bus } from \"../../main\";\r\n\r\nimport helpers from \"../../shared/fleetbox-helpers\";\r\n\r\nimport verticalTable from \"./verticalTable.vue\";\r\nimport horizontalTable from \"./horizontalTable.vue\";\r\nimport mapRealtime from \"./map.vue\";\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tverticalTable,\r\n\t\thorizontalTable,\r\n\t\tmapRealtime\r\n\t},\r\n\tdata: function() {\r\n\t\treturn {\r\n\t\t\tshowDriversFilter: true,\r\n\t\t\tvehicleIdFilterField: \"number_plate\",\r\n\t\t\tloading: false,\r\n\t\t\tcreated: true,\r\n\t\t\titems: [],\r\n\t\t\tpollingTime: 300, //s\r\n\t\t\tpolling: null,\r\n\t\t\trealtimeDataPendingRequest: null,\r\n\t\t\tshowMap: true,\r\n\t\t\tshowVerticalTable: false,\r\n\t\t\tshowHorizontalTable: false,\r\n\t\t\tconfig: {\r\n\t\t\t\tmapInitialLocation: {\r\n\t\t\t\t\tlat: 43.1107,\r\n\t\t\t\t\tlng: 12.3908\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tcanExportGridData: false,\r\n\r\n\t\t\t//#region filters\r\n\t\t\tshowTableMapPopover: false,\r\n\t\t\tmapTableVisualizationSelected: \"\",\r\n\t\t\tvehicles: [],\r\n\t\t\tvehiclesSelected: [],\r\n\t\t\tvehiclesMultiSelectedUpdated: 0,\r\n\t\t\tfiltersByQuery: false,\r\n\r\n\t\t\tdrivers: [],\r\n\t\t\tdriversSelected: [],\r\n\t\t\tdriversRegister: [],\r\n\t\t\tdriversRegisterSelected: [],\r\n\t\t\tdriversBadge: [],\r\n\t\t\tdriversBadgeSelected: [],\r\n\t\t\tdriversCF: [],\r\n\t\t\tdriversCFSelected: [],\r\n\r\n\t\t\tcategories: [],\r\n\t\t\tgroups: [],\r\n\t\t\tgroupsIcon: [],\r\n\t\t\tgroupsSelected: [],\r\n\t\t\tgroupsMultiSelectedUpdated: 0,\r\n\r\n\t\t\tproviders: [],\r\n\t\t\tprovidersSelected: [],\r\n\r\n\t\t\titemVehicleTemplate: \"
#= number_plate #
#= name #
\",\r\n\t\t\ttagVehicleTemplate: \"
#= number_plate #
#= name #
\",\r\n\r\n\t\t\titemDriverTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\t\t\ttagDriverTemplate: \"
#= surname # #= name #
#= fiscal_code #
\",\r\n\t\t\t// itemDriverTemplate: \"
#= fiscal_code #
\",\r\n\t\t\t// tagDriverTemplate: \"
#= fiscal_code #
\",\r\n\r\n\t\t\titemGroupTemplate: \"
#= description #
![](\"/icon-pinmap-car.png\")
\r\n\t\t\t\t\t\t// \t\t\t\t\t![](\"assets/fleerun-esm.png\")
\r\n\t\t\t