mail: add pagination to mailboxes UI

This commit is contained in:
Girish Ramakrishnan
2020-07-05 12:18:34 -07:00
parent f51eccdef7
commit 2e5e459094
3 changed files with 47 additions and 19 deletions

View File

@@ -324,9 +324,14 @@
<div class="text-left">
<h3 style="margin-bottom: 15px;">Mailboxes
<button class="btn btn-primary btn-outline pull-right" ng-click="mailboxes.add.show()" ng-disabled="!domain.mailConfig.enabled" tooltip-enable="!domain.mailConfig.enabled" uib-tooltip="Email is disabled for this domain"><i class="fa fa-inbox"></i> Add</button>
<button class="btn btn-primary btn-outline pull-right" ng-click="mailboxes.add.show()" ng-disabled="!domain.mailConfig.enabled" tooltip-enable="!domain.mailConfig.enabled" uib-tooltip="Email is disabled for this domain"><i class="fa fa-inbox"></i> New Mailbox</button>
<input class="form-control pull-right" style="width: 200px;" placeholder="Search" type="text" ng-model="mailboxes.search"/>
<div class="pull-right">
<button class="btn btn-default btn-outline" ng-click="mailboxes.showPrevPage()" ng-disabled="mailboxes.busy || mailboxes.currentPage <= 1"><i class="fa fa-angle-double-left"></i> prev</button>
<button class="btn btn-default btn-outline" ng-click="mailboxes.showNextPage()" ng-disabled="mailboxes.busy || mailboxes.perPage > mailboxes.mailboxes.length">next <i class="fa fa-angle-double-right"></i></button>
</div>
<input class="form-control pull-right" style="width: 200px;" placeholder="Search" type="text" ng-model="mailboxes.search" ng-model-options="{ debounce: 1000 }" ng-change="mailboxes.updateFilter()" />
</h3>
</div>