about page

src/app/app.module.ts

@@ -9,6 +9,7 @@ import { HomePage } from "../pages/home/home";
 import { Page1 } from '../pages/page1/page1';
 import { Page2 } from '../pages/page2/page2';
 import { ToolsPage } from "../pages/tools/tools";
+import { AboutPage } from "../pages/about/about";
 
 // Services
 import { OdooRPCService } from "angular2-odoo-jsonrpc";
@@ -29,6 +30,7 @@ import { MenuPipe } from "../pipes/menu";
         Page1,
         Page2,
         ToolsPage,
+        AboutPage,
         // Pipes
         MenuPipe
     ],
@@ -42,6 +44,7 @@ import { MenuPipe } from "../pipes/menu";
         LoginPage,
         HomePage,
         ToolsPage,
+        AboutPage,
         Page1,
         Page2
     ],

src/pages/about/about.html

@@ -1,18 +1,22 @@
-<!--
-  Generated template for the About page.
-
-  See http://ionicframework.com/docs/v2/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
-  <ion-navbar>
-    <ion-title>about</ion-title>
-  </ion-navbar>
+    <ion-navbar>
 
-</ion-header>
+        <button ion-button menuToggle>
+            <ion-icon name="menu"></ion-icon>
+        </button>
+
+        <ion-title>Acerca</ion-title>
 
+    </ion-navbar>
+
+</ion-header>
 
 <ion-content padding>
 
+    <img src="./assets/images/logo.png" />
+    <h1 text-center>Odoo Mobile</h1>
+    <p text-center>Versión 1.0 (alpha)</p>
+    
 </ion-content>
+

src/pages/about/about.scss

@@ -1,3 +1,18 @@
 page-about {
+    img {
+        display: block;
+        width: 80pt;
+        margin: 50px auto;
+        /*filter: brightness(0) invert(1);*/
+    }
 
+    h1 {
+        font-size: 18pt;
+        color: #909090;
+    }
+
+    p {
+        font-size: 8pt;
+        color: #d3d3d3;   
+    }
 }

src/pages/about/about.ts

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