2018-02-28 06:19:28 +00:00
< div class = "row" >
< div class = "col-sm-12" >
< rd-widget >
2018-06-06 16:12:35 +00:00
< rd-widget-header icon = "fa-file-alt" title-text = "Log viewer settings" > < / rd-widget-header >
2018-02-28 06:19:28 +00:00
< rd-widget-body >
< form class = "form-horizontal" >
< div class = "form-group" >
< div class = "col-sm-12" >
< label for = "tls" class = "control-label text-left" >
2018-03-11 10:29:13 +00:00
Auto-refresh logs
< portainer-tooltip position = "bottom" message = "Disabling this option allows you to pause the log collection process and the auto-scrolling." > < / portainer-tooltip >
2018-02-28 06:19:28 +00:00
< / label >
< label class = "switch" style = "margin-left: 20px;" >
2018-03-11 10:29:13 +00:00
< input type = "checkbox" ng-model = "$ctrl.state.logCollection" ng-change = "$ctrl.state.autoScroll = $ctrl.state.logCollection; $ctrl.logCollectionChange($ctrl.state.logCollection)" > < i > < / i >
2018-02-28 06:19:28 +00:00
< / label >
< / div >
< / div >
2018-03-25 00:36:13 +00:00
< div class = "form-group" >
< div class = "col-sm-12" >
< label for = "tls" class = "control-label text-left" >
Display timestamps
< / label >
< label class = "switch" style = "margin-left: 20px;" >
< input type = "checkbox" ng-model = "$ctrl.displayTimestamps" > < i > < / i >
< / label >
< / div >
< / div >
2018-02-28 06:19:28 +00:00
< div class = "form-group" >
< label for = "logs_search" class = "col-sm-1 control-label text-left" >
Search
< / label >
< div class = "col-sm-11" >
< 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 >
2018-05-21 08:51:56 +00:00
< 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 >
2018-02-28 06:19:28 +00:00
< div class = "form-group" ng-if = "$ctrl.state.copySupported" >
< label class = "col-sm-1 control-label text-left" >
Actions
< / label >
< div class = "col-sm-11" >
< button class = "btn btn-primary btn-sm" ng-click = "$ctrl.copy()" ng-disabled = "($ctrl.state.filteredLogs.length === 1 && !$ctrl.state.filteredLogs[0]) || !$ctrl.state.filteredLogs.length" > < i class = "fa fa-copy space-right" aria-hidden = "true" > < / i > Copy< / button >
< button class = "btn btn-primary btn-sm" ng-click = "$ctrl.copySelection()" ng-disabled = "($ctrl.state.filteredLogs.length === 1 && !$ctrl.state.filteredLogs[0]) || !$ctrl.state.filteredLogs.length || !$ctrl.state.selectedLines.length" > < i class = "fa fa-copy space-right" aria-hidden = "true" > < / i > Copy selected lines< / button >
2018-03-11 10:29:13 +00:00
< button class = "btn btn-primary btn-sm" ng-click = "$ctrl.clearSelection()" ng-disabled = "$ctrl.state.selectedLines.length === 0" > < i class = "fa fa-times space-right" aria-hidden = "true" > < / i > Unselect< / button >
2018-02-28 06:19:28 +00:00
< span >
< i id = "refreshRateChange" class = "fa fa-check green-icon" aria-hidden = "true" style = "margin-left: 7px; display: none;" > < / i >
< / span >
< / div >
< / div >
< / form >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
< div class = "row" style = "height:54%;" >
< div class = "col-sm-12" style = "height:100%;" >
2018-03-11 10:29:13 +00:00
< pre class = "log_viewer" scroll-glue = "$ctrl.state.autoScroll" force-glue >
< div ng-repeat = "line in $ctrl.state.filteredLogs = ($ctrl.data | filter:$ctrl.state.search) track by $index" class = "line" ng-if = "line" > < p class = "inner_line" ng-click = "$ctrl.selectLine(line)" ng-class = "{ 'line_selected': $ctrl.state.selectedLines.indexOf(line) > -1 }" > {{ line }}< / p > < / div >
2018-02-28 06:19:28 +00:00
< div ng-if = "!$ctrl.state.filteredLogs.length" class = "line" > < p class = "inner_line" > No log line matching the '{{ $ctrl.state.search }}' filter< / p > < / div >
< div ng-if = "$ctrl.state.filteredLogs.length === 1 && !$ctrl.state.filteredLogs[0]" class = "line" > < p class = "inner_line" > No logs available< / p > < / div >
< / pre >
< / div >
< / div >