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

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

const MapStore = {
  namespaced: true,
  state: {
    openLayersMap: null,
    layers: layers
  },
  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);
    },
    setOpenLayersMap: (state, map) => {
      state.openLayersMap = map;
    }
  }
};

export default MapStore;