Add follow button to stdout

- fixed position in stdout window for easy clicking on fast scroll output

server/app/scripts/app.js

@@ -273,12 +273,24 @@ app.controller("CommitController", function($scope, $http, $routeParams, stdout,
 			var el = document.querySelector('#output');
 			stdout.subscribe(data.id, function(out){
 				angular.element(el).append(lineFormatter.format(out));
+				if ($scope.following) {
+					window.scrollTo(0, document.body.scrollHeight);
+				}
 			});
 		}).
 		error(function(data, status, headers, config) {
 			console.log(data);
 		});
 
+	$scope.following = false;
+	$scope.follow = function() {
+		$scope.following = true;
+		window.scrollTo(0, document.body.scrollHeight);
+	}
+	$scope.unfollow = function() {
+		$scope.following = false;
+	}
+
 	$scope.rebuildCommit = function() {
 		$http({method: 'POST', url: '/api/repos/'+remote+'/'+owner+'/'+name+'/'+'branches/'+branch+'/'+'commits/'+commit+'?action=rebuild' })
 	}

server/app/styles/drone.less

@@ -1315,6 +1315,21 @@ nav {
 			line-height:18px;
 		}
 
+		#follow button {
+			position: fixed;
+			right: 280px;
+			bottom: 21px;
+			z-index: 100;
+			padding: 0 1em;
+			border-radius: 7px;
+			background-color: rgba(238, 238, 238, 0.2);
+			padding: 0 1em;
+			cursor: pointer;
+			font-family: @sans;
+			border: none;
+			color: #fff;
+		}
+
 		&[data-result="Pending"]:after,
 		&[data-result="Started"]:after {
 			position: absolute;

server/app/views/commit.html

@@ -51,7 +51,10 @@
 			<span>/</span>
 			<a href="#">{{ commit.sha | shortHash}}</a>
 		</nav>
-
+		<div id="follow">
+			<button ng-click="follow()" ng-if="following == false">follow</button>
+			<button ng-click="unfollow()" ng-if="following == true">unfollow</button>
+		</div>
 		<pre id="output"></pre>
 	</div>
 </div>