{"version":3,"sources":["webpack:///./node_modules/core-js/internals/engine-ff-version.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./node_modules/core-js/internals/array-from.js","webpack:///./node_modules/core-js/modules/es.array.sort.js","webpack:///./node_modules/core-js/internals/engine-webkit-version.js","webpack:///./node_modules/@babel/runtime/helpers/esm/objectSpread2.js","webpack:///./src/client/ClusterSpotsModal.vue?ae5b","webpack:///./src/client/BathymetryMap.vue?8b2f","webpack:///./src/client/ClusterSpotsModal.vue","webpack:///src/client/ClusterSpotsModal.vue","webpack:///./src/client/ClusterSpotsModal.vue?ab21","webpack:///./src/client/ClusterSpotsModal.vue?e2ad","webpack:///./node_modules/core-js/internals/call-with-safe-iteration-closing.js","webpack:///./node_modules/core-js/modules/es.array.from.js","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./node_modules/core-js/modules/es.object.keys.js","webpack:///./node_modules/core-js/internals/engine-is-ie-or-edge.js","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptor.js","webpack:///./src/client/BathymetryMap.vue","webpack:///src/client/BathymetryMap.vue","webpack:///./src/client/BathymetryMap.vue?9f55","webpack:///./src/client/BathymetryMap.vue?ec5a"],"names":["userAgent","firefox","match","module","exports","_arrayLikeToArray","arr","len","length","i","arr2","Array","_arrayWithoutHoles","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","from","_unsupportedIterableToArray","o","minLen","n","Object","prototype","toString","call","slice","constructor","name","test","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","bind","toObject","callWithSafeIterationClosing","isArrayIteratorMethod","isConstructor","lengthOfArrayLike","createProperty","getIterator","getIteratorMethod","$Array","arrayLike","O","IS_CONSTRUCTOR","this","argumentsLength","arguments","mapfn","undefined","mapping","result","step","next","value","iteratorMethod","index","done","$","uncurryThis","aCallable","deletePropertyOrThrow","fails","internalSort","arrayMethodIsStrict","FF","IE_OR_EDGE","V8","WEBKIT","un$Sort","sort","push","FAILS_ON_UNDEFINED","FAILS_ON_NULL","STRICT_METHOD","STABLE_SORT","code","chr","String","fromCharCode","k","v","a","b","charAt","FORCED","getSortCompare","comparefn","x","y","target","proto","forced","array","itemsLength","items","arrayLength","webkit","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","apply","_objectSpread2","source","forEach","key","defineProperty","getOwnPropertyDescriptors","defineProperties","render","_vm","_c","_self","staticClass","attrs","_v","_s","$t","spotsData","_l","spot","id","on","$event","openDetils","properties","spot_id","title","formatDateMM","spot_date","spotted_username","staticRenderFns","toast","position","Vue","props","components","mixins","data","isDisabled","validations","methods","console","date","computed","created","beforeMount","mounted","beforeDestroy","component","anObject","iteratorClose","fn","ENTRIES","error","checkCorrectnessOfIteration","INCORRECT_ITERATION","iterable","stat","_defineProperty","obj","configurable","writable","nativeKeys","FAILS_ON_PRIMITIVES","it","UA","DESCRIPTORS","toIndexedObject","getOwnPropertyDescriptorModule","sham","descriptor","f","nativeGetOwnPropertyDescriptor","openSiderBar","mapLoaded","openFilters","_e","version_id","is_pro_sync","model","selectedProjectId","callback","$$v","expression","onProjectClick","ref","staticStyle","displayedProjects","project","_m","totalSpots","openAdminSpotDetail","applyFilter","getClientAdminSpots","openSpotDetail","accessToken","map","spotData","features","mapFeatures","spotForm","requireLatLong","spot_type_id","location_id","detail","latitude","longitude","questions","client_url","client_id","adminMapStyle","default_map","default_map_zoom","default_latitude","default_longitude","appImage","spotDetailImages","spotDetail","showBackButton","markerColor","routeTracks","projectOptions","loading","currentPage","perPage","ClusterSpotsModal","FiltersModal","TotalCategoryCount","SpotDetailsModal","watch","newProjectId","API","type","description","spotted_by","iconUrl","geometry","coordinates","getClientProjectSpots","projectID","project_id","initMap","lngLat","mapboxgl","container","style","center","zoom","maxZoom","attributionControl","draggable","setLngLat","addTo","url","cluster","clusterMaxZoom","clusterRadius","paint","layout","trackCoordinates","markerElement","coord","setPopup","offset","setHTML","categoryColors","feature","layers","clusterId","clusterSource","logo","event","params","date_from","date_to","categories","locations","surveys","spotTypes","selectedQuestions","countRangeFilter","countRangeValues","openClusterSpotDetail","aFeatures","formatDate","getAppSettings","getNames","page","default_dashboard","defaultProject","localStorage"],"mappings":"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MAAM,CAAC4E,YAAY,CAAC,QAAU,QAAQzE,MAAM,CAAC,GAAK,qB,0RC8EhM,GACAkB,OACAC,2BAGAC,2BACA,OACAC,2CACAG,KAFA,WAGA,OACAwC,gBACAC,iBACAiB,+GACAC,OACAC,YACAC,YACAC,eACAC,UACAC,iBACAC,gBACAC,eACAC,UACA5E,aACA6E,YACAC,aACAC,aACAC,8CACAC,yDAEAC,iBACAC,eACAC,oBACAC,oBACAC,qBACAC,cACAC,oBACAC,cACApG,aACAqG,kBACA5C,aACAgB,aACA6B,eACAC,eACAC,kBACAzC,uBACAO,qBACAmC,WACAC,cACAC,YAGAzF,YACA0F,yBACAC,oBACAC,0BACAC,yBAEApF,QAnDA,WAmDA,WACA,kDACA,eACA,2BAEA,wDACA,sDAGAC,YA5DA,WA6DA,gBACA,kDACA,eACA,qCACA,oDAEA,4BAGAC,QAtEA,WAuEA,uBAGAmF,OACAjD,kBADA,SACAkD,GACA,UAKA,kBAGA,EACA,8BAEA,6BAIA1F,SACAiC,aADA,WAEA,8DAEAoB,oBAJA,WAIA,WACA,GACAgB,yDAEAsB,2BACA9F,GACA,YACA,sBACA,2BAEAA,4BACA,sEACA,OACA,OACA+F,eACA5G,YACAJ,QACAM,sCAEAD,kBACA4G,0CACAC,iDACAzG,4DACAD,oCACA2G,wDACAhB,uGAEAiB,UACAJ,aACAK,uCAGA,0BAiBA,uDAGA,iBAIAC,sBA5DA,SA4DAC,GAAA,WACA,GACA9B,wDACA+B,cAEAT,2BACA9F,GACA,YACA,iBACA,sBAuBA,GAtBA,2BACAA,4BACA,OACA+F,eACA5G,YACAJ,QACAM,sCACAD,kBACA4G,0CACAC,sEACAzG,4DACAD,oCACA2G,wDACAhB,uGAEAiB,UACAJ,aACAK,uCAGA,yBAEA,wBACA,uBACA,qEAGA,iBAKAI,QAtGA,SAsGAC,GAAA,WACA,kBACAC,iCACA,sBACAC,yBACAC,2CACAC,SACAC,2BACAC,WACAC,wBAIA,6BACA,oBACA,4BACA,mBACA,4BACAC,eACAC,UAAAT,GAAAU,MAAA,UAEA,qCACA,oBAEA,6CACAf,wBACAA,yHAEA,sCACA,2BACAA,mFAMA,iBAGA,iBAGA,+BAGA,SACA,yBACA,KACA,YACA,YACA,uCAGA,wBAIA,8BAEAL,cACAqB,6CAKA,gBACA,iBACA,YACA,oBACA,uBACA,UACA,OAYA,cACA,cACA,2BACA,oBACA,IACA,UACA,IACA,aAIA,aAIA,+BACArB,eACA/F,aACAqH,WACAC,kBACAC,mBAIA,gBACAxI,cACAgH,cACAlI,qBACAN,6BACAiK,OACA,gBACA,OACA,sBACA,UACA,IACA,UACA,IACA,WAEA,iBACA,OACA,sBACA,GACA,IACA,GACA,IACA,OAMA,gBACAzI,mBACAgH,cACAlI,qBACAN,6BACAkK,QACA,yCACA,4DACA,eACA,yBAEAD,OACA,0BAKA,OACAhD,yDA8DA,GA5DAsB,qBACA9F,GACA,YAEA,2DAGA,+BACA+F,eACA/F,MACA+F,yBACAlC,WACAkC,eACAI,UACAJ,kBACAK,eAEAjH,mBAMA,gBACAJ,WACAgH,YACAlI,qBACA4J,QACA,mBACA,qBAEAD,OACA,oBACA,eACA,0BAKAE,yBACA,oCACAC,kCACAA,qBACAA,sBACAA,2BACAA,iCAGA,kBACAT,UAAAU,GACAC,SAAA,eAAAC,YACAC,QADA,mBACAxN,IADA,qBACAqN,KADA,kBACAA,KADA,UAEAT,MAAA,aAGA,YACA/G,mDAIA,oCAEA,gBACA,YACA,cACA,aAEA,wBACA,gBAGA,SAGA,mCACA4H,wCAIA,gBACAjJ,uBACAgH,cACAlI,qBACAN,mCACAkK,QACA,cACA,0BACA,+JACA,OAEA,cACA,iBACA,uBACA,sBACA,OACA,OACA,OACA,QACA,WAIAD,OACA,cACA,MACA,cAEA,mBACA,mBACA,MACA,mBAEA,uBAKA,uCACA,wCACAS,GADA,IAEA9I,4CACA8I,cADA,IAEA,sBACA,kCAKA,wCACAlC,yBACAlC,kBAKA,gBACA,YACA,cACA,aAEA,2BAIA,gBACA9E,uBACAgH,cACAlI,qBACAN,mCAUAkK,QACA,cACA,QACA,kBACA,yDACA,uDACA,sBACA,yBACA,OAEA,iBAEA,uBACA,sBACA,OACA,OACA,OACA,QACA,aAOA,yCACA,2CACAS,sBAEA,6BACA,kBACA,QACA,uDACAC,GACA,cACA,GACA,cACAtB,iCACAC,gBAIA,CACA,2CACA,iCAEAsB,wCACA,cACA,gCACA,4EAEA,4CAiCA,kDACA,iDAEA,GADA,+BACA,6BACA,iCACA,iCACA,oCACA,0CACA,mCACA,qCACA,sCACAhC,iCAGA,iDAGA,6CACA,4CAEA,6CACA,qCAGA,kBAKA,oDACA,GACAiC,YAGA/E,oBArhBA,SAqhBAvE,EAAAuJ,GACA,kDAEAhG,YAxhBA,WAyhBA,yDAGAiB,YA5hBA,SA4hBAgF,GAAA,WACA,GACAnJ,iBACAoJ,qBACAC,iBACAnE,sBACAoE,wBACAC,sBACAC,kBACAC,sBACAC,sCACAtE,wDACAuE,oCACAC,oCACAzC,mCAEAnG,6BACA0F,iCACA,YACA,mBACA,8BACA,oBACA,iBACA,2BACA,sDACA,4CACA,2CACA,mDACA,sBACA9F,4BACAI,sBACA,sEACA,OACA,OACA2F,eACA5G,YACAJ,QACAM,sCAEAD,kBACA4G,0CACAC,sEACAzG,sFACAD,oCACA2G,wDACAhB,uGAEAiB,UACAJ,aACAK,uCAGA,0BAGA,SAEA,mCAEA4B,wCAGA,uCACA,wCACAC,GADA,IAEA9I,4CACA8I,cADA,IAEA,sBACA,kCAKA,wCACAlC,yBACAlC,kBAaA,iBACA,4BACA,4CACA,+CAGA,YACAzD,eACA,4CACA,+CAIA6I,sBAjoBA,SAioBAC,GACA,+CAEAC,WApoBA,SAooBA9I,GACA,kDAGA+I,eAxoBA,WAwoBA,WACA,GACA5E,yDAEAsB,sBACA9F,GACA,YACA,0BACA,4BACAI,8CACA,4CAGA,2CACA,6DACA,qEAGA,iBAGAiJ,SA7pBA,WA6pBA,WACA,8CAEA,4CAEA,OACA7E,wDACA8E,sBACA/D,sBAGA,gBAEAO,sBACA9F,GACA,YACA,aAGA,qCACAjB,QACAzG,oBACAiR,0CAWA,GATA,+EAGA,qFAGA,iBAGA,gDACA,6BACA,6CAEA,sBACAC,KACA,aAGA,YACA,aACApJ,qDAIA2C,eA7sBA,SA6sBAhE,GACA,6BACA,yBACA0K,8DACA,kBAEA,EACA,8BAEA,2BAGA,8CC14BuV,I,wBCQnV9I,EAAY,eACd,EACAxC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"js/chunk-412e6de2.c1afb18f.js","sourcesContent":["var userAgent = require('../internals/engine-user-agent');\n\nvar firefox = userAgent.match(/firefox\\/(\\d+)/i);\n\nmodule.exports = !!firefox && +firefox[1];\n","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","'use strict';\nvar bind = require('../internals/function-bind-context');\nvar call = require('../internals/function-call');\nvar toObject = require('../internals/to-object');\nvar callWithSafeIterationClosing = require('../internals/call-with-safe-iteration-closing');\nvar isArrayIteratorMethod = require('../internals/is-array-iterator-method');\nvar isConstructor = require('../internals/is-constructor');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\nvar createProperty = require('../internals/create-property');\nvar getIterator = require('../internals/get-iterator');\nvar getIteratorMethod = require('../internals/get-iterator-method');\n\nvar $Array = Array;\n\n// `Array.from` method implementation\n// https://tc39.es/ecma262/#sec-array.from\nmodule.exports = function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {\n  var O = toObject(arrayLike);\n  var IS_CONSTRUCTOR = isConstructor(this);\n  var argumentsLength = arguments.length;\n  var mapfn = argumentsLength > 1 ? arguments[1] : undefined;\n  var mapping = mapfn !== undefined;\n  if (mapping) mapfn = bind(mapfn, argumentsLength > 2 ? arguments[2] : undefined);\n  var iteratorMethod = getIteratorMethod(O);\n  var index = 0;\n  var length, result, step, iterator, next, value;\n  // if the target is not iterable or it's an array with the default iterator - use a simple case\n  if (iteratorMethod && !(this === $Array && isArrayIteratorMethod(iteratorMethod))) {\n    iterator = getIterator(O, iteratorMethod);\n    next = iterator.next;\n    result = IS_CONSTRUCTOR ? new this() : [];\n    for (;!(step = call(next, iterator)).done; index++) {\n      value = mapping ? callWithSafeIterationClosing(iterator, mapfn, [step.value, index], true) : step.value;\n      createProperty(result, index, value);\n    }\n  } else {\n    length = lengthOfArrayLike(O);\n    result = IS_CONSTRUCTOR ? new this(length) : $Array(length);\n    for (;length > index; index++) {\n      value = mapping ? mapfn(O[index], index) : O[index];\n      createProperty(result, index, value);\n    }\n  }\n  result.length = index;\n  return result;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\nvar deletePropertyOrThrow = require('../internals/delete-property-or-throw');\nvar toString = require('../internals/to-string');\nvar fails = require('../internals/fails');\nvar internalSort = require('../internals/array-sort');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar FF = require('../internals/engine-ff-version');\nvar IE_OR_EDGE = require('../internals/engine-is-ie-or-edge');\nvar V8 = require('../internals/engine-v8-version');\nvar WEBKIT = require('../internals/engine-webkit-version');\n\nvar test = [];\nvar un$Sort = uncurryThis(test.sort);\nvar push = uncurryThis(test.push);\n\n// IE8-\nvar FAILS_ON_UNDEFINED = fails(function () {\n  test.sort(undefined);\n});\n// V8 bug\nvar FAILS_ON_NULL = fails(function () {\n  test.sort(null);\n});\n// Old WebKit\nvar STRICT_METHOD = arrayMethodIsStrict('sort');\n\nvar STABLE_SORT = !fails(function () {\n  // feature detection can be too slow, so check engines versions\n  if (V8) return V8 < 70;\n  if (FF && FF > 3) return;\n  if (IE_OR_EDGE) return true;\n  if (WEBKIT) return WEBKIT < 603;\n\n  var result = '';\n  var code, chr, value, index;\n\n  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)\n  for (code = 65; code < 76; code++) {\n    chr = String.fromCharCode(code);\n\n    switch (code) {\n      case 66: case 69: case 70: case 72: value = 3; break;\n      case 68: case 71: value = 4; break;\n      default: value = 2;\n    }\n\n    for (index = 0; index < 47; index++) {\n      test.push({ k: chr + index, v: value });\n    }\n  }\n\n  test.sort(function (a, b) { return b.v - a.v; });\n\n  for (index = 0; index < test.length; index++) {\n    chr = test[index].k.charAt(0);\n    if (result.charAt(result.length - 1) !== chr) result += chr;\n  }\n\n  return result !== 'DGBEFHACIJK';\n});\n\nvar FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;\n\nvar getSortCompare = function (comparefn) {\n  return function (x, y) {\n    if (y === undefined) return -1;\n    if (x === undefined) return 1;\n    if (comparefn !== undefined) return +comparefn(x, y) || 0;\n    return toString(x) > toString(y) ? 1 : -1;\n  };\n};\n\n// `Array.prototype.sort` method\n// https://tc39.es/ecma262/#sec-array.prototype.sort\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  sort: function sort(comparefn) {\n    if (comparefn !== undefined) aCallable(comparefn);\n\n    var array = toObject(this);\n\n    if (STABLE_SORT) return comparefn === undefined ? un$Sort(array) : un$Sort(array, comparefn);\n\n    var items = [];\n    var arrayLength = lengthOfArrayLike(array);\n    var itemsLength, index;\n\n    for (index = 0; index < arrayLength; index++) {\n      if (index in array) push(items, array[index]);\n    }\n\n    internalSort(items, getSortCompare(comparefn));\n\n    itemsLength = items.length;\n    index = 0;\n\n    while (index < itemsLength) array[index] = items[index++];\n    while (index < arrayLength) deletePropertyOrThrow(array, index++);\n\n    return array;\n  }\n});\n","var userAgent = require('../internals/engine-user-agent');\n\nvar webkit = userAgent.match(/AppleWebKit\\/(\\d+)\\./);\n\nmodule.exports = !!webkit && +webkit[1];\n","import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    enumerableOnly && (symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    })), keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = null != arguments[i] ? arguments[i] : {};\n    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n      defineProperty(target, key, source[key]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n    });\n  }\n\n  return target;\n}","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClusterSpotsModal.vue?vue&type=style&index=0&id=808e0828&prod&scoped=true&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BathymetryMap.vue?vue&type=style&index=0&id=0d201cb7&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('vue-snotify'),_c('div',{staticClass:\"row p-3 d-block\"},[_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('div',[_c('h5',[_vm._v(_vm._s(_vm.$t('Following are spots in this cluster'))+\": \")])]),_c('div',[_c('h5',[_vm._v(_vm._s(_vm.$t('total-spots'))+\": \"+_vm._s(_vm.spotsData.length))])]),_vm._l((_vm.spotsData),function(spot){return _c('div',{key:spot.id,staticClass:\"full-width mt-3\"},[_c('b-card',[_c('b-card-text',[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(_vm.$t('spot-id'))+\" \")]),_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.openDetils(spot.properties.id)}}},[_vm._v(\" \"+_vm._s(spot.properties.spot_id)+\" \")])])]),_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(_vm.$t('spot'))+\" \")]),_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(spot.properties.title)+\" \")])]),_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(_vm.$t('spot-date'))+\" \")]),_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(_vm.formatDateMM(spot.properties.spot_date))+\" \")])]),_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(_vm.$t('spotted-by'))+\" \")]),_c('div',{staticClass:\"col-md-6 col-sm-6 col-xs-6\"},[_vm._v(\" \"+_vm._s(spot.properties.spotted_username)+\" \")])])])],1)],1)})],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <section>\r\n        <vue-snotify></vue-snotify>\r\n        <div class=\"row p-3 d-block\">\r\n            <b-container fluid>\r\n                <div>\r\n                    <h5>{{ $t('Following are spots in this cluster') }}: </h5>\r\n                </div>\r\n                <div>\r\n                    <h5>{{ $t('total-spots') }}: {{ spotsData.length }}</h5>\r\n                </div>\r\n                <div class=\"full-width mt-3\" v-for=\"spot in spotsData\" :key=\"spot.id\" >\r\n                    <!-- <b-card :img-src=\"spot.properties.iconUrl\" img-height=\"150\" img-width=\"200\" img-alt=\"Card image\" img-left class=\"mb-3\"> -->\r\n                        <b-card>\r\n                            <b-card-text>\r\n                                <div class=\"row w-100\">\r\n                                <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                    {{ $t('spot-id') }}\r\n                                    </div>\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\" >\r\n                                        <a href=\"javascript:void(0)\" @click=\"openDetils(spot.properties.id)\"> {{ spot.properties.spot_id }} </a>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row w-100\">\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        {{ $t('spot') }}\r\n                                    </div>\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        {{ spot.properties.title }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row w-100\">\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        {{ $t('spot-date') }}\r\n                                    </div>\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        {{ formatDateMM(spot.properties.spot_date) }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row w-100\">\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        {{ $t('spotted-by') }}\r\n                                    </div>\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        {{ spot.properties.spotted_username }}\r\n                                    </div>\r\n                                </div>\r\n                                <!-- <div class=\"row w-100\">\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\">\r\n                                        Spotter Username:\r\n                                    </div>\r\n                                    <div class=\"col-md-6 col-sm-6 col-xs-6\"> \r\n                                        {{ spot.properties.spotted_username }}\r\n                                    </div>\r\n                                </div> -->\r\n                            </b-card-text>\r\n                    </b-card>\r\n                </div>\r\n            </b-container>\r\n        </div>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import\r\n    API from \"@/api\";\r\n    import Snotify, {\r\n        SnotifyPosition\r\n    } from \"vue-snotify\";\r\n    import {\r\n        validationMixin\r\n    } from \"vuelidate\";\r\n    import {\r\n        required,\r\n        minLength,\r\n        email,\r\n        requiredIf,\r\n        sameAs\r\n    } from \"vuelidate/lib/validators\";\r\n    import moment from 'moment';\r\n    \r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop\r\n        }\r\n    };\r\n    Vue.use(Snotify, options);\r\n    \r\n    export default {\r\n        name: \"openClusterSpotDetail\",\r\n        props: [\"spotsData\"],\r\n        components: {},\r\n        mixins: [validationMixin],\r\n        data() {\r\n            return {\r\n                isDisabled: false,\r\n                //  form: {\r\n                //   subscriptions:{\r\n                //     name: '',\r\n                //     description: '',\r\n                //   },\r\n                //   principals: [],\r\n                //   name: \"\",\r\n                //   stream_desc: \"\",\r\n                // },\r\n            };\r\n        },\r\n        validations: {\r\n            // form: {\r\n            //   subscriptions: {\r\n            //     name: {\r\n            //       required\r\n            //     },\r\n            //     description: {\r\n            //       required\r\n            //     }\r\n            //   },\r\n            // }\r\n        },\r\n        methods: {\r\n            openDetils(id) {\r\n                console.log('open,' , id);\r\n                this.$emit('openParentSpot', id, true);\r\n\r\n            },\r\n            formatDateMM(date) {\r\n                // return moment(new Date(date)).format('MM-DD-YYYY')\r\n                return moment(date, \"MM-DD-YYYY HH:mm:ss A\").format(\"MM-DD-YYYY\")\r\n            },\r\n        },\r\n        computed: {},\r\n        async created() {},\r\n        async beforeMount() {},\r\n        async mounted() {\r\n            console.log('spotsData in modal', this.spotsData);\r\n        },\r\n        beforeDestroy() {}\r\n    };\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    .full-width {\r\n        width: 100% !important;\r\n    }\r\n    .full-width .row div:nth-child(2) {\r\n        text-align: right;\r\n    }\r\n    .full-width .row div {\r\n        padding: 0;\r\n    }\r\n    .full-width .row {\r\n        margin: 0;\r\n        flex-wrap: inherit;\r\n    }\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClusterSpotsModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClusterSpotsModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClusterSpotsModal.vue?vue&type=template&id=808e0828&scoped=true&\"\nimport script from \"./ClusterSpotsModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ClusterSpotsModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClusterSpotsModal.vue?vue&type=style&index=0&id=808e0828&prod&scoped=true&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  \"808e0828\",\n  null\n  \n)\n\nexport default component.exports","var anObject = require('../internals/an-object');\nvar iteratorClose = require('../internals/iterator-close');\n\n// call something on iterator step with safe closing on error\nmodule.exports = function (iterator, fn, value, ENTRIES) {\n  try {\n    return ENTRIES ? fn(anObject(value)[0], value[1]) : fn(value);\n  } catch (error) {\n    iteratorClose(iterator, 'throw', error);\n  }\n};\n","var $ = require('../internals/export');\nvar from = require('../internals/array-from');\nvar checkCorrectnessOfIteration = require('../internals/check-correctness-of-iteration');\n\nvar INCORRECT_ITERATION = !checkCorrectnessOfIteration(function (iterable) {\n  // eslint-disable-next-line es-x/no-array-from -- required for testing\n  Array.from(iterable);\n});\n\n// `Array.from` method\n// https://tc39.es/ecma262/#sec-array.from\n$({ target: 'Array', stat: true, forced: INCORRECT_ITERATION }, {\n  from: from\n});\n","export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","var $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar nativeKeys = require('../internals/object-keys');\nvar fails = require('../internals/fails');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });\n\n// `Object.keys` method\n// https://tc39.es/ecma262/#sec-object.keys\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {\n  keys: function keys(it) {\n    return nativeKeys(toObject(it));\n  }\n});\n","var UA = require('../internals/engine-user-agent');\n\nmodule.exports = /MSIE|Trident/.test(UA);\n","var $ = require('../internals/export');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar ownKeys = require('../internals/own-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar getOwnPropertyDescriptorModule = require('../internals/object-get-own-property-descriptor');\nvar createProperty = require('../internals/create-property');\n\n// `Object.getOwnPropertyDescriptors` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptors\n$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {\n    var O = toIndexedObject(object);\n    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;\n    var keys = ownKeys(O);\n    var result = {};\n    var index = 0;\n    var key, descriptor;\n    while (keys.length > index) {\n      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);\n      if (descriptor !== undefined) createProperty(result, key, descriptor);\n    }\n    return result;\n  }\n});\n","var $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar nativeGetOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar DESCRIPTORS = require('../internals/descriptors');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });\nvar FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;\n\n// `Object.getOwnPropertyDescriptor` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor\n$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {\n    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"google-map new-updated-design google-map-design\"},[_c('vue-snotify'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 col-lg-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('bathymetry-map')))])]),_c('div',{staticClass:\"card-body new-card-body rl-body\"},[_c('div',{staticClass:\"al-btn new-al-btn\"},[_c('b-button',{staticClass:\"ml-5 variant-orange\",attrs:{\"size\":\"sm\"},on:{\"click\":_vm.openSiderBar}},[_vm._v(_vm._s(_vm.$t('total-category-counts')))]),(_vm.mapLoaded)?_c('b-button',{staticClass:\"ml-2 variant-orange\",attrs:{\"size\":\"sm\"},on:{\"click\":_vm.openFilters}},[_vm._v(_vm._s(_vm.$t('filters-btn')))]):_vm._e(),(this.version_id === 2 && this.is_pro_sync === 1)?_c('b-dropdown',{staticClass:\"btn-primary ml-2\",attrs:{\"variant\":\"primary\",\"size\":\"sm\",\"text\":_vm.$t('Project (Survey Name)')},model:{value:(_vm.selectedProjectId),callback:function ($$v) {_vm.selectedProjectId=$$v},expression:\"selectedProjectId\"}},[_c('b-dropdown-item',{key:'select',attrs:{\"active\":_vm.selectedProjectId === 'select'},on:{\"click\":function($event){return _vm.onProjectClick(null)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"All Data\"))+\" \")]),_c('div',{ref:\"dropdownMenu\",staticStyle:{\"max-height\":\"300px\",\"overflow-y\":\"auto\"}},_vm._l((_vm.displayedProjects),function(project){return _c('b-dropdown-item',{key:project.id,attrs:{\"active\":project.id === _vm.selectedProjectId},on:{\"click\":function($event){return _vm.onProjectClick(project.id)}}},[_vm._v(\" \"+_vm._s(project.name)+\" \")])}),1)],1):_vm._e()],1),_c('div',{staticClass:\"google-map new-updated-design\"},[_vm._m(0),_c('div',{staticClass:\"sidebar-counter\"},[_c('TotalCategoryCount',{ref:\"sidebar\",attrs:{\"totalSpots\":_vm.totalSpots,\"user_type\":\"admin\"}})],1)])])])])]),_c('b-modal',{attrs:{\"id\":\"modal-clusters\",\"title\":_vm.$t('cluster-spots'),\"scrollable\":\"\",\"size\":\"md\",\"hide-footer\":true}},[_c('ClusterSpotsModal',{attrs:{\"spotsData\":_vm.spotsData},on:{\"openParentSpot\":_vm.openAdminSpotDetail}})],1),_c('FiltersModal',{ref:\"filterComponent\",attrs:{\"user_type\":\"admin\"},on:{\"applyFilter\":_vm.applyFilter,\"resetMap\":_vm.getClientAdminSpots}}),_c('SpotDetailsModal',{ref:\"spotDetails\",on:{\"openSpotDetail\":_vm.openSpotDetail}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"map-container\",attrs:{\"id\":\"mapContainer\"}},[_c('div',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"coordinates\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"google-map new-updated-design google-map-design\">\r\n        <vue-snotify></vue-snotify>\r\n        <div class=\"row\">\r\n    \r\n            <div class=\"col-md-12 col-lg-12\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">{{ $t('bathymetry-map') }}</h4>\r\n                    </div>\r\n                    \r\n                    <div class=\"card-body new-card-body rl-body\">\r\n                        <div class=\"al-btn new-al-btn\"> \r\n                            <b-button class=\"ml-5 variant-orange\" size=\"sm\" @click=\"openSiderBar\">{{ $t('total-category-counts') }}</b-button>\r\n                            <b-button v-if=\"mapLoaded\" class=\"ml-2 variant-orange\" size=\"sm\" @click=\"openFilters\">{{ $t('filters-btn') }}</b-button>\r\n                            <b-dropdown\r\n                                v-if=\"this.version_id === 2 && this.is_pro_sync === 1\"\r\n                                    class=\"btn-primary ml-2\"\r\n                                    variant=\"primary\"\r\n                                    size=\"sm\"\r\n                                    :text=\"$t('Project (Survey Name)')\"\r\n                                    v-model=\"selectedProjectId\"\r\n                                >\r\n                                <!-- Add the \"Select\" option -->\r\n                                <b-dropdown-item\r\n                                    :key=\"'select'\"\r\n                                    :active=\"selectedProjectId === 'select'\"\r\n                                    @click=\"onProjectClick(null)\" \r\n                                >\r\n                                    {{ $t(\"All Data\") }}\r\n                                </b-dropdown-item>\r\n\r\n                                <!-- Render the limited number of projects -->\r\n                                <div ref=\"dropdownMenu\" style=\"max-height: 300px; overflow-y: auto;\">\r\n                                    <b-dropdown-item\r\n                                        v-for=\"project in displayedProjects\"\r\n                                        :key=\"project.id\"\r\n                                        :active=\"project.id === selectedProjectId\"\r\n                                        @click=\"onProjectClick(project.id)\"\r\n                                    >\r\n                                        {{ project.name }}\r\n                                    </b-dropdown-item>\r\n                                </div>\r\n                            </b-dropdown>\r\n                        </div>\r\n                        <div class=\"google-map new-updated-design\">\r\n                            \r\n                            <div class=\"map-container\" id=\"mapContainer\">\r\n                            <!--    <button v-if=\"mapLoaded\" class=\"filter-group\" variant=\"info\" size=\"sm\" @click=\"openFilters\">{{ $t('filters-btn') }}</button> -->\r\n                                <div style=\"display: none;\" id=\"coordinates\">\r\n                                </div>    \r\n                            </div>\r\n                            <div class=\"sidebar-counter\">\r\n                                <TotalCategoryCount  ref=\"sidebar\" :totalSpots=\"totalSpots\" user_type=\"admin\"/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <b-modal id=\"modal-clusters\" :title=\"$t('cluster-spots')\" scrollable size=\"md\" :hide-footer=\"true\">\r\n            <ClusterSpotsModal :spotsData=\"spotsData\" @openParentSpot=\"openAdminSpotDetail\"></ClusterSpotsModal>\r\n        </b-modal>\r\n        <FiltersModal @applyFilter=\"applyFilter\" @resetMap=\"getClientAdminSpots\" ref=\"filterComponent\" user_type=\"admin\"></FiltersModal>\r\n        <SpotDetailsModal @openSpotDetail=\"openSpotDetail\" ref=\"spotDetails\"></SpotDetailsModal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import mapboxgl from \"mapbox-gl\";\r\n    import Snotify, {\r\n        SnotifyPosition\r\n    } from 'vue-snotify'\r\n    import API from '@/api';\r\n    import moment from 'moment'\r\n    import FiltersModal from \"../citizen/FiltersModal.vue\";\r\n    import TotalCategoryCount from '../client/TotalCategoryCounts';\r\n    import ClusterSpotsModal from './ClusterSpotsModal.vue';\r\n    import SpotDetailsModal from '../citizen/SpotDetailsModal.vue';\r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        props: ['countableQuestions', 'total_spots'],\r\n        data() {\r\n            return {\r\n                version_id:null,\r\n                is_pro_sync: null,\r\n                accessToken: 'pk.eyJ1Ijoid2F0Y2hzcG90dGVyIiwiYSI6ImNsMmY0OTgxdzA3MW0zYm1jMmY5MGY5OG4ifQ.vEle7r52YhgPJ8D-MVlZ2A',\r\n                map: [],\r\n                spotData: [],\r\n                features: [],\r\n                mapFeatures: [],\r\n                spotForm: {\r\n                    requireLatLong: 1,\r\n                    spot_type_id: '',\r\n                    location_id: '',\r\n                    detail: '',\r\n                    spot_date: '',\r\n                    latitude: '',\r\n                    longitude: '',\r\n                    questions: [],\r\n                    client_url: window.location.href.split('#')[0],\r\n                    client_id: JSON.parse(localStorage.getItem(\"client_id\")),\r\n                },\r\n                adminMapStyle: '',\r\n                default_map: '',\r\n                default_map_zoom: '',\r\n                default_latitude: '',\r\n                default_longitude: '',\r\n                appImage: null,\r\n                spotDetailImages: [],\r\n                spotDetail: [],\r\n                spotsData: [],\r\n                showBackButton:false,\r\n                mapLoaded: false,\r\n                totalSpots: 0,\r\n                markerColor: '',\r\n                routeTracks: [],\r\n                projectOptions: [],\r\n                selectedProjectId: null,\r\n                displayedProjects: [], // Initially visible projects\r\n                loading: false,\r\n                currentPage: 1,\r\n                perPage: 5 \r\n            };\r\n        },\r\n        components: {\r\n            ClusterSpotsModal,\r\n            FiltersModal,\r\n            TotalCategoryCount,\r\n            SpotDetailsModal\r\n        },\r\n        created() {\r\n            this.$EventBus.$on(\"reinitializeMap\", (data) => {\r\n                this.map.remove();\r\n                this.getClientAdminSpots();\r\n            });\r\n            this.$EventBus.$on(\"showAdminClusterSpots\", (data) => {\r\n                this.$root.$emit(\"bv::show::modal\", \"modal-clusters\");\r\n            });\r\n        },\r\n        beforeMount(){\r\n            this.getNames();\r\n            const storedProjectId = localStorage.getItem(\"selected_project_id\");\r\n            if (storedProjectId && storedProjectId !== \"null\") {\r\n                this.selectedProjectId = JSON.parse(storedProjectId);\r\n                this.getClientProjectSpots(this.selectedProjectId);\r\n            } else {\r\n                this.getClientAdminSpots();\r\n            }\r\n        },\r\n        mounted() {\r\n            this.getAppSettings();\r\n            // this.getClientAdminSpots();\r\n        },\r\n        watch: {\r\n            selectedProjectId(newProjectId) {\r\n                if (this.map) {\r\n                    // if (this.map.getSource(\"spotsSource\")) {\r\n                    //     this.map.removeLayer(\"spotsLayer\");\r\n                    //     this.map.removeSource(\"spotsSource\");\r\n                    // }\r\n                    this.map.remove(); // Remove the map instance\r\n                }\r\n\r\n                if (newProjectId) {\r\n                    this.getClientProjectSpots(newProjectId);\r\n                } else {\r\n                    this.getClientAdminSpots();\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            openSiderBar() {\r\n                this.$root.$emit(\"bv::toggle::collapse\", \"sidebar-no-header\");\r\n            },\r\n            getClientAdminSpots() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.getClientAdminSpots(\r\n                    data,\r\n                    data => {\r\n                        const spot_dImage = data.default_image;\r\n                        this.totalSpots = data.total_spots;\r\n\r\n                        data.data.forEach(data => {\r\n                            let exists = this.mapFeatures.find(p => p.properties.id == data.id)\r\n                            if (!exists) {\r\n                                const d1 = {\r\n                                    type: \"Feature\",\r\n                                    properties: {\r\n                                        id: data.id,\r\n                                        title: (data.spot_type) ? data.spot_type.name : '',\r\n                                        // spot_id: data.spot_type_id,\r\n                                        spot_id: data.spot_id,\r\n                                        description: (data.location) ? data.location.name : '',\r\n                                        spotted_by: (data.spotter_user) ? data.spotter_user.name : '',\r\n                                        spotted_username: (data.spotter_user) ? data.spotter_user.user_name : '',\r\n                                        spot_date: this.formatDate(data.spot_date),\r\n                                        iconUrl: (data.primary_image) ? this.$server_url + data.primary_image : spot_dImage,\r\n                                        markerColor: (data.single_question && data.single_question.category) ? data.single_question.category.hash_color : 'Red'\r\n                                    },\r\n                                    geometry: {\r\n                                        type: \"Point\",\r\n                                        coordinates: [data.longitude, data.latitude]\r\n                                    }\r\n                                }\r\n                                this.mapFeatures.push(d1);\r\n                            }\r\n                        })\r\n\r\n                        // alert('working')\r\n\r\n                        // if (navigator.geolocation) {\r\n                        //     var self = this;\r\n                        //     navigator.geolocation.getCurrentPosition(e => {\r\n                        //         this.initMap([e.coords.longitude, e.coords.latitude])\r\n                        //     }, function (error) {\r\n                        //         if (error.code == error.PERMISSION_DENIED) {\r\n                        //             // pop up dialog asking for location\r\n                        //             self.initMap([self.default_longitude, self.default_latitude]);\r\n                        //         }\r\n                        //     })\r\n                        // } else {\r\n                            this.initMap([this.default_longitude, this.default_latitude]);\r\n                        // }\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            getClientProjectSpots(projectID) {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    project_id: projectID\r\n                }\r\n                API.getClientAdminSpots(\r\n                    data,\r\n                    data => {\r\n                    this.mapFeatures = []; // Clear the mapFeatures array\r\n                    const spot_dImage = data.default_image;\r\n                    this.totalSpots = data.total_spots;\r\n                    data.data.forEach(data => {\r\n                        const d1 = {\r\n                        type: \"Feature\",\r\n                        properties: {\r\n                            id: data.id,\r\n                            title: (data.spot_type) ? data.spot_type.name : '',\r\n                            spot_id: data.spot_id,\r\n                            description: (data.location) ? data.location.name : '',\r\n                            spotted_by: (data.spotter_user && data.spotter_user.name) ? data.spotter_user.name : '',\r\n                            spotted_username: (data.spotter_user) ? data.spotter_user.user_name : '',\r\n                            spot_date: this.formatDate(data.spot_date),\r\n                            iconUrl: (data.primary_image) ? this.$server_url + data.primary_image : spot_dImage,\r\n                            markerColor: (data.single_question && data.single_question.category) ? data.single_question.category.hash_color : 'Red'\r\n                        },\r\n                        geometry: {\r\n                            type: \"Point\",\r\n                            coordinates: [data.longitude, data.latitude]\r\n                        }\r\n                        }\r\n                        this.mapFeatures.push(d1);\r\n                    })\r\n                    if (this.mapFeatures.length > 0) {\r\n                        const firstSpot = this.mapFeatures[0];\r\n                        this.initMap([firstSpot.geometry.coordinates[0], firstSpot.geometry.coordinates[1]]);\r\n                    }\r\n                    },\r\n                    err => {\r\n                    // Handle error\r\n                    }\r\n                )\r\n            },\r\n            initMap(lngLat) {\r\n                this.mapLoaded = false;\r\n                mapboxgl.accessToken = this.accessToken;\r\n                this.map = new mapboxgl.Map({\r\n                    container: 'mapContainer',\r\n                    style: 'mapbox://styles/mapbox/streets-v11',\r\n                    center: lngLat,\r\n                    zoom: this.default_map_zoom,\r\n                    maxZoom: 14,\r\n                    attributionControl: false\r\n                    // projection: 'globe'\r\n                });\r\n\r\n                this.spotForm.longitude = lngLat[0];\r\n                this.longitude = lngLat[0];\r\n                this.spotForm.latitude = lngLat[1];\r\n                this.latitude = lngLat[1];\r\n                this.marker = new mapboxgl.Marker({\r\n                    draggable: true\r\n                }).setLngLat(lngLat).addTo(this.map);\r\n    \r\n                this.map.on('style.load', () => {\r\n                    this.map.setFog({});\r\n                });\r\n                var coordinates = document.getElementById('coordinates');\r\n                coordinates.style.display = 'block';\r\n                coordinates.innerHTML = `Lat: ${parseFloat(this.latitude).toFixed(6)}, Lng: ${parseFloat(this.longitude).toFixed(6)}`; \r\n                var ref = this;\r\n                this.marker.on('dragend', (e) => {\r\n                    var lngLat = e.target.getLngLat();\r\n                    coordinates.innerHTML = `Lat: ${lngLat.lat.toFixed(6)}, Lng: ${lngLat.lng.toFixed(6)}`;\r\n                    // this.$refs.marker.mapObject.getLatLng();\r\n                    // ref.getLatLong(lngLat)\r\n\r\n                })\r\n\r\n                var loadFeatures = this.mapFeatures;\r\n                const geojson = {\r\n                    'type': 'FeatureCollection',\r\n                    'features': this.mapFeatures\r\n                };\r\n\r\n                this.map.on('load', () => {\r\n                    \r\n                    //adding feature data to show on map\r\n                    this.data2 = {\r\n                        \"type\": \"FeatureCollection\",\r\n                        \"crs\": {\r\n                            \"type\": \"name\",\r\n                            \"properties\": {\r\n                                \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\r\n                            }\r\n                        },\r\n                        \"features\": this.mapFeatures\r\n                    }\r\n\r\n                    //source to add depth layers\r\n                    this.map.addSource('bathymetry', {\r\n                        // 'type': 'geojson',\r\n                        type: 'vector',\r\n                        url: 'mapbox://mapbox.mapbox-bathymetry-v2'\r\n                        // 'data': this.data2\r\n                    });\r\n\r\n                    //layer to add water depths\r\n                    this.map.addLayer({\r\n                        'id': 'water-depth',\r\n                        'type': 'fill',\r\n                        'source': 'bathymetry',\r\n                        'source-layer': 'depth',\r\n                        'layout': {},\r\n                        'paint': {\r\n                            // Transition from heatmap to circle layer by zoom level\r\n                            // 'fill-opacity': [\r\n                            //     'interpolate', ['linear'],\r\n                            //     ['zoom'],\r\n                            //     7,\r\n                            //     0,\r\n                            //     8,\r\n                            //     1\r\n                            // ],\r\n                            // cubic bezier is a four point curve for smooth and precise styling\r\n                            // adjust the points to change the rate and intensity of interpolation\r\n                            'fill-color': [\r\n                                'interpolate',\r\n                                ['cubic-bezier', 0, 0.5, 1, 0.5],\r\n                                ['get', 'min_depth'],\r\n                                200,\r\n                                '#78bced',\r\n                                9000,\r\n                                '#15659f'\r\n                            ]\r\n                        }\r\n                    },\r\n                    'hillshade'\r\n                    );\r\n\r\n                    //layer to show data on map with clusters and points\r\n                    this.map.addSource('earthquakes', {\r\n                        type: 'geojson',\r\n                        data: this.data2,\r\n                        cluster: true,\r\n                        clusterMaxZoom: 14,\r\n                        clusterRadius: 50\r\n                    });\r\n                    \r\n                    //layer to create clusters\r\n                    this.map.addLayer({\r\n                        id: 'clusters',\r\n                        type: 'circle',\r\n                        source: 'earthquakes',\r\n                        filter: ['has', 'point_count'],\r\n                        paint: {\r\n                            'circle-color': [\r\n                                'step',\r\n                                ['get', 'point_count'],\r\n                                '#FF7F50',\r\n                                100,\r\n                                '#003366',\r\n                                750,\r\n                                '#ff414e'\r\n                            ],\r\n                            'circle-radius': [\r\n                                'step',\r\n                                ['get', 'point_count'],\r\n                                20,\r\n                                100,\r\n                                30,\r\n                                750,\r\n                                40\r\n                            ]\r\n                        }\r\n                    });\r\n\r\n                    //layer to count cluster points\r\n                    this.map.addLayer({\r\n                        id: 'cluster-count',\r\n                        type: 'symbol',\r\n                        source: 'earthquakes',\r\n                        filter: ['has', 'point_count'],\r\n                        layout: {\r\n                            'text-field': '{point_count_abbreviated}',\r\n                            'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],\r\n                            'text-size': 12,\r\n                            \"text-allow-overlap\" : true\r\n                        },\r\n                        paint: {\r\n                            \"text-color\": \"#ffffff\"\r\n                        }\r\n                    });\r\n\r\n                    // Fetch and add the route track data\r\n                    const data = {\r\n                        client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    }\r\n                    API.getTracksData(\r\n                        data,\r\n                        (data) => {\r\n                            // Prepare the track data for the map\r\n                            const trackCoordinates = data.map(track => [track.longitude, track.latitude]);\r\n\r\n                            // Add a new source for the route tracks\r\n                            this.map.addSource('routeTracks', {\r\n                                type: 'geojson',\r\n                                data: {\r\n                                    type: 'FeatureCollection',\r\n                                    features: [{\r\n                                        type: 'Feature',\r\n                                        geometry: {\r\n                                            type: 'LineString',\r\n                                            coordinates: trackCoordinates\r\n                                        },\r\n                                        properties: {}\r\n                                    }]\r\n                                }\r\n                            });\r\n\r\n                            // Add a layer to display the route tracks with a curved, dotted style\r\n                            this.map.addLayer({\r\n                                id: 'route',\r\n                                type: 'line',\r\n                                source: 'routeTracks',\r\n                                layout: {\r\n                                    'line-cap': 'round',  // Rounded end for smoother curves\r\n                                    'line-join': 'round'  // Rounded join for smoother corners\r\n                                },\r\n                                paint: {\r\n                                    'line-color': '#888',  // Line color\r\n                                    'line-width': 4,       // Line width\r\n                                    'line-dasharray': [4, 4]  // Dash pattern: 4px dash, 4px space\r\n                                }\r\n                            });\r\n\r\n                            // Add markers at each point along the route\r\n                            trackCoordinates.forEach((coord, index) => {\r\n                                const markerElement = document.createElement('div');\r\n                                markerElement.style.backgroundColor = '#FF0000'; // Red color for the marker\r\n                                markerElement.style.width = '20px';\r\n                                markerElement.style.height = '20px';\r\n                                markerElement.style.borderRadius = '50%'; // Make it circular\r\n                                markerElement.style.border = '2px solid white'; // Add a white border for better visibility\r\n                                \r\n                                // Add marker to the map\r\n                                new mapboxgl.Marker(markerElement)\r\n                                    .setLngLat(coord)\r\n                                    .setPopup(new mapboxgl.Popup({ offset: 25 }) // Add a popup\r\n                                        .setHTML(`<p>Point ${index + 1}:<br>Lat: ${coord[1]}, Lng: ${coord[0]}</p>`)) // Popup content\r\n                                    .addTo(this.map);\r\n                            });\r\n                        },\r\n                        (error) => {\r\n                            console.error('Error fetching route tracks:', error);\r\n                        }\r\n                    );\r\n\r\n                    if(this.version_id === 2 || this.version_id === 3){\r\n                        //layer to add image\r\n                        this.map.loadImage(\r\n                            this.appImage,\r\n                            (error, image) => {\r\n                            if (error) throw error;\r\n                            // Add the image to the map style.\r\n                            this.map.addImage('cat', image,{\r\n                                \"sdf\": \"true\"\r\n                            });\r\n                        });\r\n                        let categoryColors = [];\r\n\r\n                        // Populate categoryColors array with actual colors\r\n                        this.mapFeatures.forEach((feature) => {\r\n                            categoryColors.push(feature.properties.markerColor || '');\r\n                        });\r\n\r\n\r\n                        this.map.addLayer({\r\n                            id: 'unclustered-point',\r\n                            type: 'symbol',\r\n                            source: 'earthquakes', // reference the data source\r\n                            filter: ['!', ['has', 'point_count']],\r\n                            layout: {\r\n                                \"icon-image\": [\r\n                                    \"match\", [\"get\", \"spot_id\"],\r\n                                    [\"CD\", \"HP\", \"BD\", \"KW\", \"RD\", \"UD\", \"WB\", \"WS\", \"SD\"], \"dolphin\", [\"MW\", \"UB\", \"HU\", \"PW\", \"SP\", \"NB\", \"FW\", \"CB\", \"SW\"], \"whale\", [\"BS\"], \"baskingshark\", [\"UC\", \"UN\", \"OR\", \"SU\"], \"\",\r\n                                    \"cat\"\r\n                                ],\r\n                                \"icon-size\": 1,\r\n                                \"icon-padding\": 2,\r\n                                \"icon-anchor\": \"bottom\",\r\n                                \"icon-allow-overlap\": {\r\n                                    \"base\": 1,\r\n                                    \"stops\": [\r\n                                        [0, true],\r\n                                        [12, true],\r\n                                        [22, true]\r\n                                    ]\r\n                                },\r\n                            },\r\n                            paint: {\r\n                                \"icon-color\": [\r\n                                    \"get\",\r\n                                    \"icon-color\"\r\n                                ],\r\n                                \"icon-halo-blur\": 0,\r\n                                \"icon-halo-color\": [\r\n                                    \"get\",\r\n                                    \"icon-halo-color\"\r\n                                ],\r\n                                \"icon-halo-width\": 4\r\n                            }\r\n                        });\r\n\r\n                        // Set the GeoJSON source data with individual colors for each feature\r\n                        const featuresWithColors = this.mapFeatures.map((feature, index) => {\r\n                            return {\r\n                                ...feature,\r\n                                properties: {\r\n                                    ...feature.properties,\r\n                                    'icon-color': categoryColors[index] || '',\r\n                                    'icon-halo-color': categoryColors[index] || ''\r\n                                }\r\n                            };\r\n                        });\r\n\r\n                        this.map.getSource('earthquakes').setData({\r\n                            type: 'FeatureCollection',\r\n                            features: featuresWithColors\r\n                        });\r\n                    }\r\n                    else{\r\n                        //layer to add image\r\n                        this.map.loadImage(\r\n                            this.appImage,\r\n                            (error, image) => {\r\n                            if (error) throw error;\r\n                            // Add the image to the map style.\r\n                            this.map.addImage('cat', image);\r\n                        });\r\n\r\n                        //layer to add points on map\r\n                        this.map.addLayer({\r\n                            id: 'unclustered-point',\r\n                            type: 'symbol',\r\n                            source: 'earthquakes', // reference the data source\r\n                            filter: ['!', ['has', 'point_count']],\r\n                            // layout: {\r\n                            //     'icon-image': 'cat', // reference the image\r\n                            //     'icon-size': 0.25\r\n                            // }\r\n                            // paint: {\r\n                            //     \"text-color\": \"#d21010\",\r\n                            //     \"icon-halo-color\": \"#d21010\",\r\n                            //     \"icon-halo-width\": 2\r\n                            // },\r\n                            layout: {\r\n                                \"icon-image\": [\r\n                                    \"match\",\r\n                                    [\"get\", \"spot_id\"],\r\n                                    [\"CD\", \"HP\", \"BD\", \"KW\", \"RD\", \"UD\", \"WB\", \"WS\", \"SD\"], \"dolphin\",\r\n                                    [\"MW\", \"UB\", \"HU\", \"PW\", \"SP\", \"NB\", \"FW\", \"CB\", \"SW\"], \"whale\",\r\n                                    [\"BS\"], \"baskingshark\",\r\n                                    [\"UC\", \"UN\", \"OR\", \"SU\"], \"\",\r\n                                    \"cat\"\r\n                                ],\r\n                                \"icon-padding\": 2,\r\n                                // 'icon-size': 0.05,\r\n                                \"icon-anchor\": \"bottom\",\r\n                                \"icon-allow-overlap\": {\r\n                                    \"base\": 1,\r\n                                    \"stops\": [\r\n                                        [0, true],\r\n                                        [12, true],\r\n                                        [22, true]\r\n                                    ]\r\n                                },\r\n                            }\r\n                        });\r\n                    }\r\n\r\n                    this.map.on('click', 'clusters', (e) => {\r\n                        const features = this.map.queryRenderedFeatures(e.point, {\r\n                            layers: ['clusters']\r\n                        });\r\n                        var clusterId = features[0].properties.cluster_id;\r\n                        var zoom = this.map.getZoom();\r\n                        if(zoom < 14) {\r\n                            this.map.getSource('earthquakes').getClusterExpansionZoom(\r\n                                clusterId,\r\n                                (err, zoom) => {\r\n                                    if (err) return;\r\n                                    this.map.easeTo({\r\n                                        center: features[0].geometry.coordinates,\r\n                                        zoom: zoom\r\n                                    });\r\n                                }\r\n                            );\r\n                        } else {\r\n                            var point_count = e.features[0].properties.point_count;\r\n                            var clusterSource = this.map.getSource(\"earthquakes\");\r\n\r\n                            clusterSource.getClusterLeaves(clusterId, point_count, 0, (err, aFeatures) => {\r\n                                this.spotsData = aFeatures;\r\n                                this.spotsData.sort(function(a,b) {\r\n                                    return new Date(b.properties.spot_date) - new Date(a.properties.spot_date);\r\n                                });\r\n                                this.openClusterSpotDetail(this.spotsData);\r\n                            });\r\n                        }\r\n                    });\r\n\r\n                    // if(this.version_id === 2 || this.version_id === 3){\r\n                    //     this.mapFeatures.forEach((feature) => {\r\n                    //         this.map.on('click', `unclustered-point-${feature.properties.id}`, (e) => {\r\n                    //             const coordinates = e.features[0].geometry.coordinates.slice();\r\n                    //             const spot_type = e.features[0].properties.title;\r\n                    //             const id = e.features[0].properties.id;\r\n                    //             const spot_id = e.features[0].properties.spot_id;\r\n                    //             const iconUrl = e.features[0].properties.iconUrl;\r\n                    //             const spotted_by = e.features[0].properties.spotted_by;\r\n                    //             const spotted_username = e.features[0].properties.spotted_username;\r\n                    //             const spot_date = e.features[0].properties.spot_date;\r\n                    //             const description = e.features[0].properties.description;\r\n                    //             while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {\r\n                    //                 coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;\r\n                    //             }\r\n                    //             // this.openSpotDetail(id,false);\r\n                    //             this.$refs.spotDetails.openAdminSpotDetail(id, false);\r\n                    //         });\r\n                    //     });\r\n\r\n                    //     this.map.on('mouseenter', 'clusters', () => {\r\n                    //         this.map.getCanvas().style.cursor = 'pointer';\r\n                    //     });\r\n                    //     this.map.on('mouseleave', 'clusters', () => {\r\n                    //         this.map.getCanvas().style.cursor = '';\r\n                    //     });\r\n                    // }\r\n                    // else{\r\n                        this.map.on('click', 'unclustered-point', (e) => {\r\n                            const coordinates = e.features[0].geometry.coordinates.slice();\r\n                            const spot_type = e.features[0].properties.title;\r\n                            const id = e.features[0].properties.id;\r\n                            const spot_id = e.features[0].properties.spot_id;\r\n                            const iconUrl = e.features[0].properties.iconUrl;\r\n                            const spotted_by = e.features[0].properties.spotted_by;\r\n                            const spotted_username = e.features[0].properties.spotted_username;\r\n                            const spot_date = e.features[0].properties.spot_date;\r\n                            const description = e.features[0].properties.description;\r\n                            while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {\r\n                                coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;\r\n                            }\r\n                            // this.openSpotDetail(id,false);\r\n                            this.$refs.spotDetails.openAdminSpotDetail(id, false);\r\n                        });\r\n\r\n                        this.map.on('mouseenter', 'clusters', () => {\r\n                            this.map.getCanvas().style.cursor = 'pointer';\r\n                        });\r\n                        this.map.on('mouseleave', 'clusters', () => {\r\n                            this.map.getCanvas().style.cursor = '';\r\n                        });\r\n                    // }\r\n                    this.mapLoaded = true;\r\n                    // this.map.on('click', 'bathymetry-point', (e) => {\r\n                    //     alert(e)\r\n                    // })    \r\n                });\r\n                const logo = document.querySelector('.mapboxgl-ctrl-logo');\r\n                if (logo) {\r\n                    logo.remove();\r\n                }\r\n            },\r\n            openAdminSpotDetail(id,event) {\r\n                this.$refs.spotDetails.openAdminSpotDetail(id,true)\r\n            },\r\n            openFilters() {\r\n                this.$root.$emit(\"bv::show::modal\", \"modal-map-filters\");\r\n                // this.$refs.filterComponent.getFiltersData();\r\n            },\r\n            applyFilter(params) {\r\n                let data = {\r\n                    spot_id: params.spotId,\r\n                    date_from: params.dateFrom,\r\n                    date_to: params.dateTo,\r\n                    questions: params.questions,\r\n                    categories: params.categories,\r\n                    locations: params.locations,\r\n                    surveys: params.surveys,\r\n                    spotTypes: params.spotTypes,\r\n                    selectedQuestions: params.selectedQuestions,\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    countRangeFilter: params.countRangeFilter,\r\n                    countRangeValues: params.countRangeValues,\r\n                    project_id: this.selectedProjectId\r\n                }\r\n                console.log('filter data', data);\r\n                API.getSpotsByAdminFilters(data,\r\n                    data => {\r\n                        if (data.status === 200) {\r\n                            this.$snotify.success(data.message);\r\n                            this.data2.features = [];\r\n                            this.mapFeatures = [];\r\n                            this.totalSpots = data.total_spots;\r\n                            this.$refs.sidebar.assignQuestions(data.countableQuestions);\r\n                            this.$refs.filterComponent.StopFilterLoading();\r\n                            this.$refs.filterComponent.StopResetLoading();\r\n                            this.$refs.filterComponent.changeSliderValue(data.range);\r\n                            const spot_dImage = data.default_image;\r\n                            data.data.forEach(data => {\r\n                                console.log('spot', data);\r\n                                let exists = this.mapFeatures.find(p => p.properties.id == data.id)\r\n                                if (!exists) {\r\n                                    const d1 = {\r\n                                        type: \"Feature\",\r\n                                        properties: {\r\n                                            id: data.id,\r\n                                            title: (data.spot_type) ? data.spot_type.name : '',\r\n                                            // spot_id: data.spot_type_id,\r\n                                            spot_id: data.spot_id,\r\n                                            description: (data.location) ? data.location.name : '',\r\n                                            spotted_by: (data.spotter_user && data.spotter_user.name) ? data.spotter_user.name : '',\r\n                                            spotted_username: (data.spotter_user && data.spotter_user.user_name) ? data.spotter_user.user_name : '',\r\n                                            spot_date: this.formatDate(data.spot_date),\r\n                                            iconUrl: (data.primary_image) ? this.$server_url + data.primary_image : spot_dImage,\r\n                                            markerColor: (data.single_question && data.single_question.category) ? data.single_question.category.hash_color : 'Red'\r\n                                        },\r\n                                        geometry: {\r\n                                            type: \"Point\",\r\n                                            coordinates: [data.longitude, data.latitude]\r\n                                        }\r\n                                    }\r\n                                    this.mapFeatures.push(d1);\r\n                                }\r\n                            })\r\n                            let categoryColors = [];\r\n\r\n                            this.mapFeatures.forEach((feature) => {\r\n                                // Collect all category colors\r\n                                categoryColors.push(feature.properties.markerColor || '');\r\n                            });\r\n                            // Set the GeoJSON source data with individual colors for each feature\r\n                            const featuresWithColors = this.mapFeatures.map((feature, index) => {\r\n                                return {\r\n                                    ...feature,\r\n                                    properties: {\r\n                                        ...feature.properties,\r\n                                        'icon-color': categoryColors[index] || '',\r\n                                        'icon-halo-color': categoryColors[index] || ''\r\n                                    }\r\n                                };\r\n                            });\r\n\r\n                            this.map.getSource('earthquakes').setData({\r\n                                type: 'FeatureCollection',\r\n                                features: featuresWithColors\r\n                            });\r\n                            // this.data2 = {\r\n                            //     \"type\": \"FeatureCollection\",\r\n                            //     \"crs\": {\r\n                            //         \"type\": \"name\",\r\n                            //         \"properties\": {\r\n                            //             \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\r\n                            //         }\r\n                            //     },\r\n                            //     \"features\": this.mapFeatures\r\n                            // }\r\n                            // this.map.getSource(\"earthquakes\").setData(this.data2);\r\n                        } else if (data.status === 500) {\r\n                            this.$snotify.error(data.message);\r\n                            this.$refs.filterComponent.StopFilterLoading();\r\n                            this.$refs.filterComponent.StopResetLoading();\r\n                        }\r\n                    },\r\n                    err => {\r\n                        console.log(err);\r\n                        this.$refs.filterComponent.StopFilterLoading();\r\n                        this.$refs.filterComponent.StopResetLoading();\r\n                    }\r\n                );\r\n            },\r\n            openClusterSpotDetail(aFeatures) {\r\n                this.$EventBus.$emit('showAdminClusterSpots');\r\n            },\r\n            formatDate(date) {\r\n                return moment(String(date)).format('MM-DD-YYYY HH:mm')\r\n            },\r\n    \r\n            getAppSettings() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.getAppSettings(\r\n                    data,\r\n                    data => {\r\n                        this.version_id = data.version_id;\r\n                        this.is_pro_sync = data.is_pro_sync\r\n                        console.log('this.version_id :', this.version_id);\r\n                        this.appImage = this.$server_url + data.data.stock_image;\r\n                        // this.adminMapStyle = data.data.default_map;\r\n                        // this.default_map = data.data.default_map;\r\n                        this.default_map_zoom = data.data.default_map_zoom;\r\n                        this.default_latitude = (data.data.latitude) ? data.data.latitude : 39.452717;\r\n                        this.default_longitude = (data.data.longitude) ? data.data.longitude : -123.813866;\r\n    \r\n                    },\r\n                    err => {}\r\n                )\r\n            },\r\n            getNames() {\r\n                const savedProjectId = localStorage.getItem(\"selected_project_id\"); // Retrieve last selected project ID\r\n\r\n                this.selectedProjectId = savedProjectId ? JSON.parse(savedProjectId) : null; // Set active project\r\n\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem(\"client_id\")),\r\n                    page: this.currentPage,\r\n                    perPage: this.perPage,\r\n                };\r\n\r\n                this.loading = true;\r\n\r\n                API.getProjectName(\r\n                    data,\r\n                    (response) => {\r\n                    this.loading = false;\r\n\r\n                    // Append new projects to the projectOptions list\r\n                    const newProjects = response.data.map((project) => ({\r\n                        id: project.id,\r\n                        name: project.project_name,\r\n                        default_dashboard: project.default_dashboard,\r\n                    }));\r\n                    this.projectOptions = [...this.projectOptions, ...newProjects];\r\n\r\n                    // Add the new projects to the displayed list\r\n                    this.displayedProjects = [...this.displayedProjects, ...newProjects];\r\n\r\n                    // Update currentPage for the next load\r\n                    this.currentPage++;\r\n\r\n                    // Set the default selected project\r\n                    if (!this.selectedProjectId && this.projectOptions.length > 0) {\r\n                        const defaultProject = this.projectOptions.find(\r\n                        (project) => project.default_dashboard == 1\r\n                        );\r\n                        this.selectedProjectId = defaultProject\r\n                        ? defaultProject.id\r\n                        : \"select\";\r\n                    }\r\n                    },\r\n                    (err) => {\r\n                    this.loading = false;\r\n                    console.error(\"Error fetching project names:\", err);\r\n                    }\r\n                );\r\n            },\r\n            onProjectClick(id) {\r\n                if (this.selectedProjectId !== id) {\r\n                    this.selectedProjectId = id;\r\n                    localStorage.setItem(\"selected_project_id\", JSON.stringify(id));\r\n                    this.map.remove();\r\n                    // If id is null or undefined, fetch all spots\r\n                    if (id) {\r\n                        this.getClientProjectSpots(id);\r\n                    } else {\r\n                        this.getClientAdminSpots();\r\n                    }\r\n\r\n                    this.$store.dispatch('updateProjectID', id);\r\n                }\r\n            },\r\n        }\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n    #coordinates {\r\n        position: absolute !important;\r\n        bottom: 10px !important;\r\n    }\r\n    .basemap {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    \r\n    .mapboxgl-canvas {\r\n        width: 1200px;\r\n        height: 689.15px;\r\n        position: static !important;\r\n    }\r\n    \r\n    .mapboxgl-canvas-container {\r\n        position: static !important;\r\n        width: 1200px !important;\r\n    }\r\n    \r\n    #menu {\r\n        position: absolute;\r\n        background: #efefef;\r\n        padding: 10px;\r\n        font-family: 'Open Sans', sans-serif;\r\n        z-index: 1;\r\n    }\r\n    .google-map-design {\r\n        min-height: calc(100vh - 184px);\r\n        height: 100%;\r\n    }\r\n    .google-map-design #mapContainer {\r\n        height: calc(100vh - 285px);\r\n    }\r\n    .rl-body {\r\n        position: relative;\r\n    }\r\n    .al-btn {\r\n        position: absolute;\r\n        left: -10px;\r\n        z-index: 5;\r\n        top: 30px;\r\n    }\r\n    .al-btn button {\r\n        color:#fff !important;\r\n    }\r\n    .al-btn button:hover {\r\n        color:#fff !important;\r\n    }\r\n    .variant-orange {\r\n        color: #fff !important;\r\n        background-color: #fa6400;\r\n        border-color: #fa6400;\r\n    }\r\n    .new-table-responsive  tr td span {\r\n        white-space: pre-wrap;\r\n        line-height: 1.2;\r\n    }\r\n    @media (max-width: 375px) {\r\n        .row .card .new-card-body {\r\n            padding: 1.25rem 1.437rem !important;\r\n        }\r\n        .new-al-btn {\r\n            left: 0px;\r\n        }\r\n        .new-al-btn button:nth-child(1) {\r\n            margin-left: 28px !important;\r\n            margin-right: 0px !important;\r\n        }\r\n        .new-al-btn button:nth-child(2) {\r\n            margin-left: 5px !important;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BathymetryMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BathymetryMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BathymetryMap.vue?vue&type=template&id=0d201cb7&scoped=true&\"\nimport script from \"./BathymetryMap.vue?vue&type=script&lang=js&\"\nexport * from \"./BathymetryMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BathymetryMap.vue?vue&type=style&index=0&id=0d201cb7&prod&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  \"0d201cb7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}