{"version":3,"sources":["webpack:///./src/components/dev/modules/violations/components/OnMap.vue?ee97","webpack:///src/components/dev/modules/violations/components/OnMap.vue","webpack:///./src/components/dev/modules/violations/components/OnMap.vue","webpack:///./src/components/dev/modules/violations/components/OnMap.vue?72f8"],"names":["render","staticRenderFns","component"],"mappings":"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","file":"js/chunk-42ffa8f6.2f87d57e.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnMap.vue?vue&type=style&index=0&id=5c738b02&lang=scss&scoped=true&\"","<script>\n    const $moment = require('moment');\n    \n    import MapBoxGL from 'mapbox-gl';\n    import Map from '@/utils/map';\n    import { watch } from '@/utils/dom';\n    import VehicleService  from '@/services/VehicleService';\n    import MapLayersService from '@/services/MapLayersService';\n    import MapSettingsService from '@/components/dev/service/MapSettingsService';\n    import ShowRouteMapService from '@/components/services/ShowRouteMapService';\n    \n    import { isEmpty } from \"@/utils/utils\";\n    \n    const OM_STATE = {\n        \"none\": -1,\n        \"default\": 0,\n        \"loading\": 1,\n        \"error\": 999\n    };\n    \n    const get_the_time = function(t, only) {\n        const fmt = (!!only) ? 'HH:mm' : 'DD.MM.YYYY HH:mm';\n        return (!!t) ? $moment(t).format(fmt) : '-';\n    };  //get_the_time\n\n    \n    var map   = null,\n        popup = null;\n    \n    export default {\n        name: 'OnMap',\n        props: {\n            violInfo: {\n                type: Object,\n                required: false,\n                default: null\n            }\n        },\n        data(){\n            return {\n                show: false,\n                state: OM_STATE.none,\n                vi: null,\n                track: null\n            };\n        },\n        mounted(){\n            var node = $(\".vi-map-dialog #vi-map\")[0];\n            Map.init({container: node}, true).then((_o)=>{\n                map = _o.map;\n            });\n        },\n        methods: {\n            mapVi(){\n                const p = (resolve, reject) => {\n                    const _watch = ()=>{\n                        if ((!!map)&&map.loaded()){\n                            resolve();\n                        } else {\n                            setTimeout(_watch, 200);\n                        }\n                    };\n                    _watch();\n                };\n                return new Promise(p);\n            },  //mapVi\n            async getViolInfo(){\n                this.state = OM_STATE.loading;\n                try {\n                    var resp = await $http.post('/rpc?d=jsonRpc', {\n                        type: 'core-read',\n                        query: 'sin2:/v:b718738d-d427-4a96-bac4-e23233fb346c/?id=' + this.violInfo.id,\n                        dateWork: new Date(this.violInfo.dt)\n                    });\n                    if (!!resp.error){\n                        throw resp.error;\n                    }\n                    if (resp.result.data.length < 1){\n                        throw {message: 'No data found'};\n                    }\n                    console.log('control', resp.result);\n                    const ci = resp.result.columnIndexes,\n                         data= resp.result.data[0];\n                    const vi = {\n                        id: data[ci[\"vctripscontrol.id\"]],\n                        dt: $moment(data[ci[\"vctripscontrol.eventdt\"]]).toDate(),\n                        name: data[ci[\"vctripscontrol.typename\"]],\n                        she: data[ci[\"temptripscontroljoin.plantime\"]],\n                        lat: data[ci[\"vctripscontrol.lat\"]],\n                        lon: data[ci[\"vctripscontrol.lon\"]],\n                        vc: {\n                            id: data[ci[\"vctripscontrol.vehicleid\"]],\n                            gov: data[ci[\"temptripscontroljoin.govnum\"]]\n                        },\n                        trip: {\n                            id: data[ci[\"vctripscontrol.tripid\"]],\n                            code: data[ci[\"temptripscontroljoin.tripcode\"]],\n                            has: !$utils.isEmpty(data[ci[\"vctripscontrol.tripid\"]])\n                        },\n                        route: {\n                            id: data[ci[\"temptripscontroljoin.routeid\"]],\n                            code: data[ci[\"temptripscontroljoin.routecode\"]],\n                            name: data[ci[\"temptripscontroljoin.routename\"]],\n                            has: !$utils.isEmpty(data[ci[\"temptripscontroljoin.routeid\"]])\n                        },\n                        org: {\n                            code: data[ci[\"temptripscontroljoin.orgcode\"]],\n                            name: data[ci[\"temptripscontroljoin.shortname\"]],\n                            has:  !$utils.isEmpty(data[ci[\"temptripscontroljoin.shortname\"]])\n                        }\n                    };\n                    vi.dt1 = $moment(vi.dt).add(-5, 'm').toDate();\n                    vi.dt2 = $moment(vi.dt).add(5, 'm').toDate();\n                    console.log('VI', vi);\n                    this.vi = vi;\n                    this.state = OM_STATE.default;\n                    this.mapVi().then(()=>{\n                        map.resize();\n                        this.popup();\n                        VehicleService.getHistoryTrack({id: vi.vc.id}, vi.dt1, vi.dt2).then((track)=>{\n                            console.log('track at', track);\n                            if ((track.length > 0)&&(track[0].points.length > 0)){\n                                this.track = track[0];\n                                const markers = VehicleService.getTrackMarkers(track, track[0].points);\n                                Map.drawTrack({\n                                    track: this.track, \n                                    markers: markers,\n                                    vehicle: {id: vi.vc.id},\n                                    settings: MapSettingsService.getSettings({id: vi.vc.id})\n                                });\n                            } else {\n                                this.track = null;\n                                jet.msg({\n                                  text: 'Данные трека \"' + this.vi.vc.gov + '\" на время: ' + get_the_time(this.vi.dt) + ' не получены',\n                                  color: 'warning',\n                                  timeout: 30000\n                                });\n                            }\n                        });\n                        \n                        if (!isEmpty(vi.route.id)){\n                            MapLayersService.getRoutePoint(vi.route.id).then(data=>{\n                                vi.route.points = data;\n                                vi.route.stops = data.filter(it => it.name !== null);\n                                ShowRouteMapService.init(Map, vi.route.stops, vi.route.points);\n                                ShowRouteMapService.drawRoute(\n                                        vi.route,\n                                        vi.route.stops\n                                );\n                            });\n                        }\n                    });\n                } catch(e){\n                    console.log('ERR go-map:', e);\n                }\n            },   //getViolInfo\n            popup(){\n                map.panTo([this.vi.lon, this.vi.lat]);\n                var s = '<h2 style=\"color:#d50000;margin-bottom:0.5rem;font-weight:300;\">' + this.vi.name + '<h2>';\n                if (this.vi.route.has){\n                    s += '<h3>Маршрут № ' + this.vi.route.code + ', рейс ' + this.vi.trip.code + '</h3>';\n                }\n                if (this.vi.org.has){\n                    s += '<div style=\"border-bottom:1px solid #e0e0e0;margin-bottom:0.5rem;\">' + this.vi.org.name + '</div>';\n                }\n                if (!$utils.isEmpty(this.vi.she)){\n                    s += '<b>Время по расписанию</b>: ' + this.vi.she;\n                }\n                s += '<br /><b>ТС</b>: ' + this.vi.vc.gov;\n                s += '<br /><b>время события</b>: ' + get_the_time(this.vi.dt);\n                s += '<br /><b>ш / д</b>: ' + Number(this.vi.lat).toFixed(4) + ' / ' + Number(this.vi.lon).toFixed(4);\n                s += '<div id=\"map-geo-position\"></div>';\n                s += '<div style=\"margin-top:0.5rem;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;\"><b>данные за период</b>: ' \n                        + get_the_time(this.vi.dt1, true) + ' - ' \n                        + get_the_time(this.vi.dt2, true) + '</div>';\n                s += '<div style=\"text-align:right;margin-top:1rem;\"><a id=\"map-close-popup\" href=\"javascript:void(0);\">закрыть</a></div>';\n                if (!!popup){\n                    popup.remove();\n                }\n                popup = new MapBoxGL.Popup({ maxWidth: '470px', closeButton: false, closeOnClick: false }).setLngLat([this.vi.lon, this.vi.lat]).setHTML(s).addTo(map);\n                popup.on('close', function(e) {popup = null;});\n                $(popup.getElement()).find('#map-close-popup').on('click', ()=>{\n                    popup.remove();\n                    popup = null;\n                });\n                $http.get('https://nominatim.openstreetmap.org/reverse?format=json&lat=' + this.vi.lat + '&lon=' + this.vi.lon + '&zoom=18&addressdetails=1').then((addr) => {\n                    console.log('addr', addr);\n                    if (!!popup){\n                        $(popup.getElement()).find('#map-geo-position').html(((addr.road) ? addr.road : addr.display_name));\n                    }\n                });\n            }   //popup\n        },\n        watch: {\n            violInfo(val){\n                if (!!map){\n                    Map.clearTracks();\n                }\n                if (!!val){\n                    this.show = (new Date()).getTime();\n                    this.getViolInfo();\n                } else {\n                    this.show = false;\n                    this.vi = null;\n                }\n            }\n        },\n        render(h){\n            const $m = this.$moment;\n            const hasVi = !!this.vi;\n            var childs = [];\n            switch (this.state){\n                case OM_STATE.none:\n                    break;\n                case OM_STATE.default:\n                    break;\n                case OM_STATE.loading: \n                    childs.push(h('v-skeleton-loader', {props: {type:'paragraph'}, class: \"mt-5\"}));\n                    break;\n                case OM_STATE.error: \n                    break;\n            }   //switch (this.state\n            \n            childs.push(h('div', {\n                attrs: {\n                    id: \"vi-map\"\n                },\n                class: {\"d-none\": this.state !== OM_STATE.default, \"vi-map-conte\": true, \"fill-height\": true}\n            }));\n            \n            return h('v-dialog', {\n                props: {\n                    value: this.show,\n                    transition:\"dialog-top-transition\",\n                    fullscreen: true,\n                    eager: true,\n                    contentClass: \"vi-map-dialog\"\n                }\n            }, [\n                h('v-toolbar', {props: {dark: true, color: \"primary\", dense: true, width: '100%'}}, [\n                    h('v-toolbar-title', [\n                        hasVi ? h('div', this.vi.name) : null,\n                        hasVi ? h('div', $moment(this.vi.dt).format('DD.MM.YYYY hh:mm')) : null,\n                        hasVi ? h('div', this.vi.vc.gov) : null,\n                        hasVi && (this.vi.route.has) ? h('div', this.vi.route.code + '.' + this.vi.route.name) : null,\n                        hasVi && (this.vi.trip.has) ? h('div', '(' + this.vi.trip.code + ')') : null\n                    ]),\n                    h('v-spacer'),\n                    h('v-toolbar-items', [\n                        h('v-btn', {\n                            props: {dark: true, text: true},\n                            on: {click: ()=>{this.show = false;}}\n                        }, 'закрыть')\n                    ])\n                ]),\n                childs\n            ]);\n        }\n    }\n</script>\n<style lang=\"scss\" scoped>\n    .vi-map-dialog {\n        & .v-toolbar {\n            &__title{\n                display: flex;\n                font-size: 0.9rem;\n                & > *{\n                    margin-right: 0.5rem;\n                }\n            }\n        }\n        & .vi-map-conte{\n            padding: 0;\n            position: relative;\n            width: 100%;\n            height: calc(100% - 48px);\n        }\n    }\n</style>\n","var render, staticRenderFns\nimport script from \"./OnMap.vue?vue&type=script&lang=js&\"\nexport * from \"./OnMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OnMap.vue?vue&type=style&index=0&id=5c738b02&lang=scss&scoped=true&\"\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  \"5c738b02\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnMap.vue?vue&type=script&lang=js&\""],"sourceRoot":""}