Primeira versão usável

old/pmdsys/src/app/app.component.ts

@@ -1,12 +1,12 @@
-import { Component } from '@angular/core';
-import { Platform } from 'ionic-angular';
-import { StatusBar, Splashscreen } from 'ionic-native';
+import { Component } from "@angular/core";
+import { Platform } from "ionic-angular";
+import { StatusBar, Splashscreen } from "ionic-native";
 
-import { TabsPage } from '../pages/tabs/tabs';
+import { TabsPage } from "../pages/tabs/tabs";
 
 
 @Component({
-  templateUrl: 'app.html'
+  templateUrl: "app.html"
 })
 export class MyApp {
   rootPage = TabsPage;

old/pmdsys/src/app/app.module.ts

@@ -1,10 +1,10 @@
-import { NgModule, ErrorHandler } from '@angular/core';
-import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
-import { MyApp } from './app.component';
-import { AboutPage } from '../pages/about/about';
-import { ContactPage } from '../pages/contact/contact';
-import { HomePage } from '../pages/home/home';
-import { TabsPage } from '../pages/tabs/tabs';
+import { NgModule, ErrorHandler } from "@angular/core";
+import { IonicApp, IonicModule, IonicErrorHandler } from "ionic-angular";
+import { MyApp } from "./app.component";
+import { AboutPage } from "../pages/about/about";
+import { ContactPage } from "../pages/contact/contact";
+import { HomePage } from "../pages/home/home";
+import { TabsPage } from "../pages/tabs/tabs";
 
 @NgModule({
   declarations: [

old/pmdsys/src/app/main.ts

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

old/pmdsys/src/pages/about/about.ts

@@ -1,10 +1,10 @@
-import { Component } from '@angular/core';
+import { Component } from "@angular/core";
 
-import { NavController } from 'ionic-angular';
+import { NavController } from "ionic-angular";
 
 @Component({
-  selector: 'page-about',
-  templateUrl: 'about.html'
+  selector: "page-about",
+  templateUrl: "about.html"
 })
 export class AboutPage {
 

old/pmdsys/src/pages/contact/contact.ts

@@ -1,10 +1,10 @@
-import { Component } from '@angular/core';
+import { Component } from "@angular/core";
 
-import { NavController } from 'ionic-angular';
+import { NavController } from "ionic-angular";
 
 @Component({
-  selector: 'page-contact',
-  templateUrl: 'contact.html'
+  selector: "page-contact",
+  templateUrl: "contact.html"
 })
 export class ContactPage {
 

old/pmdsys/src/pages/home/home.ts

@@ -1,10 +1,10 @@
-import { Component } from '@angular/core';
+import { Component } from "@angular/core";
 
-import { NavController } from 'ionic-angular';
+import { NavController } from "ionic-angular";
 
 @Component({
-  selector: 'page-home',
-  templateUrl: 'home.html'
+  selector: "page-home",
+  templateUrl: "home.html"
 })
 export class HomePage {
 

old/pmdsys/src/pages/tabs/tabs.ts

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';
+import { Component } from "@angular/core";
 
-import { HomePage } from '../home/home';
-import { AboutPage } from '../about/about';
-import { ContactPage } from '../contact/contact';
+import { HomePage } from "../home/home";
+import { AboutPage } from "../about/about";
+import { ContactPage } from "../contact/contact";
 
 @Component({
-  templateUrl: 'tabs.html'
+  templateUrl: "tabs.html"
 })
 export class TabsPage {
   // this tells the tabs component which Pages

package.json

@@ -31,6 +31,7 @@
     "@ionic-native/toast": "^3.6.1",
     "@ionic/storage": "^2.0.1",
     "@types/node": "^7.0.18",
+    "chart.js": "^2.6.0",
     "ionic-angular": "^3.2.1",
     "ionic-orm": "0.0.5",
     "ionic-typeorm": "^0.0.15",

src/app/app.module.ts

@@ -24,6 +24,7 @@ import { PageFormItensCompra } from '../pages/FormItensCompra/main';
 import { PageListaPrecos } from '../pages/ListaPrecos/main';
 import { PageFormPrecos } from '../pages/FormPrecos/main';
 import { PageRelatorioEscolhe } from '../pages/RelatorioEscolhe/main';
+import { PageRelatorioExibe } from '../pages/RelatorioExibe/main';
 
 import { OrmDatabase } from '../persistence/OrmDatabase.service';
 import { Relatorios } from '../providers/Relatorios.service';
@@ -51,6 +52,7 @@ import { CrudSupermercado } from '../providers/CrudSupermercado.service';
         PageListaPrecos,
         PageFormPrecos,
         PageRelatorioEscolhe,
+        PageRelatorioExibe,
     ],
     imports: [
         BrowserModule,
@@ -76,6 +78,7 @@ import { CrudSupermercado } from '../providers/CrudSupermercado.service';
         PageListaPrecos,
         PageFormPrecos,
         PageRelatorioEscolhe,
+        PageRelatorioExibe,
     ],
     providers: [
         StatusBar,
@@ -91,6 +94,7 @@ import { CrudSupermercado } from '../providers/CrudSupermercado.service';
         CrudNecessidade,
         CrudPlanejamento,
         CrudSupermercado,
+        PageRelatorioExibe,
     ]
 })
 export class AppModule { }

src/app/app.scss

@@ -14,3 +14,10 @@
 // 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.
+
+.deleteToast{
+    color: #cc3333 !important;
+}
+.cancelToast{
+    color: #387ef5 !important;
+}

src/pages/RelatorioEscolhe/main.html

@@ -1,21 +1,28 @@
 <ion-header>
     <ion-navbar color="logotipoCesta">
         <ion-title>
-            Relatorios
+            Ir às compras
         </ion-title>
     </ion-navbar>
 </ion-header>
 
 <ion-content>
-    <ion-list>
-        <ion-item>
-            Item 1
-        </ion-item>
-        <ion-item>
-            Item 2
-        </ion-item>
-        <ion-item>
-            Item 3
-        </ion-item>
+    <ion-list class="noHSpace">
+        <ion-list ion-item class="noHSpace">
+            <ion-item class="fundoEspecial">
+                ...no menor preço...
+            </ion-item>
+            <ion-list ion-item>
+                <button ion-item (click)="menorPrecoTodos()">
+                    ...visitando todos os supermercados
+                </button>
+                <button ion-item (click)="menorPrecoUm()">
+                    ...visitando um único supermercado
+                </button>
+                <button ion-item (click)="menorPrecoMedio()">
+                    ...médio
+                </button>
+            </ion-list>
+        </ion-list>
     </ion-list>
 </ion-content>

src/pages/RelatorioEscolhe/main.scss

@@ -1,24 +1,17 @@
 page-inicio {
-    .btnhome {
-        padding:5%;
+    .fundoEspecial{
+        background: color($colors, logotipoFundo, secondary);
+        background: linear-gradient(to right, color($colors, logotipoFundo, secondary), $background-color);
+        border-width: 1pt;
+        border-style: solid;
+        border-image: linear-gradient(to right, color($colors, logotipoFundoEscuroEscuro, secondary), $background-color) 100% 1;
+        border-left-style: none;
+        border-right-style: none;
     }
-    .h1home{
-        font-size:16vw;
-        text-align: center;
-    }
-    .h3home{
-        text-align: center;
-        margin-bottom: 10vh;
-    }
-    .cont{
-        display: flex;
-        align-content: space-around;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-    }
-    .el{
-        display: block;
-        width: 100%;
+    .noHSpace{
+        padding-left: 0px !important;
+        padding-right: 0px !important;
+        margin-left: 0px !important;
+        margin-right: 0px !important;
     }
 }

src/pages/RelatorioEscolhe/main.spec.ts

@@ -20,8 +20,5 @@ describe('Pages: Relatorio: Escolhe', () => {
     it('should create the start page', async(() => {
         expect(instance).toBeTruthy();
     }));
-
-    it('should have a clickable button to another page', async(() => {
-        expect(instance.openPage()).toBeTruthy();
-    }));
+
 });

src/pages/RelatorioEscolhe/main.ts

@@ -1,15 +1,59 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
+import { NavParams } from 'ionic-angular';
+import { Consulta } from '../../entities/Consulta';
+import { Planejamento } from '../../entities/Planejamento';
+import { Relatorios } from '../../providers/Relatorios.service';
 
-import { PageListaCompras } from '../ListaCompras/main'
+import { PageRelatorioExibe } from '../RelatorioExibe/main'
 
 @Component({
     selector: 'page-inicio',
     templateUrl: 'main.html'
 })
 export class PageRelatorioEscolhe {
-    constructor(public navCtrl: NavController){}
-    openPage() {
-        return this.navCtrl.setRoot(PageListaCompras);
+    constructor(
+        public navCtrl: NavController,
+        public navParams: NavParams,
+        public relatorioService: Relatorios,
+    ){
+        this.planejamento = this.navParams.get('sujeito')
+    }
+    planejamento: Planejamento;
+    menorPrecoMedio(){
+        this.relatorioService.menorPrecoMedio(
+            this.planejamento
+        ).then(
+            (consultas:Consulta[]) => {
+                this.navCtrl.push(PageRelatorioExibe,{
+                    titulo: 'O menor preço médio',
+                    consultas: consultas,
+                })
+            }
+        )
+    }
+    menorPrecoUm(){
+        this.relatorioService.menorPrecoEmUmSupermercado(
+            this.planejamento
+        ).then(
+            (consultas:Consulta[]) => {
+                this.navCtrl.push(PageRelatorioExibe,{
+                    titulo: 'O mais barato',
+                    consultas: consultas,
+                })
+            }
+        )
+    }
+    menorPrecoTodos(){
+        this.relatorioService.menorPrecoEmTodosSupermercados(
+            this.planejamento
+        ).then(
+            (consultas:Consulta[]) => {
+                this.navCtrl.push(PageRelatorioExibe,{
+                    titulo: 'O menor orçamento',
+                    consultas: consultas,
+                })
+            }
+        )
     }
 }

src/pages/RelatorioExibe/main.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, async } from '@angular/core/testing';
+import { TestUtils } from '../../test';
+import { PageRelatorioExibe } from './main';
+
+let fixture: ComponentFixture<PageRelatorioExibe> = null;
+let instance: any = null;
+
+declare var describe: any;
+declare var it: any;
+declare var expect: any;
+declare var beforeEach: any;
+
+describe('Pages: Relatorios: Exibe', () => {
+    beforeEach(async(() => TestUtils.beforeEachCompiler([PageRelatorioExibe]).then(compiled => {
+        fixture = compiled.fixture;
+        instance = compiled.instance;
+    })));
+
+    it('should create the page', async(() => {
+        expect(instance).toBeTruthy();
+    }));
+});