3 files changed, 29 insertions, 6 deletions

diff --git a/frontend/app/views/graph/components/page.form.js b/frontend/app/views/graph/components/page.form.js
index 91a40a6..8148864 100644
--- a/frontend/app/views/graph/components/page.form.js
+++ b/frontend/app/views/graph/components/page.form.js
@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom'
 import { session } from 'app/session'
 
 import { TextInput, ColorInput, Checkbox, LabelDescription, TextArea, SubmitButton, Loader } from 'app/common'
-import { AudioSelect } from 'app/views/audio/components/audio.select'
+import AudioSelect from 'app/views/audio/components/audio.select'
 
 const newPage = (data) => ({
   path: '',
@@ -15,8 +15,8 @@ const newPage = (data) => ({
     x: 0.05,
     y: 0.05,
     background_color: '#000000',
-    audio: "",
-    restartAudio: false,
+    background_audio_id: 0,
+    restart_audio: false,
   },
   ...data,
 })
@@ -186,8 +186,8 @@ export default class PageForm extends Component {
 
           <Checkbox
             label="Restart audio on load"
-            name="restartAudio"
-            checked={data.settings.restartAudio}
+            name="restart_audio"
+            checked={data.settings.restart_audio}
             onChange={this.handleSettingsSelect}
             autoComplete="off"
           />
diff --git a/frontend/app/views/graph/graph.actions.js b/frontend/app/views/graph/graph.actions.js
index eba3f92..4185386 100644
--- a/frontend/app/views/graph/graph.actions.js
+++ b/frontend/app/views/graph/graph.actions.js
@@ -1,4 +1,5 @@
 import * as types from 'app/types'
+import { api } from 'app/utils'
 import actions from 'app/actions'
 
 export const showAddPageForm = () => dispatch => {
@@ -38,4 +39,12 @@ export const setHomePageId = (graph, page) => dispatch => {
   delete updated_graph.pages
   updated_graph.home_page_id = page.id
   actions.graph.update(updated_graph)
-}
\ No newline at end of file
+}
+
+export const viewPage = (graph, page) => dispatch => {
+  api(dispatch, types.api, 'export', `/api/v1/graph/export/${graph.path}`)
+  .then(result => {
+    console.log(result)
+    window.open(`${process.env.EXPORT_HOST}/${graph.path}/${page.path}`)
+  })
+}
diff --git a/frontend/app/views/graph/graph.reducer.js b/frontend/app/views/graph/graph.reducer.js
index 30049b5..725c256 100644
--- a/frontend/app/views/graph/graph.reducer.js
+++ b/frontend/app/views/graph/graph.reducer.js
@@ -8,6 +8,7 @@ const initialState = crudState('graph', {
     addingPage: false,
     editingPage: false,
     showingAudio: false,
+    building: false,
   },
   options: {
   }
@@ -125,6 +126,19 @@ export default function graphReducer(state = initialState, action) {
         }
       }
 
+    case types.api.loading:
+      if (action.tag !== 'view' && action.tag !== 'export') {
+        return state
+      }
+      return { ...state, editor: { ...state.editor, building: action.tag } }
+
+    case types.api.loaded:
+    case types.api.error:
+      if (action.tag !== 'view' && action.tag !== 'export') {
+        return state
+      }
+      return { ...state, editor: { ...state.editor, building: null } }
+
     default:
       return state
   }