Added nav buttons in the document detail view

Sometimes, when you are looking for a document, you need to go into the document-detail view
to read the pdf. To view the next document in the detail view, normally you would go back and
then click on the next.

Here I added two buttons to the toolbar to traverse throught the documents easily.
This commit is contained in:
Viktor
2022-03-11 17:35:38 +01:00
parent 9bd87e78dc
commit 1259911275
3 changed files with 64 additions and 1 deletions

View File

@@ -34,11 +34,25 @@
</svg>&nbsp;<span class="d-none d-lg-inline" i18n>More like this</span>
</button>
<button type="button" class="btn btn-sm btn-outline-primary" (click)="close()">
<button type="button" class="btn btn-sm btn-outline-primary me-2" (click)="close()">
<svg class="buttonicon" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#x" />
</svg>&nbsp;<span class="d-none d-lg-inline" i18n>Close</span>
</button>
<div class="button-group">
<button type="button" class="btn btn-sm btn-outline-primary me-2" (click)="previousDoc()" [disabled]="!hasPrevious()">
<svg class="buttonicon" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#arrow-left" />
</svg>&nbsp;
</button>
<button type="button" class="btn btn-sm btn-outline-primary" (click)="nextDoc()" [disabled]="!hasNext()">
<svg class="buttonicon" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#arrow-right" />
</svg>&nbsp;
</button>
</div>
</app-page-header>