//import { HTTP } from "../lib/http";

import { layers } from "../layers/layers";

const MapStore = {
  namespaced: true,
  state: {
    openLayersMap: null,
    layers: layers,
    // note that some identified features may not have an id
    // especially related to drawing in our own vector layer
    identifiedFeatures: [],
    currentMeasurement: null,
    selectedMorph: null
  },
  getters: {
    layers: state => {
      return state.layers;
    },
    getLayerByName: state => name => {
      return state.layers.find(layer => layer.name === name);
    }
  },
  mutations: {
    toggleVisibility: (state, layer) => {
      state.layers[layer].isVisible = !state.layers[layer].isVisible;
      state.layers[layer].data.setVisible(state.layers[layer].isVisible);
    },
    setIdentifiedFeatures: (state, identifiedFeatures) => {
      state.identifiedFeatures = identifiedFeatures;
    },
    setOpenLayersMap: (state, map) => {
      state.openLayersMap = map;
    },
    setCurrentMeasurement: (state, measurement) => {
      state.currentMeasurement = measurement;
    },
    setSelectedMorph: (state, selectedMorph) => {
      state.selectedMorph = selectedMorph;
    }
  }
};

export default MapStore;