From a12f094710ed4fc70c1a5a2c59b7834d824989d6 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Sat, 6 Jun 2015 10:40:39 +0200
Subject: [PATCH] Autosize the rich editor (for card description and comments)

---
 .jshintrc                             | 1 +
 bower.json                            | 1 +
 client/components/main/editor.jade    | 7 +++++++
 client/components/main/editor.js      | 2 ++
 client/components/main/editor.styl    | 2 ++
 client/components/main/templates.html | 5 ++---
 6 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 client/components/main/editor.jade
 create mode 100644 client/components/main/editor.styl

diff --git a/.jshintrc b/.jshintrc
index a03f740f3..0fba31969 100644
--- a/.jshintrc
+++ b/.jshintrc
@@ -43,6 +43,7 @@
     // Exported by packages we use
     "_": false,
     "$": false,
+    "autosize": false,
     "Router": false,
     "SimpleSchema": false,
     "getSlug": false,
diff --git a/bower.json b/bower.json
index deca1fda2..5577575b4 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,7 @@
 {
   "name": "LibreBoard",
   "dependencies": {
+    "autosize": "3.0.6",
     "perfect-scrollbar": "0.6.2"
   },
   "private": true
diff --git a/client/components/main/editor.jade b/client/components/main/editor.jade
new file mode 100644
index 000000000..cb01cdc1f
--- /dev/null
+++ b/client/components/main/editor.jade
@@ -0,0 +1,7 @@
+template(name="editor")
+  textarea.editor(
+    class="{{class}}"
+    id=id
+    autofocus=autofocus
+    placeholder="{{_ 'comment-placeholder'}}")
+    +Template.contentBlock
diff --git a/client/components/main/editor.js b/client/components/main/editor.js
index e1a90cb1f..68e278ee1 100644
--- a/client/components/main/editor.js
+++ b/client/components/main/editor.js
@@ -3,6 +3,8 @@ var dropdownMenuIsOpened = false;
 Template.editor.onRendered(function() {
   var $textarea = this.$('textarea');
 
+  autosize($textarea);
+
   $textarea.textcomplete([
     // Emojies
     {
diff --git a/client/components/main/editor.styl b/client/components/main/editor.styl
new file mode 100644
index 000000000..1dc020471
--- /dev/null
+++ b/client/components/main/editor.styl
@@ -0,0 +1,2 @@
+textarea.editor
+  min-height: 100px
diff --git a/client/components/main/templates.html b/client/components/main/templates.html
index c252f1e48..876eb13ac 100644
--- a/client/components/main/templates.html
+++ b/client/components/main/templates.html
@@ -11,8 +11,7 @@
     </div>
 </template>
 
-<template name="editor">
-    <textarea class="{{class}}" placeholder="{{_ 'comment-placeholder'}}" id="{{id}}" autofocus="{{autofocus}}">{{> UI.contentBlock}}</textarea>
-</template>
+<!-- XXX This should be moved to editor.jade but there is an issue with jade
+     handling of the markdown component. -->
 
 <template name="viewer">{{#markdown}}{{#emoji}}{{#mentions}}{{> UI.contentBlock }}{{/mentions}}{{/emoji}}{{/markdown}}</template>