optimize unreadNum

Author: alex

src/pages/tabs-notification/tabs-notification.html

@@ -1,14 +1,10 @@
 <ion-header>
   <ion-navbar>
-    <ion-title>{{ 'notification.title' | translate }}</ion-title>
+    <ion-title (click)="add()">{{ 'notification.title' | translate }}</ion-title>
   </ion-navbar>
 </ion-header>
 
 <ion-content>
-  <!--<ion-refresher (ionRefresh)="doRefresh($event)">-->
-    <!--<ion-refresher-content pullingIcon="arrow-dropdown" pullingText=" {{ 'todo.list.refresherPullingText' | translate }}" refreshingSpinner="circles"-->
-      <!--refreshingText=" {{ 'todo.list.refreshingText' | translate }}">-->
-    <!--</ion-refresher-content>-->
     <ion-list>
       <ion-item-sliding *ngFor="let item of currentItems">
         <button ion-item (click)="openItem(item)">
@@ -27,5 +23,4 @@ <h2>{{item.name}}</h2>
         </ion-item-options>
       </ion-item-sliding>
     </ion-list>
-  <!--</ion-refresher>-->
 </ion-content>

src/pages/tabs-notification/tabs-notification.ts

@@ -73,6 +73,10 @@ export class TabsNotification {
     this.getNotifications();
   }
 
+  add(){
+    PublicVar.setNotificationNum(PublicVar.getNotificationNum() + 1);
+  }
+
   openItem() {
   }
 

src/pages/tabs/tabs.html

@@ -1,5 +1,5 @@
 <ion-tabs #myTabs>
-  <ion-tab tabsHideOnSubPages="true" [root]="notificationRoot" tabTitle="{{ 'notification.title' | translate }}" tabIcon="list" tabBadge="{{unreadNum}}" tabBadgeStyle="danger"></ion-tab>
+  <ion-tab tabsHideOnSubPages="true" [root]="notificationRoot" tabTitle="{{ 'notification.title' | translate }}" tabIcon="list" [tabBadge]="countNotificationItem()" tabBadgeStyle="danger"></ion-tab>
   <ion-tab tabsHideOnSubPages="true" [root]="workRoot" tabTitle="{{ 'work.title' | translate }}" tabIcon="open"></ion-tab>
   <ion-tab tabsHideOnSubPages="true" [root]="myRoot" tabTitle=" {{ 'mine.title' | translate }}" tabIcon="person"></ion-tab>
 </ion-tabs>

src/pages/tabs/tabs.ts

@@ -15,7 +15,6 @@ export class TabsPage {
   public workRoot: any = 'work';
   public myRoot: any = 'my';
   @ViewChild('myTabs') tabRef: Tabs;
-  public unreadNum;
 
   private timer;
 
@@ -25,6 +24,10 @@ export class TabsPage {
               public storage: Storage) {
   }
 
+  countNotificationItem(){
+    return PublicVar.getNotificationNum();
+  }
+
   ionViewDidLoad() {
     console.log('tabs ionViewDidLoad');
   }
@@ -36,8 +39,6 @@ export class TabsPage {
 
   ionViewDidEnter() {
     console.log('tabs ionViewDidEnter');
-    this.unreadNum = PublicVar.getNotificationNum();
-    console.log('this.unreadNum: ' + this.unreadNum);
     this.tabRef.select(0);
   }