feat(log-viewer): Add the ability to specify displayed line count (#1914)

app/docker/components/log-viewer/log-viewer.js

@@ -4,6 +4,7 @@ angular.module('portainer.docker').component('logViewer', {
   bindings: {
     data: '=',
     displayTimestamps: '=',
-    logCollectionChange: '<'
+    logCollectionChange: '<',
+    lineCount: '='
   }
 });

app/docker/components/log-viewer/logViewer.html

@@ -33,6 +33,14 @@
               <input class="form-control" type="text" name="logs_search" ng-model="$ctrl.state.search" ng-change="$ctrl.state.selectedLines.length = 0;" placeholder="Filter...">
             </div>
           </div>
+          <div class="form-group">
+            <label for="lines_count" class="col-sm-1 control-label text-left">
+              Lines
+            </label>
+            <div class="col-sm-11">
+              <input class="form-control" type="number" name="lines_count" ng-model="$ctrl.lineCount" placeholder="Enter no of lines...">
+            </div>
+          </div>
           <div class="form-group" ng-if="$ctrl.state.copySupported">
             <label class="col-sm-1 control-label text-left">
               Actions

app/docker/views/containers/logs/containerlogs.html

@@ -6,5 +6,5 @@
 </rd-header>
 
 <log-viewer
-  data="logs" ng-if="logs" log-collection-change="changeLogCollection" display-timestamps="state.displayTimestamps"
+  data="logs" ng-if="logs" log-collection-change="changeLogCollection" display-timestamps="state.displayTimestamps" line-count="state.lineCount"
 ></log-viewer>

app/docker/views/services/logs/servicelogs.html

@@ -6,5 +6,5 @@
 </rd-header>
 
 <log-viewer
-  data="logs" ng-if="logs" log-collection-change="changeLogCollection" display-timestamps="state.displayTimestamps"
+  data="logs" ng-if="logs" log-collection-change="changeLogCollection" display-timestamps="state.displayTimestamps" line-count="state.lineCount"
 ></log-viewer>

app/docker/views/tasks/logs/tasklogs.html

@@ -6,5 +6,5 @@
 </rd-header>
 
 <log-viewer
-  data="logs" ng-if="logs" log-collection-change="changeLogCollection" display-timestamps="state.displayTimestamps"
+  data="logs" ng-if="logs" log-collection-change="changeLogCollection" display-timestamps="state.displayTimestamps" line-count="state.lineCount"
 ></log-viewer>