{"version":3,"sources":["webpack:///./src/views/vesselTracking/Zone.vue?367d","webpack:///./src/views/vesselTracking/Zone.vue?2629","webpack:///src/views/vesselTracking/Zone.vue","webpack:///./src/views/vesselTracking/Zone.vue?52b9","webpack:///./src/views/vesselTracking/Zone.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","staticStyle","$t","model","value","callback","$$v","nameZone","expression","_v","_s","selectVesselGroup","rule","$set","_l","item","index","key","text","on","$event","addDetectionRules","selectMove","polygon","cricle","polyline","darwPolygon","darwCircle","darwPolyLine","insertZone","line","rules","staticRenderFns","data","stopRadius","stopperiod","email","selectEvent","options1","google","geocoder","map","drawingManager","selectedShape","colors","selectedColor","colorButtons","typeExciseTanker","typeExciseTankerShipping","drawingtype","myCoordinates","zone_polygons","zone_circles","zone_lines","event","stop_radius","stop_period","email_list","detection_rules","chkDelete","zone","to_s","name","accessEmail","accessToken","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","localStorage","getItem","$store","dispatch","all","require","initMap","stop","apply","arguments","methods","console","log","push","setDrawingMode","_this","dataZone","i","length","area_data","insetZoneData","toObject","dataCircle","insertCircle","toObjectCircle","dataLine","path_data","insertLine","toObjectLine","dataEvent","insertEvent","toObjectEvent","vessel_group_ids","zone_polygons_attributes","zone_circles_attributes","zone_lines_attributes","detection_rules_attributes","axios","post","concat","API_BASE_URL","headers","then","response","$vs","notify","title","color","iconPack","position","icon","time","$router","catch","error","arr","rv","fnInsertToObPolygon","fnInsertToObline","_initMap","_callee2","latlng","options","_context2","gmapsInit","sent","maps","Geocoder","LatLng","zoom","center","streetViewControl","mapTypeControl","mapTypeId","MapTypeId","ROADMAP","fullscreenControl","gestureHandling","Map","$el","querySelector","trigger","fnAreaColor","t0","addGeoJson","setStyle","feature","getProperty","fillColor","strokeWeight","clearSelection","setEditable","setSelection","shape","selectColor","get","deleteSelectedShape","setMap","splice","j","longitude","latitude","polylineOptions","strokeColor","set","rectangleOptions","circleOptions","polygonOptions","setSelectedShapeColor","type","drawing","OverlayType","POLYLINE","makeColorButton","_this2","button","document","createElement","className","style","backgroundColor","addDomListener","buildColorPalette","colorPalette","getElementById","currColor","colorButton","appendChild","_google$maps$drawing$","_this3","polyOptions","fillOpacity","editable","DrawingManager","drawingMode","POLYGON","drawingControl","markerOptions","draggable","_defineProperty","addListener","e","newShape","overlay","paths","getPath","getArray","lat","lng","toFixed","forEach","latLng","toString","_google$maps$drawing$2","_this4","CIRCLE","MARKER","getCenter","radius","getRadius","activeDraw","circle","_google$maps$drawing$3","_this5","initDrawManager","_this6","drawingControlOptions","ControlPosition","BOTTOM_RIGHT","drawingModes","RECTANGLE","alert","join","marker","getPosition","rectangle","getBounds","showArrays","vertices","contentString","getLength","xy","getAt","infoWindow","setContent","setPosition","open","components","VuePerfectScrollbar","component"],"mappings":"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","file":"js/chunk-1eae2a00.df99e785.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/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!./Zone.vue?vue&type=style&index=0&id=69602dc6&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{attrs:{\"id\":\"map\"}}),_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticStyle:{\"margin-left\":\"5px\"}},[_c('vs-row',{attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{attrs:{\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('NameZone')},model:{value:(_vm.nameZone),callback:function ($$v) {_vm.nameZone=$$v},expression:\"nameZone\"}}),_c('vs-divider'),_c('b',[_vm._v(_vm._s(_vm.$t('VesselGroup')))]),_c('div',{staticClass:\"demo-alignment\",staticStyle:{\"flex-wrap\":\"nowrap\"}},[_c('vs-checkbox',{attrs:{\"vs-value\":\"1\"},model:{value:(_vm.selectVesselGroup),callback:function ($$v) {_vm.selectVesselGroup=$$v},expression:\"selectVesselGroup\"}},[_vm._v(\"Excise-tanker\")]),_c('vs-checkbox',{attrs:{\"vs-value\":\"2\"},model:{value:(_vm.selectVesselGroup),callback:function ($$v) {_vm.selectVesselGroup=$$v},expression:\"selectVesselGroup\"}},[_vm._v(\"Excise-tanker-shipping\")])],1),_c('vs-divider'),_c('b',[_vm._v(_vm._s(_vm.$t('DetectionRule')))]),_c('vs-select',{staticClass:\"selectExample w-full\",attrs:{\"placeholder\":\"Select Event\",\"label\":\"Event\"},model:{value:(_vm.rule.event),callback:function ($$v) {_vm.$set(_vm.rule, \"event\", $$v)},expression:\"rule.event\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('div',{staticClass:\"demo-alignment\",staticStyle:{\"flex-wrap\":\"nowrap\",\"margin-top\":\"5px\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('StopRadius')},model:{value:(_vm.rule.stop_radius),callback:function ($$v) {_vm.$set(_vm.rule, \"stop_radius\", $$v)},expression:\"rule.stop_radius\"}}),_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('StopPeriod')},model:{value:(_vm.rule.stop_period),callback:function ($$v) {_vm.$set(_vm.rule, \"stop_period\", $$v)},expression:\"rule.stop_period\"}})],1),_c('label',{staticStyle:{\"font-size\":\"12px\",\"margin-top\":\"60px\"},attrs:{\"for\":\"email\"}},[_vm._v(_vm._s(_vm.$t('EmailList')))]),_c('vs-textarea',{staticStyle:{\"background-color\":\"white\",\"border\":\"1px solid rgba(0, 0, 0, 0.2)\"},attrs:{\"id\":\"email\"},model:{value:(_vm.rule.email_list),callback:function ($$v) {_vm.$set(_vm.rule, \"email_list\", $$v)},expression:\"rule.email_list\"}}),_c('vs-button',{staticClass:\"w-full\",attrs:{\"color\":\"warning\",\"icon-pack\":\"feather\",\"icon\":\"icon-plus\"},on:{\"click\":function($event){return _vm.addDetectionRules()}}},[_vm._v(_vm._s(_vm.$t('Add')))])],1),_c('vs-col',{staticClass:\"mt-3\",attrs:{\"vs-lg\":\"8\",\"vs-sm\":\"8\",\"vs-xs\":\"12\"}},[_c('div',{staticClass:\"demo-alignment\",staticStyle:{\"flex-wrap\":\"nowrap\",\"margin-top\":\"5px\"}},[_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-move\"},on:{\"click\":function($event){return _vm.selectMove()}}},[_vm._v(_vm._s(_vm.$t('Selected')))]),_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-alert-octagon\"},on:{\"click\":function($event){_vm.polygon=true,_vm.cricle=false,_vm.polyline=false,_vm.darwPolygon()}}},[_vm._v(_vm._s(_vm.$t('Polygon')))]),_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"warning\",\"icon-pack\":\"feather\",\"icon\":\"icon-circle\"},on:{\"click\":function($event){_vm.cricle=true,_vm.polygon=false,_vm.polyline=false,_vm.darwCircle()}}},[_vm._v(_vm._s(_vm.$t('Circle')))]),_c('vs-button',{staticClass:\"w-full\",staticStyle:{\"margin\":\"3px\"},attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-minus\"},on:{\"click\":function($event){_vm.polyline=true,_vm.cricle=false,_vm.polygon=false,_vm.darwPolyLine()}}},[_vm._v(_vm._s(_vm.$t('Polyline')))])],1),_c('br'),_c('div',{attrs:{\"id\":\"color-palette\"}}),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"lg:w-1/2 md:w-1/2 lx:w-1/2 pr-1\"},[_c('vs-button',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-save\"},on:{\"click\":function($event){return _vm.insertZone()}}},[_vm._v(_vm._s(_vm.$t('Save')))])],1),_c('div',{staticClass:\"lg:w-1/2 md:w-1/2 lx:w-1/2 pl-1\"},[_c('vs-button',{staticClass:\"w-full\",attrs:{\"id\":\"delete-button\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash-2\"}},[_vm._v(_vm._s(_vm.$t('Delete')))])],1)]),_c('VuePerfectScrollbar',{staticClass:\"scroll-area--dataDrawing pt-4 pb-6 pr-2\"},[_c('vs-list-header',{attrs:{\"title\":_vm.$t('Polygon')}}),_c('vs-list',_vm._l((_vm.zone_polygons),function(polygon,index){return _c('vs-list-item',{key:index},[_c('b',[_vm._v(\"polygon \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n                  \"+_vm._s(polygon)+\"\\n                \")])}),1),_c('vs-list-header',{attrs:{\"title\":_vm.$t('Circle')}}),_c('vs-list',_vm._l((_vm.zone_circles),function(cricle,index){return _c('vs-list-item',{key:index,staticClass:\"ml-0\"},[_c('b',[_vm._v(\"Cricle \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n                  \"+_vm._s(cricle)+\"\\n                \")])}),1),_c('vs-list-header',{attrs:{\"title\":_vm.$t('Polyline')}}),_c('vs-list',_vm._l((_vm.zone_lines),function(line,index){return _c('vs-list-item',{key:index},[_c('b',[_vm._v(\"Line \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n                  \"+_vm._s(line)+\"\\n                \")])}),1),_c('vs-list-header',{attrs:{\"title\":_vm.$t('DetectionRule')}}),_c('vs-list',_vm._l((_vm.detection_rules),function(rules,index){return _c('vs-list-item',{key:index},[_c('b',[_vm._v(\"rules \"+_vm._s(index+1)+\".\")]),_vm._v(\"\\n                  \"+_vm._s(rules)+\"\\n                \")])}),1)],1)],1)],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n   \n        <div id=\"map\"></div>\n        <div class=\"vx-col w-full\">\n          <div style=\"margin-left:5px\">\n          <vs-row vs-w=\"12\">\n            <vs-col vs-lg=\"4\" vs-sm=\"4\" vs-xs=\"12\">\n              <vs-input :label=\"$t('NameZone')\" v-model=\"nameZone\" class=\"w-full\" />\n              <vs-divider></vs-divider>\n              <b>{{ $t('VesselGroup') }}</b>\n              <div class=\"demo-alignment\" style=\"flex-wrap: nowrap;\">\n                <vs-checkbox v-model=\"selectVesselGroup\" vs-value=\"1\">Excise-tanker</vs-checkbox>\n                <vs-checkbox v-model=\"selectVesselGroup\" vs-value=\"2\">Excise-tanker-shipping</vs-checkbox>\n              </div>\n              <vs-divider></vs-divider>\n              <b>{{$t('DetectionRule')}}</b>\n              <vs-select\n                placeholder=\"Select Event\"\n                class=\"selectExample w-full\"\n                label=\"Event\"\n                v-model=\"rule.event\"\n              >\n                <vs-select-item\n                  :key=\"index\"\n                  :value=\"item.value\"\n                  :text=\"item.text\"\n                  v-for=\"(item,index) in options1\"\n                />\n              </vs-select>\n              <div class=\"demo-alignment\" style=\"flex-wrap: nowrap;margin-top:5px\">\n                <vs-input :label=\"$t('StopRadius')\" v-model=\"rule.stop_radius\" class=\"w-full\" />\n                <vs-input :label=\"$t('StopPeriod')\" v-model=\"rule.stop_period\" class=\"w-full\" />\n              </div>\n              <label for=\"email\" style=\"font-size:12px;margin-top:60px;\">{{$t('EmailList')}}</label>\n              <vs-textarea\n                id=\"email\"\n                v-model=\"rule.email_list\"\n                style=\"background-color: white;border: 1px solid rgba(0, 0, 0, 0.2);\"\n              />\n              <vs-button\n                @click=\"addDetectionRules()\"\n                class=\"w-full\"\n                color=\"warning\"\n                icon-pack=\"feather\"\n                icon=\"icon-plus\"\n              >{{ $t('Add') }}</vs-button>\n            </vs-col>\n\n            <vs-col vs-lg=\"8\" vs-sm=\"8\" vs-xs=\"12\" class=\"mt-3\">\n              <div class=\"demo-alignment\" style=\"flex-wrap: nowrap;margin-top:5px\">\n                <vs-button\n                  style=\"margin:3px\"\n                  @click=\"selectMove()\"\n                  class=\"w-full\"\n                  color=\"primary\"\n                  icon-pack=\"feather\"\n                  icon=\"icon-move\"\n                >{{$t('Selected')}}</vs-button>\n                <vs-button\n                  style=\"margin:3px\"\n                  @click=\"polygon=true,cricle=false,polyline=false,darwPolygon()\"\n                  class=\"w-full\"\n                  color=\"success\"\n                  icon-pack=\"feather\"\n                  icon=\"icon-alert-octagon\"\n                >{{$t('Polygon')}}</vs-button>\n                <vs-button\n                  style=\"margin:3px\"\n                  @click=\"cricle=true,polygon=false,polyline=false,darwCircle()\"\n                  class=\"w-full\"\n                  color=\"warning\"\n                  icon-pack=\"feather\"\n                  icon=\"icon-circle\"\n                >{{$t('Circle')}}</vs-button>\n                <vs-button\n                  style=\"margin:3px\"\n                  @click=\"polyline=true,cricle=false,polygon=false,darwPolyLine()\"\n                  class=\"w-full\"\n                  color=\"primary\"\n                  icon-pack=\"feather\"\n                  icon=\"icon-minus\"\n                >{{$t('Polyline')}}</vs-button>\n              </div>\n              <br />\n              <div id=\"color-palette\"></div>\n              <div class=\"vx-row\">\n                <div class=\"lg:w-1/2 md:w-1/2 lx:w-1/2 pr-1\">\n                  <vs-button\n                    class=\"w-full\"\n                    @click=\"insertZone()\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-save\"\n                  >{{ $t('Save') }}</vs-button>\n                </div>\n                <div class=\"lg:w-1/2 md:w-1/2 lx:w-1/2 pl-1\">\n                  <vs-button\n                    id=\"delete-button\"\n                    class=\"w-full\"\n                    color=\"danger\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-trash-2\"\n                  >{{ $t('Delete') }}</vs-button>\n                </div>\n              </div>\n\n              <VuePerfectScrollbar class=\"scroll-area--dataDrawing pt-4 pb-6 pr-2\">\n                <vs-list-header :title=\"$t('Polygon')\"></vs-list-header>\n                <vs-list>\n                  <vs-list-item v-for=\" (polygon,index) in zone_polygons\" :key=\"index\">\n                    <b>polygon {{index+1}}.</b>\n                    {{polygon}}\n                  </vs-list-item>\n                </vs-list>\n                <vs-list-header :title=\"$t('Circle')\"></vs-list-header>\n                <vs-list>\n                  <vs-list-item v-for=\"(cricle,index) in zone_circles\" :key=\"index\" class=\"ml-0\">\n                    <b>Cricle {{index+1}}.</b>\n                    {{cricle}}\n                  </vs-list-item>\n                </vs-list>\n                <vs-list-header :title=\"$t('Polyline')\"></vs-list-header>\n                <vs-list>\n                  <vs-list-item v-for=\" (line,index) in zone_lines\" :key=\"index\">\n                    <b>Line {{index+1}}.</b>\n                    {{line}}\n                  </vs-list-item>\n                </vs-list>\n                <vs-list-header :title=\"$t('DetectionRule')\"></vs-list-header>\n                <vs-list>\n                  <vs-list-item v-for=\" (rules,index) in detection_rules\" :key=\"index\">\n                    <b>rules {{index+1}}.</b>\n                    {{rules}}\n                  </vs-list-item>\n                </vs-list>\n              </VuePerfectScrollbar>\n            </vs-col>\n          </vs-row>\n        </div>\n      </div>\n\n\n\n\n  </div>\n\n\n</template>\n<script>\nimport axios from \"axios\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport MarkerClusterer from \"@google/markerclusterer\";\nimport gmapsInit from \"@/gmap/gmaps\";\nimport { SERVER_SYNC_INTERVAL, API_BASE_URL } from \"@/constants\";\nimport { lstat } from \"fs\";\nimport { mapState } from \"vuex\";\nimport { isRegExp } from \"util\";\nexport default {\n  data() {\n    return {\n      selectVesselGroup: [],\n      stopRadius: \"\",\n      stopperiod: \"\",\n      email: \"\",\n      selectEvent: [],\n      options1: [\n        { text: \"Enter\", value: \"enter\" },\n        { text: \"Exit\", value: \"exit\" },\n        { text: \"Cross\", value: \"cross\" },\n        { text: \"Idle\", value: \"idle\" }\n      ],\n      google: null,\n      geocoder: null,\n      nameZone: null,\n      map: null,\n      drawingManager: null,\n      selectedShape: null,\n      colors: [\"#1E90FF\", \"#FF1493\", \"#32CD32\", \"#FF8C00\", \"#4B0082\"],\n      selectedColor: null,\n      colorButtons: {},\n      typeExciseTanker: null,\n      typeExciseTankerShipping: null,\n      drawingtype: null,\n      myCoordinates: \"\",\n      zone_polygons: [],\n      zone_circles: [],\n      zone_lines: [],\n      rule: {\n        event: \"\",\n        stop_radius: \"\",\n        stop_period: \"\",\n        email_list: \"\"\n      },\n      detection_rules: [],\n      chkDelete: \"\",\n      zone: {\n        to_s: \"\",\n        name: \"\"\n      },\n      accessEmail: \"\",\n      accessToken: \"\",\n      cricle: false,\n      polygon: false,\n      polyline: false\n    };\n  },\n\n  async mounted() {\n    this.accessEmail = localStorage.getItem(\"accessEmail\");\n    this.accessToken = localStorage.getItem(\"accessToken\");\n    this.$store.dispatch(\"updateTitlePage\", \"Zones\");\n    this.all = require(\"../../milesSea/all.json\");\n    this.initMap();\n  },\n  methods: {\n    addDetectionRules() {\n      console.log(\"add rule\");\n      this.detection_rules.push(this.rule);\n      this.rule = {};\n    },\n    selectMove() {\n      if (this.drawingManager) {\n        this.drawingManager.setDrawingMode(null);\n        this.drawingManager = null;\n      }\n    },\n    insertZone() {\n      //manage data polygon\n      var dataZone = [];\n      for (var i = 0; i < this.zone_polygons.length; i++) {\n        dataZone.push({ area_data: this.zone_polygons[i] });\n      }\n      var insetZoneData = {};\n      insetZoneData = this.toObject(dataZone);\n\n      //manage data circle\n      var dataCircle = [];\n      for (var i = 0; i < this.zone_circles.length; i++) {\n        dataCircle.push(this.zone_circles[i]);\n      }\n      var insertCircle = {};\n      insertCircle = this.toObjectCircle(dataCircle);\n\n      //manage data line\n      var dataLine = [];\n      for (var i = 0; i < this.zone_lines.length; i++) {\n        dataLine.push({ path_data: this.zone_lines[i] });\n      }\n      var insertLine = {};\n      insertLine = this.toObjectLine(dataLine);\n\n      //manage data evnt\n      var dataEvent = [];\n      for (var i = 0; i < this.detection_rules.length; i++) {\n        dataEvent.push(this.detection_rules[i]);\n      }\n      var insertEvent = {};\n      insertEvent = this.toObjectEvent(dataEvent);\n\n      // manage to serve\n      var zone = {\n        name: this.nameZone,\n        vessel_group_ids: this.selectVesselGroup,\n        zone_polygons_attributes: insetZoneData,\n        zone_circles_attributes: insertCircle,\n        zone_lines_attributes: insertLine,\n        detection_rules_attributes: insertEvent\n      };\n      console.log(\"zone go insert\", zone);\n      axios\n        .post(\n          `${API_BASE_URL}/admin/zones.json`,\n          { zone },\n          {\n            headers: {\n              \"X-User-Email\": this.accessEmail,\n              \"X-User-Token\": this.accessToken\n            }\n          }\n        )\n        .then(response => {\n          console.log(response.data);\n          this.$vs.notify({\n            title: this.$t(\"Success\"),\n            text: this.$t(\"เพิ่มข้อมูล สำเร็จ\"),\n            color: \"success\",\n            iconPack: \"feather\",\n            position: \"top-center\",\n            icon: \"icon-alert-circle\",\n            time: 5000\n          });\n          this.nameZone = \"\";\n          this.zone_polygons = [];\n          this.zone_circles = [];\n          this.zone_lines = [];\n          this.$router.push(\"Listzone\");\n        })\n        .catch(error => {\n          console.log(error);\n          this.$vs.notify({\n            title: this.$t(\"Error\"),\n            text: error,\n            color: \"danger\",\n            iconPack: \"feather\",\n            position: \"top-center\",\n            icon: \"icon-alert-circle\",\n            time: 5000\n          });\n        });\n    },\n    toObject(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv polygon : \", rv);\n      return rv;\n    },\n    toObjectCircle(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv cicle : \", rv);\n      return rv;\n    },\n    toObjectLine(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv cicle : \", rv);\n      return rv;\n    },\n    toObjectEvent(arr) {\n      var rv = {};\n      for (var i = 0; i < arr.length; ++i) rv[i] = arr[i];\n      console.log(\"Rv cicle : \", rv);\n      return rv;\n    },\n    fnInsertToObPolygon() {\n      this.zone_polygons.push(this.myCoordinates);\n      this.myCoordinates = \"\";\n    },\n    fnInsertToObline() {\n      this.zone_lines.push(this.myCoordinates);\n      this.myCoordinates = \"\";\n    },\n    async initMap() {\n      try {\n        this.google = await gmapsInit();\n        this.geocoder = new google.maps.Geocoder();\n        var latlng = new google.maps.LatLng(11.523924, 100.518503);\n        var options = {\n          zoom: 6,\n          center: latlng,\n          streetViewControl: false,\n          mapTypeControl: false,\n          mapTypeId: google.maps.MapTypeId.ROADMAP,\n          fullscreenControl: true,\n          gestureHandling: \"greedy\"\n        };\n\n        this.map = new google.maps.Map(this.$el.querySelector(\"#map\"), options);\n        google.maps.event.trigger(this.map, \"resize\");\n        this.fnAreaColor();\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    fnAreaColor() {\n      this.map.data.addGeoJson(this.all);\n      this.map.data.setStyle(function(feature) {\n        var color = feature.getProperty(\"color\");\n        if (color == \"red\") {\n          color = \"red\";\n        } else if (color == \"green\") {\n          color = \"#10FD1E\";\n        } else if (color == \"blue\") {\n          color = \"#00BDFF\";\n        }\n        return {\n          fillColor: color,\n          strokeWeight: 0\n        };\n      });\n    },\n    // Draw manager\n    clearSelection() {\n      if (this.selectedShape) {\n        this.selectedShape.setEditable(false);\n        this.selectedShape = null;\n      }\n    },\n    setSelection(shape) {\n      this.clearSelection();\n      this.selectedShape = shape;\n      shape.setEditable(true);\n      this.selectColor(shape.get(\"fillColor\") || shape.get(\"strokeColor\"));\n    },\n    deleteSelectedShape() {\n      if (this.selectedShape) {\n        this.selectedShape.setMap(null);\n      }\n      if (this.polygon == true) {\n        for (let i = 0; i < this.zone_polygons.length; i++) {\n          if (this.zone_polygons[i] == this.chkDelete) {\n            this.zone_polygons.splice(i, 1);\n          }\n        }\n      }\n      if (this.cricle == true) {\n        for (let j = 0; j < this.zone_circles.length; j++) {\n          if (\n            this.zone_circles[j].longitude == this.chkDelete.longitude &&\n            this.zone_circles[j].latitude == this.chkDelete.latitude\n          ) {\n            this.zone_circles.splice(j, 1);\n          }\n        }\n      }\n      if (this.polyline == true) {\n        console.log(\"del line\");\n        for (let j = 0; j < this.zone_lines.length; j++) {\n          if (this.zone_lines[j] == this.chkDelete) {\n            this.zone_lines.splice(j, 1);\n          }\n        }\n      }\n    },\n    selectColor(color) {\n      this.selectedColor = color;\n      for (var i = 0; i < this.colors.length; ++i) {\n        var currColor = this.colors[i];\n        // this.colorButtons[currColor].style.border =\n        //   currColor == color ? \"2px solid #789\" : \"2px solid #fff\";\n      }\n\n      // Retrieves the current options from the drawing manager and replaces the\n      // stroke or fill color as appropriate.\n      var polylineOptions = this.drawingManager.get(\"polylineOptions\");\n      polylineOptions.strokeColor = color;\n      this.drawingManager.set(\"polylineOptions\", polylineOptions);\n\n      var rectangleOptions = this.drawingManager.get(\"rectangleOptions\");\n      rectangleOptions.fillColor = color;\n      this.drawingManager.set(\"rectangleOptions\", rectangleOptions);\n\n      var circleOptions = this.drawingManager.get(\"circleOptions\");\n      circleOptions.fillColor = color;\n      this.drawingManager.set(\"circleOptions\", circleOptions);\n\n      var polygonOptions = this.drawingManager.get(\"polygonOptions\");\n      polygonOptions.fillColor = color;\n      this.drawingManager.set(\"polygonOptions\", polygonOptions);\n    },\n    setSelectedShapeColor(color) {\n      if (this.selectedShape) {\n        if (\n          this.selectedShape.type == google.maps.drawing.OverlayType.POLYLINE\n        ) {\n          this.selectedShape.set(\"strokeColor\", color);\n        } else {\n          this.selectedShape.set(\"fillColor\", color);\n        }\n      }\n    },\n    makeColorButton(color) {\n      var button = document.createElement(\"span\");\n      button.className = \"color-button\";\n      button.style.backgroundColor = color;\n      google.maps.event.addDomListener(button, \"click\", () => {\n        this.selectColor(color);\n        this.setSelectedShapeColor(color);\n      });\n\n      return button;\n    },\n    buildColorPalette() {\n      var colorPalette = document.getElementById(\"color-palette\");\n      for (var i = 0; i < this.colors.length; ++i) {\n        var currColor = this.colors[i];\n        var colorButton = this.makeColorButton(currColor);\n        colorPalette.appendChild(colorButton);\n        this.colorButtons[currColor] = colorButton;\n      }\n      this.selectColor(this.colors[0]);\n    },\n    darwPolygon() {\n      this.selectMove();\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        drawingMode: google.maps.drawing.OverlayType.POLYGON,\n        drawingControl: false,\n        polygonOptions: polyOptions,\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          this.chkDelete = \"\";\n          this.cricle = false;\n          this.polygon = true;\n          this.polyline = false;\n          // Switch back to non-drawing mode after drawing a shape.\n          // this.drawingManager.setDrawingMode(null);\n\n          var newShape = e.overlay;\n          var paths = e.overlay.getPath().getArray();\n          var myCoordinatesss;\n          newShape.type = e.type;\n          google.maps.event.addListener(newShape, \"click\", e => {\n            this.cricle = false;\n            this.polygon = true;\n            this.polyline = false;\n\n            var paths = newShape.getPath().getArray();\n            this.chkDelete = \"\";\n            this.myCoordinates = \"\";\n            for (var i = 0; i < paths.length; i++) {\n              var lat = paths[i].lat();\n              var lng = paths[i].lng();\n              this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n              this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n            }\n            this.setSelection(newShape);\n          });\n          this.setSelection(newShape);\n\n          this.myCoordinates = \"\";\n          for (var i = 0; i < paths.length; i++) {\n            var lat = paths[i].lat();\n            var lng = paths[i].lng();\n            this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n              6\n            )} ${lat.toFixed(6)}`;\n            this.chkDelete = `${this.chkDelete},${lng.toFixed(6)} ${lat.toFixed(\n              6\n            )}`;\n          }\n          this.fnInsertToObPolygon();\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polygoncomplete\",\n        polygon => {\n          google.maps.event.addListener(polygon, \"click\", e => {\n            this.chkDelete = \"\";\n            this.cricle = false;\n            this.polygon = true;\n            this.polyline = false;\n            var paths = polygon.getPath().getArray();\n            this.myCoordinates = \"\";\n            this.chkDelete = \"\";\n            for (var i = 0; i < paths.length; i++) {\n              var lat = paths[i].lat();\n              var lng = paths[i].lng();\n              this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n              this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n            }\n            var arr = [];\n            polygon.getPath().forEach(latLng => {\n              arr.push(latLng.toString());\n            });\n          });\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n    },\n    darwCircle() {\n      this.selectMove();\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        drawingMode: google.maps.drawing.OverlayType.CIRCLE,\n        drawingControl: false,\n        polygonOptions: polyOptions,\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          // this.drawingManager.setDrawingMode(null);\n          if (e.type != google.maps.drawing.OverlayType.MARKER) {\n            var newShape = e.overlay;\n            newShape.type = e.type;\n\n            google.maps.event.addListener(newShape, \"click\", e => {\n              this.chkDelete = \"\";\n              this.cricle = true;\n              this.polygon = false;\n              this.polyline = false;\n              this.chkDelete = {\n                longitude: newShape\n                  .getCenter()\n                  .lng()\n                  .toFixed(6),\n                latitude: newShape\n                  .getCenter()\n                  .lat()\n                  .toFixed(6),\n                radius: newShape.getRadius().toFixed(6)\n              };\n              this.setSelection(newShape);\n              console.log(\"select circle\");\n            });\n            this.setSelection(newShape);\n          } else {\n          }\n          this.activeDraw = true;\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"circlecomplete\",\n        circle => {\n          this.chkDelete = \"\";\n          this.cricle = true;\n          this.polygon = false;\n          this.polyline = false;\n          this.zone_circles.push({\n            longitude: circle\n              .getCenter()\n              .lng()\n              .toFixed(6),\n            latitude: circle\n              .getCenter()\n              .lat()\n              .toFixed(6),\n            radius: circle.getRadius().toFixed(6)\n          });\n          this.chkDelete = {\n            longitude: circle\n              .getCenter()\n              .lng()\n              .toFixed(6),\n            latitude: circle\n              .getCenter()\n              .lat()\n              .toFixed(6),\n            radius: circle.getRadius().toFixed(6)\n          };\n          google.maps.event.addListener(circle, \"click\", e => {\n            this.chkDelete = \"\";\n            this.cricle = true;\n            this.polygon = false;\n            this.polyline = false;\n            this.chkDelete = {\n              longitude: circle\n                .getCenter()\n                .lng()\n                .toFixed(6),\n              latitude: circle\n                .getCenter()\n                .lat()\n                .toFixed(6),\n              radius: circle.getRadius().toFixed(6)\n            };\n          });\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n    },\n    darwPolyLine() {\n      this.cricle = false;\n      this.polygon = false;\n      this.polyline = true;\n      this.selectMove();\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        drawingMode: google.maps.drawing.OverlayType.POLYLINE,\n        drawingControl: false,\n        polygonOptions: polyOptions,\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          this.cricle = false;\n          this.polygon = false;\n          this.polyline = true;\n          if (e.type != google.maps.drawing.OverlayType.MARKER) {\n            var newShape = e.overlay;\n            newShape.type = e.type;\n            google.maps.event.addListener(newShape, \"click\", e => {\n              this.cricle = false;\n              this.polygon = false;\n              this.polyline = true;\n              var line = newShape.getPath().getArray();\n              this.chkDelete = \"\";\n              for (var i = 0; i < line.length; i++) {\n                var lat = line[i].lat();\n                var lng = line[i].lng();\n                this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                  6\n                )} ${lat.toFixed(6)}`;\n              }\n              console.log(\"chk del : ,\", this.chkDelete);\n              this.setSelection(newShape);\n            });\n            this.setSelection(newShape);\n          } else {\n          }\n          var line = e.overlay.getPath().getArray();\n          this.chkDelete = \"\";\n          this.myCoordinates = \"\";\n          for (var i = 0; i < line.length; i++) {\n            var lat = line[i].lat();\n            var lng = line[i].lng();\n            console.log(\"lat\", lat);\n            console.log(\"lng\", lng);\n            this.myCoordinates = `${this.myCoordinates},${lng.toFixed(\n              6\n            )} ${lat.toFixed(6)}`;\n            this.chkDelete = `${this.chkDelete},${lng.toFixed(6)} ${lat.toFixed(\n              6\n            )}`;\n          }\n          this.zone_lines.push(this.myCoordinates);\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polylinecomplete\",\n        polyline => {\n          google.maps.event.addListener(polyline, \"click\", e => {\n            this.cricle = false;\n            this.polygon = false;\n            this.polyline = true;\n\n            var line = newShape.getPath().getArray();\n            this.chkDelete = \"\";\n            for (var i = 0; i < line.length; i++) {\n              var lat = line[i].lat();\n              var lng = line[i].lng();\n              this.chkDelete = `${this.chkDelete},${lng.toFixed(\n                6\n              )} ${lat.toFixed(6)}`;\n            }\n          });\n          console.log(\"Line\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n    },\n    initDrawManager() {\n      var polyOptions = {\n        strokeWeight: 0,\n        fillOpacity: 0.45,\n        editable: true\n      };\n      // Creates a drawing manager attached to the map that allows the user to draw\n      // markers, lines, and shapes.\n      this.drawingManager = new google.maps.drawing.DrawingManager({\n        //drawingMode: google.maps.drawing.OverlayType.RECTANGLE,\n        drawingControl: false,\n        drawingControlOptions: {\n          position: google.maps.ControlPosition.BOTTOM_RIGHT,\n          drawingModes: [\n            google.maps.drawing.OverlayType.MARKER,\n            google.maps.drawing.OverlayType.CIRCLE,\n            google.maps.drawing.OverlayType.POLYGON,\n            google.maps.drawing.OverlayType.POLYLINE,\n            google.maps.drawing.OverlayType.RECTANGLE\n          ]\n        },\n        markerOptions: {\n          draggable: true\n        },\n        polylineOptions: {\n          editable: true\n        },\n        rectangleOptions: polyOptions,\n        circleOptions: polyOptions,\n        polygonOptions: polyOptions,\n        map: this.map\n      });\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"overlaycomplete\",\n        e => {\n          // Switch back to non-drawing mode after drawing a shape.\n          // this.drawingManager.setDrawingMode(null);\n\n          if (e.type != google.maps.drawing.OverlayType.MARKER) {\n            var newShape = e.overlay;\n            newShape.type = e.type;\n            google.maps.event.addListener(newShape, \"click\", e => {\n              this.setSelection(newShape);\n            });\n            this.setSelection(newShape);\n          } else {\n          }\n          console.log(\"Draw Success ....\");\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polygoncomplete\",\n        polygon => {\n          google.maps.event.addListener(polygon, \"click\", e => {\n            var arr = [];\n            polygon.getPath().forEach(latLng => {\n              arr.push(latLng.toString());\n            });\n            alert(arr.join(\",\\n\"));\n          });\n          console.log(\"Poligon\");\n        }\n      );\n\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"circlecomplete\",\n        circle => {\n          google.maps.event.addListener(circle, \"click\", e => {\n            alert(circle.getCenter() + \" : \" + circle.getRadius());\n          });\n          console.log(\"Crlcle\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"markercomplete\",\n        marker => {\n          google.maps.event.addListener(marker, \"click\", e => {\n            alert(marker.getPosition());\n          });\n          console.log(\"Marker\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"polylinecomplete\",\n        polyline => {\n          google.maps.event.addListener(polyline, \"click\", e => {\n            var arr = [];\n            polyline.getPath().forEach(latLng => {\n              arr.push(latLng.toString());\n            });\n            alert(arr.join(\",\\n\"));\n          });\n          console.log(\"Line\");\n        }\n      );\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"rectanglecomplete\",\n        rectangle => {\n          google.maps.event.addListener(rectangle, \"click\", e => {\n            alert(rectangle.getBounds());\n          });\n          console.log(\"Rectangel\");\n        }\n      );\n\n      // Clear the current selection when the drawing mode is changed, or when the\n      // map is clicked.\n      google.maps.event.addListener(\n        this.drawingManager,\n        \"drawingmode_changed\",\n        this.clearSelection\n      );\n      google.maps.event.addListener(this.map, \"click\", this.clearSelection);\n      google.maps.event.addDomListener(\n        document.getElementById(\"delete-button\"),\n        \"click\",\n        this.deleteSelectedShape\n      );\n\n      this.buildColorPalette();\n    },\n    showArrays(event) {\n      var vertices = this.getPath();\n\n      var contentString =\n        \"<b>Bermuda Triangle polygon</b><br>\" +\n        \"Clicked location: <br>\" +\n        event.latLng.lat() +\n        \",\" +\n        event.latLng.lng() +\n        \"<br>\";\n\n      // Iterate over the vertices.\n      for (var i = 0; i < vertices.getLength(); i++) {\n        var xy = vertices.getAt(i);\n        contentString +=\n          \"<br>\" + \"Coordinate \" + i + \":<br>\" + xy.lat() + \",\" + xy.lng();\n      }\n\n      // Replace the info window's content and position.\n      infoWindow.setContent(contentString);\n      infoWindow.setPosition(event.latLng);\n\n      infoWindow.open(this.map);\n    }\n  },\n  components: {\n    VuePerfectScrollbar\n  }\n};\n</script>\n<style lang=\"scss\">\n#map {\n  position: relative;\n  width: 100%;\n  height: 60%;\n}\n\n.custom-pin {\n  height: 1em;\n  line-height: 1;\n  width: 1em;\n  padding: 0.7em;\n  text-align: center;\n  cursor: pointer;\n  color: white;\n  background: black;\n  position: absolute;\n  border-radius: 0.5em;\n  font-size: 1em;\n  font-weight: bold;\n  transition: all 500ms;\n}\n\n.color-button {\n  width: 30px;\n  height: 30px;\n  font-size: 0;\n  margin: 2px;\n  float: right;\n  cursor: pointer;\n}\n\n.header-sidebar-draw {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  width: 100%;\n  h4 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    > button {\n      margin-left: 10px;\n    }\n  }\n}\n\n.footer-sidebar-draw {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  > button {\n    border: 0px solid rgba(0, 0, 0, 0) !important;\n    border-left: 1px solid rgba(0, 0, 0, 0.07) !important;\n    border-radius: 0px !important;\n  }\n}\n.customizer-btn-drawingMap {\n  position: fixed;\n  top: 49%;\n  right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  z-index: 30000;\n  color: white;\n}\n.customizer-btn-color-polygon {\n  position: fixed;\n  // margin-left: 80px;\n  top: 90%;\n  left: 89px;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  z-index: 30000;\n  color: white;\n}\n\n#color-palette {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  z-index: 30000;\n  color: rgb(224, 31, 31);\n}\n.vs-list--slot {\n  margin-left: 0;\n}\n.demo-alignment > * {\n  margin-right: 9px;\n  margin-top: 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./Zone.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/@vue/cli-plugin-babel/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!./Zone.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Zone.vue?vue&type=template&id=69602dc6\"\nimport script from \"./Zone.vue?vue&type=script&lang=js\"\nexport * from \"./Zone.vue?vue&type=script&lang=js\"\nimport style0 from \"./Zone.vue?vue&type=style&index=0&id=69602dc6&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}