Remove infinite scroll from logs page and fix multiple loading bug

This should make viewing logs significantly less janky
This commit is contained in:
Joseph Schorr 2018-11-27 13:13:02 +02:00
parent 9e2c5417b8
commit b8d2e1be9c
4 changed files with 15 additions and 8 deletions

View file

@ -5,6 +5,7 @@
<span class="date-line-caption">From</span>
<input type="text" class="logs-date-picker input-sm" name="start"
ng-model="options.logStartDate" data-min-date="{{ options.monthAgo }}"
ng-readonly="loading"
data-max-date="{{ options.logEndDate }}"
bs-datepicker>
</span>
@ -13,6 +14,7 @@
<span class="date-line-caption add-on">to</span>
<input type="text" class="logs-date-picker input-sm" name="end"
ng-model="options.logEndDate" data-min-date="{{ options.logStartDate }}"
ng-readonly="loading"
data-max-date="{{ options.now }}"
data-placement="bottom-right"
bs-datepicker>
@ -39,9 +41,7 @@
</div>
</div>
<div class="table-container" infinite-scroll="nextPage()"
infinite-scroll-disabled="loading || !hasAdditional"
infinite-scroll-distance="2">
<div class="table-container">
<table class="cor-table">
<thead>
<td ng-if="allLogs == 'true'">Namespace</td>
@ -92,6 +92,9 @@
</td>
</tr>
</table>
<div style="text-align: right; margin-top: 10px;">
<button class="btn btn-default" ng-click="nextPage()" ng-show="!loading && hasAdditional">Load More Logs</button>
</div>
<div class="cor-loader" ng-show="loading"></div>
</div>
</div>