From c4ddc8abd9975b8abde8403e1556c54eec8b968d Mon Sep 17 00:00:00 2001
From: Abhishek <guywhodesigns@gmail.com>
Date: Jul 26 2018 13:26:59 +0000
Subject: add individual error states components


---

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 3178776..16768b7 100755
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -16,11 +16,16 @@ import { HomePage } from '../pages/home/home';
 import { MagazinePage } from '../pages/magazine/magazine';
 import { AskPage } from '../pages/ask/ask';
 import { CalendarPage, Search, meetingDetails } from '../pages/calendar/calendar';
-import { MorePage, AboutDetailPage, AboutPage, BookmarksPage} from '../pages/more/more';
-import { NotificationsPage} from '../pages/notifications/notifications';
+import { MorePage, AboutDetailPage, AboutPage, BookmarksPage } from '../pages/more/more';
+import { NotificationsPage } from '../pages/notifications/notifications';
 import { PackageSearchPage } from '../pages/package-search/package-search';
 import { ViewPackagePage } from '../pages/view-package/view-package';
 
+import { NoBookmarksComponent } from '../components/no-bookmarks/no-bookmarks';
+import { NoMeetingsComponent } from '../components/no-meetings/no-meetings';
+import { NoResultsComponent } from '../components/no-results/no-results';
+import { NoInternetComponent } from '../components/no-internet/no-internet';
+
 import { Browser } from '../providers/browser/browser';
 
 @NgModule({
@@ -39,7 +44,11 @@ import { Browser } from '../providers/browser/browser';
     PackageSearchPage,
     ViewPackagePage,
     Search,
-    meetingDetails
+    meetingDetails,
+    NoBookmarksComponent,
+    NoMeetingsComponent,
+    NoResultsComponent,
+    NoInternetComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/assets/img/es-internet.png b/src/assets/img/es-internet.png
new file mode 100755
index 0000000..29d9ce4
Binary files /dev/null and b/src/assets/img/es-internet.png differ
diff --git a/src/components/no-bookmarks/no-bookmarks.html b/src/components/no-bookmarks/no-bookmarks.html
new file mode 100755
index 0000000..d6fec3f
--- /dev/null
+++ b/src/components/no-bookmarks/no-bookmarks.html
@@ -0,0 +1,7 @@
+<div class="emptystate">
+    <img src="../assets/img/es-bookmarks.svg">
+    <h1>We couldn't find any articles</h1>
+    <h2>Press
+      <img src="./assets/img/bookmark-inactive.svg"> to save an article for offline viewing</h2>
+    <button (click)="toMag()">Read Latest Articles</button>
+</div>
diff --git a/src/components/no-bookmarks/no-bookmarks.ts b/src/components/no-bookmarks/no-bookmarks.ts
new file mode 100755
index 0000000..71356a3
--- /dev/null
+++ b/src/components/no-bookmarks/no-bookmarks.ts
@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import { NavController} from 'ionic-angular';
+
+@Component({
+  selector: 'no-bookmarks',
+  templateUrl: 'no-bookmarks.html'
+})
+
+export class NoBookmarksComponent {
+
+  constructor(public navCtrl: NavController) {
+  }
+
+  /**
+   * Switches to Mag View to read articles
+   */
+  toMag() {
+    this.navCtrl.parent.select(1);
+  }
+
+}
diff --git a/src/components/no-internet/no-internet.html b/src/components/no-internet/no-internet.html
new file mode 100755
index 0000000..8ac7073
--- /dev/null
+++ b/src/components/no-internet/no-internet.html
@@ -0,0 +1,6 @@
+<div class="emptystate">
+  <img src="./assets/img/es-internet.png">
+  <h1>We can't reach the internet.</h1>
+  <h2>Seems like you're offline, please check your internet connection</h2>
+  <button (click)="reload()">Try Again</button>
+</div>
diff --git a/src/components/no-internet/no-internet.ts b/src/components/no-internet/no-internet.ts
new file mode 100755
index 0000000..1b691cb
--- /dev/null
+++ b/src/components/no-internet/no-internet.ts
@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'no-internet',
+  templateUrl: 'no-internet.html'
+})
+export class NoInternetComponent {
+
+  constructor() {
+  }
+
+  //reloads the page
+  reload(){
+    location.reload();
+  }
+
+}
diff --git a/src/components/no-meetings/no-meetings.html b/src/components/no-meetings/no-meetings.html
new file mode 100755
index 0000000..c0f00bb
--- /dev/null
+++ b/src/components/no-meetings/no-meetings.html
@@ -0,0 +1,6 @@
+<div class="emptystate">
+  <img src="./assets/img/es-cal.svg">
+  <h1>We couldn't find any events</h1>
+  <h2>Seems like the schedule is light.
+    <br> Relax and Enjoy the moment</h2>
+</div>
\ No newline at end of file
diff --git a/src/components/no-meetings/no-meetings.ts b/src/components/no-meetings/no-meetings.ts
new file mode 100755
index 0000000..5a9c2a9
--- /dev/null
+++ b/src/components/no-meetings/no-meetings.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'no-meetings',
+  templateUrl: 'no-meetings.html'
+})
+export class NoMeetingsComponent {
+
+  constructor() {
+  }
+
+}
diff --git a/src/components/no-results/no-results.html b/src/components/no-results/no-results.html
new file mode 100755
index 0000000..c97496a
--- /dev/null
+++ b/src/components/no-results/no-results.html
@@ -0,0 +1,5 @@
+<div class="emptystate">
+  <img src="./assets/img/es-search.svg">
+  <h1>We couldn’t find anything</h1>
+  <h2>Maybe a little spelling mistake?</h2>
+</div>
diff --git a/src/components/no-results/no-results.ts b/src/components/no-results/no-results.ts
new file mode 100755
index 0000000..52136da
--- /dev/null
+++ b/src/components/no-results/no-results.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'no-results',
+  templateUrl: 'no-results.html'
+})
+export class NoResultsComponent {
+
+  constructor() {
+  }
+
+}