Modified search, agenda, dg, and event view

package-lock.json

@@ -576,9 +576,9 @@
           "dev": true
         },
         "onetime": {
-          "version": "5.1.1",
+          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.1.tgz",
+          "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.0.tgz",
-          "integrity": "sha512-ZpZpjcJeugQfWsfyQlshVoowIIQ1qBGSVll4rfDq6JJVO//fesjoX808hXWfBjY+ROZgpKDI5TRSRBSoJiZ8eg==",
+          "integrity": "sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==",
           "dev": true,
           "requires": {
             "mimic-fn": "^2.1.0"
@@ -2660,6 +2660,14 @@
         }
       }
     },
+    "@logisticinfotech/ionic4-datepicker": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/@logisticinfotech/ionic4-datepicker/-/ionic4-datepicker-1.4.4.tgz",
+      "integrity": "sha512-2L22qs3B4kc2a6Dmjv/P3A/MS4ChbAjV+6umfOX3Pt/i3+P7mMHhGDWgFMZVrL14na7uoHewkY1v0CBvC2MW1w==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
     "@ngtools/webpack": {
       "version": "9.1.12",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-9.1.12.tgz",
@@ -4059,6 +4067,24 @@
       "integrity": "sha512-feylzsbDxi1gPZ1IjystzIQZagYYLvfKrSuygUCgf7z6x790VEzze5QEkdSV1U58RA7Hi0+v6fv4K54atOzATg==",
       "dev": true
     },
+    "capacitor-datepicker": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/capacitor-datepicker/-/capacitor-datepicker-0.0.2.tgz",
+      "integrity": "sha512-6iZ3sxZs/thn05z8Qn0G9sJYtPC2w70O8D6yF4d1/02zhVEv2iWmpDKa+0w8Xk6l91qMNumyWwUV4gMWLte1xg==",
+      "requires": {
+        "@capacitor/core": "^2.4.0"
+      },
+      "dependencies": {
+        "@capacitor/core": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-2.4.0.tgz",
+          "integrity": "sha512-zL+3yKjLNkU6QwIB/Fp9rg+qDLsO44/ibrIgaZZRXcDCwScwanjXCgco/jXQl3jGFcZzanm59wKhMcJr9xQH0Q==",
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        }
+      }
+    },
     "caseless": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
@@ -8965,6 +8991,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "moment": {
+      "version": "2.27.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.27.0.tgz",
+      "integrity": "sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",

package.json

@@ -24,13 +24,16 @@
     "@ionic-native/splash-screen": "^5.0.0",
     "@ionic-native/status-bar": "^5.0.0",
     "@ionic/angular": "^5.0.0",
+    "@logisticinfotech/ionic4-datepicker": "^1.4.4",
+    "capacitor-datepicker": "0.0.2",
+    "moment": "^2.27.0",
     "rxjs": "~6.5.1",
     "tslib": "^1.10.0",
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.901.5",
-    "@angular/cli": "~9.1.5",
+    "@angular/cli": "9.1.12",
     "@angular/compiler": "~9.1.6",
     "@angular/compiler-cli": "~9.1.6",
     "@angular/language-service": "~9.1.6",

src/app/app-routing.module.ts

@@ -10,6 +10,11 @@ const routes: Routes = [
     path: '',
     loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
   },
+/*   {
+    path: 'view-event',
+    loadChildren: () => import('./pages/view-event/view-event.module').then( m => m.ViewEventPageModule)
+  }, */
+
 ];
 @NgModule({
   imports: [

src/app/app.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { RouteReuseStrategy } from '@angular/router';
 
@@ -20,6 +20,7 @@ import { HttpClientModule } from '@angular/common/http';
     HttpClientModule,
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
   ],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}

src/app/components/components.module.ts

@@ -8,6 +8,9 @@ import { Component } from '@angular/core';
 import { SlidesComponent } from './slides/slides.component';
 import { StartComponent } from './start/start.component';
 import { LogoComponent } from './logo/logo.component';
+import { CustomHeaderComponent } from  './custom-header/custom-header.component';
+import { EventComponent } from './event/event.component';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 
 
@@ -15,19 +18,27 @@ import { LogoComponent } from './logo/logo.component';
   declarations: [
     SlidesComponent,
     StartComponent,
-    LogoComponent
+    LogoComponent,
+    CustomHeaderComponent,
+    EventComponent
+    
   ],
   exports: [
     /* Exportar para o acesso de outros componentes e páginas na aplicação*/
     SlidesComponent,
     StartComponent,
     LogoComponent,
+    CustomHeaderComponent,
+    EventComponent,
     Component
   ],
   imports: [
     CommonModule,
     FormsModule,
     IonicModule
+  ],
+  schemas: [
+    CUSTOM_ELEMENTS_SCHEMA
   ]
 })
 export class ComponentsModule { }

src/app/components/custom-header/custom-header.component.html

@@ -0,0 +1,18 @@
+<ion-title>
+  <ion-item class="ion-text-header-top" lines="none">
+    <ion-thumbnail slot="start">
+      <!-- Add logo to the component -->
+      <app-logo></app-logo>
+    </ion-thumbnail>
+    <ion-label>
+      <h6 class="header-xsmall">Presidente da República</h6>
+      <h2 class="header-large">GABINETE DIGITAL</h2>
+    </ion-label>
+  </ion-item>
+  <ion-item class="ion-text-right" lines="none">
+    <ion-label class="ion-text-wrap">
+        <h3 class="header-medium">Bom dia Excelência <br />Presidente da República</h3>
+      <p class="p-small">Segunda-feira, 03 de Agosto</p>
+    </ion-label>
+  </ion-item>
+</ion-title>

src/app/components/custom-header/custom-header.component.scss

@@ -0,0 +1,34 @@
+.header-medium{
+    font-size: 12pt;
+    font-family: roboto;
+  
+  }
+  .p-small{
+    font-size: 9pt;
+    margin-top: 10px;
+    color:#000;
+  }
+  .ion-text-header-top{
+    text-align: center;
+    padding-top: 20px;
+  }
+  .div-img{
+    width: 100%;
+  }
+  .div-im img{
+    width: 100%;
+    height: 100%;
+  }
+  .header-xsmall{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 8.5pt;
+    font-weight: bold;
+    padding-bottom: 3.5px;
+    margin-bottom: 3.5px;
+    border-bottom: 1px solid #ccc;
+  }
+  .header-large{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 10.5pt;
+    font-weight: bold;
+  }

src/app/components/custom-header/custom-header.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { CustomHeaderComponent } from './custom-header.component';
+
+describe('CustomHeaderComponent', () => {
+  let component: CustomHeaderComponent;
+  let fixture: ComponentFixture<CustomHeaderComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CustomHeaderComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(CustomHeaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/custom-header/custom-header.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-custom-header',
+  templateUrl: './custom-header.component.html',
+  styleUrls: ['./custom-header.component.scss'],
+})
+export class CustomHeaderComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

src/app/components/custom-header/custom-header.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule
+  ],
+  declarations: [CustomHeaderModule]
+})
+export class CustomHeaderModule {}

src/app/components/event/event.component.html

@@ -0,0 +1,84 @@
+<form class="event-form">
+  <ion-item>
+    <ion-label>Assunto</ion-label>
+    <ion-input></ion-input>
+  </ion-item>
+  <ion-item>
+    <ion-label>Descrição</ion-label>
+    <ion-input></ion-input>
+  </ion-item>
+  <ion-item>
+    <ion-label>Localização</ion-label>
+    <ion-input></ion-input>
+  </ion-item>
+  <ion-item>
+    <ion-label>Intervenientes</ion-label>
+    <ion-input></ion-input>
+  </ion-item>
+  <ion-list>
+    <ion-radio-group value="biff">
+      <ion-item class="radio-button" lines="none">
+        <ion-label>Oficial</ion-label>
+        <ion-radio slot="start" value="biff"></ion-radio>
+      </ion-item>
+  
+      <ion-item class="radio-button" lines="none">
+        <ion-label>Pessoal</ion-label>
+        <ion-radio slot="start" value="griff"></ion-radio>
+      </ion-item>
+    </ion-radio-group>
+  </ion-list>
+  <ion-item>
+    <ion-label>Selecione o tipo de evento</ion-label>
+    <ion-select interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
+      <ion-select-option value="brown">Reunião</ion-select-option>
+      <ion-select-option value="blonde">Viagem</ion-select-option>
+      <ion-select-option value="black">Conferência</ion-select-option>
+      <ion-select-option value="red">Encontro</ion-select-option>
+    </ion-select>
+  </ion-item>
+  <ion-item>
+    <ion-label>Selecione a frequência do evento</ion-label>
+    <ion-select interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
+      <ion-select-option value="brown">Único</ion-select-option>
+      <ion-select-option value="blonde">Diário</ion-select-option>
+      <ion-select-option value="black">Semanal</ion-select-option>
+      <ion-select-option value="red">Mensal</ion-select-option>
+    </ion-select>
+  </ion-item>
+  <ion-item>
+    <ion-label>Data Início</ion-label>
+    <ion-datetime value="2005-06-17T11:06Z" min="1990" max="2020"
+      [dayShortNames]="customDayShortNames"
+      displayFormat="D MMM YYYY H:mm"
+      monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
+  </ion-item>
+  <ion-item>
+    <ion-label>Data Fim</ion-label>
+    <ion-datetime value="2005-06-17T11:06Z" min="1990" max="2020"
+      [dayShortNames]="customDayShortNames"
+      displayFormat="D MMM YYYY H:mm"
+      monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
+  </ion-item>
+  <!-- <ion-list>
+    <ion-item (click)="selecDate()">
+      <ion-label>Date</ion-label>
+      <ion-datetime display-format="DD.MM.YYYY HH:mm" name="selectedDate" [(ngModel)]="myDate" [readonly]="true"></ion-datetime>
+    </ion-item>
+  </ion-list> -->
+<!-- Textarea with custom number of rows and cols -->
+
+<div class="attach-div">
+  <ion-label class="attach-label">Anexos</ion-label>
+  <ion-item lines="none">
+    <ion-button size="small" slot="start">Adicionar</ion-button>
+  </ion-item>
+ 
+  <div id="AttachFiles"></div>
+    <ion-item>
+      <ion-label color="secondary">Lei do orçamento geral do Estado</ion-label> <ion-button size="small" slot="end">Eliminar</ion-button>
+    </ion-item>
+    
+</div>
+<ion-button expand="full">Salvar</ion-button>
+</form>

src/app/components/event/event.component.scss

@@ -0,0 +1,22 @@
+.radio-button{
+    width: 50%;
+    /* border: 1px solid red; */
+    float: left;
+}
+.attach-div{
+    margin-top: 20px;
+    /* border: 1px solid red; */
+    height: 200px;
+}
+
+.attach-label{
+    /* border: 1px solid red; */
+    margin-left: 20px;
+    font-weight: bold;
+}
+.event-form{
+    border: 1px solid rgb(243, 238, 238);
+    margin: 10px;
+    padding: 5px;
+    border-radius: 5px;
+}

src/app/components/event/event.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { EventComponent } from './event.component';
+
+describe('EventComponent', () => {
+  let component: EventComponent;
+  let fixture: ComponentFixture<EventComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ EventComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(EventComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/event/event.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-event',
+  templateUrl: './event.component.html',
+  styleUrls: ['./event.component.scss'],
+})
+export class EventComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

src/app/components/event/event.module.ts

@@ -3,18 +3,15 @@ import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
 import { IonicModule } from '@ionic/angular';
-
+import { ComponentsModule } from '../components.module';
-import { SignupPageRoutingModule } from './signup-routing.module';
-
-import { SignupPage } from './signup.page';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-    SignupPageRoutingModule
+    ComponentsModule
   ],
-  declarations: [SignupPage]
+  declarations: [EventModule]
 })
-export class SignupPageModule {}
+export class EventModule {}

src/app/components/slides/slides.component.scss

@@ -1,4 +1,5 @@
 ion-slides{
+    height: 90%;
     padding: 160px 20px;
     /* h2{
         font-size: 26px;

src/app/home/home-routing.module.ts

@@ -28,6 +28,11 @@ const routes: Routes = [
         path: 'gabinete-digital',
         loadChildren: ()=> import('../pages/gabinete-digital/gabinete-digital.module').then(m => m.GabineteDigitalPageModule)
       },
+      /* PROVISORIO */
+      {
+        path: 'view-event',
+        loadChildren: ()=> import('../pages/view-event/view-event.module').then(m => m.ViewEventPageModule)
+      },
     ]
   }/* ,
   {

src/app/index/index-routing.module.ts

@@ -15,10 +15,6 @@ const routes: Routes = [
         path: 'login',
         loadChildren: ()=> import('../pages/login/login.module').then(m => m.LoginPageModule)
       },
-      {
-        path: 'signup',
-        loadChildren: ()=> import('../pages/signup/signup.module').then(m => m.SignupPageModule)
-      },
     ]
   }
 ];

src/app/pages/agenda/agenda.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { AgendaPageRoutingModule } from './agenda-routing.module';
 
 import { AgendaPage } from './agenda.page';
+import { ComponentsModule } from 'src/app/components/components.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    ComponentsModule,
     AgendaPageRoutingModule
   ],
   declarations: [AgendaPage]

src/app/pages/agenda/agenda.page.html

@@ -1,9 +1,28 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>agenda</ion-title>
+    <ion-title>Agenda</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
+  <ion-toolbar *ngIf="!ios">
+    <ion-segment [(ngModel)]="segment">
+      <ion-segment-button value="combinada">
+        Combinada
+      </ion-segment-button>
+      <ion-segment-button value="oficial">
+        Oficial
+      </ion-segment-button>
+      <ion-segment-button value="pessoal">
+        Pessoal
+      </ion-segment-button>
+    </ion-segment>
+  </ion-toolbar>
 
+
+  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+    <ion-fab-button>
+      <ion-icon name="create"></ion-icon>
+    </ion-fab-button>
+  </ion-fab>
 </ion-content>

src/app/pages/agenda/agenda.page.ts

@@ -6,10 +6,18 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./agenda.page.scss'],
 })
 export class AgendaPage implements OnInit {
+  /* myDate: String = new Date().toISOString(); */
+  /* currentdate = new Date(); */
+
+  segment:string;
 
   constructor() { }
 
   ngOnInit() {
+    //Inicializar segment
+    this.segment = "combinada";
+    /* console.log(this.myDate); */
+    /* console.log(this.currentdate.getFullYear); */
   }
 
 }

src/app/pages/feed/feed.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { FeedPageRoutingModule } from './feed-routing.module';
 
 import { FeedPage } from './feed.page';
+import { ComponentsModule } from 'src/app/components/components.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    ComponentsModule,
     FeedPageRoutingModule
   ],
   declarations: [FeedPage]

src/app/pages/gabinete-digital/gabinete-digital.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -7,14 +7,17 @@ import { IonicModule } from '@ionic/angular';
 import { GabineteDigitalPageRoutingModule } from './gabinete-digital-routing.module';
 
 import { GabineteDigitalPage } from './gabinete-digital.page';
+import { ComponentsModule } from 'src/app/components/components.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    ComponentsModule,
     GabineteDigitalPageRoutingModule
   ],
-  declarations: [GabineteDigitalPage]
+  declarations: [GabineteDigitalPage],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class GabineteDigitalPageModule {}

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -1,9 +1,65 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>gabinete-digital</ion-title>
+    <ion-title>Gabinete Digital</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-
+  <ion-toolbar>
+    <ion-segment [(ngModel)]="segment">
+      <ion-segment-button value="expediente">
+        Expediente
+      </ion-segment-button>
+      <ion-segment-button value="pendentes">
+        Pendentes
+      </ion-segment-button>
+    </ion-segment>
+  </ion-toolbar>
+  <div [ngSwitch]="segment">
+    <ion-list *ngSwitchCase="'expediente'">
+      <ion-item-group>
+        <ion-item-sliding>
+          <ion-item lines="none">
+            <div class="div-content">
+              <ion-item lines="none">
+                <ion-icon slot="end" name="document-outline"></ion-icon>
+                 <h3>Reunião de Conselho de Ministros</h3>
+              </ion-item>
+              <p><span class="span-left">MINEC, MINFIN</span><span class="span-right">13 JAN</span></p>
+            </div>
+          </ion-item>
+        </ion-item-sliding>
+      </ion-item-group>
+    </ion-list>
+    <ion-list *ngSwitchCase="'pendentes'">
+      <ion-item-group>
+        <ion-item-sliding>
+          <ion-item lines="none">
+            <div class="div-content">
+              <ion-item lines="none">
+                <ion-icon slot="end" name="document-outline"></ion-icon>
+                 <h3>Avaliação de execução dos projectos públicos</h3>
+              </ion-item>
+              <p><span class="span-left">MINEC, MINFIN</span><span class="span-right">05 JAN</span></p>
+            </div>
+          </ion-item>
+        </ion-item-sliding>
+      </ion-item-group>
+    </ion-list>
+  </div>
+  <!-- <p>Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+  </p> -->
+  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+    <ion-fab-button>
+      <ion-icon name="create"></ion-icon>
+    </ion-fab-button>
+  </ion-fab>
 </ion-content>

src/app/pages/gabinete-digital/gabinete-digital.page.scss

@@ -0,0 +1,57 @@
+/* CONTENT */
+.item-list-small{
+    font-size: 11px;
+    overflow: auto;
+  }
+  .ion-item-class{
+    padding: 0;
+  
+  }
+  .label-text{
+    width: 100%;
+    padding: 0;
+    margin: 0;
+  }
+//DIV
+  .div-content h3{
+    margin: 0;
+    padding: 0;
+    font-size: 15px;
+    width: 100%;
+  }
+  .div-icon{
+    width: 10%;
+    font-size: 20px;
+    float: left;
+    color: #808080;
+  }
+  .div-icon ion-icon{
+    display: block;
+    margin: 0 auto;
+  
+  }
+.div-content{
+    width: 100%;
+    float: left;
+    border-left: 2px solid orange;
+    padding: 0 0 0 5px;
+  }
+  .div-content p{
+    font-size: 10.5pt;
+    color: rgb(94, 92, 92);
+    padding: 0;
+    margin: 0;
+  }
+  .span-left{
+      /* border: 1px solid red; */
+      float: left;
+      font-size: 10px;
+      padding-left: 18px;
+  }
+  .span-right{
+    /* border: 1px solid blue; */
+    text-align: right;
+    float: right;
+    font-size: 10px;
+    padding-right: 18px;
+}

src/app/pages/gabinete-digital/gabinete-digital.page.ts

@@ -7,9 +7,13 @@ import { Component, OnInit } from '@angular/core';
 })
 export class GabineteDigitalPage implements OnInit {
 
+  segment:string;
+
   constructor() { }
 
   ngOnInit() {
+    //Inicializar segment
+    this.segment = "expediente";
   }
 
 }

src/app/pages/login/login.page.html

@@ -18,10 +18,6 @@
           </ion-item>
         
         <ion-button expand="block" shape="round" color="primary" (click)="simpleLogin()">Entrar</ion-button>
-
-        <ion-item lines="none">
-            <a routerLink="/signup">Criar conta</a>
-          </ion-item>
     </ion-list>
   </form>
 </div>

src/app/pages/login/login.page.ts

@@ -3,6 +3,7 @@ import { Router } from '@angular/router';
 import { AuthService } from 'src/app/services/auth.service';
 import { StorageService } from 'src/app/services/storage.service';
 import { AuthConnstants } from 'src/app/config/auth-constants';
+import { ToastController } from '@ionic/angular';
 
 @Component({
   selector: 'app-login',
@@ -18,7 +19,12 @@ export class LoginPage implements OnInit {
     domainName: ''
   }
 
-  constructor(private router: Router, private authService: AuthService, private storageService: StorageService) { }
+  constructor(
+    private router: Router, 
+    private authService: AuthService, 
+    private storageService: StorageService, 
+    toastController: ToastController
+    ) { }
 
   ngOnInit() {
   }
@@ -83,6 +89,8 @@ export class LoginPage implements OnInit {
     }
     else{
       console.log("Preencha todos campos");
+
+    
     }
 
   }

src/app/pages/search/search.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -7,14 +7,17 @@ import { IonicModule } from '@ionic/angular';
 import { SearchPageRoutingModule } from './search-routing.module';
 
 import { SearchPage } from './search.page';
+import { ComponentsModule } from 'src/app/components/components.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    ComponentsModule,
     SearchPageRoutingModule
   ],
-  declarations: [SearchPage]
+  declarations: [SearchPage],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SearchPageModule {}

src/app/pages/search/search.page.html

@@ -1,9 +1,15 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>search</ion-title>
+    <ion-title>Pesquisa</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-
+  <ion-form>
+    <div class="div-search">
+      <ion-input class="search-input" type="search" placeholder="FMI"></ion-input>
+      <ion-icon class="icon-search" slot="end" name="search"></ion-icon>
+    </div>
+    
+  </ion-form>
 </ion-content>

src/app/pages/search/search.page.scss

@@ -0,0 +1,18 @@
+.div-search{
+    width: 94%;
+    margin: 3%;
+    border: 0.5px solid #333;
+    padding: 0 5px 0 5px;
+    overflow: auto;
+
+}
+.search-input{
+    width: 90%;
+    float: left;
+}
+.icon-search{
+    width: 8%;
+    padding: 8px 3px 5px 2px;
+    font-size: 25px;
+    float: right;
+}

src/app/pages/signup/signup.page.html

@@ -1,25 +0,0 @@
-<ion-content>
-    <div class="wrapper">
-        <app-logo></app-logo>
-        <h2 class="center">Criar conta</h2>
-      <form>
-        <ion-list>
-          <ion-item>
-            <ion-label position="stacked">Username</ion-label>
-            <ion-input type="text"></ion-input>
-          </ion-item>
-          <ion-item>
-              <ion-label position="stacked">Username</ion-label>
-              <ion-input type="text"></ion-input>
-            </ion-item>
-
-            <ion-button expand="block" shape="round" color="primary" (click)="submitForm()">Submeter</ion-button>
-
-            <ion-item lines="none">
-                <p>Já tenho uma conta, <a routerLink="/login">Login</a></p>
-              </ion-item>
-
-        </ion-list>
-      </form>
-    </div>
-</ion-content>

src/app/pages/signup/signup.page.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-
-@Component({
-  selector: 'app-signup',
-  templateUrl: './signup.page.html',
-  styleUrls: ['./signup.page.scss'],
-})
-export class SignupPage implements OnInit {
-
-  constructor(private router: Router) { }
-
-  ngOnInit() {
-  }
-
-  submitForm(){
-    this.router.navigate(['/login']);
-
-  }
-
-}

src/app/pages/view-event/view-event-routing.module.ts

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
-import { SignupPage } from './signup.page';
+import { ViewEventPage } from './view-event.page';
 
 const routes: Routes = [
   {
     path: '',
-    component: SignupPage
+    component: ViewEventPage
   }
 ];
 
@@ -14,4 +14,4 @@ const routes: Routes = [
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule],
 })
-export class SignupPageRoutingModule {}
+export class ViewEventPageRoutingModule {}

src/app/pages/view-event/view-event.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { ViewEventPageRoutingModule } from './view-event-routing.module';
+
+import { ViewEventPage } from './view-event.page';
+import { ComponentsModule } from 'src/app/components/components.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ComponentsModule,
+    ViewEventPageRoutingModule
+  ],
+  declarations: [ViewEventPage]
+})
+export class ViewEventPageModule {}

src/app/pages/view-event/view-event.page.html

@@ -0,0 +1,12 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-item slot="start" lines="none">
+      <ion-icon name="chevron-back-circle-outline"></ion-icon>
+    </ion-item>
+    <ion-title>Novo Evento</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <app-event></app-event>
+</ion-content>

src/app/pages/view-event/view-event.page.spec.ts

@@ -1,19 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { IonicModule } from '@ionic/angular';
 
-import { SignupPage } from './signup.page';
+import { ViewEventPage } from './view-event.page';
 
-describe('SignupPage', () => {
+describe('ViewEventPage', () => {
-  let component: SignupPage;
+  let component: ViewEventPage;
-  let fixture: ComponentFixture<SignupPage>;
+  let fixture: ComponentFixture<ViewEventPage>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ SignupPage ],
+      declarations: [ ViewEventPage ],
       imports: [IonicModule.forRoot()]
     }).compileComponents();
 
-    fixture = TestBed.createComponent(SignupPage);
+    fixture = TestBed.createComponent(ViewEventPage);
     component = fixture.componentInstance;
     fixture.detectChanges();
   }));

src/app/pages/view-event/view-event.page.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-view-event',
+  templateUrl: './view-event.page.html',
+  styleUrls: ['./view-event.page.scss'],
+})
+export class ViewEventPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

typings/cordova-typings.d.ts

@@ -1,3 +1,5 @@
 
 /// <reference path="../.vscode/typings/cordova-ionic/plugins/keyboard.d.ts"/>
-/// <reference path="../.vscode/typings/jquery/jquery.d.ts"/>
+/// <reference path="../.vscode/typings/jquery/jquery.d.ts"/>
+/// <reference path="..\.vscode\typings\cordova-ionic\plugins\keyboard.d.ts"/>
+/// <reference path="..\.vscode\typings\jquery\jquery.d.ts"/>