save

src/app/app-routing.module.ts

@@ -10,6 +10,7 @@ const routes: Routes = [
     path: '',
     loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
   },
+
  /*  {
     path: 'cal-modal',
     loadChildren: () => import('./pages/cal-modal/cal-modal.module').then( m => m.CalModalPageModule)

src/app/components/calendar/calendar.component.html

@@ -0,0 +1,22 @@
+<div class="container">
+  <div class="calendar">
+    <div class="month">
+      <i class="fas fa-angle-left prev"></i>
+      <div class="date">
+        <h1>Janeiro de 2020</h1>
+        <p>Segunda-feira, 7 de Stembro</p>
+      </div>
+      <i class="fas fa-angle-right next"></i>
+    </div>
+    <div class="weekdays">
+      <div>D</div>
+      <div>S</div>
+      <div>T</div>
+      <div>Q</div>
+      <div>Q</div>
+      <div>S</div>
+      <div>S</div>
+    </div>
+    <div class="days"></div>
+  </div>
+</div>

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

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

src/app/components/calendar/calendar.component.ts

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

src/app/components/components.module.ts

@@ -1,8 +1,7 @@
 
-/* 
-import { SlidesComponent } from './slides/slides.component';
-import { CustomHeaderComponent } from  './custom-header/custom-header.component';
-import { EventComponent } from './event/event.component'; */
+
+import { CalendarComponent } from './calendar/calendar.component';
+
 
 
 

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

@@ -7,13 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { AgendaPageRoutingModule } from './agenda-routing.module';
 
 import { AgendaPage } from './agenda.page';
-/* import { ComponentsModule } from "src/app/components/ComponentsModule"; */
+
 
 import { NgCalendarModule } from 'ionic2-calendar';
 import { CalModalPageModule } from '../cal-modal/cal-modal.module';
 
 import { registerLocaleData } from '@angular/common';
 import localeDe from '@angular/common/locales/pt';
+import { CalendarComponent } from 'src/app/components/calendar/calendar.component';
 registerLocaleData(localeDe);
 
 @NgModule({
@@ -24,9 +25,9 @@ registerLocaleData(localeDe);
     /* ComponentsModule, */
     AgendaPageRoutingModule,
     NgCalendarModule,
-    CalModalPageModule
+    CalModalPageModule,
   ],
-  declarations: [AgendaPage],
+  declarations: [AgendaPage, CalendarComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   providers: [
     { provide: LOCALE_ID, useValue: 'pt-PT'}

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

@@ -27,6 +27,7 @@
   </ion-toolbar>
 </ion-header>
   <ion-content>
+    
     <app-cal-modal></app-cal-modal>
     <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
       <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
@@ -54,6 +55,7 @@
             </ion-button>
           </ion-col>
         </ion-row>
+        <app-calendar></app-calendar>
       
         <calendar
           [eventSource]="eventSource"

src/app/pages/events/event-detail/event-detail.page.html

@@ -106,7 +106,7 @@
                 </ion-item>
               </ion-list>
             </div>
-            <div *ngIf="j>1">
+            <div *ngIf="loadedEventAttachments.length > 1">
               <ion-button class="see-more-button" fill="none" shape="round" (click)="showAlert()">
                 <ion-label color="secondary">Ver mais...</ion-label>
               </ion-button>

src/app/pages/events/events.page.html

@@ -53,6 +53,7 @@
   <ion-label>
     <p class="p-small">{{customDate}}</p>
   </ion-label>
+  <app-calendar></app-calendar>
   <!-- COMBINADA -->
   <div [ngSwitch]="segment">
     <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">

src/index.html

@@ -11,6 +11,7 @@
   <meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-hight, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <meta name="format-detection" content="telephone=no" />
   <meta name="msapplication-tap-highlight" content="no" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
 
   <link rel="icon" type="image/x-icon" href="assets/icon/favicon.png" />