adding les pages

4 files changed, 18 insertions, 5 deletions

diff --git a/frontend/views/graph/components/page.form.js b/frontend/views/graph/components/page.form.js
index ce14e2e..54a96a1 100644
--- a/frontend/views/graph/components/page.form.js
+++ b/frontend/views/graph/components/page.form.js
@@ -10,6 +10,9 @@ const newPage = (data) => ({
   title: '',
   username: session('username'),
   description: '',
+  settings: {
+    x: 10, y: 10,
+  },
   ...data,
 })
 
@@ -42,11 +45,15 @@ export default class PageForm extends Component {
     if (errorFields.has(name)) {
       errorFields.delete(name)
     }
+    let sanitizedValue = value
+    if (name === 'path') {
+      sanitizedValue = sanitizedValue.toLowerCase().replace(/ /, '-').replace(/[!@#$%^&*()[\]{}]/, '-').replace(/-+/, '-')
+    }
     this.setState({
       errorFields,
       data: {
         ...this.state.data,
-        [name]: value,
+        [name]: sanitizedValue,
       }
     })
   }
@@ -69,8 +76,8 @@ export default class PageForm extends Component {
     e.preventDefault()
     const { isNew, onSubmit } = this.props
     const { data } = this.state
-    const requiredKeys = "title username path description".split(" ")
-    const validKeys = "title username path description".split(" ")
+    const requiredKeys = "path title".split(" ")
+    const validKeys = "graph_id path title username description settings".split(" ")
     const validData = validKeys.reduce((a,b) => { a[b] = data[b]; return a }, {})
     const errorFields = requiredKeys.filter(key => !validData[key])
     if (errorFields.length) {
diff --git a/frontend/views/graph/components/page.new.js b/frontend/views/graph/components/page.new.js
index 5b72f89..921bebd 100644
--- a/frontend/views/graph/components/page.new.js
+++ b/frontend/views/graph/components/page.new.js
@@ -13,8 +13,9 @@ class PageNew extends Component {
     actions.page.create(data)
       .then(res => {
         console.log(res)
+        const graph = this.props.graph.show.res
         if (res.res && res.res.id) {
-          history.push('/' + res.res.path)
+          history.push('/' + graph.path + '/' + res.res.path)
         }
       })
       .catch(err => {
diff --git a/frontend/views/graph/graph.container.js b/frontend/views/graph/graph.container.js
index 5646d71..0770a04 100644
--- a/frontend/views/graph/graph.container.js
+++ b/frontend/views/graph/graph.container.js
@@ -25,6 +25,7 @@ class GraphContainer extends Component {
   }
   shouldShowGraph() {
     const { graph_name, page_name } = this.props.match.params
+    console.log(graph_name, page_name)
     return (graph_name && !page_name && graph_name !== 'index')
   }
   shouldLoadGraph(prevProps) {
diff --git a/frontend/views/index/components/graph.form.js b/frontend/views/index/components/graph.form.js
index 50f9773..d90b663 100644
--- a/frontend/views/index/components/graph.form.js
+++ b/frontend/views/index/components/graph.form.js
@@ -41,11 +41,15 @@ export default class GraphForm extends Component {
     if (errorFields.has(name)) {
       errorFields.delete(name)
     }
+    let sanitizedValue = value
+    if (name === 'path') {
+      sanitizedValue = sanitizedValue.toLowerCase().replace(/ /, '-').replace(/[!@#$%^&*()[\]{}]/, '-').replace(/-+/, '-')
+    }
     this.setState({
       errorFields,
       data: {
         ...this.state.data,
-        [name]: value,
+        [name]: sanitizedValue,
       }
     })
   }