From 58b47df64f1ec0444a45892c1db2ca195ec93deb Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 29 Sep 2020 20:06:24 +0200
Subject: adding fields

---
 .../app/views/episode/components/episode.form.js   | 24 +++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

(limited to 'animism-align')

diff --git a/animism-align/frontend/app/views/episode/components/episode.form.js b/animism-align/frontend/app/views/episode/components/episode.form.js
index 81446f1..51064a4 100644
--- a/animism-align/frontend/app/views/episode/components/episode.form.js
+++ b/animism-align/frontend/app/views/episode/components/episode.form.js
@@ -3,10 +3,12 @@ import { Link } from 'react-router-dom'
 
 import { capitalize } from 'app/utils'
 
-import { TextInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader } from 'app/common'
+import { TextInput, NumberInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader } from 'app/common'
 
 const newEpisode = () => ({
+  episode_number: '',
   title: '',
+  release_date: '',
   settings: {},
 })
 
@@ -104,8 +106,8 @@ export default class EpisodeForm extends Component {
     }
     const { isNew, onSubmit } = this.props
     const { data } = this.state
-    const requiredKeys = "title episode_number".split(" ")
-    const validKeys = "title settings".split(" ")
+    const requiredKeys = "title episode_number release_date".split(" ")
+    const validKeys = "title episode_number release_date settings".split(" ")
     const validData = validKeys.reduce((a,b) => { a[b] = data[b]; return a }, {})
     const errorFields = requiredKeys.filter(key => !validData[key])
     if (errorFields.length) {
@@ -138,6 +140,22 @@ export default class EpisodeForm extends Component {
             onChange={this.handleChange}
             autoComplete="off"
           />
+          <NumberInput
+            title="Episode number"
+            name="episode_number"
+            required
+            data={data}
+            onChange={this.handleChange}
+            autoComplete="off"
+          />
+          <TextInput
+            title="Release Date"
+            name="release_date"
+            required
+            data={data}
+            onChange={this.handleChange}
+            autoComplete="off"
+          />
           <Checkbox
             label="Episode is live"
             name="is_live"
-- 
cgit v1.2.3-70-g09d2