Implmenet class transformer

Author: dweber019

README.md

@@ -313,6 +313,8 @@ this.routeGeneratorService.navigateByRouteNames(
 ```
 
 ## Class transfomer (model handling)
+We have included the [class transformer](https://github.com/typestack/class-transformer) which helps creating models (`src/app/models/*`). This transformation can be done
+in both direction (rest to model, model to rest).
 
 ## Dialog service
 There is a custom dialog implementation for simpler useage of elements in dialogs.

src/app/main.ts

@@ -34,6 +34,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 /**
  * Polyfills
  */
+import 'reflect-metadata';
 import 'utils/polyfills.utils';
 
 // Fontawesome setup

src/app/models/user.model.ts

@@ -1,10 +1,15 @@
 
+import { Expose } from 'class-transformer';
+
 export class UserModel {
-  constructor(
-    public avatarUrl: string,
-    public login: string,
-    public htmlUrl: string
-  ) { }
+
+  @Expose({ name: 'avatar_url' })
+  public avatarUrl: string = '';
+
+  public login: string = '';
+
+  @Expose({ name: 'html_url' })
+  public htmlUrl: string = '';
 
   public getLogin(): string {
     return this.login;

src/app/modules/users/users.vm.ts

@@ -1,5 +1,5 @@
 import { autoinject } from 'aurelia-framework';
-import { UserService } from './../../services/user.service';
+import { UserRestService } from './../../services/rest/user.service';
 import { UserModel } from './../../models/user.model';
 
 @autoinject
@@ -8,10 +8,10 @@ export class UsersViewModel {
 	public users: Array<UserModel> = [];
 
 	constructor(
-    private userService: UserService
+    private userRestService: UserRestService
   ) { }
 
 	public async activate(): Promise<void> {
-		this.users = await this.userService.getUsers();
+    this.users = await this.userRestService.getUsers();
 	}
 }

src/app/services/rest/user.service.ts

@@ -0,0 +1,29 @@
+import { autoinject } from 'aurelia-framework';
+import { plainToClass } from 'class-transformer';
+
+import { RestClient } from './rest-client.service';
+import { UserModel } from './../../models/user.model';
+
+export interface IUser {
+  avatar_url: string;
+  login: string;
+  html_url: string;
+}
+
+@autoinject
+export class UserRestService {
+
+  constructor(
+    private restClient: RestClient,
+  ) {
+    this.restClient
+      .useAPI()
+      .withResource('users');
+  }
+
+  public async getUsers(): Promise<UserModel[]> {
+    const users = await this.restClient.findAll<IUser[]>();
+
+    return plainToClass(UserModel, users);
+  }
+}

src/app/services/user.service.ts

@@ -1,6 +1,6 @@
 {
   "NAME": "Development",
-  "API_MAIN_URL": "https://api",
+  "API_MAIN_URL": "https://api.github.com/",
   "API_UAM_URL": "https://api",
   "LOG_LEVEL": "debug"
 }

src/config/development.json

@@ -1,6 +1,6 @@
 {
   "NAME": "Production",
-  "API_MAIN_URL": "https://api",
+  "API_MAIN_URL": "https://api.github.com/",
   "API_UAM_URL": "https://api",
   "LOG_LEVEL": "error"
 }