From cb88a15ee96db5759026cc7ea9e3b0a56e6151ae Mon Sep 17 00:00:00 2001
From: andsandv <anders.olsen.sandvik@finn.no>
Date: Thu, 23 Oct 2014 14:30:02 +0200
Subject: [PATCH] #12 Add FeatureForm for new Features

---
 unleash-server/public/index.html     | 39 ----------------------
 unleash-server/public/js/unleash.jsx | 50 ++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 39 deletions(-)

diff --git a/unleash-server/public/index.html b/unleash-server/public/index.html
index d14dfbb049..fec195fd71 100644
--- a/unleash-server/public/index.html
+++ b/unleash-server/public/index.html
@@ -25,45 +25,6 @@
     <div class="container">
         <div id="content">Loading...</div>
     </div>
-
-    <!--
-    This is the bootstrap form
-    <form class="form-horizontal">
-        <fieldset>
-
-
-            <legend>Add a new feature</legend>
-
-
-            <div class="control-group">
-                <label class="control-label" for="name">Name </label>
-                <div class="controls">
-                    <input id="name" name="name" type="text" placeholder="Superfeature" class="input-large" required="">
-                    <p class="help-block">Give the feature a name</p>
-                </div>
-            </div>
-
-            <div class="control-group">
-                <label class="control-label" for="description">Description</label>
-                <div class="controls">
-                    <input id="description" name="description" type="text" placeholder="It does this and that " class="input-large">
-                    <p class="help-block">Describe the feature</p>
-                </div>
-            </div>
-
-            <div class="control-group">
-                <label class="control-label" for="strategy">Strategy</label>
-                <div class="controls">
-                    <select id="strategy" name="strategy" class="input-large">
-                        <option>Default</option>
-                    </select>
-                </div>
-            </div>
-
-        </fieldset>
-    </form>
-
--->
     <script type="text/jsx" src="js/unleash.jsx"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/unleash-server/public/js/unleash.jsx b/unleash-server/public/js/unleash.jsx
index 94498ebb87..eadc60c70a 100644
--- a/unleash-server/public/js/unleash.jsx
+++ b/unleash-server/public/js/unleash.jsx
@@ -16,6 +16,55 @@
 //      Meny
 //      NewFeatureForm
 
+var FeatureForm = React.createClass({
+
+    render: function () {
+        return (
+            <form className="form-horizontal">
+                <fieldset>
+
+                    <legend>Add a new feature</legend>
+
+                    <div className="control-group">
+                        <label className="control-label" for="name">Name </label>
+                        <div className="controls">
+                            <input id="name" name="name" type="text"
+                            placeholder="Superfeature" className="input-large" required="" />
+                            <p className="help-block">Give the feature a name</p>
+                        </div>
+                    </div>
+
+                    <div className="control-group">
+                        <label className="control-label" for="description">Description</label>
+                        <div className="controls">
+                            <input id="description" name="description" type="text"
+                            placeholder="It does this and that " className="input-large" />
+                            <p className="help-block">Describe the feature</p>
+                        </div>
+                    </div>
+
+                    <div className="control-group">
+                        <label className="control-label" for="strategy">Strategy</label>
+                        <div className="controls">
+                            <select id="strategy" name="strategy" className="input-large">
+                                <option>Default</option>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div className="control-group">
+                        <label className="control-label" for="submit"></label>
+                        <div className="controls">
+                            <button id="submit" name="submit" className="btn btn-success">Submit</button>
+                        </div>
+                    </div>
+
+                </fieldset>
+            </form>
+        );
+    }
+});
+
 var Feature = React.createClass({
     // TODO: validate props?
     handleEnableChange: function(event) {
@@ -131,6 +180,7 @@ var FeatureList = React.createClass({
                 </div>
                 <div className='panel-body'>
                     {featureNodes}
+                    <FeatureForm />
                 </div>
             </div>
         );