2 ~ Licensed to the Apache Software Foundation (ASF) under one
3 ~ or more contributor license agreements. See the NOTICE file
4 ~ distributed with this work for additional information
5 ~ regarding copyright ownership. The ASF licenses this file
6 ~ to you under the Apache License, Version 2.0 (the
7 ~ "License"); you may not use this file except in compliance
8 ~ with the License. You may obtain a copy of the License at
10 ~ http://www.apache.org/licenses/LICENSE-2.0
11 ~ Unless required by applicable law or agreed to in writing,
12 ~ software distributed under the License is distributed on an
13 ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
14 ~ KIND, either express or implied. See the License for the
15 ~ specific language governing permissions and limitations
19 <ng-template [ngIf]="((total$|async)>0 || displayIfEmpty)" [ngIfElse]="noContent" >
21 <ng-template [ngIf]="true" [ngIfElse]="noContent" >
24 <form class="mt-3 mb-3">
26 <div class="form-row align-items-center" *ngIf="(multiplePages$|async)||displayControlsIfSinglePage">
28 <div class="form-row align-items-center" *ngIf="(multiplePages$|async)==true">
29 <div class="col-lg-4 col-md-2 col-sm-1">
30 <label class="sr-only" for="searchQuery">{{'search.label' |translate}}</label>
31 <input type="text" class="form-control" id="searchQuery" placeholder="{{'search.input'|translate}}" #searchTerm
32 (keyup)="search(searchTerm.value)">
34 <div class="col-auto">
35 <button type="submit" class="btn btn-primary">{{'search.button'|translate}}</button>
42 <ng-content></ng-content>
44 <ngb-pagination *ngIf="(multiplePages$|async)==true"
45 [collectionSize]="total$|async" [pageSize]="pageSize" [maxSize]="pagination.maxSize" [rotate]="pagination.rotate"
46 [boundaryLinks]="pagination.boundaryLinks" [ellipses]="pagination.ellipses"
47 [(page)]="page" (pageChange)="changePage($event)" aria-label="Pagination"></ngb-pagination>
49 <ng-template #noContent>
50 {{displayKeyIfEmpty|translate}}