Marking the inital news as read, fixed icon bindings in the sidebar

Author: PanayotCankov

app/common/firebase.ts

@@ -16,6 +16,7 @@ interface FirebaseArticle {
     readonly date: string;
 }
 
+const FIREBASE_NEWS_INITAL = "firebase:news:inital";
 const FIREBASE_NEWS_READ_KEY = "firebase:news:read";
 let _readArticles;
 function loadReadArticles() {
@@ -50,10 +51,24 @@ function markAsRead(id: string) {
     loadReadArticles()[id] = true;
     saveReadArticles();
 }
+function markAllAsRead() {
+    let readArticles = loadReadArticles();
+    viewModel.news.filter(n => n && n.id).forEach(n => readArticles[n.id] = true);
+    console.log("Maked as read: " + JSON.stringify(readArticles));
+    saveReadArticles();
+    viewModel.updateHasUnreadNews();
+}
 function markAsUnread(id: string) {
     loadReadArticles()[id] = false;
     saveReadArticles();
 }
+function markAllAsReadOnFirstRun() {
+    const isInitalRun = settings.getBoolean(FIREBASE_NEWS_INITAL, true);
+    if (isInitalRun) {
+        markAllAsRead();
+        settings.setBoolean(FIREBASE_NEWS_INITAL, false);
+    }
+}
 
 export class Article extends Observable {
     readonly id: string;
@@ -199,6 +214,7 @@ function firebaseInit() {
             if (!result.error) {
                 console.log("Update news: " + JSON.stringify(result.value))
                 viewModel.updateNews(result.value || []);
+                markAllAsReadOnFirstRun();
             } else {
                 console.log(JSON.stringify(result));
             }

app/views/main-page/main-page.xml

@@ -21,7 +21,7 @@
     <sdp:DrawerPage.actionBar>
         <ActionBar automationText="ActionBar" android:opacity="0">
             <android>
-                <NavigationButton icon="{{ firebase.hasUnreadNews ? 'res://ic_menu_main_new' : 'res://ic_menu_main' }}" tap="showSlideout" automationText="SidebarMenu" />
+                <NavigationButton icon="{{ firebase.hasUnreadNews, firebase.hasUnreadNews ? 'res://ic_menu_main_new' : 'res://ic_menu_main' }}" tap="showSlideout" automationText="SidebarMenu" />
             </android>
             <ActionBar.actionItems>
                 <iOS>

app/views/side-drawer-content/side-drawer-content.xml

@@ -7,7 +7,7 @@
 
         <GridLayout class="drawer-news-link" tap="tapWhatIsNew">
             <GridLayout class="drawer-news-icon">
-                <Image src="res://ic_notification" visibility="{{ firebase.hasUnreadNews, firebase.hasUnreadNews ? 'visible' : 'collapse' }}" width="10" height="10" horizontalAlignment="left" />
+                <Image src="res://ic_notification" opacity="{{ firebase.hasUnreadNews, (firebase && firebase.hasUnreadNews) ? 1 : 0 }}" width="10" height="10" horizontalAlignment="left" />
                 <Label text="What's new" class="drawer-news-label" margin="0 18" />
             </GridLayout>
         </GridLayout>

app/views/what-is-new.ts

@@ -1,6 +1,8 @@
 import * as firebase from "../common/firebase";
 import * as utils from "utils/utils";
 import { isIOS } from "platform";
+import * as navigator from "../common/navigator";
+import * as gestures from "ui/gestures";
 
 export function navigatingTo(args) {
     args.object.bindingContext = firebase.viewModel;
@@ -21,4 +23,8 @@ export function listViewItemLoading(args) {
         var cell = args.ios;
         cell.selectionStyle = UITableViewCellSelectionStyle.UITableViewCellSelectionStyleNone;
     }
-}
+}
+
+export function goBack(args: gestures.GestureEventData) {
+    navigator.navigateBack();
+}

firebase.nativescript.json

@@ -3,6 +3,7 @@
     "using_android": true,
     "remote_config": false,
     "messaging": true,
+    "crash_reporting": false,
     "storage": true,
     "facebook_auth": false,
     "google_auth": false