Add contribution page

public/javascripts/main.js

@@ -11,7 +11,8 @@ function ViewCtrl($scope, Connection) {
 
   $scope.nav = [
     {partial: 'about', name: 'About'},
-    {partial: 'chatRoom', name: 'Chat'}
+    {partial: 'chatRoom', name: 'Chat'},
+    {partial: 'contribute', name: 'Contribute'}
   ];
 
   $scope.setView = function(p) {
@@ -42,3 +43,22 @@ function ChatCtrl($scope, Chat) {
 function GameCtrl($scope, Taboo) {
   $scope.game = Taboo;
 }
+
+function ContributeCtrl($scope, $http) {
+  function init() {
+    $scope.card = {
+      word: '',
+      taboos: []
+    };
+  }
+
+  $scope.submit = function() {
+    $http.post(jsRoutes.controllers.Cards.add().url, $scope.card)
+      .then(function() {
+        alert("Thank you for your contribution!");
+        init();
+      });
+  }
+
+  init();
+}

public/partials/contribute.html

@@ -0,0 +1,26 @@
+<div ng-controller="ContributeCtrl">
+  <div class="page-header">
+    <h1>Contribute</h1>
+  </div>
+  <div class="row">
+    <div class="span12" id="main">
+      <p>Help make the game! Contribute words and make the game better.</p>
+      <form ng-submit="submit()">
+        <input type="text" ng-model="card.word" id="inputWord" placeholder="Word">
+        <br>
+        <input type="text" ng-model="card.taboos[0]" placeholder="Taboo Word">
+        <br>
+        <input type="text" ng-model="card.taboos[1]" placeholder="Taboo Word">
+        <br>
+        <input type="text" ng-model="card.taboos[2]" placeholder="Taboo Word">
+        <br>
+        <input type="text" ng-model="card.taboos[3]" placeholder="Taboo Word">
+        <br>
+        <input type="text" ng-model="card.taboos[4]" placeholder="Taboo Word">
+        <hr>
+        <input class="btn btn-primary" type="submit" value="Submit">
+      </form>
+    </div>
+  </div>
+</div>
+