Implement Autosize on textarea elements

johndjameson · johndjameson · commit 83717223372d · 2015-06-04T09:34:54.000-04:00
diff --git a/client/javascripts/application.js b/client/javascripts/application.js
@@ -27,7 +27,10 @@ JS.Inbox    = {};
 
 JS.Globals = {
   homepageChallengeAnswer : /^['"][A-z-\.\s]*['"](;)?/,
-  userNameCookie          : 'try_name'
+  userNameCookie          : 'try_name',
+  Vendor                  : {
+    autosizeQuery         : '.js-autosize'
+  }
 };
 
 // -------------------------------------
diff --git a/client/javascripts/components/dispatcher/feedback.js b/client/javascripts/components/dispatcher/feedback.js
@@ -13,4 +13,10 @@ JS.Pages.Feedback = function() {
 
   JS.Modules.SaveProgress.init();
 
+  // -------------------------------------
+  //   Vendor
+  // -------------------------------------
+
+  autosize($(JS.Globals.Vendor.autosizeQuery));
+
 };
diff --git a/client/javascripts/components/dispatcher/news.js b/client/javascripts/components/dispatcher/news.js
@@ -30,4 +30,10 @@ JS.Pages.News = function() {
     elementNode : '.js-alert'
   });
 
+  // -------------------------------------
+  //   Vendor
+  // -------------------------------------
+
+  autosize($(JS.Globals.Vendor.autosizeQuery));
+
 };
diff --git a/views/feedback/index.jade b/views/feedback/index.jade
@@ -38,7 +38,7 @@ block content
 
         fieldset.form-field
           label.form-label(for='comment' id='Field1') Give us your feedback to help us improve the site.
-          textarea.form-input.js-formValidator-input.js-saveProgress(name='Field1' id='Field1' rows='10' required='true' data-validate='required' data-saveprogress='feedback_content')
+          textarea.form-input.form-textarea.js-autosize.js-formValidator-input.js-saveProgress(name='Field1' id='Field1' rows='8' required='true' data-validate='required' data-saveprogress='feedback_content')
 
         input.btn.js-formValidator-submit(id='saveForm' name='saveForm' type='submit' value='Submit')
 
diff --git a/views/news/new.jade b/views/news/new.jade
@@ -50,7 +50,7 @@ block content
                 span.form-label Description
 
               - bodyValue = body ? body : ''
-              textarea.form-input.form-textarea.js-counter.js-formValidator-input.js-saveProgress(name='body' rows=8 data-validate='required' required='true' placeholder="Today we released Sundae.js 2.0, which now has extra sprinkles, extra nuts, and now has three scoops of vanilla instead of two. If you can't eat dairy, you can now replace the ice cream with sherbert." data-saveprogress='news_description')
+              textarea.form-input.form-textarea.js-autosize.js-counter.js-formValidator-input.js-saveProgress(name='body' rows=4 data-validate='required' required='true' placeholder="Today we released Sundae.js 2.0, which now has extra sprinkles, extra nuts, and now has three scoops of vanilla instead of two. If you can't eat dairy, you can now replace the ice cream with sherbert." data-saveprogress='news_description')
                 =bodyValue
 
               .split
diff --git a/views/news/show.jade b/views/news/show.jade
@@ -76,7 +76,7 @@ block content
                 img.thumb(src=user.avatar_url width=50)
               .bucket-content
                 fieldset.form-field
-                  textarea.form-input.form-textatrea.js-formValidator-input.js-saveProgress(name='body' data-saveprogress='comment' data-validate='required' required='true')
+                  textarea.form-input.form-textatrea.js-autosize.js-formValidator-input.js-saveProgress(name='body' data-saveprogress='comment' data-validate='required' required='true')
 
                 input(type='hidden' name='_csrf' value=token)
                 input.btn.btn--a.form-btn.js-formValidator-submit(type='submit' value='Submit')
