Don't show availabilities on requests page if no bookings are available.

Author: stuartcaunt

src/app/admin/components/booking-requests/booking-requests.component.html

@@ -11,6 +11,12 @@
     <div class="admin-container--main">
         <h3>Booking Requests</h3>
 
+        <div *ngIf="allBookingRequests.length == 0" class="booking-requests-section">
+            <div class="booking-requests-section-title">
+                No requests to reserve VISA resources have been made.
+            </div>
+        </div>
+
         <div *ngIf="pendingBookingRequests.length > 0" class="booking-requests-section">
             <div class="booking-requests-section-title">
                 Pending requests
@@ -25,7 +31,7 @@ <h3>Booking Requests</h3>
             <visa-admin-booking-request-list [bookingRequests]="acceptedBookingRequests"></visa-admin-booking-request-list>
         </div>
 
-        <div class="booking-requests-section">
+        <div *ngIf="allBookingRequests.length > 0" class="booking-requests-section">
             <div class="booking-requests-section-title">
                 Availability of requested resources
             </div>

src/app/admin/components/booking-requests/booking-requests.component.ts

@@ -116,9 +116,14 @@ export class BookingRequestsComponent implements OnInit, OnDestroy {
             this._allBookingRequests = bookingRequests;
             this._pendingBookingRequests = bookingRequests.filter(bookingRequest => bookingRequest.state === 'CREATED');
             this._acceptedBookingRequests = bookingRequests.filter(bookingRequest => bookingRequest.state === 'ACCEPTED');
-            this._getFlavourAvailabilities(bookingRequests
+
+            const flavourIds = bookingRequests
                 .flatMap(bookingRequest => bookingRequest.flavours).map(flavourRequest => flavourRequest.flavour.id)
-                .filter((value, index, array) => array.indexOf(value) === index));
+                .filter((value, index, array) => array.indexOf(value) === index);
+
+            if (flavourIds.length > 0) {
+                this._getFlavourAvailabilities(flavourIds);
+            }
         });
     }