chore(IonicPage): optimize path

Author: lanceli

src/app/app.component.ts

@@ -10,7 +10,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
 export class MyApp {
   @ViewChild(Nav) nav: Nav;
 
-  rootPage = 'TopicsPage';
+  rootPage = 'topics';
 
   pages: Array<{title: string, component: any}>;
 
@@ -27,14 +27,6 @@ export class MyApp {
   }
 
   ngAfterViewInit() {
-		console.log('ng after view init')
-	//Deeplinks.routeWithNavController(this.nav, {
-	//	'/topics': TopicsPage,
-	//	'/user/:loginname': UserPage
-	//}).subscribe((match) => {
-	//	console.log('Successfully routed', match);
-	//}, (nomatch) => {
-	//	console.warn('Unmatched Route', nomatch);
-	//});
+    console.log('ng after view init')
   }
 }

src/pages/topic/topic.html

@@ -15,12 +15,12 @@
 
 <ion-content padding>
   <div class="topic-info" *ngIf="topic">
-		<div class="row topic">
+    <div class="row topic">
       <div class="col col90">
         <h4 class="title">{{topic.title}}</h4>
         <div class="summary">
           <strong>
-           <a (click)="gotoUser(topic.author.loginname)">
+            <a href="#user/{{topic.author.loginname}}">
               <img [src]="topic.author.avatar_url" class="avatar">
               {{topic.author.loginname}}</a>
           </strong>
@@ -31,17 +31,17 @@ <h4 class="title">{{topic.title}}</h4>
       </div>
     </div>
 
-		<ion-list class="replies">
-			<ion-item *ngFor="let reply of topic.replies">
-				 {{reply.author.loginname}}
-				 <div class="reply-content" [innerHTML]="reply.content"></div>
-				 <span class="item-note cnode" *ngIf="reply.ups.length > 0">
-					 <i class="icon ion-thumbsup"></i>
-					 {{reply.ups.length}}
-					 &nbsp;
-				 </span>
-			</ion-item>
-		</ion-list>
+    <ion-list class="replies">
+      <ion-item *ngFor="let reply of topic.replies">
+         {{reply.author.loginname}}
+         <div class="reply-content" [innerHTML]="reply.content"></div>
+         <span class="item-note cnode" *ngIf="reply.ups.length > 0">
+           <i class="icon ion-thumbsup"></i>
+           {{reply.ups.length}}
+           &nbsp;
+         </span>
+      </ion-item>
+    </ion-list>
   </div>
 
 </ion-content>

src/pages/topic/topic.ts

@@ -1,7 +1,6 @@
 import { Component } from '@angular/core';
 import { NavController, NavParams, IonicPage } from 'ionic-angular';
 
-import { UserPage } from '../user/user';
 import { Topic } from '../topics/topic';
 import { TopicService } from '../../providers/topic-service';
 /*
@@ -11,12 +10,12 @@ import { TopicService } from '../../providers/topic-service';
   Ionic pages and navigation.
 */
 @IonicPage({
-	name: 'topic'
+  name: 'topic'
 })
 @Component({
   selector: 'page-topic',
   templateUrl: 'topic.html',
-	providers: [TopicService]
+  providers: [TopicService]
 })
 export class TopicPage {
 
@@ -29,21 +28,21 @@ export class TopicPage {
     console.log('ionViewDidLoad TopicPage');
   }
 
-	ngOnInit(): void {
-		this.getTopic()
-	}
+  ngOnInit(): void {
+    this.getTopic()
+  }
 
-	getTopic(): void {
-		this.topicService.getTopicById(this.navParams.get('id')).then(
-			(topic) => {
+  getTopic(): void {
+    this.topicService.getTopicById(this.navParams.get('id')).then(
+      (topic) => {
         this.topic = topic
         console.log(this.topic)
       }
-		);
-	}
+    );
+  }
 
   gotoUser(loginName: String): void {
     console.log('goto user', loginName);
-		this.navCtrl.push('user', {loginName: loginName})
+    this.navCtrl.push('user', {loginName: loginName})
   }
 }

src/pages/user/user.ts

@@ -10,35 +10,36 @@ import { UserService } from '../../providers/user-service';
   Ionic pages and navigation.
 */
 @IonicPage({
-	name: 'user'
+  name: 'user',
+  segment: 'user/:loginName'
 })
 @Component({
   selector: 'page-user',
   templateUrl: 'user.html',
-	providers: [UserService]
+  providers: [UserService]
 })
 export class UserPage {
 
-	user: User
+  user: User
 
   constructor(public navCtrl: NavController, public navParams: NavParams, private userService: UserService) {
-	}
+  }
 
   ionViewDidLoad() {
     console.log('ionViewDidLoad UserPage');
   }
 
-	ngOnInit(): void {
-		this.getUser()
-	}
+  ngOnInit(): void {
+    this.getUser()
+  }
 
-	getUser(): void {
-		this.userService.getByLoginName(this.navParams.get('loginName')).then(
-			(user) => {
+  getUser(): void {
+    this.userService.getByLoginName(this.navParams.get('loginName')).then(
+      (user) => {
         this.user = user
         console.log(this.user)
       }
-		);
-	}
+    );
+  }
 
 }