Initial commit

2018-03-02 02:59:55 -05:00
parent 30518e56d4
commit 33cf657c70
34 changed files with 541 additions and 124 deletions
--- 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) {
--- 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: [
--- 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 <body> 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;
+      }
+    }
+  }
+}