Support for pre defined answer possibilities

Implemented answer types are:
* yes, no (default)
* yes, no, maybe
* free text

While creating a poll the user choose possible answers by defining an answer type.

Later  user defined answer possibilites could be added.

index.html

@@ -39,7 +39,15 @@
         <p>{{description}}</p>
 
         <h2>type</h2>
-        <p>{{type}}</p>
+        <p>{{pollType}}</p>
+
+        <h2>answer type</h2>
+        <p>{{answerType}}</p>
+
+        <h2>answers</h2>
+        {{#each answer in answers}}
+            {{answer}}<br/>
+        {{/each}}
 
         <h2>options and user</h2>
         <table>
@@ -67,7 +75,18 @@
                 <tr class='newUser'>
                     <td>{{input value=view.newUserName}}</td>
                     {{#each newUserSelection in view.newUserSelections}}
-                        <td>{{input value=newUserSelection.value}}</td>
+                        <td>
+                        {{#if isFreeText}}
+                            {{input value=newUserSelection.value}}
+                        {{else}}
+                            {{view Ember.Select
+                                contentBinding="answers"
+                                optionValuePath="content"
+                                optionLabelPath="content"
+                                prompt="Please select an answer"
+                                valueBinding="newUserSelection.value"}}
+                        {{/if}}
+                        </td>
                     {{/each}}
                     <td><button {{action "addNewUser" target="view"}}> ok </button></td>
                 </tr>
@@ -84,25 +103,30 @@
     </script>
     
     <script type="text/x-handlebars" id="create/index">
+        <h2>create a poll</h2>
         <p>
             type:<br/>
             {{view Ember.Select
-                contentBinding="App.Types"
+                contentBinding="App.PollTypes"
                 optionValuePath="content.id"
                 optionLabelPath="content.label"
-                valueBinding="type"}}
+                prompt="Please select a poll type"
+                valueBinding="pollType"
+            }}
         </p>
         <p><button {{action "save"}}> ok </button></p>
     </script>
     
     <script type="text/x-handlebars" id="create/meta">
+        <h2>meta data</h2>
         <p>title:<br/>{{input value=title}}</p>
         <p>description:<br/>{{textarea value=description}}</p>
         <p><button {{action "save"}}> ok </button></p>
     </script>
     
     <script type="text/x-handlebars" id="create/options">
-        <p>options<br/>
+        <h2>options</h2>
+        </p>
         {{#each newOption in view.newOptions}}
             {{view Ember.TextField valueBinding="newOption.title"}}<br/>
         {{/each}}
@@ -112,7 +136,16 @@
     </script>
     
     <script type="text/x-handlebars" id="create/settings">
-        <p>settings</p>
+        <h2>settings</h2>
+        <p>answer type:<br/>
+            {{view Ember.Select
+                contentBinding="App.AnswerTypes"
+                optionValuePath="content.id"
+                optionLabelPath="content.label"
+                value="YesNo"
+                prompt="Please define available answers"
+                valueBinding="answerType"}}
+        </p>
         <p><button {{action "save"}}> ok </button></p>
     </script>
     

js/croodle.js

@@ -42,13 +42,12 @@ Ember.computed.encrypted = function(encryptedField) {
 
         // check if encryptKey is set
         if (typeof encryptKey === 'undefined') {
-            console.log("encryption key is not set for: " + this.toString() + " " + encryptedField);
             return;
         }
 
         // setter
         if (arguments.length === 2) {
-            encryptedValue = Ember.isNone(decryptedValue) ? null : String( sjcl.encrypt( encryptKey , decryptedValue) );
+            encryptedValue = Ember.isNone(decryptedValue) ? null : String(sjcl.encrypt(encryptKey , decryptedValue));
             this.set(encryptedField, encryptedValue);
         }
         
@@ -63,20 +62,52 @@ Ember.computed.encrypted = function(encryptedField) {
 
         // try to decrypt value
         try {
-            decryptedValue = sjcl.decrypt( encryptKey , encryptedValue);
+            decryptedValue = sjcl.decrypt(encryptKey, encryptedValue);
         } catch (e) {
             console.log('Error on decrypting ' + encryptedField);
-            console.log('Value to decrypt:');
-            console.log(encryptedValue);
-            console.log('Error message by SJCL:');
             console.log(e);
             console.log('Perhaps a wrong encryption key?');
             decryptedValue = '';
         }
-        return Ember.isNone(encryptedValue) ? null : String( decryptedValue );
+        return Ember.isNone(encryptedValue) ? null : String(decryptedValue);
     });
 };
 
+/*
+ * array as attribute for models
+ */
+App.ArrayTransform = DS.Transform.extend({
+  // If the outgoing json is already a valid javascript array
+  // then pass it through untouched. In all other cases, replace it
+  // with an empty array.  This means null or undefined values
+  // automatically become empty arrays when serializing this type.
+  serialize: function (jsonData) {
+    if (Em.typeOf(jsonData) === 'array') {
+      return jsonData;
+    }
+    else {
+      return [];
+    }
+  },
+
+  // If the incoming data is a javascript array, pass it through.
+  // If it is a string, then coerce it into an array by splitting
+  // it on commas and trimming whitespace on each element.
+  // Otherwise pass back an empty array.  This has the effect of
+  // turning all other data types (including nulls and undefined
+  // values) into empty arrays.
+  deserialize: function (externalData) {
+    switch (Em.typeOf(externalData)) {
+      case 'array':
+        return externalData;
+      case 'string':
+        return externalData.split(',').map( function(item) { return jQuery.trim(item) } );
+      default:
+        return [];
+    }               
+  }
+}),
+
 /*
  * models
  */
@@ -87,8 +118,11 @@ App.Poll = DS.Model.extend({
     title : Ember.computed.encrypted('encryptedTitle'),
     encryptedDescription : DS.attr('string'),
     description: Ember.computed.encrypted('encryptedDescription'),
-    encryptedType : DS.attr('string'),
+    encryptedPollType : DS.attr('string'),
-    type : Ember.computed.encrypted('encryptedType'),
+    pollType : Ember.computed.encrypted('encryptedPollType'),
+    encryptedAnswerType: DS.attr('string'),
+    answerType : Ember.computed.encrypted('encryptedAnswerType'),
+    answers : DS.attr('array'),
     options : DS.hasMany('option', {async: true}),
     users : DS.hasMany('user', {async: true}),
     creationDate : DS.attr('date')
@@ -123,7 +157,7 @@ App.Encryption = Ember.Object.extend({
     isSet: false
 });
 
-App.Types = [
+App.PollTypes = [
    Ember.Object.create({
         id : "FindADate",
         label : "Find a date"
@@ -134,6 +168,24 @@ App.Types = [
    })
 ];
 
+App.AnswerTypes = [
+    Ember.Object.create({
+        id : "YesNo",
+        label : "yes, no",
+        answers : ["yes", "no"]
+    }),
+    Ember.Object.create({
+        id : "YesNoMaybe",
+        label : "yes, no, maybe",
+        answers : ["yes", "no", "maybe"]
+    }),
+    Ember.Object.create({
+        id : "FreeText",
+        label : "free text",
+        answers : []
+    })
+];
+
 /*
  * Serializer
  */
@@ -202,9 +254,9 @@ App.CreateMetaRoute = Ember.Route.extend({
         return this.modelFor('create');
     },
 
-    // redirect to create/index if type is not set
+    // redirect to create/index if poll type is not set
     afterModel: function(create){
-        if (create.get('type') === null) {
+        if (create.get('pollType') === null) {
             this.transitionTo('create.index');
         }
     }
@@ -312,7 +364,22 @@ App.CreateSettingsController = Ember.ObjectController.extend({
                 });
             });
         }
-    }
+    },
+    
+    updateAnswers: function(){
+        var selectedAnswer = this.get('model.answerType'),
+            answers = [];
+        
+        if (selectedAnswer !== null) {
+            for (var i=0; i<App.AnswerTypes.length; i++) {
+                if (App.AnswerTypes[i].id === selectedAnswer) {
+                    answers = App.AnswerTypes[i].answers;
+                }
+            }
+
+            this.set('answers', answers);
+        }
+    }.observes('answerType')
 });
 
 App.PollController = Ember.ObjectController.extend({
@@ -361,6 +428,16 @@ App.PollController = Ember.ObjectController.extend({
         }
     },
     
+    isFreeText: function() {
+        var answerType = this.get('answerType');
+        if (answerType === 'FreeText') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }.property('answerType'),
+    
     updateEncryptionKey: function() {
         // update encryption key
         this.set('encryption.key', this.get('encryptionKey'));