diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 2a88c6b..ded70a2 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -5,6 +5,7 @@ import { AuthGuard,FullScreenGuard } from '@farmmaps/common'; import { MapComponent } from '@farmmaps/common-map'; import { LogoComponent } from './logo/logo.component'; import { MenuComponent } from './menu/menu.component'; +import {RegisterDeviceComponent} from './registerdevice/registerdevice.component'; import {NotImplementedComponent} from '@farmmaps/common'; import { NavBarGuard } from 'projects/common/src/public-api'; @@ -27,7 +28,7 @@ const routes = [ path: '', redirectTo: 'map', pathMatch: 'full' - }, + }, { path:'editor/:type/item/:itemcode', canActivate:[NavBarGuard], @@ -47,7 +48,12 @@ const routes = [ path: ':xCenter/:yCenter/:zoom/:rotation/:baseLayer/:queryState', component: MapComponent } - ]} + ]}, + { + path:'registerdevice/:deviceToken', + canActivate:[FullScreenGuard], + component:RegisterDeviceComponent + } ]; @NgModule({ diff --git a/src/app/app.module.ts b/src/app/app.module.ts index b6a57de..9a5b5d9 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -18,6 +18,7 @@ import { StoreRouterConnectingModule} from '@ngrx/router-store'; import {AppRoutingModule} from './app-routing.module'; import { LogoComponent } from './logo/logo.component'; import { MenuComponent } from './menu/menu.component'; +import {RegisterDeviceComponent} from './registerdevice/registerdevice.component'; import { SecureOAuthStorage} from '@farmmaps/common'; import { OAuthStorage } from 'angular-oauth2-oidc'; @@ -50,7 +51,8 @@ export function provideBootstrapEffects(effects: Type[]) { declarations: [ AppRootComponent, LogoComponent, - MenuComponent + MenuComponent, + RegisterDeviceComponent ], imports: [ AppRoutingModule, diff --git a/src/app/registerdevice/registerdevice.component.html b/src/app/registerdevice/registerdevice.component.html new file mode 100644 index 0000000..c39d834 --- /dev/null +++ b/src/app/registerdevice/registerdevice.component.html @@ -0,0 +1,5 @@ +
+ +
To register this device
download the FarmMaps app and create an account or login.

Next scan this QR code with the function "Register device" from the menu
+ Get it on google play +
diff --git a/src/app/registerdevice/registerdevice.component.scss b/src/app/registerdevice/registerdevice.component.scss new file mode 100644 index 0000000..61bd67b --- /dev/null +++ b/src/app/registerdevice/registerdevice.component.scss @@ -0,0 +1,32 @@ +.container { + width:100%; + height:100; + padding-top: 5em; +} + +.logo { + max-width: 80%; + margin-bottom: 1.5em; +} + +.play-badge { + margin-top: 1.5em; + max-width: 45%; +} + +.message { + margin:auto; + font-size: 1.5em; + line-height: 1.5em; + max-width: 90%; +} + +@media screen and (min-width:44rem) { + .logo { + max-width: 22rem; + } + + .play-badge { + max-width: 10rem; + } +} diff --git a/src/app/registerdevice/registerdevice.component.ts b/src/app/registerdevice/registerdevice.component.ts new file mode 100644 index 0000000..48885ea --- /dev/null +++ b/src/app/registerdevice/registerdevice.component.ts @@ -0,0 +1,16 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'registerdevice', + templateUrl: './registerdevice.component.html', + styleUrls: ['./registerdevice.component.scss'] +}) +export class RegisterDeviceComponent implements OnInit { + + + constructor( ) { } + + ngOnInit() { + + } +} diff --git a/src/assets/images/google-play-badge.png b/src/assets/images/google-play-badge.png new file mode 100644 index 0000000..c77b746 Binary files /dev/null and b/src/assets/images/google-play-badge.png differ