peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Melhorias na opção Back do EventDetails. Melhorias na actualização de dados da Agenda.

Browse Source
This commit is contained in:
Paulo Pinto
2020-09-01 15:25:37 +01:00
parent 55e0e1c716
commit adac85f1ae
7 changed files with 91 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/home-routing.module.ts
+19 -8
View File
@@ -13,13 +13,22 @@ const routes: Routes = [
children: [
{
path:'',
loadChildren: ()=> import('../pages/events/events.module').then(m => m.EventsPageModule)
loadChildren: ()=> import('../pages/events/events.module').then(m => m.EventsPageModule)
},
{
path:':eventId',
loadChildren: ()=> import('../pages/events/event-detail/event-detail.module').then(m => m.EventDetailPageModule)
path:':eventId/:caller',
loadChildren: ()=> import('../pages/events/event-detail/event-detail.module').then(m => m.EventDetailPageModule),
// children: [
// {
// path:'',
// loadChildren: ()=> import('../pages/events/event-detail/event-detail.module').then(m => m.EventDetailPageModule),
// },
// {
// path:':caller',
// loadChildren: ()=> import('../pages/events/event-detail/event-detail.module').then(m => m.EventDetailPageModule),
// }
// ]
},
]
},
{
@@ -41,9 +50,8 @@ const routes: Routes = [
children: [
{
path:'',
loadChildren: ()=> import('../pages/events/attendees/attendees.module').then(m => m.AttendeesPageModule)
loadChildren: ()=> import('../pages/events/attendees/attendees.module').then(m => m.AttendeesPageModule)
},
]
},
{
@@ -51,9 +59,8 @@ const routes: Routes = [
children: [
{
path:'',
loadChildren: ()=> import('../pages/login/login.module').then(m => m.LoginPageModule)
loadChildren: ()=> import('../pages/login/login.module').then(m => m.LoginPageModule)
},
]
},
{
@@ -62,6 +69,10 @@ const routes: Routes = [
{
path:'',
loadChildren: ()=> import('../pages/agenda/agenda.module').then(m => m.AgendaPageModule)
},
{
path:':eventId/:caller',
loadChildren: ()=> import('../pages/events/event-detail/event-detail.module').then(m => m.EventDetailPageModule),
}
]
},
src/app/pages/agenda/agenda.page.ts
+43 -24
View File
@@ -27,6 +27,8 @@ export class AgendaPage implements OnInit {
};
selectedDate: Date;
rangeStartDate: Date;
rangeEndDate: Date;
@ViewChild(CalendarComponent) myCal: CalendarComponent;
@@ -52,11 +54,16 @@ export class AgendaPage implements OnInit {
ngOnInit() {
//Inicializar segment
this.segment = "Combinada";
this.router.events.forEach((event) => {
if(event instanceof NavigationEnd && event.url == this.router.url) {
/* this.loading(); */
if(event instanceof NavigationEnd && event.url == "/home/agenda") {
if (this.segment == null)
{
this.segment = "Combinada";
}
else
{
this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
}
}
});
}
@@ -75,11 +82,14 @@ export class AgendaPage implements OnInit {
}
//Show information of the event
async onEventSelected(ev: { event: Event}){
this.router.navigate(["/home/events", ev.event.EventId]);
this.router.navigate(["/home/agenda", ev.event.EventId, 'agenda']);
}
onRangeChanged (ev: { startTime: Date, endTime: Date }) {
this.loadRangeEvents(ev.startTime, ev.endTime);
this.rangeStartDate = ev.startTime;
this.rangeEndDate = ev.endTime;
this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
};
async openCalModal() {
@@ -88,14 +98,31 @@ export class AgendaPage implements OnInit {
cssClass: 'cal-modal',
backdropDismiss: false
});
await modal.present();
modal.onDidDismiss();
modal.onDidDismiss().then((data) => {
let postEvent: Event = data['data'];
if (postEvent.Subject != null)
{
this.eventSource.push({
title: postEvent.Subject,
startTime: new Date(postEvent.StartDate),
endTime: new Date(postEvent.EndDate),
allDay: false,
event: postEvent
});
this.myCal.update();
this.myCal.loadEvents();
}
});
/* this.loading(); */
}
async loadRangeEvents(startTime: Date, endTime: Date){
this.showLoader = true;
switch (this.segment)
{
case "Combinada":
@@ -112,8 +139,9 @@ export class AgendaPage implements OnInit {
allDay: false,
event: element
});
this.loading();
});
this.myCal.update();
this.myCal.loadEvents();
this.showLoader = false;
}
);
@@ -133,8 +161,9 @@ export class AgendaPage implements OnInit {
allDay: false,
event: element
});
this.loading();
});
this.myCal.update();
this.myCal.loadEvents();
this.showLoader = false;
}
);
@@ -154,8 +183,9 @@ export class AgendaPage implements OnInit {
allDay: false,
event: element
});
this.loading();
});
this.myCal.update();
this.myCal.loadEvents();
this.showLoader = false;
}
);
@@ -163,25 +193,14 @@ export class AgendaPage implements OnInit {
}
}
RefreshEvents(ev: { startTime: Date, endTime: Date }){
this.loadRangeEvents(ev.startTime, ev.endTime);
}
loading(){
this.myCal.loadEvents();
}
doRefresh(ev){
this.loading();
doRefresh(ev: any){
this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
setTimeout(() => {
ev.target.complete();
}, 2000);
}, 250);
}
showAlert(){
this.alertCrontroller.presentAlert("Funcionalidade em desenvolvimento.");
}
}
src/app/pages/cal-modal/cal-modal.page.ts
+2 -3
View File
@@ -45,7 +45,7 @@ export class CalModalPage implements AfterViewInit {
save(){
this.eventService.postEvent(this.postEvent, this.postEvent.CalendarName).subscribe();
this.modalCtrl.dismiss();
this.modalCtrl.dismiss(this.postEvent);
}
onViewTitleChanged(title){
@@ -58,7 +58,7 @@ export class CalModalPage implements AfterViewInit {
}
close(){
this.modalCtrl.dismiss();
this.modalCtrl.dismiss(this.postEvent);
}
@@ -97,7 +97,6 @@ export class CalModalPage implements AfterViewInit {
});
}
this.postEvent.Attendees = this.eventAttendees;
console.log(this.eventAttendees);
});
}
src/app/pages/events/event-detail/event-detail.page.html
+2 -2
View File
@@ -1,7 +1,7 @@
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button defaultHref="/home/events"></ion-back-button>
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
</ion-buttons>
<ion-title>Visualizar Evento</ion-title>
<ion-buttons slot="end">
@@ -57,7 +57,7 @@
<ion-item>
<ion-label>Data Fim</ion-label>
<ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
displayFormat="D MMM YYYY H:mm"
displayFormat="D MMM YYYY HH:mm"
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
</ion-item>
<div class="div-card-button">
src/app/pages/events/event-detail/event-detail.page.ts
+24 -8
View File
@@ -1,4 +1,4 @@
import { Component, OnInit, Injectable } from '@angular/core';
import { Component, OnInit, ViewChildren, ViewChild } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { EventsService } from 'src/app/services/events.service';
import { Router } from '@angular/router';
@@ -7,6 +7,7 @@ import { EventBody } from 'src/app/models/eventbody.model';
import { AlertController, ModalController } from '@ionic/angular';
import { EventPerson } from 'src/app/models/eventperson.model';
import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
import { DEFAULT_ENCODING } from 'crypto';
@Component({
selector: 'app-event-detail',
@@ -16,6 +17,9 @@ import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
export class EventDetailPage implements OnInit {
loadedEvent: Event;
backURL: string;
minDate: Date;
constructor(public alertController: AlertController, private router: Router, private activatedRoute: ActivatedRoute, private eventsService: EventsService, private modalCtrl: ModalController) {
this.loadedEvent = new Event();
@@ -28,20 +32,30 @@ export class EventDetailPage implements OnInit {
loadEvent()
{
let eventid: string;
this.activatedRoute.paramMap.subscribe(paramMap =>
{
if (!paramMap.has("eventId"))
{
return;
}
else
{
eventid = paramMap.get('eventId');
}
this.eventsService.getEvent(paramMap.get('eventId')).subscribe(response =>
{
this.loadedEvent = response;
//this.eventsService.lastloadedevent = this.loadedEvent;
});
if (paramMap.has("caller"))
{
this.backURL = "/home/" + paramMap.get('caller');
}
}
);
this.eventsService.getEvent(eventid).subscribe(response =>
{
this.loadedEvent = response;
});
}
async openAttendees()
@@ -127,9 +141,11 @@ export class EventDetailPage implements OnInit {
});
await alert.present();
this.router.navigate(['/home/events']);
});
}
back()
{
//this.back();
}
}
src/app/pages/events/events.page.html
+1 -1
View File
@@ -79,7 +79,7 @@
<ion-item-sliding>
<ion-item lines="none"
*ngFor="let event of eventsList"
[routerLink]="['/home/events', event.EventId]">
[routerLink]="['/home/events', event.EventId, 'events']">
<div class="div-item-{{event.CalendarName}}">
<div class="div-up">
<div class="div-icon">
src/app/pages/events/events.page.ts
-1
View File
@@ -77,7 +77,6 @@ export class EventsPage implements OnInit {
.subscribe(response => {
this.eventsList = response;
this.showLoader = false;
console.log(response[0].HasAttachments)
}
);
break;