app_vue2/store/profile/organization.ts

import * as _ from 'lodash'
import { baseOrganizationState, organizationState } from '~/types/interfaces'

export const state = () => ({
  id: null,
  name: '',
  product: '',
  modules: [],
  hasChildren: false,
  networks: [],
  website: '',
  subDomain: '',
  parents: []
})

export const mutations = {
  setId (state:organizationState, id:number) {
    state.id = id
  },
  setName (state:organizationState, name:string) {
    state.name = name
  },
  setProduct (state:organizationState, product:string) {
    state.product = product
  },
  setModules (state:organizationState, modules:Array<string>) {
    state.modules = modules
  },
  setHasChildren (state:organizationState, hasChildren:boolean) {
    state.hasChildren = hasChildren
  },
  setNetworks (state:organizationState, networks:Array<string>) {
    state.networks = networks
  },
  setParents (state:organizationState, parents:Array<organizationState>) {
    state.parents = parents
  },
  setWebsite (state:organizationState, website:string) {
    state.website = website
  },
  setSubDomain (state:organizationState, subDomain:string) {
    state.subDomain = subDomain
  },
  addParent (state:organizationState, parent:organizationState) {
    state.parents.push(parent)
  }
}

export const actions = {
  setProfile (context:any, profile:any) {
    context.commit('setId', profile.id)
    context.commit('setName', profile.name)
    context.commit('setProduct', profile.product)
    context.commit('setWebsite', profile.website)
    context.commit('setSubDomain', profile.subDomain)
    context.commit('setModules', profile.modules)
    context.commit('setHasChildren', profile.hasChildren)
    context.commit('setNetworks', profile.networks)

    _.each(profile.parents, (parent) => {
      const p:baseOrganizationState = {
        id: parent.id,
        name: parent.name,
        website: parent.website,
        subDomain: parent.subDomain
      }
      context.commit('addParent', p)
    })
  }
}