switching sin type to drop down

app/assets/javascripts/angular.js

@@ -17,6 +17,10 @@ app.controller('TransgressionsController', ['$http', function($http){
   var authenticity_token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
   var controller = this;
 
+  // Sin Types for Select in HTML
+  this.SIN_TYPES = [ 'Gluttony', 'Greed', 'Anger', 'Pride', 'Lust', 'Sloth', 'Envy' ];
+  this.newTransgressionSinType = 'Gluttony';
+
   var getTransgressions = function(){
     // get transgressions for current User
     $http.get('/transgressions').success(function(data){

app/views/angular.html.erb

@@ -14,7 +14,9 @@
 
   <h2>The Flesh is Weak: Admit Your Transgressions</h2>
   <form ng-submit="transgressions.createTransgression()">
-    <input type="text" ng-model="transgressions.newTransgressionSinType" placeholder="Sin Type"/>
+    <select ng-model="transgressions.newTransgressionSinType">
+      <option ng-repeat="sinType in transgressions.SIN_TYPES">{{sinType}}</option>
+    </select>
     <input type="text" ng-model="transgressions.newTransgressionDescription" placeholder="How Have You Pleased Me?"/>
     <input type="submit" value="Feed Me Your Regrets" />
   </form>