Modified search, agenda, dg, and event view

2026-04-19 04:57:52 +00:00 · 2020-08-11 04:11:42 +01:00
parent b749731571
commit 03396567df
40 changed files with 575 additions and 89 deletions
@@ -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 { }
@@ -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>
@@ -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;
+  }
@@ -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();
+  });
+});
@@ -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() {}
+
+}
@@ -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 {}
@@ -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>
@@ -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;
+}
@@ -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();
+  });
+});
@@ -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() {}
+
+}
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+import { ComponentsModule } from '../components.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ComponentsModule
+  ],
+  declarations: [EventModule]
+})
+export class EventModule {}
@@ -1,4 +1,5 @@
 ion-slides{
+    height: 90%;
    padding: 160px 20px;
    /* h2{
        font-size: 26px;