diff --git a/package.json b/package.json
index 8446127..0f40314 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
"@ionic-native/status-bar": "4.4.0",
"@ionic/storage": "2.1.3",
"ionic-angular": "3.9.2",
+ "ionic-swipe-all": "^1.2.0",
"ionicons": "3.0.0",
"rxjs": "5.5.2",
"sw-toolbox": "3.6.0",
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index a28e8d2..bb3adbf 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -8,7 +8,7 @@ import { TabsPage } from '../pages/tabs/tabs';
@Component({
templateUrl: 'app.html'
})
-export class MyApp {
+export class Groundr {
rootPage:any = TabsPage;
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index e2c9d8d..e7a6512 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,11 +1,15 @@
import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
+import { HttpModule } from '@angular/http';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
-import { MyApp } from './app.component';
+import { IonicSwipeAllModule } from 'ionic-swipe-all';
+import { Groundr } from './app.component';
-import { AboutPage } from '../pages/about/about';
-import { ContactPage } from '../pages/contact/contact';
-import { HomePage } from '../pages/home/home';
+import { ChatPage } from '../pages/chat/chat';
+import { GridPage } from '../pages/grid/grid';
+import { LightboxPage } from '../pages/lightbox/lightbox';
+import { MessagesPage } from '../pages/messages/messages';
+import { ProfilePage } from '../pages/profile/profile';
import { TabsPage } from '../pages/tabs/tabs';
import { StatusBar } from '@ionic-native/status-bar';
@@ -13,22 +17,34 @@ import { SplashScreen } from '@ionic-native/splash-screen';
@NgModule({
declarations: [
- MyApp,
- AboutPage,
- ContactPage,
- HomePage,
+ Groundr,
+ ChatPage,
+ GridPage,
+ LightboxPage,
+ MessagesPage,
+ ProfilePage,
TabsPage
],
imports: [
BrowserModule,
- IonicModule.forRoot(MyApp)
+ HttpModule,
+ IonicSwipeAllModule,
+ IonicModule.forRoot(Groundr, {
+ iconMode: 'ios',
+ modalEnter: 'modal-slide-in',
+ modalLeave: 'modal-slide-out',
+ tabsPlacement: 'bottom',
+ pageTransition: 'ios-transition'
+ })
],
bootstrap: [IonicApp],
entryComponents: [
- MyApp,
- AboutPage,
- ContactPage,
- HomePage,
+ Groundr,
+ ChatPage,
+ GridPage,
+ LightboxPage,
+ MessagesPage,
+ ProfilePage,
TabsPage
],
providers: [
diff --git a/src/app/app.scss b/src/app/app.scss
index 1392a6e..4d011d2 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -14,3 +14,54 @@
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the element in the app.
+
+ion-toolbar {
+ color: #fff;
+
+ .toolbar-background {
+ background-color: #000000;
+ }
+}
+
+ion-title {
+ text-align: center;
+}
+
+.content {
+ background-color: #191b1c;
+ color: #fff;
+}
+
+.item {
+ background-color: #1d1e1f;
+ color: #fff;
+}
+
+.list {
+
+ .item-block .item-inner {
+ border-bottom-color: #333435;
+ }
+}
+
+
+.tabs {
+
+ .tabbar {
+ background-color: #090a0a;
+ }
+
+ .tab-button {
+
+ .tab-button-icon {
+ color: #9e9ea8;
+ }
+
+ &[aria-selected=true] {
+
+ .tab-button-icon {
+ color: #fdb315;
+ }
+ }
+ }
+}
diff --git a/src/assets/data/profiles.json b/src/assets/data/profiles.json
new file mode 100644
index 0000000..fae138c
--- /dev/null
+++ b/src/assets/data/profiles.json
@@ -0,0 +1 @@
+[{"_id":"jdhgy3t46dgue","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"30927rywfhbvsdm","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"2938yr3gf83798d","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"uyr37tgf38fb","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"r3498ryg38yfbrhv","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"4903ufir34ffr","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"32ue834fh3u","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"389rufr9fvu3rv0","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"4i3jf89hfu9v","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"903rj89hf9uhruv","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"r903j4fnif0nfiv3","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"4o3ijf40nirvn0","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]},{"_id":"90j43finovnrivnr3","order":0,"details":{"name":"Test User","age":24,"pic":{"thumb":"https://placehold.it/500x500","detail":"https://placehold.it/1920x1280"}},"messages":[{"order":0,"text":"How are you?","image":"","isUser":false},{"order":1,"text":"I am well","image":"","isUser":true},{"order":2,"text":"Bored af","image":"","isUser":true},{"order":3,"text":"Here is one of the pictures I took.","image":"","isUser":false},{"order":4,"text":"","image":"https://placehold.it/1024x768","isUser":false}]}]
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index e254871..c3e9ef7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
- Ionic App
+ Groundr
diff --git a/src/manifest.json b/src/manifest.json
index f6456bb..eb25ba6 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,6 +1,6 @@
{
- "name": "Ionic",
- "short_name": "Ionic",
+ "name": "Groundr",
+ "short_name": "Groundr",
"start_url": "index.html",
"display": "standalone",
"icons": [{
@@ -10,4 +10,4 @@
}],
"background_color": "#4e8ef7",
"theme_color": "#4e8ef7"
-}
\ No newline at end of file
+}
diff --git a/src/pages/about/about.html b/src/pages/about/about.html
deleted file mode 100644
index 2763c93..0000000
--- a/src/pages/about/about.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
- About
-
-
-
-
-
-
-
diff --git a/src/pages/about/about.scss b/src/pages/about/about.scss
deleted file mode 100644
index 639956d..0000000
--- a/src/pages/about/about.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-page-about {
-
-}
diff --git a/src/pages/about/about.ts b/src/pages/about/about.ts
deleted file mode 100644
index a7ee80a..0000000
--- a/src/pages/about/about.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { NavController } from 'ionic-angular';
-
-@Component({
- selector: 'page-about',
- templateUrl: 'about.html'
-})
-export class AboutPage {
-
- constructor(public navCtrl: NavController) {
-
- }
-
-}
diff --git a/src/pages/chat/chat.html b/src/pages/chat/chat.html
new file mode 100644
index 0000000..e002422
--- /dev/null
+++ b/src/pages/chat/chat.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ ![]()
{{this.profile.details.name}}
+
+
+
+
+
+
+
+
+ ![]()
+ {{message.text}}
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/chat/chat.scss b/src/pages/chat/chat.scss
new file mode 100644
index 0000000..f4403fd
--- /dev/null
+++ b/src/pages/chat/chat.scss
@@ -0,0 +1,3 @@
+page-chat {
+
+}
diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
new file mode 100644
index 0000000..862b8a2
--- /dev/null
+++ b/src/pages/chat/chat.ts
@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+
+import { LightboxPage } from '../lightbox/lightbox';
+
+@Component({
+ selector: 'page-chat',
+ templateUrl: 'chat.html'
+})
+
+export class ChatPage {
+
+ profile: any;
+
+ constructor(public navCtrl: NavController, private navParams: NavParams) {
+ this.profile = navParams.get('profile');
+ }
+
+ closeChat(event) {
+ this.navCtrl.pop();
+ }
+
+ showLightbox(event, image) {
+ this.navCtrl.push(LightboxPage, {
+ image: image
+ });
+ }
+}
diff --git a/src/pages/contact/contact.html b/src/pages/contact/contact.html
deleted file mode 100644
index 9fd7a43..0000000
--- a/src/pages/contact/contact.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
- Contact
-
-
-
-
-
-
- Follow us on Twitter
-
-
- @ionicframework
-
-
-
diff --git a/src/pages/contact/contact.scss b/src/pages/contact/contact.scss
deleted file mode 100644
index 13d4440..0000000
--- a/src/pages/contact/contact.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-page-contact {
-
-}
diff --git a/src/pages/contact/contact.ts b/src/pages/contact/contact.ts
deleted file mode 100644
index 3ccadc9..0000000
--- a/src/pages/contact/contact.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { NavController } from 'ionic-angular';
-
-@Component({
- selector: 'page-contact',
- templateUrl: 'contact.html'
-})
-export class ContactPage {
-
- constructor(public navCtrl: NavController) {
-
- }
-
-}
diff --git a/src/pages/grid/grid.html b/src/pages/grid/grid.html
new file mode 100644
index 0000000..a4a8933
--- /dev/null
+++ b/src/pages/grid/grid.html
@@ -0,0 +1,9 @@
+
+
+
+
+ ![]()
+
+
+
+
diff --git a/src/pages/grid/grid.scss b/src/pages/grid/grid.scss
new file mode 100644
index 0000000..4abcdc2
--- /dev/null
+++ b/src/pages/grid/grid.scss
@@ -0,0 +1,7 @@
+page-grid {
+
+ ion-col {
+ box-sizing: border-box;
+ border: 1px solid #000000;
+ }
+}
diff --git a/src/pages/grid/grid.ts b/src/pages/grid/grid.ts
new file mode 100644
index 0000000..a8b3c8d
--- /dev/null
+++ b/src/pages/grid/grid.ts
@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+import { ProfileService } from '../../services/profiles';
+import { ProfilePage } from '../profile/profile';
+
+@Component({
+ selector: 'page-grid',
+ templateUrl: 'grid.html',
+ providers: [ ProfileService ]
+})
+export class GridPage {
+
+ profiles: any;
+
+ constructor(public navCtrl: NavController, public profileService: ProfileService) {
+ profileService.load().then((data) => {
+ this.profiles = data;
+ });
+ }
+
+ profileTapped(event, profile) {
+ this.navCtrl.push(ProfilePage, {
+ profile: profile
+ });
+ }
+}
diff --git a/src/pages/home/home.html b/src/pages/home/home.html
deleted file mode 100644
index 485991e..0000000
--- a/src/pages/home/home.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
- Home
-
-
-
-
- Welcome to Ionic!
-
- This starter project comes with simple tabs-based layout for apps
- that are going to primarily use a Tabbed UI.
-
-
- Take a look at the src/pages/ directory to add or change tabs,
- update any existing page or create new pages.
-
-
diff --git a/src/pages/home/home.scss b/src/pages/home/home.scss
deleted file mode 100644
index d4cc8fc..0000000
--- a/src/pages/home/home.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-page-home {
-
-}
diff --git a/src/pages/home/home.ts b/src/pages/home/home.ts
deleted file mode 100644
index 1d510dd..0000000
--- a/src/pages/home/home.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { NavController } from 'ionic-angular';
-
-@Component({
- selector: 'page-home',
- templateUrl: 'home.html'
-})
-export class HomePage {
-
- constructor(public navCtrl: NavController) {
-
- }
-
-}
diff --git a/src/pages/lightbox/lightbox.html b/src/pages/lightbox/lightbox.html
new file mode 100644
index 0000000..b04170f
--- /dev/null
+++ b/src/pages/lightbox/lightbox.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+ ![]()
+
diff --git a/src/pages/lightbox/lightbox.scss b/src/pages/lightbox/lightbox.scss
new file mode 100644
index 0000000..6bbc094
--- /dev/null
+++ b/src/pages/lightbox/lightbox.scss
@@ -0,0 +1,3 @@
+page-lightbox {
+
+}
diff --git a/src/pages/lightbox/lightbox.ts b/src/pages/lightbox/lightbox.ts
new file mode 100644
index 0000000..ad5313f
--- /dev/null
+++ b/src/pages/lightbox/lightbox.ts
@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+
+@Component({
+ selector: 'page-lightbox',
+ templateUrl: 'lightbox.html'
+})
+
+export class LightboxPage {
+
+ image: string;
+
+ constructor(public navCtrl: NavController, private navParams: NavParams) {
+ this.image = navParams.get('image');
+ }
+
+ close(event) {
+ this.navCtrl.pop();
+ }
+}
diff --git a/src/pages/messages/messages.html b/src/pages/messages/messages.html
new file mode 100644
index 0000000..194915f
--- /dev/null
+++ b/src/pages/messages/messages.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ {{profile.details.name}}
+
+
+ 23h ago
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/messages/messages.scss b/src/pages/messages/messages.scss
new file mode 100644
index 0000000..f7d81d8
--- /dev/null
+++ b/src/pages/messages/messages.scss
@@ -0,0 +1,3 @@
+page-messages {
+
+}
diff --git a/src/pages/messages/messages.ts b/src/pages/messages/messages.ts
new file mode 100644
index 0000000..72e3842
--- /dev/null
+++ b/src/pages/messages/messages.ts
@@ -0,0 +1,39 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+import { ProfileService } from '../../services/profiles';
+import { ProfilePage } from '../profile/profile';
+import { ChatPage } from '../chat/chat';
+
+@Component({
+ selector: 'page-messages',
+ templateUrl: 'messages.html',
+ providers: [ ProfileService ]
+})
+export class MessagesPage {
+
+ profiles: any;
+
+ constructor(public navCtrl: NavController, public profileService: ProfileService) {
+ profileService.load().then((data) => {
+ this.profiles = data;
+ });
+ }
+
+ getLatestMessage(messages) {
+ var latest = Math.max.apply(Math, messages.map(function(o){ return o.order; }));
+ return messages[latest].text != '' ? messages[latest].text : 'Picture';
+ }
+
+ interviewTapped(event, profile) {
+ this.navCtrl.push(ChatPage, {
+ profile: profile
+ });
+ }
+
+ profilePictureTapped(event, profile) {
+ this.navCtrl.push(ProfilePage, {
+ profile: profile
+ });
+ }
+}
diff --git a/src/pages/profile/profile.html b/src/pages/profile/profile.html
new file mode 100644
index 0000000..84589af
--- /dev/null
+++ b/src/pages/profile/profile.html
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{this.profile.details.name}}
+
+
+
+
+
+
+ {{this.profile.details.about}}
+
+
+ Height
+ {{this.profile.details.height}}
+
+
+ Weight
+ {{this.profile.details.weight}}
+
+
+ Ethnicity
+ {{this.profile.details.ethnicity}}
+
+
+ Body Type
+ {{this.profile.details.body}}
+
+
+ Gender
+ {{this.profile.details.gender}}
+
+
+ Pronouns
+ {{this.profile.details.pronouns}}
+
+
+ Tribes
+ {{this.profile.details.tribe}}
+
+
+ Position
+ {{this.profile.details.position}}
+
+
+ I'm Looking For
+ {{this.profile.details.looking}}
+
+
+ HIV Status
+ {{this.profile.details.status}}
+
+
+ Last Tested
+ {{this.profile.details.tested}}
+
+
+
+
diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss
new file mode 100644
index 0000000..930baec
--- /dev/null
+++ b/src/pages/profile/profile.scss
@@ -0,0 +1,46 @@
+page-profile {
+
+ ion-content {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ }
+
+ ion-toolbar {
+
+ .toolbar-background {
+ background-color: transparent;
+ }
+
+ .bar-button {
+ color: #ffffff;
+ }
+ }
+
+ .details {
+ background: rgba(0, 0, 0, 0.8);
+ bottom: 0;
+ height: 75px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ transition: all 250ms 125ms ease-in-out;
+
+ h2 {
+ margin: 0;
+ }
+
+ &.open {
+ height: 100%;
+ padding-top: 35px;
+ }
+
+ .actions {
+ text-align: right;
+
+ .button-clear {
+ color: #fdb315;
+ }
+ }
+ }
+}
diff --git a/src/pages/profile/profile.ts b/src/pages/profile/profile.ts
new file mode 100644
index 0000000..803c261
--- /dev/null
+++ b/src/pages/profile/profile.ts
@@ -0,0 +1,60 @@
+import { Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { NavController, NavParams } from 'ionic-angular';
+
+import { ChatPage } from '../chat/chat';
+import { LightboxPage } from '../lightbox/lightbox';
+
+@Component({
+ selector: 'page-profile',
+ templateUrl: 'profile.html'
+})
+export class ProfilePage {
+
+ detailsOpen: boolean = false;
+ profile: any;
+
+ constructor(public navCtrl: NavController, public navParams: NavParams, private _sanitizer: DomSanitizer) {
+ this.profile = navParams.get('profile');
+ }
+
+ closeProfile(event) {
+ this.navCtrl.pop();
+ }
+
+ closeProfileDetails(event) {
+ if (this.detailsOpen) {
+ this.detailsOpen = false;
+ document.getElementById('detail-overlay').classList.remove('open');
+ }
+ }
+
+ getBackground(pics) {
+ return this._sanitizer.bypassSecurityTrustStyle('url(' + pics.detail + ')');
+ }
+
+ markFavorite(event, profile) {
+ console.debug('favorite profile', { event: event, profile: profile });
+ }
+
+ openChat(event, profile) {
+ this.navCtrl.push(ChatPage, {
+ profile: profile
+ });
+ }
+
+ openProfileDetails(event) {
+ if (!this.detailsOpen) {
+ this.detailsOpen = true;
+ document.getElementById('detail-overlay').classList.add('open');
+ }
+ }
+
+ showLightbox(event, image) {
+ if (event.target.classList.contains('content')) {
+ this.navCtrl.push(LightboxPage, {
+ image: image
+ });
+ }
+ }
+}
diff --git a/src/pages/tabs/tabs.html b/src/pages/tabs/tabs.html
index fa3921a..562c744 100644
--- a/src/pages/tabs/tabs.html
+++ b/src/pages/tabs/tabs.html
@@ -1,5 +1,5 @@
-
-
-
-
+
+
+
+
diff --git a/src/pages/tabs/tabs.ts b/src/pages/tabs/tabs.ts
index f80301b..a3af281 100644
--- a/src/pages/tabs/tabs.ts
+++ b/src/pages/tabs/tabs.ts
@@ -1,17 +1,15 @@
import { Component } from '@angular/core';
-import { AboutPage } from '../about/about';
-import { ContactPage } from '../contact/contact';
-import { HomePage } from '../home/home';
+import { GridPage } from '../grid/grid';
+import { MessagesPage } from '../messages/messages';
@Component({
templateUrl: 'tabs.html'
})
export class TabsPage {
- tab1Root = HomePage;
- tab2Root = AboutPage;
- tab3Root = ContactPage;
+ tab1Root = GridPage;
+ tab2Root = MessagesPage;
constructor() {
diff --git a/src/services/profiles.ts b/src/services/profiles.ts
new file mode 100644
index 0000000..2128f60
--- /dev/null
+++ b/src/services/profiles.ts
@@ -0,0 +1,42 @@
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+import 'rxjs/add/operator/map';
+
+@Injectable()
+export class ProfileService {
+
+ idMap: any;
+ profiles: any;
+
+ constructor(private http: Http) {
+ this.idMap = {};
+ this.profiles = null;
+ }
+
+ load() {
+ if (this.profiles) {
+ return Promise.resolve(this.profiles);
+ }
+
+ return new Promise(resolve => {
+ this.http.get('/assets/data/profiles.json')
+ .map(res => res.json())
+ .subscribe(data => {
+ this.profiles = data;
+ this.profiles.reduce((map, profile, i) => {
+ map[profile._id] = i;
+ return map;
+ }, this.idMap);
+ resolve(this.profiles);
+ });
+ });
+ }
+
+ getProfiles() {
+ return this.profiles;
+ }
+
+ getProfileById(id) {
+ return this.profiles[this.idMap[id]];
+ }
+}