Merge pull request #138 from zond/master

Added a button to turn auto tail on/off

cmd/droned/assets/css/drone.css

@@ -1082,3 +1082,14 @@ ul.account-radio-group li img {
 .url {
   word-break: break-all;
 }
+#follow {
+  position: relative;
+  z-index: 100;
+  float: right;
+  right: 1em;
+  top: -2.5em;
+  padding: 0 1em;
+  border-radius: 7px;
+  background: #999;
+  cursor: pointer;
+}

cmd/droned/assets/css/drone.less

@@ -1271,3 +1271,17 @@ pre {
 .url {
   word-break: break-all;
 }
+
+#follow {
+  position: relative;
+  z-index: 100;
+  float: right;
+  right: 1em;
+  top: -2.5em;
+  padding: 0 1em;
+  border-radius: 7px;
+  background: #999;
+  cursor: pointer;
+}
+
+

pkg/template/pages/repo_commit.html

@@ -45,14 +45,25 @@
 			</div>
 		</div>
 		<pre id="stdout"></pre>
+		<span id="follow">Follow</span>
 	</div><!-- ./container -->
 {{ end }}
 
 {{ define "script" }}
 	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.js"></script>
 	<script>
+		window.autofollow = false;
 		$(document).ready(function() {
 			$(".timeago").timeago();
+			$("#follow").bind("click", function(ev) {
+				if (window.autofollow) {
+					window.autofollow = false;
+					$("#follow").text("Follow");
+				} else {
+					window.autofollow = true;
+					$("#follow").text("Stop following");
+				}
+			});
 		});
 	</script>
 
@@ -124,7 +135,9 @@
 		outputWS.onclose = function (e) { window.location.reload(); };
 		outputWS.onmessage = function (e) { 
 			outputBox.innerHTML += formatLine(e.data);
-			window.scrollTo(0, document.body.scrollHeight)
+			if (window.autofollow) {
+				window.scrollTo(0, document.body.scrollHeight);
+			}
 		};
 	{{ else }} 
 		$.get("/{{ .Repo.Slug }}/commit/{{ .Commit.Hash }}/build/{{ .Build.Slug }}/out.txt", function( data ) {
@@ -132,4 +145,4 @@
 		});
 	{{ end }}
 	</script>
-{{ end }}
+{{ end }}