/// <reference path="../../../../../dist/jsdk.d.ts" /> 
/// <reference path="../../service/user/UserService.ts" /> 
/// <reference path="../../view/user/UserView.ts" /> 
module AppDemo {

    export namespace page {

        export namespace user {

            @compo('AppDemo.page.user.UserPage')
            export class UserPage extends Page {

                @inject()
                userView: UserView = null;

                @inject()
                userService: UserService = null;

                public readCurrentUser() {
                    let uri = new URI(location.href);
                    this.userView.values({
                        phone: uri.query('phone'),
                        email: uri.query('email')
                    })
                }
                public readUserById(id: number) {
                    this.userService.readUserById(id).then((user: User) => {
                        this.userView.values(user.getData());
                    });
                }
                public read404() {
                    this.userService.read404().catch((res: HttpResponse) => {
                        App.fireEvent('404', res.statusText)
                    })
                }

                enter() {
                    this.userView.render();
                }

                initialize() {
                    App.onEvent('access', (e: AppEvent, phone) => {
                        Konsole.print(`access phone: ${phone}`, e)
                    })
                    App.onEvent('404', (e: AppEvent, errorMsg: string) => {
                        App.logger().info(`Page<${Page.currentPage().className}> received AppEvent<404>: ${errorMsg}!`,
                            `From page: ${e.fromPage}`);
                    })
                    App.logger().info('UserPage was initialized!');
                }
            }
        }
    }
}
import UserPage = AppDemo.page.user.UserPage;