From 057a7d9fed3bfe4230bd7bf0b0195dcd025a5b63 Mon Sep 17 00:00:00 2001
From: Chris Honniball <chonniball@gozooga.com>
Date: Wed, 24 Jun 2015 14:04:24 -0400
Subject: [PATCH] App updates.

+ #1 - added bootstrap JS
+ Added "installation".
---
 tests/dummy/app/controllers/index.js      |  2 +-
 tests/dummy/app/index.html                |  3 ++-
 tests/dummy/app/templates/application.hbs |  6 ++++++
 tests/dummy/app/templates/index.hbs       | 12 ++++++++++--
 tests/dummy/config/environment.js         |  2 +-
 5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/tests/dummy/app/controllers/index.js b/tests/dummy/app/controllers/index.js
index 911a2c4..8058ca0 100644
--- a/tests/dummy/app/controllers/index.js
+++ b/tests/dummy/app/controllers/index.js
@@ -1,7 +1,7 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
-  grouping: 'test_group',
+  grouping: '',
   
   options: Ember.A([
     { label: "Label 1", value: "Value 1", group: "Group A", alt_group: "Alt Group A" },
diff --git a/tests/dummy/app/index.html b/tests/dummy/app/index.html
index 8083b68..9d0509a 100644
--- a/tests/dummy/app/index.html
+++ b/tests/dummy/app/index.html
@@ -10,9 +10,9 @@
     {{content-for 'head'}}
 
     <link rel="stylesheet" href="assets/vendor.css">
-    <link rel="stylesheet" href="assets/dummy.css">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="assets/dummy.css">
 
     {{content-for 'head-footer'}}
   </head>
@@ -20,6 +20,7 @@
     {{content-for 'body'}}
 
     <script src="assets/vendor.js"></script>
+    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
     <script src="assets/dummy.js"></script>
 
     {{content-for 'body-footer'}}
diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs
index 4e184b1..788a7a3 100644
--- a/tests/dummy/app/templates/application.hbs
+++ b/tests/dummy/app/templates/application.hbs
@@ -5,5 +5,11 @@
   
   {{partial 'navigation'}}
   
+  <h3>Installation</h3>
+  
+  <pre>ember install ember-chosen</pre>
+  
+  <hr>
+  
   {{outlet}}
 </div>
diff --git a/tests/dummy/app/templates/index.hbs b/tests/dummy/app/templates/index.hbs
index aa14cb5..bdd0a38 100644
--- a/tests/dummy/app/templates/index.hbs
+++ b/tests/dummy/app/templates/index.hbs
@@ -44,6 +44,10 @@
   <div class="panel-body">
     <p><code>\{{ember-chosen}}</code> with grouped options that rely on another select box on the page.</p>
     
+    <p>
+      * <strong>Ember-Chosen</strong> validates the group before populating the <code>options</code> array. If the path doesn't exist in the first object within <code>content</code> then <strong>Ember-Chosen</strong> does not group the items.
+    </p>
+    
     <h5 class="text-uppercase text-muted">Example</h5>
 
     <div class="row">
@@ -88,13 +92,17 @@
   <div class="panel-body">
     <p><code>\{{ember-chosen}}</code> with block content that effects another select boxes grouping.</p>
     
+    <p>
+      * Attempts to select the item that matches the passed <code>value</code>. Matches are determined by looking for the a equal <code>value</code> in each <code>option</code> and if there is not an equal <code>value</code> then <strong>Ember-Chosen</strong> looks at the HTML content of the <code>option</code>.
+    </p>
+    
     <h5 class="text-uppercase text-muted">Example</h5>
 
     <div class="row">
       <div class="col-md-6 col-sm-8 col-xs-12">
         <div class="form-group">
          {{#ember-chosen
-            placeholder="Select Some Things..."
+            placeholder="Select a group..."
             value=grouping
             allowSingleDeselect=true
           }} 
@@ -114,7 +122,7 @@
     <h5 class="text-uppercase text-muted">Code</h5>
     
 <pre>\{{#ember-chosen
-  placeholder="Select Some Things..."
+  placeholder="Select a group..."
   value=grouping
   allowSingleDeselect=true
   }}
diff --git a/tests/dummy/config/environment.js b/tests/dummy/config/environment.js
index 9f1ff48..32646c2 100644
--- a/tests/dummy/config/environment.js
+++ b/tests/dummy/config/environment.js
@@ -8,7 +8,7 @@ module.exports = function(environment) {
     locationType: 'auto',
     contentSecurityPolicy: {
       'default-src': "'none'",
-      'script-src': "'self'",
+      'script-src': "'self' maxcdn.bootstrapcdn.com",
       'font-src': "'self' fonts.gstatic.com maxcdn.bootstrapcdn.com",
       'connect-src': "'self'",
       'img-src': "'self'",