first commit

way too late.

static/partials/apispec.html

@@ -0,0 +1,46 @@
+<div class="row wab-apispect">
+    <div class="columns large-12">
+        <h2>Api specification</h2>
+    </div>
+</div>
+
+
+<div class="row wab-apispect">
+    <table class="columns large-12">
+        <thead>
+            <tr>
+                <th >api endpoint</th>
+                <th>method</th>
+                <th >description</th>
+            </tr>
+        </thead>
+      <tbody>
+          <tr>
+              <td><wab-api endpoint="/doormen"></wab-api></td>
+              <td><wab-method method="get"></wab-method></td>
+              <td>Get the list of all the public doormen.</td>
+          </tr>
+          <tr>
+              <td><wab-api endpoint="/doormen"></wab-api></td>
+              <td><wab-method method="post"></wab-method></td>
+              <td>Create a new doorman.</td>
+          </tr>
+          <tr>
+              <td><wab-api endpoint="/doormen/:id"></wab-api></td>
+              <td><wab-method method="get"></wab-method></td>
+              <td>Get the doorman</td>
+          </tr>
+          <tr>
+              <td><wab-api endpoint="/doormen/:id"></wab-api></td>
+              <td><wab-method method="put"></wab-method></td>
+              <td>Update the doorman with new probabilities</td>
+          </tr>
+          <tr>
+              <td><wab-api endpoint="/doormen/:id"></wab-api></td>
+              <td><wab-method method="delete"></wab-method></td>
+              <td>Delete the doorman</td>
+          </tr>
+      </tbody>
+
+    </table>
+</div>

static/partials/doorman.html

@@ -0,0 +1,29 @@
+<div class="row">
+    <div class="columns large-12">
+        <h2>{{ doorman.name }} </h2>
+    </div>
+</div>
+
+<div class="row">
+    <div class="columns large-12">
+        <span>doorman id: <code>{{ doorman.id }}</code></span>
+    </div>
+</div>
+
+<div class="row" ng-repeat="value in doorman.values">
+    <div class="columns large-9 small-10">
+        <label >name<input type="text" placeholder="value name" ng-value="value.name" disabled></label>
+    </div>
+    <div class="columns large-3 small-2">
+        <label >probability<input type="number" placeholder="value probability" ng-model="value.probability" min="0" max="1" step="0.01"></label>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 small-12 columns">
+        <ul class="button-group">
+          <li><a ng-click="updateDoorman()" class="small button" ng-class="{disabled: !validate()}">Update</a></li>
+          <li><a ng-click="deleteDoorman()" class="small button">Delete</a></li>
+        </ul>
+    </div>
+</div>

static/partials/doormanError.html

@@ -0,0 +1,6 @@
+
+<div class="row">
+    <div class="columns large-12">
+        <span>Error {{ error }} getting doorman {{ id }}</span>
+    </div>
+</div>

static/partials/doormen.html

@@ -0,0 +1,13 @@
+<div class="row">
+    <div class="columns large-12">
+        <h2>doormen</h2>
+    </div>
+</div>
+
+<div class="row">
+    <div class="columns large-12">
+        <ul>
+            <li ng-repeat="doorman in doormen"> <a href="#/doormen/{{ doorman.id }}"> {{ doorman.name }} </a></li>
+        </ul>
+    </div>
+</div>

static/partials/home.html

@@ -0,0 +1,7 @@
+<h2>Welcome to the world best a/b testing library</h2>
+
+<div class="row">
+    <div class="large-12 columns">
+        {{ message }}
+    </div>
+</div>

static/partials/newdoorman.html

@@ -0,0 +1,54 @@
+
+<h2>New Doorman</h2>
+
+<form>
+    <div class="row">
+        <div class="columns large-12">
+            <label >name<input type="text" placeholder="unique doorman name" ng-model="payload.name"></label>
+        </div>
+    </div>
+
+    <div class="row" ng-repeat="value in payload.values">
+        <div class="columns large-8">
+            <label >value<input type="text" placeholder="value name" ng-model="value.name"></label>
+        </div>
+        <div class="columns large-3">
+            <label >probability<input type="number" placeholder="value probability" ng-model="value.probability" min="0" max="1" step="0.01"></label>
+        </div>
+        <div class="columns large-1">
+            <br>
+            <a class="button round tiny" ng-click="removeValue( $index )">-</a>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="columns large-8">
+            <label >name<input type="text" placeholder="value name" ng-model="value.name"></label>
+        </div>
+        <div class="columns large-3">
+            <label >probability<input type="number" placeholder="value probability" ng-model="value.probability" min="0" max="1" step="0.01"></label>
+        </div>
+
+        <div class="columns large-1">
+            <br>
+            <a class="button round tiny" ng-class="{disabled: !isValidValue()}" ng-click="addNewValue()">+</a>
+        </div>
+    </div>
+
+    <div class="row" ng-show="error">
+        <div class="columns large-12">
+            <code style="width:100%; height:100%; display:block; margin-bottom: 1em;">{{ error }}</code>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="large-11 columns">
+            <button ng-click="createDoorman()" ng-class="{disabled: !isDoormanValid()}">create</button>
+        </div>
+
+        <div class="large-1 columns">
+            <span >propability remaning: {{ getProbabilityRemaining() }}</span>
+        </div>
+    </div>
+
+</form>