add a transgression

app/assets/javascripts/spa.js

@@ -12,4 +12,19 @@ app.controller('TransgressionsController', ['$http', function($http){
   $http.get('/transgressions').success(function(data){
     controller.transgressions = data.transgressions;
   });
+
+  this.createTransgression = function(){
+    var csrf = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+    $http.post('/transgressions', {
+      authenticity_token: csrf,
+      transgression: {
+        sin_type: controller.newTransgressionSinType,
+        description: controller.newTransgressionDescription
+      }
+    }).success(function(data){
+      $http.get('/transgressions').success(function(data){
+        controller.transgressions = data.transgressions;
+      });
+    });
+  }
 }]);

app/views/spa.html.erb

@@ -19,5 +19,20 @@
         Created: {{transgression.authored_at}}
       </li>
     </ul>
+    <h2>The Flesh is Weak</h2>
+    <form ng-submit="transgressionsCtrl.createTransgression()">
+      <input
+        type="text"
+        ng-model="transgressionsCtrl.newTransgressionSinType"
+        placeholder="How have you pleased me?" />
+      <br/>
+      <textarea
+        ng-model="transgressionsCtrl.newTransgressionDescription"
+        placeholder="Yes! Now describe it to me, mortal"></textarea>
+      <br/>
+      <input
+        type="Submit"
+        value="Feed Me!" />
+    </form>
   </section>
 </main>