import * as types from 'app/types'
import { api } from 'app/utils'
import actions from 'app/actions'

export const showAddPageForm = () => dispatch => {
  dispatch({ type: types.graph.show_add_page_form })
}

export const hideAddPageForm = () => dispatch => {
  dispatch({ type: types.graph.hide_add_page_form })
}

export const toggleAddPageForm = () => dispatch => {
  dispatch({ type: types.graph.toggle_add_page_form })
}

export const showEditPageForm = () => dispatch => {
  dispatch({ type: types.graph.show_edit_page_form })
}

export const hideEditPageForm = () => dispatch => {
  dispatch({ type: types.graph.hide_edit_page_form })
}

export const toggleEditPageForm = () => dispatch => {
  dispatch({ type: types.graph.toggle_edit_page_form })
}

export const toggleAudioList = () => dispatch => {
  dispatch({ type: types.graph.toggle_audio_list })
}

export const toggleCursorList = () => dispatch => {
  dispatch({ type: types.graph.toggle_cursor_list })
}

export const updateGraphPage = page => dispatch => {
  dispatch({ type: types.graph.update_graph_page, page })
}

export const setHomePageId = (graph, page) => dispatch => {
  let updated_graph = { ...graph }
  delete updated_graph.pages
  updated_graph.home_page_id = page.id
  actions.graph.update(updated_graph)
}

export const viewPage = (graph, path) => dispatch => {
  // for some reason page.show.res is not always set..??
  api(dispatch, types.api, 'export', `/api/v1/graph/export/${graph.path}`)
  .then(result => {
    console.log(result)
    window.open(`${process.env.EXPORT_HOST}${path}`)
  })
}