mockup

app/src/app/app.module.ts

@@ -17,6 +17,7 @@ import { SearchPage } from "../pages/search/search";
 import { SettingsPage } from "../pages/settings/settings";
 import { LoginPage } from "../pages/login/login";
 import { TwitterApiProvider } from "../providers/twitter-api/twitter-api";
+import { MockPage } from "../pages/mock/mock";
 import { FeedComponent } from "../components/feed/feed";
 import { TweetComponent } from "../components/tweet/tweet";
 import { TweetHeaderComponent } from "../components/tweet-header/tweet-header";
@@ -46,6 +47,7 @@ import { CryptoProvider } from "../providers/crypto/crypto";
     SearchPage,
     SettingsPage,
     LoginPage,
+    MockPage,
     ProfilePage,
     WriteTweetPage,
     SearchResultsTweetsTabsPage,
@@ -77,6 +79,7 @@ import { CryptoProvider } from "../providers/crypto/crypto";
     SearchPage,
     SettingsPage,
     LoginPage,
+    MockPage,
     ProfilePage,
     WriteTweetPage,
     SearchResultsTweetsTabsPage,

app/src/pages/home/home.ts

@@ -32,29 +32,30 @@ export class HomePage {
 
   ionViewDidEnter() {
     const loading = this.loadingCtrl.create();
-    loading.present();
+    // loading.present();
+    loading.dismiss();
 
-    this.feed
-      .loadHomeTimeline()
-      .then(tweets => (this.tweets = tweets))
-      .catch(err => console.error(err))
-      .then(() => loading.dismiss());
+    // this.feed
+    //   .loadHomeTimeline()
+    //   .then(tweets => (this.tweets = tweets))
+    //   .catch(err => console.error(err))
+    //   .then(() => loading.dismiss());
   }
 
   doRefresh(refresher: Refresher) {
-    this.feed.loadHomeTimeline().then(tweets => {
-      this.tweets = tweets;
-      refresher.complete();
-    });
+    // this.feed.loadHomeTimeline().then(tweets => {
+    //   this.tweets = tweets;
+    //   refresher.complete();
+    // });
   }
 
   loadMore(infiniteScroll: InfiniteScroll) {
-    this.feed
-      .loadHomeTimeline(this.oldestPublicTweet, this.oldestPrivateTweet)
-      .then(tweets => {
-        this.tweets = this.tweets.concat(tweets);
-        infiniteScroll.complete();
-      });
+    // this.feed
+    //   .loadHomeTimeline(this.oldestPublicTweet, this.oldestPrivateTweet)
+    //   .then(tweets => {
+    //     this.tweets = this.tweets.concat(tweets);
+    //     infiniteScroll.complete();
+    //   });
   }
 
   writeTweet() {
@@ -62,7 +63,8 @@ export class HomePage {
   }
 
   get publicTweets() {
-    return this.tweets.filter(tweet => !tweet.private_tweet);
+    return null;
+    // return this.tweets.filter(tweet => !tweet.private_tweet);
   }
 
   get privateTweets() {
@@ -70,13 +72,15 @@ export class HomePage {
   }
 
   get oldestPublicTweet() {
-    if (this.publicTweets.length > 0) {
-      return this.publicTweets.reduce((acc, cur) =>
-        acc.id < cur.id ? acc : cur
-      );
-    } else {
-      return undefined;
-    }
+    return null;
+
+    // if (this.publicTweets.length > 0) {
+    //   return this.publicTweets.reduce((acc, cur) =>
+    //     acc.id < cur.id ? acc : cur
+    //   );
+    // } else {
+    //   return undefined;
+    // }
   }
 
   get oldestPrivateTweet() {

app/src/pages/login/login.ts

@@ -2,15 +2,13 @@ import { Component } from "@angular/core";
 import {
   IonicPage,
   NavController,
-  NavParams,
   MenuController,
-  AlertController,
-  ModalController,
-  Events
+  ModalController
 } from "ionic-angular";
 import { AuthProvider } from "../../providers/auth/auth";
 import { AboutPage } from "../about/about";
 import { HomePage } from "../home/home";
+import { MockPage } from "../mock/mock";
 
 @IonicPage()
 @Component({
@@ -20,12 +18,8 @@ import { HomePage } from "../home/home";
 export class LoginPage {
   constructor(
     public navCtrl: NavController,
-    public navParams: NavParams,
     private menuCtrl: MenuController,
-    private alertCtrl: AlertController,
-    private authProvider: AuthProvider,
-    private modalCtrl: ModalController,
-    private events: Events
+    private modalCtrl: ModalController
   ) {}
 
   ionViewDidLoad() {
@@ -33,18 +27,7 @@ export class LoginPage {
   }
 
   login() {
-    const alertText = {
-      title: "Login failed",
-      subTitle:
-        "Somthing went wrong while trying to log you in. Please try again.",
-      buttons: ["OK"]
-    };
-
-    this.authProvider
-      .login()
-      .then(() => this.events.publish("user:login"))
-      .then(() => this.navCtrl.setRoot(HomePage))
-      .catch(err => this.alertCtrl.create(alertText).present());
+   this.navCtrl.setRoot(MockPage);
   }
 
   showAbout() {

app/src/pages/mock/mock.html

@@ -0,0 +1,16 @@
+<ion-header>
+  <ion-navbar>
+    <button ion-button menuToggle>
+      <ion-icon name="menu"></ion-icon>
+    </button>
+    <ion-title>Select App mode</ion-title>
+  </ion-navbar>
+</ion-header>
+<ion-content>
+  <button  (click)="loginMock()">
+    Mock Home
+  </button>
+  <button (click)="loginTwitter()">
+    Twitter Home
+  </button>
+</ion-content>

app/src/pages/mock/mock.module.ts

@@ -0,0 +1,9 @@
+import { NgModule } from "@angular/core";
+import { IonicPageModule } from "ionic-angular";
+import { MockPage } from "./mock";
+
+@NgModule({
+  declarations: [MockPage],
+  imports: [IonicPageModule.forChild(MockPage)]
+})
+export class MockPageModule {}

app/src/pages/mock/mock.ts

@@ -0,0 +1,57 @@
+import { Component } from "@angular/core";
+import {
+  IonicPage,
+  NavController,
+  AlertController,
+  MenuController,
+  ModalController,
+  NavParams,
+  Events
+} from "ionic-angular";
+
+import { AuthProvider } from "../../providers/auth/auth";
+import { HomePage } from "../home/home";
+import { LoginPage } from "../login/login";
+
+
+@IonicPage()
+@Component({
+  selector: "mock",
+  templateUrl: "mock.html"
+})
+
+export class MockPage {
+
+	constructor(
+    public navCtrl: NavController,
+    public navParams: NavParams,
+    private menuCtrl: MenuController,
+    private alertCtrl: AlertController,
+    private authProvider: AuthProvider,
+    private modalCtrl: ModalController,
+    private events: Events
+  ) {}
+
+
+	loginMock(){
+		this.navCtrl.setRoot(HomePage);
+	}
+
+	loginTwitter() {
+  	 const alertText = {
+      title: "Login failed",
+      subTitle:
+        "Somthing went wrong while trying to log you in. Please try again.",
+      buttons: ["OK"]
+    };
+
+
+    this.authProvider
+      .login()
+      .then(() => this.events.publish("user:login"))
+      .then(() => this.navCtrl.setRoot(HomePage))
+      .catch(err => this.alertCtrl.create(alertText).present());
+   }
+}
+
+