Fixed release configuration build errors

Author: GaProgMan

Angular2/ClientApp/app/components/bookProfile/bookProfile.component.html

@@ -2,7 +2,7 @@
     <p>Searching, please wait</p>
 </div>
 
-<div class="row" *ngIf="!loading && success && book">
+<div class="row" *ngIf="!loading && success && bookFound">
     <div class="col-xs-12">
         <h1>{{ book.bookName }}</h1>
     </div>

Angular2/ClientApp/app/components/bookProfile/bookProfile.component.ts

@@ -20,6 +20,7 @@ export class BookProfileComponent implements OnInit, OnDestroy {
     loading = false;
     success = true;
     baseApiUrl = 'http://dwcheckapi.azurewebsites.net/Books/Get';
+    bookFound = false;
 
     private subscription: any;
     private getBookImageData: () => void;
@@ -43,6 +44,8 @@ export class BookProfileComponent implements OnInit, OnDestroy {
 
                     this.getBookImageData();
                 }
+                
+                this.bookFound = this.book != null;
                 this.loading = false;
             });
         });

Angular2/ClientApp/app/components/books/books.component.html

@@ -11,7 +11,7 @@ <h1>Book Search</h1>
     <p>Searching, please wait</p>
 </div>
 
-<div class="table-responsive" *ngIf="!loading && success && books">
+<div class="table-responsive" *ngIf="!loading && success && hasBooks">
     <table class='table'>
         <thead>
         <tr>

Angular2/ClientApp/app/components/books/books.component.ts

@@ -28,9 +28,12 @@ export class BooksComponent {
     loading: boolean;
     baseApiUrl: string;
     searchString = '';
+    hasBooks = false;
     books: Book[];
-
+    
     getDwBook: () => void;
+    
+    
     private getBookImageData: (book: Book) => void;
 
     private registerFunctions() {
@@ -51,6 +54,8 @@ export class BooksComponent {
                         this.books.push(newBook);
                     });
                 }
+                
+                this.hasBooks = this.books && this.books.length > 0;
                 this.success = resultJson.success;
                 this.loading = false;
             });
@@ -68,7 +73,7 @@ export class BooksComponent {
                     );
                 }
             });
-        }
+        };
     }
 }
 

Angular2/ClientApp/app/components/characters/characters.component.html

@@ -11,7 +11,7 @@ <h1>Character Search</h1>
     <p>Searching, please wait</p>
 </div>
 
-<div class="table-responsive" *ngIf="!loading && success && characters">
+<div class="table-responsive" *ngIf="!loading && success && hasCharacters">
     <table class='table' *ngIf="characters">
         <thead>
         <tr>

Angular2/ClientApp/app/components/characters/characters.component.ts

@@ -24,6 +24,7 @@ export class CharacterComponent {
     success: boolean;
     baseApiUrl: string;
     searchString = '';
+    hasCharacters = false;
     characters: Character[];
 
     // public functions
@@ -41,10 +42,12 @@ export class CharacterComponent {
                         this.characters.push(new Character(character.characterName,  character.books));
                     });
                 }
+                
+                this.hasCharacters = this.characters && this.characters.length > 0;
                 this.success = resultJson.success;
                 this.loading = false;
             });
-        }
+        };
     }
 }
 

Angular2/ClientApp/app/components/series/series.component.html

@@ -10,7 +10,7 @@ <h1>Series Search</h1>
     <p>Searching, please wait</p>
 </div>
 
-<div class="table-responsive" *ngIf="!loading && success && series">
+<div class="table-responsive" *ngIf="!loading && success && hasSeries">
     <table class='table' *ngIf="series">
         <thead>
         <tr>

Angular2/ClientApp/app/components/series/series.component.ts

@@ -24,6 +24,7 @@ export class SeriesComponent {
     loading: boolean;
     baseApiUrl: string;
     searchString = '';
+    hasSeries = false;
     series: Series[];
 
     // public functions
@@ -41,10 +42,12 @@ export class SeriesComponent {
                         this.series.push(new Series(series.seriesId, series.seriesName, series.bookNames));
                     });
                 }
+                
+                this.hasSeries = this.series && this.series.length > 0;
                 this.success = resultJson.success;
                 this.loading = false;
             });
-        }
+        };
     }
 }
 

Angular2/ClientApp/app/components/seriesProfile/seriesProfile.component.html

@@ -2,7 +2,7 @@
     <p>Searching, please wait</p>
 </div>
 
-<div *ngIf="!loading && success && books">
+<div *ngIf="!loading && success && hasBooks">
     <div class="row" *ngFor="let book of books">
         <div class="col-xs-12">
             <h1>{{ book.bookName }}</h1>

Angular2/ClientApp/app/components/seriesProfile/seriesProfile.component.ts

@@ -18,6 +18,7 @@ export class SeriesProfileComponent implements OnInit, OnDestroy {
     success = true;
     baseApiUrl = 'http://dwcheckapi.azurewebsites.net/Books/Series';
     seriesId: number;
+    hasBooks = false;
     books: BookBaseViewModel[];
 
 
@@ -42,6 +43,8 @@ export class SeriesProfileComponent implements OnInit, OnDestroy {
                         this.books.push(newData);
                     });
                 }
+                
+                this.hasBooks = this.books && this.books.length > 0; 
                 this.success = resultJson.success;
                 this.loading = false;
             });