From 7e2b24dd91f88bb10bcd3a9bd52aca1df0cdd7da Mon Sep 17 00:00:00 2001
From: Dan Ramich <danold215@gmail.com>
Date: Fri, 3 May 2019 11:14:02 -0700
Subject: [PATCH] Add button to show all log lines

Currently with large logs it takes many clicks to be able to see the
entire log file or the top of the log file.

This button displays all log lines with one click.
---
 src/views/Build.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/views/Build.vue b/src/views/Build.vue
index 7d4d6738..9da88a7b 100644
--- a/src/views/Build.vue
+++ b/src/views/Build.vue
@@ -128,6 +128,12 @@
           <div class="output-content" ref="outputContent" @scroll="onOutputContentScroll">
             <Loading v-if="logsShowState === 'loading'"/>
 
+            <div class="output-content-actions" v-if="moreCount">
+              <Button size="l" outline borderless class="output-button" @click.native="handleAll">
+                Show all lines
+              </Button>
+            </div>
+
             <div class="output-content-actions" v-if="moreCount">
               <Button size="l" outline borderless class="output-button" @click.native="handleMore">
                 Show {{Math.min(moreCount, logStep)}} lines more
@@ -337,6 +343,9 @@ export default {
     handleMore: function() {
       this.logLimit += this.logStep;
     },
+    handleAll: function() {
+      this.logLimit = this.logs.length;
+    },
     toggleOutputFullscreen() {
       this.outputFullscreen = !this.outputFullscreen;