feat: add ability to shift click log expand to expand all

Author: maximecaruchet

ui/src/app/views/workflow/run/node/pipeline/workflow-run-job/workflow-run-job.component.ts

@@ -321,20 +321,28 @@ export class WorkflowRunJobComponent implements OnInit, OnDestroy {
         return DurationService.duration(fromM.toDate(), to ? to.toDate() : moment().toDate());
     }
 
-    async clickExpandStepDown(index: number) {
+    async clickExpandStepDown(index: number, event: MouseEvent) {
+        let limit = this.expandLoadLinesCount
+        if (event.shiftKey) {
+            limit = 0
+        }
         let step = this.steps[index];
         let result = await this._workflowService.getLogLines(step.link,
-            { offset: `${step.lines[step.lines.length - 1].number + 1}`, limit: `${this.expandLoadLinesCount}` }
+            { offset: `${step.lines[step.lines.length - 1].number + 1}`, limit: `${limit}` }
         ).toPromise();
         this.steps[index].totalLinesCount = result.totalCount;
         this.steps[index].lines = step.lines.concat(result.lines.filter(l => !step.endLines.find(line => line.number === l.number)));
         this._cd.markForCheck();
     }
 
-    async clickExpandStepUp(index: number) {
+    async clickExpandStepUp(index: number, event: MouseEvent) {
+        let limit = this.expandLoadLinesCount
+        if (event.shiftKey) {
+            limit = 0
+        }
         let step = this.steps[index];
         let result = await this._workflowService.getLogLines(step.link,
-            { offset: `-${step.endLines.length + this.expandLoadLinesCount}`, limit: `${this.expandLoadLinesCount}` }
+            { offset: `-${step.endLines.length + this.expandLoadLinesCount}`, limit: `${limit}` }
         ).toPromise();
         this.steps[index].totalLinesCount = result.totalCount;
         this.steps[index].endLines = result.lines.filter(l => !step.lines.find(line => line.number === l.number)

ui/src/app/views/workflow/run/node/pipeline/workflow-run-job/workflow-run-job.html

@@ -55,7 +55,7 @@
                     </div>
                 </div>
                 <div class="line expand" *ngIf="step.lines.length + step.endLines.length < step.totalLinesCount"
-                    (click)="clickExpandStepDown(i)">
+                    (click)="clickExpandStepDown(i, $event)">
                     <div class="number">
                         <i nz-icon nzType="caret-down" nzTheme="fill"></i>
                         {{step.firstDisplayedLineNumber +
@@ -65,7 +65,7 @@
                 </div>
                 <div class="line expand"
                     *ngIf="step.lines.length + step.endLines.length < (step.totalLinesCount - expandLoadLinesCount) - 1"
-                    (click)="clickExpandStepUp(i)">
+                    (click)="clickExpandStepUp(i, $event)">
                     <div class="number"><i nz-icon nzType="caret-up" nzTheme="fill"></i>{{(step.firstDisplayedLineNumber +
                         step.totalLinesCount) - step.endLines.length}}
                     </div>