From a25fbd518a161bf5c29ed8c12ef16d1c5ad0a7dd Mon Sep 17 00:00:00 2001
From: Eliot Whalan <ewhal@pantsu.cat>
Date: Fri, 24 Jun 2016 16:22:06 +1000
Subject: [PATCH] Add jquery resizing to all pages

---
 assets/clone.html  | 11 +++++++++--
 assets/paste.html  | 13 +++++++++++--
 assets/syntax.html |  5 +++--
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/assets/clone.html b/assets/clone.html
index caf6c0a..df0cc05 100644
--- a/assets/clone.html
+++ b/assets/clone.html
@@ -38,8 +38,7 @@
 						</div>
 
 						<div class="form-group is-empty" style="margin-top: 0px;">
-							<textarea class="form-control" rows="20" id="textArea">{{printf "%s" .Body}}</textarea>
-
+							<textarea class="form-control" rows="20" id="textArea" data-autoresize>{{printf "%s" .Body}}</textarea>
 							<span class="help-block">Paste your text here</span>
 						</div>
 					</div>
@@ -479,6 +478,14 @@
 		<script src="https://cdn.jsdelivr.net/bootstrap.material-design/0.5.10/js/ripples.min.js" integrity="sha256-TY/EO/++Ug/P+fSBjaqlmtuphCBKwlP7TOnS+SGnN8g=" crossorigin="anonymous"></script>
 		<script>
 			$.material.init();
+			jQuery.each(jQuery('textarea[data-autoresize]'), function() {
+				var offset = this.offsetHeight - this.clientHeight;
+
+				var resizeTextarea = function(el) {
+					jQuery(el).css('height', 'auto').css('height', el.scrollHeight + offset);
+				};
+				jQuery(this).on('keyup input', function() { resizeTextarea(this); }).removeAttr('data-autoresize');
+			});
 		</script>
 
 	</body>
diff --git a/assets/paste.html b/assets/paste.html
index 5893947..1bab868 100644
--- a/assets/paste.html
+++ b/assets/paste.html
@@ -31,7 +31,7 @@
 			</div>
 
 			<div class="well" style="padding-top: 10px;">
-				<textarea class="form-control" rows="20" id="textArea">{{printf "%s" .Body}}</textarea>
+				<textarea class="form-control" rows="20" id="textArea" data-autoresize>{{printf "%s" .Body}}</textarea>
 			</div>
 
 			<div class="pull-right">
@@ -41,7 +41,7 @@
 					<a href="{{.Raw}}" class="btn btn-raised btn-primary">Raw</a>
 					<a href="{{.Clone}}" class="btn btn-raised btn-primary">Clone</a>
 				</div>
-			
+
 			</div>
 		</div>
 		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
@@ -52,6 +52,15 @@
 		<script src="https://cdn.jsdelivr.net/bootstrap.material-design/0.5.10/js/ripples.min.js" integrity="sha256-TY/EO/++Ug/P+fSBjaqlmtuphCBKwlP7TOnS+SGnN8g=" crossorigin="anonymous"></script>
 		<script>
 			$.material.init();
+
+			jQuery.each(jQuery('textarea[data-autoresize]'), function() {
+				var offset = this.offsetHeight - this.clientHeight;
+
+				var resizeTextarea = function(el) {
+					jQuery(el).css('height', 'auto').css('height', el.scrollHeight + offset);
+				};
+				jQuery(this).on('keyup input', function() { resizeTextarea(this); }).removeAttr('data-autoresize');
+			});
 		</script>
 
 	</body>
diff --git a/assets/syntax.html b/assets/syntax.html
index 72cc508..fec353e 100644
--- a/assets/syntax.html
+++ b/assets/syntax.html
@@ -29,9 +29,10 @@
 			<div class="page-header">
 				<h1>%s</h1>
 			</div>
-
 			<div class="well" style="padding-top: 10px;">
-				%s
+				<div class="col-md-12">
+					%s
+				</div>
 			</div>
 
 			<div class="pull-right">