Best practise: models are now modules

Author: GaProgMan

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

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 import { Http } from '@angular/http';
+import { ResultJson } from "../../models/ResultJson";
+import { Book } from "../../models/Book";
 
 @Component({
     selector: 'books',
@@ -22,7 +24,7 @@ export class BooksComponent {
     loading: boolean;
     baseApiUrl: string;
     searchString = '';
-    books: Book[];
+    books: IBook[];
 
     // public functions
     getDwBook: () => void;
@@ -32,9 +34,9 @@ export class BooksComponent {
             var route = `${this.baseApiUrl}${this.searchString}`;
             this.loading = true;
             this.http.get(route).subscribe((result) => {
-                var resultJson = result.json() as ResultJson;
+                var resultJson = result.json() as IResultJson;
                 if(resultJson.success) {
-                    this.books = new Array<Book>();
+                    this.books = new Array<IBook>();
                     result.json().result.forEach(element => {
                         this.books.push(new Book(element.bookName, element.bookIsbn10,
                                 element.bookIsbn13, element.bookDescription, 
@@ -45,36 +47,4 @@ export class BooksComponent {
             });
         }
     }
-}
-
-interface ResultJson{
-    success: boolean;
-    result: string;
-}
-
-class Book implements IBook {
-    constructor(bookName: string, bookIsbn10: string, bookIsbn13:
-                string, bookDescription: string, bookCoverImageUrl: string){
-        this.bookName = bookName;
-        this.bookIsbn10 = bookIsbn10;
-        this.bookIsbn13 = bookIsbn13;
-        this.bookDescription = bookDescription;
-        this.bookCoverImageUrl = bookCoverImageUrl;
-    }
-
-    bookName: string;
-    bookIsbn10: string;
-    bookIsbn13: string;
-    bookDescription: string;
-    bookCoverImageUrl: string;
-
-
-}
-
-interface IBook {
-    bookName: string;
-    bookIsbn10: string;
-    bookIsbn13: string;
-    bookDescription: string;
-    bookCoverImageUrl: string;
 }

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

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 import { Http } from '@angular/http';
+import { ResultJson } from "../../models/ResultJson";
+import { Character } from "../../models/Character";
 
 @Component({
     selector: 'characters',
@@ -32,7 +34,7 @@ export class CharacterComponent {
             this.success = false;
             var route = `${this.baseApiUrl}${this.searchString}`;
             this.http.get(route).subscribe((result) => {
-                var resultJson = result.json() as ResultJson;
+                var resultJson = result.json() as IResultJson;
                 if(resultJson.success) {
                     this.success = true;
                     this.characters = new Array<ICharacter>();
@@ -43,32 +45,4 @@ export class CharacterComponent {
             });
         }
     }
-}
-
-interface ResultJson{
-    success: boolean;
-    result: string;
-}
-
-class Character implements ICharacter {
-    constructor(characterName: string, books: string[]){
-        this.characterName = characterName;
-        this.books = books;
-
-        this.booksAsString = (): string =>{
-            return books.map(b => b).join(', ');
-        }
-    }
-    characterName: string;
-    books: string[];
-    booksAsString: () => string;
-
-
-}
-
-interface ICharacter {
-    characterName: string;
-    books: string[];
-
-    booksAsString:() => string;
 }

Angular2/ClientApp/app/interfaces/IBook.ts

@@ -0,0 +1,7 @@
+interface IBook {
+    bookName: string;
+    bookIsbn10: string;
+    bookIsbn13: string;
+    bookDescription: string;
+    bookCoverImageUrl: string;
+}

Angular2/ClientApp/app/interfaces/ICharacter.ts

@@ -0,0 +1,6 @@
+interface ICharacter {
+    characterName: string;
+    books: string[];
+
+    booksAsString:() => string;
+}

Angular2/ClientApp/app/interfaces/IResultJson.ts

@@ -0,0 +1,4 @@
+interface IResultJson{
+    success: boolean;
+    result: string;
+}

Angular2/ClientApp/app/models/Book.ts

@@ -0,0 +1,16 @@
+export class Book implements IBook {
+    constructor(bookName: string, bookIsbn10: string, bookIsbn13:
+                string, bookDescription: string, bookCoverImageUrl: string){
+        this.bookName = bookName;
+        this.bookIsbn10 = bookIsbn10;
+        this.bookIsbn13 = bookIsbn13;
+        this.bookDescription = bookDescription;
+        this.bookCoverImageUrl = bookCoverImageUrl;
+    }
+
+    bookName: string;
+    bookIsbn10: string;
+    bookIsbn13: string;
+    bookDescription: string;
+    bookCoverImageUrl: string;
+}

Angular2/ClientApp/app/models/Character.ts

@@ -0,0 +1,13 @@
+export class Character implements ICharacter {
+    constructor(characterName: string, books: string[]){
+        this.characterName = characterName;
+        this.books = books;
+
+        this.booksAsString = (): string =>{
+            return books.map(b => b).join(', ');
+        }
+    }
+    characterName: string;
+    books: string[];
+    booksAsString: () => string;
+}

Angular2/ClientApp/app/models/ResultJson.ts

@@ -0,0 +1,4 @@
+export class ResultJson{
+    success: boolean;
+    result: string;
+}