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 @@ - +