From 30fa83d002eb9fd93ba14c4be0f696826525ac64 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Mon, 2 Nov 2015 17:07:48 -0500
Subject: [PATCH] programmatically creating select

---
 app/assets/javascripts/spa.js |  2 ++
 app/views/spa.html.erb        | 12 ++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/spa.js b/app/assets/javascripts/spa.js
index 1e9e0ba..9b13d2d 100644
--- a/app/assets/javascripts/spa.js
+++ b/app/assets/javascripts/spa.js
@@ -13,6 +13,8 @@ app.controller('TransgressionsController', ['$http', function($http){
     controller.transgressions = data.transgressions;
   });
 
+  this.SIN_TYPES = [ 'Gluttony', 'Greed', 'Anger', 'Pride', 'Lust', 'Sloth', 'Envy'];
+
   this.createTransgression = function(){
     var csrf = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
     $http.post('/transgressions', {
diff --git a/app/views/spa.html.erb b/app/views/spa.html.erb
index 9dcf8e3..d178702 100644
--- a/app/views/spa.html.erb
+++ b/app/views/spa.html.erb
@@ -21,10 +21,14 @@
     </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?" />
+      Your Weakness:
+      <select ng-model="transgressionsCtrl.newTransgressionSinType">
+        <option
+          value="{{SIN_TYPE}}"
+          ng-repeat="SIN_TYPE in transgressionsCtrl.SIN_TYPES track by $index">
+          {{SIN_TYPE}}
+        </option>
+      </select>
       <br/>
       <textarea
         ng-model="transgressionsCtrl.newTransgressionDescription"