Skip to content

Commit

Permalink
Add button to show all log lines
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
dramich committed May 3, 2019
1 parent 4f7f6c0 commit 7e2b24d
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions src/views/Build.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -337,6 +343,9 @@ export default {
handleMore: function() {
this.logLimit += this.logStep;
},
handleAll: function() {
this.logLimit = this.logs.length;
},
toggleOutputFullscreen() {
this.outputFullscreen = !this.outputFullscreen;
Expand Down

0 comments on commit 7e2b24d

Please sign in to comment.