todos los diseños de los módulos fueron actualizados y mejorados

src/app/app.component.ts

@@ -1,10 +1,20 @@
 import { Component, ViewChild } from '@angular/core';
-import { Nav, Platform, MenuController } from 'ionic-angular';
+import { Nav, Platform } from 'ionic-angular';
 import { StatusBar } from 'ionic-native';
 
 import { LoginPage } from '../pages/login/login';
-import { Page1 } from '../pages/page1/page1';
-import { Page2 } from '../pages/page2/page2';
+
+import { CustomerListPage } from '../pages/customer-list/customer-list';
+import { ProductListPage } from '../pages/product-list/product-list';
+import { LeadListPage } from '../pages/lead-list/lead-list';
+import { OpportunityListPage } from '../pages/opportunity-list/opportunity-list';
+import { CallListPage } from '../pages/call-list/call-list';
+
+import { ProjectListPage } from '../pages/project-list/project-list';
+import { TaskListPage } from '../pages/task-list/task-list';
+
+import { SettingsPage } from '../pages/settings/settings';
+import { AboutPage } from '../pages/about/about'
 
 @Component({
     templateUrl: 'app.html'
@@ -13,10 +23,28 @@ export class MyApp {
     @ViewChild(Nav) nav: Nav;
 
     rootPage: any = LoginPage;
+    entries: Array<{ title: string, pages: Array<{ icon: string, title: string, component: any }> }>;
 
-    constructor(public platform: Platform, private menu: MenuController) {
+    constructor(public platform: Platform) {
         this.initializeApp();
-        menu.enable(false);
+
+        this.entries = [
+            { title: 'Ventas', pages: [
+                { icon: "people", title: 'Clientes', component: CustomerListPage },
+                { icon: "cube", title: 'Productos', component: ProductListPage },
+                { icon: "bulb", title: 'Iniciativas', component: LeadListPage },
+                { icon: "ribbon", title: 'Oportunidades', component: OpportunityListPage },
+                { icon: "call", title: 'Llamadas', component: CallListPage }
+            ]},
+            { title: 'Proyectos', pages: [
+                { icon: "briefcase", title: 'Proyectos', component: ProjectListPage },
+                { icon: "calendar", title: 'Tareas', component: TaskListPage }
+            ]},
+            { title: 'Herramientas', pages: [
+                { icon: "settings", title: 'Preferencias', component: SettingsPage },
+                { icon: "information-circle", title: 'Acerca', component: AboutPage }
+            ]}
+        ];
     }
 
     initializeApp() {
@@ -24,4 +52,9 @@ export class MyApp {
             StatusBar.styleDefault();
         });
     }
+
+    // Open the page
+    openPage(page): void {
+        this.nav.setRoot(page.component);
+    }
 }

src/app/app.html

@@ -1,17 +1,23 @@
 <ion-menu [content]="content">
-  <ion-header>
-    <ion-toolbar color="eiru">
-      <ion-title>Menu</ion-title>
-    </ion-toolbar>
-  </ion-header>
+    <ion-header>
+        <ion-toolbar color="eiru">
+            <ion-title>Menú</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-content>
+        <ion-list inset>
+            <button ion-item menuClose><ion-icon color="eiru" name="home" style="padding-right: 25px;"></ion-icon>Inicio</button>
+
+            <div *ngFor="let e of entries">
+                <ion-list-header>{{ e.title }}</ion-list-header>
+                <button ion-item menuClose *ngFor="let p of e.pages" (click)="openPage(p)">
+                    <ion-icon color="eiru" name="{{ p.icon }}" style="padding-right: 25px;"></ion-icon>
+                    {{ p.title }}
+                </button>
+            </div>
+        </ion-list>
+    </ion-content>
 
 </ion-menu>
 

src/app/app.module.ts

@@ -1,30 +1,55 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
 import { MyApp } from './app.component';
+
 import { LoginPage } from '../pages/login/login'
 import { HomePage } from '../pages/home/home'
-import { Page1 } from '../pages/page1/page1';
-import { Page2 } from '../pages/page2/page2';
+
+import { CustomerListPage } from '../pages/customer-list/customer-list';
+import { ProductListPage } from '../pages/product-list/product-list';
+import { LeadListPage } from '../pages/lead-list/lead-list';
+import { OpportunityListPage } from '../pages/opportunity-list/opportunity-list';
+import { CallListPage } from '../pages/call-list/call-list';
+
+import { ProjectListPage } from '../pages/project-list/project-list';
+import { TaskListPage } from '../pages/task-list/task-list';
+
+import { SettingsPage } from '../pages/settings/settings';
+import { AboutPage } from '../pages/about/about'
 
 @NgModule({
-  declarations: [
-    MyApp,
-    LoginPage,
-    HomePage,
-    Page1,
-    Page2
-  ],
-  imports: [
-    IonicModule.forRoot(MyApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    MyApp,
-    LoginPage,
-    HomePage,
-    Page1,
-    Page2
-  ],
-  providers: []
+    declarations: [
+        MyApp,
+        LoginPage,
+        HomePage,
+        CustomerListPage,
+        ProductListPage,
+        LeadListPage,
+        OpportunityListPage,
+        CallListPage,
+        ProjectListPage,
+        TaskListPage,
+        SettingsPage,
+        AboutPage
+    ],
+    imports: [
+        IonicModule.forRoot(MyApp)
+    ],
+    bootstrap: [IonicApp],
+    entryComponents: [
+        MyApp,
+        LoginPage,
+        HomePage,
+        CustomerListPage,
+        ProductListPage,
+        LeadListPage,
+        OpportunityListPage,
+        CallListPage,
+        ProjectListPage,
+        TaskListPage,
+        SettingsPage,
+        AboutPage
+    ],
+    providers: []
 })
 export class AppModule {}

src/defaults/default-navigable.ts

@@ -0,0 +1,11 @@
+import { INavigable } from '../interfaces/navigable-interface';
+import { NavController } from 'ionic-angular'
+
+export class DefaultNavigable implements INavigable {
+
+    constructor(public navCtrl: NavController) {}
+
+    goToPage(page: any): void {
+        this.navCtrl.push(page.component);
+    }
+}

src/interfaces/navigable-interface.ts

@@ -0,0 +1,3 @@
+export interface INavigable {
+    goToPage(page: any): void;
+}

src/pages/about/about.html

@@ -0,0 +1,17 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Acerca</ion-title>
+        
+    </ion-navbar>
+
+</ion-header>
+
+<ion-content padding>
+
+</ion-content>

src/pages/about/about.scss

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

src/pages/about/about.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+  selector: 'page-about',
+  templateUrl: 'about.html'
+})
+export class AboutPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello About Page');
+    }
+
+}

src/pages/call-list/call-list.html

@@ -0,0 +1,16 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+        
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Lamadas registradas</ion-title>
+    </ion-navbar>
+
+</ion-header>
+
+<ion-content padding>
+
+</ion-content>

src/pages/call-list/call-list.scss

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

src/pages/call-list/call-list.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-call-list',
+    templateUrl: 'call-list.html'
+})
+export class CallListPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello CallList Page');
+    }
+
+}

src/pages/customer-list/customer-list.html

@@ -0,0 +1,35 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Clientes</ion-title>
+
+        <ion-buttons end color="eiru">
+            <button  (click)="toggleSearch()">
+                <ion-icon name="search"></ion-icon>
+            </button>
+        </ion-buttons>
+  </ion-navbar>
+
+</ion-header>
+
+<ion-toolbar color="eiru" *ngIf="search">
+    <ion-searchbar placeholder="Buscar" (ionInput)="filterNews($event)"></ion-searchbar>
+    <ion-buttons end>
+        <button (click)="toggleSearch()">
+            <ion-icon name="exit"></ion-icon>
+        </button>
+    </ion-buttons>
+</ion-toolbar>
+
+<ion-content padding>
+
+    <ion-fab right bottom>
+        <button ion-fab color="yellow">
+            <ion-icon name="add" color="light"></ion-icon>
+        </button>
+    </ion-fab>
+</ion-content>

src/pages/customer-list/customer-list.scss

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

src/pages/customer-list/customer-list.ts

@@ -0,0 +1,31 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-customer-list',
+    templateUrl: 'customer-list.html'
+})
+export class CustomerListPage {
+
+    search: boolean = false;
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello CustomerList Page');
+    }
+
+    //
+    toggleSearch(): void {
+        this.search = !this.search;
+
+        if (!this.search) {
+            console.log('data load');
+        }
+    }
+
+    filterNews(event: any): void {
+
+    }
+
+}

src/pages/home/home.html

@@ -3,7 +3,7 @@
     <ion-navbar color="eiru">
 
         <button ion-button menuToggle>
-          <ion-icon name="menu"></ion-icon>
+            <ion-icon name="menu"></ion-icon>
         </button>
 
         <ion-title>Página principal</ion-title>

src/pages/lead-list/lead-list.html

@@ -0,0 +1,18 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Iniciativas</ion-title>
+
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+</ion-content>

src/pages/lead-list/lead-list.scss

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

src/pages/lead-list/lead-list.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-lead-list',
+    templateUrl: 'lead-list.html'
+})
+export class LeadListPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello LeadList Page');
+    }
+
+}

src/pages/login/login.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
-import { NavController } from 'ionic-angular';
-import { TokenService } from '../../providers/token.service';
+import { NavController, MenuController } from 'ionic-angular';
+import { TokenService } from '../../providers/token-service';
 import { HomePage } from '../home/home'
 
 @Component({
@@ -11,19 +11,29 @@ import { HomePage } from '../home/home'
 
 export class LoginPage {
 
-    constructor(public navCtrl: NavController, public tokenService: TokenService) {}
-
-    ionViewWillEnter() {
-        console.log('Enter');
-    }
+    constructor(
+        public navCtrl: NavController,
+        public menuCtrl: MenuController,
+        public tokenService: TokenService
+    ) {}
 
     ionViewDidLoad() {
-        console.log('Hello Login Page');
-        this.navCtrl.setRoot(HomePage);
+        this.menuCtrl.enable(false);
+
+        if (this.tokenService.tokenIsPresent()) {
+            this.goToHome();
+        }
     }
 
     // Signin odoo
     signin(): void {
         this.tokenService.getToken();
+        this.goToHome();
+    }
+
+    // Go to home
+    private goToHome(): void {
+        this.navCtrl.setRoot(HomePage);
+        this.menuCtrl.enable(true);
     }
 }

src/pages/opportunity-list/opportunity-list.html

@@ -0,0 +1,18 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Oportunidades</ion-title>
+        
+    </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+</ion-content>

src/pages/opportunity-list/opportunity-list.scss

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

src/pages/opportunity-list/opportunity-list.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-opportunity-list',
+    templateUrl: 'opportunity-list.html'
+})
+export class OpportunityListPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello OpportunityList Page');
+    }
+
+}

src/pages/page1/page1.html

@@ -1,23 +0,0 @@
-<ion-header>
-
-  <ion-navbar color="eiru">
-
-    <button ion-button menuToggle>
-      <ion-icon name="menu"></ion-icon>
-    </button>
-
-    <ion-title>Page One</ion-title>
-
-  </ion-navbar>
-
-</ion-header>
-
-<ion-content padding>
-  <h3>Ionic Menu Starter</h3>
-
-  <p>
-    If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will show you the way.
-  </p>
-
-  <button ion-button primary menuToggle>Toggle Menu</button>
-</ion-content>

src/pages/page1/page1.scss

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

src/pages/page1/page1.ts

@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-import { NavController } from 'ionic-angular';
-
-@Component({
-  selector: 'page-page1',
-  templateUrl: 'page1.html'
-})
-export class Page1 {
-
-  constructor(public navCtrl: NavController) {
-    
-  }
-
-}

src/pages/page2/page2.html

@@ -1,23 +0,0 @@
-<ion-header>
-  <ion-navbar color="eiru">
-    <button ion-button menuToggle>
-      <ion-icon name="menu"></ion-icon>
-    </button>
-    <ion-title>Page Two</ion-title>
-  </ion-navbar>
-</ion-header>
-
-<ion-content>
-  <ion-list>
-    <button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)">
-      <ion-icon [name]="item.icon" item-left></ion-icon>
-      {{item.title}}
-      <div class="item-note" item-right>
-        {{item.note}}
-      </div>
-    </button>
-  </ion-list>
-  <div *ngIf="selectedItem" padding>
-    You navigated here from <b>{{selectedItem.title}}</b>
-  </div>
-</ion-content>

src/pages/page2/page2.scss

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

src/pages/page2/page2.ts

@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-
-import { NavController, NavParams } from 'ionic-angular';
-
-@Component({
-  selector: 'page-page2',
-  templateUrl: 'page2.html'
-})
-export class Page2 {
-  selectedItem: any;
-  icons: string[];
-  items: Array<{title: string, note: string, icon: string}>;
-
-  constructor(public navCtrl: NavController, public navParams: NavParams) {
-    // If we navigated to this page, we will have an item available as a nav param
-    this.selectedItem = navParams.get('item');
-
-    // Let's populate this page with some filler content for funzies
-    this.icons = ['flask', 'wifi', 'beer', 'football', 'basketball', 'paper-plane',
-    'american-football', 'boat', 'bluetooth', 'build'];
-
-    this.items = [];
-    for (let i = 1; i < 11; i++) {
-      this.items.push({
-        title: 'Item ' + i,
-        note: 'This is item #' + i,
-        icon: this.icons[Math.floor(Math.random() * this.icons.length)]
-      });
-    }
-  }
-
-  itemTapped(event, item) {
-    // That's right, we're pushing to ourselves!
-    this.navCtrl.push(Page2, {
-      item: item
-    });
-  }
-}

src/pages/product-list/product-list.html

@@ -1,14 +1,14 @@
-<!--
-  Generated template for the ProductList page.
-
-  See http://ionicframework.com/docs/v2/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
-  <ion-navbar>
-    <ion-title>productList</ion-title>
-  </ion-navbar>
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Productos</ion-title>
+        
+    </ion-navbar>
 
 </ion-header>
 

src/pages/product-list/product-list.ts

@@ -1,22 +1,16 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
 
-/*
-  Generated class for the ProductList page.
-
-  See http://ionicframework.com/docs/v2/components/#navigation for more info on
-  Ionic pages and navigation.
-*/
 @Component({
-  selector: 'page-product-list',
-  templateUrl: 'product-list.html'
+    selector: 'page-product-list',
+    templateUrl: 'product-list.html'
 })
-export class ProductList {
 
-  constructor(public navCtrl: NavController) {}
+export class ProductListPage {
 
-  ionViewDidLoad() {
-    console.log('Hello ProductList Page');
-  }
+    constructor(public navCtrl: NavController) {}
 
+    ionViewDidLoad() {
+        console.log('Hello ProductList Page');
+    }
 }

src/pages/project-list/project-list.html

@@ -0,0 +1,17 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Proyectos</ion-title>
+        
+    </ion-navbar>
+
+</ion-header>
+
+<ion-content padding>
+
+</ion-content>

src/pages/project-list/project-list.scss

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

src/pages/project-list/project-list.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-project-list',
+    templateUrl: 'project-list.html'
+})
+export class ProjectListPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello ProjectList Page');
+    }
+
+}

src/pages/settings/settings.html

@@ -0,0 +1,18 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Preferencias</ion-title>
+
+    </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+</ion-content>

src/pages/settings/settings.scss

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

src/pages/settings/settings.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-settings',
+    templateUrl: 'settings.html'
+})
+export class SettingsPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello Settings Page');
+    }
+}

src/pages/task-list/task-list.html

@@ -0,0 +1,17 @@
+<ion-header>
+
+    <ion-navbar color="eiru">
+
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Tareas</ion-title>
+
+    </ion-navbar>
+
+</ion-header>
+
+<ion-content padding>
+
+</ion-content>

src/pages/task-list/task-list.scss

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

src/pages/task-list/task-list.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+    selector: 'page-task-list',
+    templateUrl: 'task-list.html'
+})
+export class TaskListPage {
+
+    constructor(public navCtrl: NavController) {}
+
+    ionViewDidLoad() {
+        console.log('Hello TaskList Page');
+    }
+
+}

src/providers/token.service.ts → src/providers/token-service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Http, Response, Headers, RequestOptions } from '@angular/http';
 import { Observable } from 'rxjs/Observable'
-import { Token } from '../components/token.component';
+import { Token } from '../components/token-component';
 
 import 'rxjs/add/operator/map';
 import 'rxjs/add/operator/catch';

src/theme/variables.scss

@@ -30,6 +30,7 @@ $colors: (
   light:      #f4f4f4,
   dark:       #222,
   favorite:   #69BB7B,
+  yellow:     #FBC02D,
   eiru:       #3f50b4,
 );