From c276cdc74cd2f421f16c883371bbd3f7c67c5d56 Mon Sep 17 00:00:00 2001
From: Matthew Dillon <mrdillon@alaska.edu>
Date: Mon, 20 Jul 2015 11:03:03 -0800
Subject: [PATCH 1/3] Add in quill WYSIWYG

---
 app/pods/components/text-editor/component.js | 32 ++++++++++++++++++++
 app/pods/components/text-editor/template.hbs | 11 +++++++
 app/styles/app.css                           |  4 +++
 bower.json                                   |  3 +-
 config/environment.js                        |  2 +-
 ember-cli-build.js                           |  5 +++
 6 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 app/pods/components/text-editor/component.js
 create mode 100644 app/pods/components/text-editor/template.hbs

diff --git a/app/pods/components/text-editor/component.js b/app/pods/components/text-editor/component.js
new file mode 100644
index 0000000..07c8f7a
--- /dev/null
+++ b/app/pods/components/text-editor/component.js
@@ -0,0 +1,32 @@
+import Ember from 'ember';
+/* global Quill */
+
+export default Ember.Component.extend({
+  quill: null,
+  value: null, // passed in
+
+  didInsertElement: function() {
+    let quill = new Quill(`#${this.get('elementId')} .editor`, {
+      formats: ['bold', 'italic', 'underline'],
+      modules: {
+        'toolbar': { container: `#${this.get('elementId')} .toolbar` }
+      },
+      theme: 'snow'
+    });
+
+    let val = this.get('value');
+    if (!val) {
+      val = '';
+    }
+    quill.setHTML(val);
+
+    quill.on('text-change', (delta, source) => {
+      if (source === 'user') {
+        this.set('value', Ember.$(quill.getHTML()).html());
+      }
+    });
+
+    this.set('quill', quill);
+  },
+
+});
diff --git a/app/pods/components/text-editor/template.hbs b/app/pods/components/text-editor/template.hbs
new file mode 100644
index 0000000..dfadffd
--- /dev/null
+++ b/app/pods/components/text-editor/template.hbs
@@ -0,0 +1,11 @@
+<div class="ql-toolbar toolbar">
+  <span class="ql-format-group">
+    <span title="Bold" class="ql-format-button ql-bold"></span>
+    <span class="ql-format-separator"></span>
+    <span title="Italic" class="ql-format-button ql-italic"></span>
+    <span class="ql-format-separator"></span>
+    <span title="Underline" class="ql-format-button ql-underline"></span>
+  </span>
+</div>
+
+<div class="ql-editor editor"></div>
diff --git a/app/styles/app.css b/app/styles/app.css
index 2a02ea6..b6f0827 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -1,3 +1,7 @@
+.ql-editor {
+  font-size: 18px;
+}
+
 .overflow-div {
   white-space: nowrap;
   overflow: auto;
diff --git a/bower.json b/bower.json
index 122e534..1910ae0 100644
--- a/bower.json
+++ b/bower.json
@@ -18,6 +18,7 @@
     "select2": "3.5.2",
     "antiscroll": "git://github.com/azirbel/antiscroll.git#90391fb371c7be769bc32e7287c5271981428356",
     "jquery-mousewheel": "~3.1.4",
-    "jquery-ui": "~1.11.4"
+    "jquery-ui": "~1.11.4",
+    "quill": "~0.19.14"
   }
 }
diff --git a/config/environment.js b/config/environment.js
index daba50a..2c4384f 100644
--- a/config/environment.js
+++ b/config/environment.js
@@ -32,7 +32,7 @@ module.exports = function(environment) {
       'default-src': "'none'",
       'script-src': "'self'",
       'font-src': "'self'",
-      'img-src': "'self'",
+      'img-src': "'self' data:",
       'style-src': "'self' 'unsafe-inline'",
       'media-src': "'self'"
     },
diff --git a/ember-cli-build.js b/ember-cli-build.js
index 8c5e8c0..995161c 100644
--- a/ember-cli-build.js
+++ b/ember-cli-build.js
@@ -10,6 +10,9 @@ module.exports = function(defaults) {
   // flakes (and deps)
   app.import('bower_components/flakes/css/all.css');
   app.import('bower_components/gridforms/gridforms/gridforms.css');
+  // quill
+  app.import('bower_components/quill/dist/quill.base.css');
+  app.import('bower_components/quill/dist/quill.snow.css');
 
   // LIBS ////////////////////////////////////////////////////////////////////////
   // flakes (and deps)
@@ -19,6 +22,8 @@ module.exports = function(defaults) {
   app.import('bower_components/flakes/js/base.js');
   // moment
   app.import('bower_components/moment/moment.js');
+  // quill
+  app.import('bower_components/quill/dist/quill.min.js');
 
   return app.toTree();
 };

From 8ab9312b9ef045f57e22ae8bbde1a66401d917a4 Mon Sep 17 00:00:00 2001
From: Matthew Dillon <mrdillon@alaska.edu>
Date: Mon, 20 Jul 2015 11:06:47 -0800
Subject: [PATCH 2/3] Rich text species and strains

---
 app/pods/components/forms/species-form/template.hbs | 2 +-
 app/pods/components/forms/strain-form/template.hbs  | 4 ++--
 app/pods/protected/species/show/template.hbs        | 2 +-
 app/pods/protected/strains/show/template.hbs        | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/pods/components/forms/species-form/template.hbs b/app/pods/components/forms/species-form/template.hbs
index 132c089..011f62f 100644
--- a/app/pods/components/forms/species-form/template.hbs
+++ b/app/pods/components/forms/species-form/template.hbs
@@ -26,7 +26,7 @@
     <div data-row-span="2">
       <div data-field-span="2">
         <label>Etymology</label>
-        {{textarea value=species.etymology cols="70" rows="5"}}
+        {{text-editor value=species.etymology}}
       </div>
     </div>
   </fieldset>
diff --git a/app/pods/components/forms/strain-form/template.hbs b/app/pods/components/forms/strain-form/template.hbs
index e6b9ee4..79acd02 100644
--- a/app/pods/components/forms/strain-form/template.hbs
+++ b/app/pods/components/forms/strain-form/template.hbs
@@ -25,7 +25,7 @@
     <div data-row-span="2">
       <div data-field-span="2">
         <label>Isolated From</label>
-        {{textarea value=strain.isolatedFrom cols="70" rows="5"}}
+        {{text-editor value=strain.isolatedFrom}}
       </div>
     </div>
     <div data-row-span="3">
@@ -45,7 +45,7 @@
     <div data-row-span="2">
       <div data-field-span="2">
         <label>Notes</label>
-        {{textarea value=strain.notes cols="70" rows="5"}}
+        {{text-editor value=strain.notes}}
       </div>
     </div>
   </fieldset>
diff --git a/app/pods/protected/species/show/template.hbs b/app/pods/protected/species/show/template.hbs
index fac3273..6d7252f 100644
--- a/app/pods/protected/species/show/template.hbs
+++ b/app/pods/protected/species/show/template.hbs
@@ -34,7 +34,7 @@
         <dl class="span-1">
           <dt>Etymology</dt>
           <dd>
-            {{model.etymology}}
+            {{{model.etymology}}}
           </dd>
         </dl>
       </div>
diff --git a/app/pods/protected/strains/show/template.hbs b/app/pods/protected/strains/show/template.hbs
index 1ba5fe6..1b96c8a 100644
--- a/app/pods/protected/strains/show/template.hbs
+++ b/app/pods/protected/strains/show/template.hbs
@@ -49,7 +49,7 @@
       <dl class="span-1">
         <dt>Isolated From</dt>
         <dd>
-          {{model.isolatedFrom}}
+          {{{model.isolatedFrom}}}
         </dd>
       </dl>
     </div>
@@ -59,7 +59,7 @@
       <dl class="span-1">
         <dt>Notes</dt>
         <dd>
-          {{model.notes}}
+          {{{model.notes}}}
         </dd>
       </dl>
     </div>

From 1d0d948c293af68fcb94f82407e75a07eb94f7ba Mon Sep 17 00:00:00 2001
From: Matthew Dillon <mrdillon@alaska.edu>
Date: Mon, 20 Jul 2015 12:17:04 -0800
Subject: [PATCH 3/3] Fix broken strain reference

---
 app/pods/protected/strains/edit/controller.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pods/protected/strains/edit/controller.js b/app/pods/protected/strains/edit/controller.js
index e570dff..02e76a4 100644
--- a/app/pods/protected/strains/edit/controller.js
+++ b/app/pods/protected/strains/edit/controller.js
@@ -18,7 +18,7 @@ export default Ember.Controller.extend({
     },
 
     cancel: function() {
-      let strain = this.get('protected.strain');
+      let strain = this.get('strain');
 
       strain.get('errors').clear();
       strain.rollback();