@ofidj/generator-fidj 1.0.0

package/generators/app/templates/app2018/resources/README.md

@@ -0,0 +1,6 @@
+Fidj Resources
+
+```bash
+    npm install -g fidj-resources
+    fidj-resources --ios --android --marketing 
+```

package/generators/app/templates/app2018/resources/marketing.json

@@ -0,0 +1,19 @@
+{
+  "marketing": [
+    {
+      "text": "Your stories everywhere",
+      "landscape": "resources/marketing-01-ipad.png",
+      "portrait": "resources/marketing-01-iphone.png"
+    },
+    {
+      "text": "Manage your Poker Planning",
+      "landscape": "resources/marketing-02-ipad.png",
+      "portrait": "resources/marketing-02-iphone.png"
+    },
+    {
+      "text": "A free account",
+      "landscape": "resources/marketing-03-ipad.png",
+      "portrait": "resources/marketing-03-iphone.png"
+    }
+  ]
+}

package/generators/app/templates/app2018/src/app/app.component.ts

@@ -0,0 +1,88 @@
+import {Component, OnDestroy, ViewChild} from '@angular/core';
+import {Nav, Platform} from 'ionic-angular';
+import {StatusBar} from '@ionic-native/status-bar';
+import {SplashScreen} from '@ionic-native/splash-screen';
+import {Network} from '@ionic-native/network';
+import {Subscription} from "rxjs/Subscription";
+
+import {HomePage} from '../pages/home/home';
+import {ProfilePage} from "../pages/profile/profile";
+import {FidjService} from "fidj";
+import {LoginPage} from "../pages/login/login";
+import {Profile} from "./shared/profile.service";
+
+@Component({
+    templateUrl: 'app.html'
+})
+export class MyApp implements OnDestroy {
+    @ViewChild(Nav) nav: Nav;
+
+    rootPage: any = null;
+    connected: Subscription;
+    pages: Array<{ title: string, component: any }>;
+
+    constructor(public platform: Platform,
+                public statusBar: StatusBar,
+                public splashScreen: SplashScreen,
+                private network: Network,
+                public profile: Profile,
+                private fidjService: FidjService) {
+
+        // used for an example of ngFor and navigation
+        this.pages = [
+            {title: 'Poker', component: HomePage},
+            {title: 'Player', component: ProfilePage},
+        ];
+
+        this.initializeApp();
+    }
+
+    initializeApp() {
+        this.platform.ready().then(() => {
+            // Okay, so the platform is ready and our plugins are available.
+            // Here you can do any higher level native things you might need.
+            this.statusBar.styleDefault();
+            this.initFidj();
+            // this.nav.setRoot(LoginPage);
+            this.splashScreen.hide();
+
+            this.connected = this.network.onConnect().subscribe(data => {
+                this.initFidj();
+            }, error => console.error(error));
+
+        });
+    }
+
+    ngOnDestroy() {
+        this.connected.unsubscribe();
+    }
+
+    initFidj() {
+
+        this.fidjService.init('getYourFidjId')
+            .then(() => {
+                this.connected.unsubscribe();
+                this.profile.readyForSync.next(true);
+                if (this.fidjService.isLoggedIn()) {
+                    this.nav.setRoot(HomePage);
+                } else {
+                    this.nav.setRoot(LoginPage);
+                }
+            })
+            .catch((err) => {
+                alert(JSON.stringify(err));
+                this.profile.readyForSync.next(false);
+                if (this.fidjService.isLoggedIn()) {
+                    this.nav.setRoot(HomePage);
+                } else {
+                    this.nav.setRoot(LoginPage);
+                }
+            });
+    }
+
+    openPage(page) {
+        // Reset the content nav to have just this page
+        // we wouldn't want the back button to show in this scenario
+        this.nav.setRoot(page.component);
+    }
+}

package/generators/app/templates/app2018/src/app/app.html

@@ -0,0 +1,19 @@
+<ion-menu [content]="content" *ngIf="profile.readyForSync | async">
+    <ion-header>
+        <ion-toolbar>
+            <ion-title>Menu</ion-title>
+        </ion-toolbar>
+    </ion-header>
+
+    <ion-content>
+        <ion-list>
+            <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
+                {{p.title}}
+            </button>
+        </ion-list>
+    </ion-content>
+
+</ion-menu>
+
+<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
+<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

package/generators/app/templates/app2018/src/app/app.module.ts

@@ -0,0 +1,40 @@
+import {ErrorHandler, NgModule} from '@angular/core';
+import {IonicApp, IonicErrorHandler, IonicModule, Refresher} from 'ionic-angular';
+import {StatusBar} from '@ionic-native/status-bar';
+import {Network} from "@ionic-native/network";
+import {SplashScreen} from '@ionic-native/splash-screen';
+
+import {MyApp} from './app.component';
+import {HomePage} from '../pages/home/home';
+import {SharedModule} from "./shared/shared.module";
+import {ProfilePage} from "../pages/profile/profile";
+import {LoginPage} from "../pages/login/login";
+
+@NgModule({
+    declarations: [
+        MyApp,
+        HomePage,
+        ProfilePage,
+        LoginPage
+    ],
+    imports: [
+        SharedModule,
+        IonicModule.forRoot(MyApp)
+    ],
+    bootstrap: [IonicApp],
+    entryComponents: [
+        MyApp,
+        HomePage,
+        ProfilePage,
+        LoginPage
+    ],
+    providers: [
+        StatusBar,
+        SplashScreen,
+        Network,
+        Refresher,
+        {provide: ErrorHandler, useClass: IonicErrorHandler}
+    ]
+})
+export class AppModule {
+}

package/generators/app/templates/app2018/src/app/app.scss

@@ -0,0 +1,16 @@
+// <%= appHomepage %>docs/theming/
+
+
+// App Global Sass
+// --------------------------------------------------
+// Put style rules here that you want to apply globally. These
+// styles are for the entire app and not just one component.
+// Additionally, this file can be also used as an entry point
+// to import other Sass files to be included in the output CSS.
+//
+// Shared Sass variables, which can be used to adjust Ionic's
+// default Sass variables, belong in "theme/variables.scss".
+//
+// 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.

package/generators/app/templates/app2018/src/app/main.ts

@@ -0,0 +1,5 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);

package/generators/app/templates/app2018/src/app/shared/card.model.ts

@@ -0,0 +1,10 @@
+
+
+export class Card {
+    constructor(public value: string,
+                public comments: Array<string>) {
+    }
+
+}
+
+

package/generators/app/templates/app2018/src/app/shared/profile.service.ts

@@ -0,0 +1,46 @@
+import {Injectable} from "@angular/core";
+import {Storage} from "./storage.service";
+// import {Observable} from "rxjs/Observable";
+import {BehaviorSubject} from 'rxjs/BehaviorSubject';
+import {Observable} from "rxjs/Observable";
+
+@Injectable()
+export class Profile {
+
+    private email: string;
+    private roles : Array<string>;
+    public readyForSync: BehaviorSubject<boolean>;
+
+    constructor(private _storage: Storage) {
+        console.log('Profile service');
+        this.email = this._storage.get('email') || null;
+        this.readyForSync = new BehaviorSubject<boolean>(false);
+        this.roles = [];
+    }
+
+    getEmail() {
+        return this.email;
+    }
+
+    setEmail(email: string) {
+        this.email = email;
+        this._storage.set('email', this.email);
+    }
+
+    logout() {
+        this._storage.remove('email');
+    }
+
+    isReady() : Observable<boolean> {
+        return this.readyForSync.asObservable();
+    }
+
+    getRoles() : Array<string> {
+        return this.roles;
+    }
+
+    setRoles(roles : Array<string> ) : void {
+        this.roles = roles;
+    }
+}
+

package/generators/app/templates/app2018/src/app/shared/shared.module.ts

@@ -0,0 +1,35 @@
+import {BrowserModule} from '@angular/platform-browser';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {CommonModule, NgStyle} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {IonicModule} from 'ionic-angular';
+
+import {
+    FidjModule
+} from "fidj";
+
+import {Profile} from "./profile.service";
+import {Storage} from "./storage.service";
+
+@NgModule({
+    declarations: [],
+    imports: [
+        CommonModule,
+        IonicModule,
+        FidjModule,
+    ],
+    providers: [
+        Profile,
+        Storage
+    ],
+    exports: [
+        CommonModule,
+        BrowserModule,
+        BrowserAnimationsModule,
+        IonicModule,
+        FidjModule,
+        NgStyle
+    ]
+})
+export class SharedModule {
+}

package/generators/app/templates/app2018/src/app/shared/storage.service.ts

@@ -0,0 +1,11 @@
+import {Injectable} from "@angular/core";
+import {LocalStorage} from 'fidj';
+
+@Injectable()
+export class Storage extends LocalStorage {
+
+    constructor() {
+        super(window.localStorage, '<%= appName %>.');
+    }
+}
+

package/generators/app/templates/app2018/src/app/shared/version.const.ts

@@ -0,0 +1,5 @@
+
+
+export const version = '18.2.30';
+
+