npm - @ofidj/generator-fidj - Versions diffs - 1.0.0 - Mend

@ofidj/generator-fidj 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/generators/app/templates/app2018/src/assets/imgs/logo.png ADDED Viewed

Binary file

package/generators/app/templates/app2018/src/index.html ADDED Viewed

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title><%= appName %></title>
+  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
+  <link rel="manifest" href="manifest.json">
+  <meta name="theme-color" content="#4e8ef7">
+  <!-- add to homescreen for ios -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <!-- cordova.js required for cordova apps (remove if not needed) -->
+  <script src="cordova.js"></script>
+  <!-- un-comment this code to enable service worker
+  <script>
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.register('service-worker.js')
+        .then(() => console.log('service worker installed'))
+        .catch(err => console.error('Error', err));
+    }
+  </script>-->
+  <link href="build/main.css" rel="stylesheet">
+</head>
+<body>
+  <!-- Ionic's root component and where the app will load -->
+  <ion-app></ion-app>
+  <!-- The polyfills js is generated during the build process -->
+  <script src="build/polyfills.js"></script>
+  <!-- The vendor js is generated during the build process
+       It contains all of the dependencies in node_modules -->
+  <script src="build/vendor.js"></script>
+  <!-- The main bundle js is generated during the build process -->
+  <script src="build/main.js"></script>
+</body>
+</html>

package/generators/app/templates/app2018/src/manifest.json ADDED Viewed

@@ -0,0 +1,13 @@
+{
+  "name": "<%= appName %>",
+  "short_name": "<%= appName %>",
+  "start_url": "index.html",
+  "display": "standalone",
+  "icons": [{
+    "src": "assets/imgs/logo.png",
+    "sizes": "512x512",
+    "type": "image/png"
+  }],
+  "background_color": "#4e8ef7",
+  "theme_color": "#4e8ef7"
+}

package/generators/app/templates/app2018/src/pages/home/home.html ADDED Viewed

@@ -0,0 +1,56 @@
+<ion-header>
+    <ion-navbar>
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+        <ion-title><%= appName %></ion-title>
+    </ion-navbar>
+</ion-header>
+<ion-content padding>
+    <ion-refresher (ionRefresh)="doRefresh($event)">
+        <ion-refresher-content></ion-refresher-content>
+    </ion-refresher>
+    <ion-slides [@cardsState]="(!cardSelected)">
+        <ion-slide *ngFor="let card of cards"
+                   (click)="cardTapped($event, $index, card)">
+            <h1 [ngStyle]="{'font-size.em' : (card.value >= 10) ? 11 : 22}">{{card.value}}</h1>
+        </ion-slide>
+    </ion-slides>
+    <div *ngIf="cardSelected">
+        <ion-grid>
+            <ion-row justify-content-center>
+                <ion-col col-3 style="text-align: center">
+                    <button ion-button color="dark" outline (click)="goUp(null)">{{cards[cardSelected - 1].value}}
+                    </button>
+                </ion-col>
+            </ion-row>
+        </ion-grid>
+        <ion-list>
+            <ion-item>
+                <ion-input type="text" placeholder="Add a new story" [(ngModel)]="story" name="story"></ion-input>
+                <button ion-button clear (click)="add(cardSelected, story); story = null;" item-end icon-only>
+                    <ion-icon name="add"></ion-icon>
+                </button>
+            </ion-item>
+            <ion-item-sliding *ngFor="let comment of cards[cardSelected - 1].comments">
+                <ion-item>
+                    <span style="white-space: normal;">{{comment}}</span>
+                </ion-item>
+                <ion-item-options side="right">
+                    <button ion-button color="danger">
+                        <ion-icon name="trash" (click)="remove(cardSelected, $index)"></ion-icon>
+                    </button>
+                </ion-item-options>
+            </ion-item-sliding>
+        </ion-list>
+    </div>
+</ion-content>

package/generators/app/templates/app2018/src/pages/home/home.scss ADDED Viewed

@@ -0,0 +1,3 @@
+page-home {
+}

package/generators/app/templates/app2018/src/pages/home/home.ts ADDED Viewed

@@ -0,0 +1,126 @@
+import {Component} from '@angular/core';
+import {NavController} from 'ionic-angular';
+import {FidjService} from "fidj";
+import {
+    trigger,
+    state,
+    style,
+    animate,
+    transition
+} from '@angular/animations';
+import {Card} from "../../app/shared/card.model";
+import {Profile} from "../../app/shared/profile.service";
+@Component({
+    selector: 'page-home',
+    templateUrl: 'home.html',
+    animations: [
+        trigger('cardsState', [
+            state('true', style({
+                height: '100%',
+                transform: 'scale(1)'
+            })),
+            state('false', style({
+                height: '0%',
+                transform: 'scale(0.1)'
+            })),
+            transition('true => false', animate('1000ms ease-in')),
+            transition('false => true', animate('1ms ease-out'))
+        ])
+    ]
+})
+export class HomePage {
+    // use one container for session
+    private dataContainer: {
+        cards: Array<Card>
+    };
+    // extract data for display
+    public cards: Array<Card>;
+    public cardSelected: number = 0;
+    constructor(public navCtrl: NavController,
+                public profile: Profile,
+                private fidjService: FidjService) {
+        this.cards = [];
+        this.dataContainer = {
+            cards: this.cards
+        };
+        this.profile.readyForSync.subscribe(
+            (ready) => {
+                if (ready === true && this.fidjService.isLoggedIn()) {
+                    this.doRefresh();
+                }
+            },
+            (err) => {
+                console.error('Error: ' + err);
+            },
+            () => {
+                console.log('Completed', this.cards);
+            });
+    }
+    doRefresh(refresher?) {
+        this.fidjService
+            .sync(() => {
+                let i0 = 0, i1 = 1;
+                for (let i = 0; i < 12; i++) {
+                    const i1_old = i1;
+                    i1 = i1 + i0;
+                    if (i0 === 1 && i1_old === 1) {
+                        this.cards.push(new Card('?', []));
+                    } else {
+                        this.cards.push(new Card('' + i0, []));
+                    }
+                    i0 = i1_old;
+                }
+            })
+            .then(() => {
+                return this.fidjService.findAll();
+            })
+            .then((all: Array<any>) => {
+                if (all.length) {
+                    this.dataContainer = all[0];
+                    this.cards = this.dataContainer.cards;
+                    this.goUp();
+                    console.log('this.cards', this.cards);
+                }
+                if (refresher) refresher.complete();
+            })
+            .catch(err => {
+                alert(JSON.stringify(err));
+                if (refresher) {
+                    refresher.complete();
+                }
+            });
+    }
+    cardTapped($event, $index, card: Card) {
+        this.cardSelected = $index + 1;
+        if (!$index) this.cardSelected = this.cards.indexOf(card) + 1;
+    }
+    goUp() {
+        this.cardSelected = 0;
+    }
+    add(cardS, story) {
+        const selectedCard = this.cards[cardS - 1];
+        selectedCard.comments.push(story);
+        console.log(this.dataContainer);
+        this.fidjService.put(this.dataContainer);
+    }
+    remove(cardS, index) {
+        const selectedCard = this.cards[cardS - 1];
+        selectedCard.comments.splice(index, 1);
+        this.fidjService.put(this.dataContainer);
+    }
+}

package/generators/app/templates/app2018/src/pages/login/login.html ADDED Viewed

@@ -0,0 +1,56 @@
+<ion-content padding>
+    <ion-grid>
+        <ion-row justify-content-center>
+            <ion-col col-md-8>
+                <ion-card style="background-color:transparent">
+                    <ion-card-header style="color:white;">
+                        <h1 style="color:white; text-align: center"><%= appName %></h1>
+                        <ul>
+                            <li>This <%= appDescription %> app helps you to exchange on feature's value with your team.</li>
+                            <li>Estimate and show card value or cost of each item.</li>
+                            <li>Store feature linked to value.</li>
+                        </ul>
+                    </ion-card-header>
+                    <ion-card-content>
+                        <form #heroForm="ngForm">
+                            <ion-item>
+                                <ion-input
+                                        type="email" placeholder="valid.email@required.com" required
+                                        [(ngModel)]="userLoginEmail" name="userLoginEmail"
+                                        pattern=".{1,}@[_a-z0-9A-Z]+(\.[a-z0-9A-Z]+)+"></ion-input>
+                            </ion-item>
+                            <ion-item>
+                                <ion-input type="password" placeholder="password"
+                                           [(ngModel)]="userLoginPassword" name="userLoginPassword"
+                                           required></ion-input>
+                            </ion-item>
+                            <div style="padding-top:20px">
+                                <button ion-button block
+                                        (click)="login(userLoginEmail, userLoginPassword)"
+                                        [disabled]="!userLoginEmail || !heroForm.form.valid || !userLoginPassword">
+                                    Login
+                                </button>
+                                <br><br>
+                                <a ion-button block color="light" clear
+                                   href="https://fidj.ovh/forgot"
+                                   target="_blank">
+                                    Forgot your login/password ?</a>
+                                <a ion-button block color="light" clear
+                                        (click)="loginAsDemo()">
+                                    Test as a demo user...
+                                </a>
+                            </div>
+                        </form>
+                    </ion-card-content>
+                </ion-card>
+            </ion-col>
+        </ion-row>
+    </ion-grid>
+    <span style="float:right;font-size:10px;" app-version>version: {{appVersion}}</span>
+</ion-content>

package/generators/app/templates/app2018/src/pages/login/login.scss ADDED Viewed

@@ -0,0 +1,44 @@
+// * {
+//  background-color : transparent!important;
+//}
+page-login {
+  ion-content {
+    background: url('../assets/imgs/login.svg') no-repeat center;
+  }
+  form > .item {
+    color: white !important;
+    // background : transparent;
+    background-color: rgba(255, 255, 255, 0.2);
+    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+      color: #414141;
+    }
+    ::-moz-placeholder { /* Firefox 19+ */
+      color: #414141;
+    }
+    :-ms-input-placeholder { /* IE 10+ */
+      color: #414141;
+    }
+    :-moz-placeholder { /* Firefox 18- */
+      color: #414141;
+    }
+  }
+  .ion-input {
+    // background-color : transparent;
+    // background-color: rgba(255, 255, 255, 0.2);
+  }
+  .item-inner {
+    //background-color: rgba(255, 255, 255, 0.2);
+  }
+  ion-card-header {
+    white-space: normal;
+  }
+}

package/generators/app/templates/app2018/src/pages/login/login.ts ADDED Viewed

@@ -0,0 +1,59 @@
+import {Component, OnInit} from '@angular/core';
+import {NavController} from 'ionic-angular';
+import {FidjService} from "fidj";
+import {HomePage} from "../home/home";
+import {Profile} from "../../app/shared/profile.service";
+import {version} from "../../app/shared/version.const";
+import {Network} from "@ionic-native/network";
+import {Subscription} from "rxjs/Subscription";
+@Component({
+    selector: 'page-login',
+    templateUrl: 'login.html'
+})
+export class LoginPage implements OnInit {
+    public appVersion = version;
+    private connected : Subscription;
+    constructor(public navCtrl: NavController,
+                private network: Network,
+                private profile: Profile,
+                private fidjService: FidjService) {
+    }
+    ngOnInit() {
+        if (this.fidjService.isLoggedIn()) {
+            this.navCtrl.setRoot(HomePage);
+        }
+        this.connected = this.network.onConnect().subscribe(data => {
+            console.log(data);
+            if (this.fidjService.isLoggedIn()) {
+                this.navCtrl.setRoot(HomePage);
+            }
+        }, error => console.error(error));
+    }
+    login(email, pwd) {
+        this.profile.setEmail(email);
+        this.fidjService.login(email, pwd)
+            .then(() => {
+                this.profile.setRoles(this.fidjService.getRoles());
+                this.navCtrl.setRoot(HomePage);
+            })
+            .catch(err => alert(JSON.stringify(err)));
+    }
+    loginAsDemo() {
+        this.profile.setEmail('demo user');
+        this.fidjService.loginAsDemo()
+            .then(() => {
+                this.navCtrl.setRoot(HomePage);
+            })
+            .catch(err => alert(JSON.stringify(err)));
+    }
+}

package/generators/app/templates/app2018/src/pages/profile/profile.html ADDED Viewed

@@ -0,0 +1,33 @@
+<ion-header>
+    <ion-navbar>
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+        <ion-title><%= appName %></ion-title>
+    </ion-navbar>
+</ion-header>
+<ion-content>
+    <p style="text-align:right">
+        <a ion-button icon-start round outline color="primary"
+            href="https://github.com/yourepo/<%= appName %>" target="_blank">
+            <ion-icon name="logo-github"></ion-icon>
+            Contribute<br>@{{appVersion}}
+        </a>
+    </p>
+    <ion-list>
+        <ion-item>
+            {{profile.getEmail()}}
+        </ion-item>
+        <ion-item *ngFor="let role of profile.getRoles()">
+            {{role}}
+        </ion-item>
+    </ion-list>
+    <p style="text-align:center">
+        <button ion-button color="danger" (click)="logout()">logout</button>
+    </p>
+</ion-content>

package/generators/app/templates/app2018/src/pages/profile/profile.scss ADDED Viewed

@@ -0,0 +1,3 @@
+page-list {
+}

package/generators/app/templates/app2018/src/pages/profile/profile.ts ADDED Viewed

@@ -0,0 +1,36 @@
+import {Component} from '@angular/core';
+import {NavController, NavParams} from 'ionic-angular';
+import {FidjService} from "fidj";
+import {LoginPage} from "../login/login";
+import {Profile} from "../../app/shared/profile.service";
+import {version} from "../../app/shared/version.const";
+@Component({
+    selector: 'page-profile',
+    templateUrl: 'profile.html'
+})
+export class ProfilePage {
+    public appVersion = version;
+    constructor(public navCtrl: NavController,
+                public navParams: NavParams,
+                public profile: Profile,
+                private fidjService: FidjService) {
+    }
+    logout() {
+        this.fidjService.logout()
+            .then(() => {
+                this.profile.logout();
+                this.navCtrl.setRoot(LoginPage);
+            })
+            .catch(err => {
+                alert(JSON.stringify(err));
+                this.profile.logout();
+                this.navCtrl.setRoot(LoginPage);
+            });
+    }
+}

package/generators/app/templates/app2018/src/service-worker.js ADDED Viewed

@@ -0,0 +1,31 @@
+/**
+ * Check out https://googlechromelabs.github.io/sw-toolbox/ for
+ * more info on how to use sw-toolbox to custom configure your service worker.
+ */
+'use strict';
+importScripts('./build/sw-toolbox.js');
+self.toolbox.options.cache = {
+  name: 'app-cache'
+};
+// pre-cache our key assets
+self.toolbox.precache(
+  [
+    './build/main.js',
+    './build/vendor.js',
+    './build/main.css',
+    './build/polyfills.js',
+    'index.html',
+    'manifest.json'
+  ]
+);
+// dynamically cache any other local assets
+self.toolbox.router.any('/*', self.toolbox.fastest);
+// for any other requests go to the network, cache,
+// and then only use that cached resource if your user goes offline
+self.toolbox.router.default = self.toolbox.networkFirst;

package/generators/app/templates/app2018/src/theme/variables.scss ADDED Viewed

@@ -0,0 +1,88 @@
+// Ionic Variables and Theming. For more info, please see:
+// <%= appHomepage %>docs/theming/
+// Font path is used to include ionicons,
+// roboto, and noto sans fonts
+$font-path: "../assets/fonts";
+// The app direction is used to include
+// rtl styles in your app. For more info, please see:
+// <%= appHomepage %>docs/theming/rtl-support/
+$app-direction: ltr;
+@import "ionic.globals";
+// Shared Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass variables found in Ionic's source scss files.
+// To view all the possible Ionic variables, see:
+// <%= appHomepage %>docs/theming/overriding-ionic-variables/
+// Named Color Variables
+// --------------------------------------------------
+// Named colors makes it easy to reuse colors on various components.
+// It's highly recommended to change the default colors
+// to match your app's branding. Ionic uses a Sass map of
+// colors so you can add, rename and remove colors as needed.
+// The "primary" color is the only required color in the map.
+$colors: (
+  primary:    #488aff,
+  secondary:  #32db64,
+  danger:     #f53d3d,
+  light:      #f4f4f4,
+  dark:       #222
+);
+// App iOS Variables
+// --------------------------------------------------
+// iOS only Sass variables can go here
+// App Material Design Variables
+// --------------------------------------------------
+// Material Design only Sass variables can go here
+// App Windows Variables
+// --------------------------------------------------
+// Windows only Sass variables can go here
+// App Theme
+// --------------------------------------------------
+// Ionic apps can have different themes applied, which can
+// then be future customized. This import comes last
+// so that the above variables are used and Ionic's
+// default are overridden.
+@import "ionic.theme.default";
+// Ionicons
+// --------------------------------------------------
+// The premium icon font for Ionic. For more info, please see:
+// <%= appHomepage %>docs/ionicons/
+@import "ionic.ionicons";
+// Fonts
+// --------------------------------------------------
+@import "roboto";
+@import "noto-sans";