Commit a484ee47 by Adarsh K

landing page

parent 523580e7
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
"@angular/common": "~8.1.2", "@angular/common": "~8.1.2",
"@angular/compiler": "~8.1.2", "@angular/compiler": "~8.1.2",
"@angular/core": "~8.1.2", "@angular/core": "~8.1.2",
"@angular/fire": "^5.2.1",
"@angular/forms": "~8.1.2", "@angular/forms": "~8.1.2",
"@angular/platform-browser": "~8.1.2", "@angular/platform-browser": "~8.1.2",
"@angular/platform-browser-dynamic": "~8.1.2", "@angular/platform-browser-dynamic": "~8.1.2",
...@@ -28,6 +29,7 @@ ...@@ -28,6 +29,7 @@
"@ionic-native/splash-screen": "^5.0.0", "@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.12.0", "@ionic-native/status-bar": "^5.12.0",
"@ionic/angular": "^4.7.1", "@ionic/angular": "^4.7.1",
"@ionic/storage": "^2.2.0",
"cordova-android": "7.1.4", "cordova-android": "7.1.4",
"cordova-plugin-device": "^2.0.2", "cordova-plugin-device": "^2.0.2",
"cordova-plugin-geolocation": "4.0.2", "cordova-plugin-geolocation": "4.0.2",
...@@ -37,7 +39,9 @@ ...@@ -37,7 +39,9 @@
"cordova-plugin-splashscreen": "^5.0.2", "cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2", "cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-whitelist": "^1.3.3", "cordova-plugin-whitelist": "^1.3.3",
"cordova-sqlite-storage": "^3.3.0",
"core-js": "^2.5.4", "core-js": "^2.5.4",
"firebase": "^6.4.0",
"rxjs": "~6.5.1", "rxjs": "~6.5.1",
"tslib": "^1.9.0", "tslib": "^1.9.0",
"zone.js": "~0.9.1" "zone.js": "~0.9.1"
...@@ -82,10 +86,11 @@ ...@@ -82,10 +86,11 @@
"cordova-plugin-geolocation": { "cordova-plugin-geolocation": {
"GEOLOCATION_USAGE_DESCRIPTION": "To locate you" "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
}, },
"cordova-plugin-nativegeocoder": {} "cordova-plugin-nativegeocoder": {},
"cordova-sqlite-storage": {}
}, },
"platforms": [ "platforms": [
"android" "android"
] ]
} }
} }
\ No newline at end of file
...@@ -15,10 +15,8 @@ export class AppComponent { ...@@ -15,10 +15,8 @@ export class AppComponent {
private splashScreen: SplashScreen, private splashScreen: SplashScreen,
private statusBar: StatusBar private statusBar: StatusBar
) { ) {
this.initializeApp(); this.initializeApp();
} }
initializeApp() { initializeApp() {
......
...@@ -6,10 +6,20 @@ import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; ...@@ -6,10 +6,20 @@ import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx'; import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { IonicStorageModule } from '@ionic/storage';
import { AppRoutingModule } from './app-routing.module'; import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
import { AngularFireModule } from '@angular/fire';
import { AngularFirestore } from '@angular/fire/firestore';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { environment } from '../environments/environment';
import { ServiceService } from './../config/service.service';
...@@ -19,14 +29,17 @@ import { AppComponent } from './app.component'; ...@@ -19,14 +29,17 @@ import { AppComponent } from './app.component';
entryComponents: [], entryComponents: [],
imports: [BrowserModule, imports: [BrowserModule,
IonicModule.forRoot(), IonicModule.forRoot(),
IonicStorageModule.forRoot(),
AppRoutingModule, AppRoutingModule,
BrowserAnimationsModule, BrowserAnimationsModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFirestoreModule
], ],
providers: [ providers: [
StatusBar, StatusBar,
SplashScreen, SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy } { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
ServiceService
], ],
bootstrap: [AppComponent] bootstrap: [AppComponent]
}) })
......
import { Component, OnInit, ViewChild, } from '@angular/core'; import { Component, OnInit, ViewChild, } from '@angular/core';
import { IonSlides } from '@ionic/angular'; import { IonSlides } from '@ionic/angular';
import { Router, ActivatedRoute } from '@angular/router'; import { Router, ActivatedRoute } from '@angular/router';
import { ServiceService } from './../../config/service.service';
@Component({ @Component({
selector: 'app-landing', selector: 'app-landing',
...@@ -9,25 +10,35 @@ import { Router, ActivatedRoute } from '@angular/router'; ...@@ -9,25 +10,35 @@ import { Router, ActivatedRoute } from '@angular/router';
}) })
export class LandingPage implements OnInit { export class LandingPage implements OnInit {
slideOpts = {
initialSlide: 0,
speed: 1000,
allowTouchMove: false
};
@ViewChild(IonSlides, { static: false })slides: IonSlides; @ViewChild(IonSlides, { static: false })slides: IonSlides;
currentIndex: any; currentIndex: any;
constructor(private router: Router, private route: ActivatedRoute) { } constructor(
private router: Router,
private route: ActivatedRoute,
private service: ServiceService
) {
this.service.get('landing').then((data) => {
if (data === true) {
this.goToPage('login');
}
});
}
ngOnInit() { ngOnInit() {
} }
goToPage(path, data = null) { goToPage(path, data = null) {
this.service.set('landing', true);
this.router.navigateByUrl(path, { queryParams: data }); this.router.navigateByUrl(path, { queryParams: data });
document.body.scrollTop = document.documentElement.scrollTop = 0; document.body.scrollTop = document.documentElement.scrollTop = 0;
} }
slideOpts = {
initialSlide: 0,
speed: 1000,
allowTouchMove: false
};
next() { next() {
this.slides.slideNext(); this.slides.slideNext();
} }
...@@ -42,6 +53,6 @@ export class LandingPage implements OnInit { ...@@ -42,6 +53,6 @@ export class LandingPage implements OnInit {
console.log(this.currentIndex); console.log(this.currentIndex);
}); });
} }
} }
import { Injectable } from '@angular/core';
import { Storage } from '@ionic/storage';
@Injectable({
providedIn: 'root'
})
export class ServiceService {
constructor(public storage: Storage) { }
public set(settingName: string, value: any) {
return this.storage.set(`setting:${ settingName }`, value);
}
public async get(settingName: string) {
return await this.storage.get(`setting:${ settingName }`);
}
public async remove(settingName: string) {
return await this.storage.remove(`setting:${ settingName }`);
}
public clear() {
this.storage.clear().then(() => {
console.log('all keys cleared');
});
}
}
...@@ -3,7 +3,16 @@ ...@@ -3,7 +3,16 @@
// The list of file replacements can be found in `angular.json`. // The list of file replacements can be found in `angular.json`.
export const environment = { export const environment = {
production: false production: false,
firebase: {
apiKey: 'AIzaSyDzc8lCO4NAfc3PbXPQjvmSWDbsw-yTqXw',
authDomain: 'getmi-4fd26.firebaseapp.com',
databaseURL: 'https://getmi-4fd26.firebaseio.com',
projectId: 'getmi-4fd26',
storageBucket: 'getmi-4fd26.appspot.com',
messagingSenderId: '949385251610',
appId: '1:949385251610:web:cec06e05a0b1aa58'
}
}; };
/* /*
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment