mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 20:47:54 +00:00
remove unused files
This commit is contained in:
@@ -148,10 +148,6 @@ const routes: Routes = [
|
|||||||
path:':SerialNumber/:caller',
|
path:':SerialNumber/:caller',
|
||||||
loadChildren: ()=> import('../pages/gabinete-digital/expediente/expediente-detail/expediente-detail.module').then(m => m.ExpedienteDetailPageModule)
|
loadChildren: ()=> import('../pages/gabinete-digital/expediente/expediente-detail/expediente-detail.module').then(m => m.ExpedienteDetailPageModule)
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path:'events/:eventId/:caller',
|
|
||||||
loadChildren: ()=> import('../pages/events/event-detail/event-detail.module').then(m => m.EventDetailPageModule),
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path:'expediente-task-modal',
|
path:'expediente-task-modal',
|
||||||
loadChildren: ()=> import('../pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.module').then(m => m.ExpedientTaskModalPageModule),
|
loadChildren: ()=> import('../pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.module').then(m => m.ExpedientTaskModalPageModule),
|
||||||
|
|||||||
+10
-10
@@ -376,17 +376,17 @@ export class HomePage implements OnInit {
|
|||||||
|
|
||||||
// }
|
// }
|
||||||
|
|
||||||
try {
|
// try {
|
||||||
await this.storage.get('eventDelete').then((req) => {
|
// await this.storage.get('eventDelete').then((req) => {
|
||||||
JSON.parse(req).forEach(element => {
|
// JSON.parse(req).forEach(element => {
|
||||||
this.eventservice.deleteEvent(element.eventid, element.eventDeleteType, element.calendarName).subscribe((res) => {
|
// this.eventservice.deleteEvent(element.eventid, element.eventDeleteType, element.calendarName).subscribe((res) => {
|
||||||
this.storage.remove('eventDelete')
|
// this.storage.remove('eventDelete')
|
||||||
})
|
// })
|
||||||
});
|
// });
|
||||||
})
|
// })
|
||||||
} catch (error) {
|
// } catch (error) {
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await this.storage.get('event-listRever').then((req) => {
|
await this.storage.get('event-listRever').then((req) => {
|
||||||
|
|||||||
@@ -31,11 +31,7 @@ const routes: Routes = [
|
|||||||
{
|
{
|
||||||
path: 'view-event',
|
path: 'view-event',
|
||||||
loadChildren: () => import('./view-event/view-event.module').then( m => m.ViewEventPageModule)
|
loadChildren: () => import('./view-event/view-event.module').then( m => m.ViewEventPageModule)
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'evandre',
|
|
||||||
loadChildren: () => import('./evandre/evandre.module').then( m => m.EvandrePageModule)
|
|
||||||
}
|
|
||||||
|
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -418,87 +418,87 @@ export class EditEventPage implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
async save() {
|
// async save() {
|
||||||
|
|
||||||
this.injectValidation()
|
// this.injectValidation()
|
||||||
this.runValidation()
|
// this.runValidation()
|
||||||
|
|
||||||
if (this.Form.invalid) return false;
|
// if (this.Form.invalid) return false;
|
||||||
if (this.selectedRecurringType != '-1') {
|
// if (this.selectedRecurringType != '-1') {
|
||||||
this.postEvent.EventRecurrence.Type = this.selectedRecurringType;
|
// this.postEvent.EventRecurrence.Type = this.selectedRecurringType;
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc)
|
// this.postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc)
|
||||||
this.postEvent.Subject = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Subject/* ) */;
|
// this.postEvent.Subject = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Subject/* ) */;
|
||||||
this.postEvent.Location = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Location/* ) */;
|
// this.postEvent.Location = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Location/* ) */;
|
||||||
this.postEvent.Body.Text = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Body.Text/* ) */;
|
// this.postEvent.Body.Text = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Body.Text/* ) */;
|
||||||
|
|
||||||
this.postEvent.EventRecurrence.Type = this.selectedRecurringType;
|
// this.postEvent.EventRecurrence.Type = this.selectedRecurringType;
|
||||||
|
|
||||||
if (this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
// if (this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
||||||
this.eventsService.editEvent(this.postEvent, 2, 3, null).subscribe(async () => {
|
// this.eventsService.editEvent(this.postEvent, 2, 3, null).subscribe(async () => {
|
||||||
|
|
||||||
if (window['reloadCalendar']) {
|
// if (window['reloadCalendar']) {
|
||||||
window['reloadCalendar']()
|
// window['reloadCalendar']()
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (this.initCalendarName != this.postEvent.CalendarName) {
|
// if (this.initCalendarName != this.postEvent.CalendarName) {
|
||||||
|
|
||||||
let body = {
|
// let body = {
|
||||||
"EventId": this.postEvent.EventId,
|
// "EventId": this.postEvent.EventId,
|
||||||
"CalendarDestinationName": this.postEvent.CalendarName,
|
// "CalendarDestinationName": this.postEvent.CalendarName,
|
||||||
}
|
// }
|
||||||
try {
|
// try {
|
||||||
await this.eventsService.changeAgenda(body).toPromise();
|
// await this.eventsService.changeAgenda(body).toPromise();
|
||||||
} catch (error) { }
|
// } catch (error) { }
|
||||||
finally {
|
// finally {
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
// this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
||||||
|
|
||||||
}, error => {
|
// }, error => {
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
console.log('edid calendar id', this.postEvent.CalendarId);
|
// console.log('edid calendar id', this.postEvent.CalendarId);
|
||||||
this.eventsService.editEvent(this.postEvent, 2, 3, this.postEvent.CalendarId).subscribe(async () => {
|
// this.eventsService.editEvent(this.postEvent, 2, 3, this.postEvent.CalendarId).subscribe(async () => {
|
||||||
|
|
||||||
if (window['reloadCalendar']) {
|
// if (window['reloadCalendar']) {
|
||||||
window['reloadCalendar']()
|
// window['reloadCalendar']()
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (this.initCalendarName != this.postEvent.CalendarName) {
|
// if (this.initCalendarName != this.postEvent.CalendarName) {
|
||||||
|
|
||||||
let body = {
|
// let body = {
|
||||||
"EventId": this.postEvent.EventId,
|
// "EventId": this.postEvent.EventId,
|
||||||
"CalendarDestinationName": this.postEvent.CalendarName,
|
// "CalendarDestinationName": this.postEvent.CalendarName,
|
||||||
}
|
// }
|
||||||
try {
|
// try {
|
||||||
await this.eventsService.changeAgenda(body).toPromise();
|
// await this.eventsService.changeAgenda(body).toPromise();
|
||||||
} catch (error) { }
|
// } catch (error) { }
|
||||||
finally {
|
// finally {
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
// this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
||||||
|
|
||||||
}, error => {
|
// }, error => {
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
this.isEventEdited = true;
|
// this.isEventEdited = true;
|
||||||
|
|
||||||
|
|
||||||
await this.saveDocument()
|
// await this.saveDocument()
|
||||||
|
|
||||||
this.goBack();
|
// this.goBack();
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
async saveDocument() {
|
async saveDocument() {
|
||||||
|
|||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EvandrePage } from './evandre.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EvandrePage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EvandrePageRoutingModule {}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EvandrePageRoutingModule } from './evandre-routing.module';
|
|
||||||
|
|
||||||
import { EvandrePage } from './evandre.page';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
EvandrePageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [EvandrePage]
|
|
||||||
})
|
|
||||||
export class EvandrePageModule {}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-title>evandre</ion-title>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EvandrePage } from './evandre.page';
|
|
||||||
|
|
||||||
describe('EvandrePage', () => {
|
|
||||||
let component: EvandrePage;
|
|
||||||
let fixture: ComponentFixture<EvandrePage>;
|
|
||||||
|
|
||||||
beforeEach(waitForAsync(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EvandrePage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EvandrePage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-evandre',
|
|
||||||
templateUrl: './evandre.page.html',
|
|
||||||
styleUrls: ['./evandre.page.scss'],
|
|
||||||
})
|
|
||||||
export class EvandrePage implements OnInit {
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -453,116 +453,116 @@ export class NewEventPage implements OnInit {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async save() {
|
// async save() {
|
||||||
|
|
||||||
this.injectValidation()
|
// this.injectValidation()
|
||||||
this.runValidation()
|
// this.runValidation()
|
||||||
|
|
||||||
if (this.Form.invalid) {
|
// if (this.Form.invalid) {
|
||||||
return false
|
// return false
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (this.documents.length >= 0) {
|
// if (this.documents.length >= 0) {
|
||||||
this.postEvent.HasAttachments = true;
|
// this.postEvent.HasAttachments = true;
|
||||||
}
|
// }
|
||||||
if (this.selectedRecurringType != '-1') {
|
// if (this.selectedRecurringType != '-1') {
|
||||||
this.postEvent.EventRecurrence.Type = this.selectedRecurringType;
|
// this.postEvent.EventRecurrence.Type = this.selectedRecurringType;
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc);
|
// this.postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc);
|
||||||
this.postEvent.Subject = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Subject/* ); */
|
// this.postEvent.Subject = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Subject/* ); */
|
||||||
this.postEvent.Location = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Location/* ); */
|
// this.postEvent.Location = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Location/* ); */
|
||||||
this.postEvent.Body.Text = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Body.Text/* ); */
|
// this.postEvent.Body.Text = /* this.domSanitazerService.sanitizeInput( */this.postEvent.Body.Text/* ); */
|
||||||
|
|
||||||
let eventId: any;
|
// let eventId: any;
|
||||||
|
|
||||||
const loader = this.toastService.loading()
|
// const loader = this.toastService.loading()
|
||||||
|
|
||||||
try {
|
// try {
|
||||||
|
|
||||||
const CalendarId = this.selectedCalendarId()
|
// const CalendarId = this.selectedCalendarId()
|
||||||
this.postEvent.CalendarId = CalendarId
|
// this.postEvent.CalendarId = CalendarId
|
||||||
|
|
||||||
if (this.loggeduser.Profile == 'MDGPR') {
|
// if (this.loggeduser.Profile == 'MDGPR') {
|
||||||
|
|
||||||
eventId = await this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).toPromise();
|
// eventId = await this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).toPromise();
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
||||||
|
|
||||||
}
|
// }
|
||||||
else if (this.loggeduser.Profile == 'PR') {
|
// else if (this.loggeduser.Profile == 'PR') {
|
||||||
|
|
||||||
const CalendarId = this.selectedCalendarId()
|
// const CalendarId = this.selectedCalendarId()
|
||||||
this.postEvent.CalendarId = CalendarId
|
// this.postEvent.CalendarId = CalendarId
|
||||||
|
|
||||||
eventId = await this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).toPromise();
|
// eventId = await this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).toPromise();
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
||||||
|
|
||||||
} else if (this.loggeduser.Profile == 'SGGPR') {
|
// } else if (this.loggeduser.Profile == 'SGGPR') {
|
||||||
|
|
||||||
|
|
||||||
this.saveAproveEvent();
|
// this.saveAproveEvent();
|
||||||
|
|
||||||
|
|
||||||
} else {
|
// } else {
|
||||||
|
|
||||||
const CalendarId = this.selectedCalendarId()
|
// const CalendarId = this.selectedCalendarId()
|
||||||
this.postEvent.CalendarId = CalendarId
|
// this.postEvent.CalendarId = CalendarId
|
||||||
|
|
||||||
eventId = await this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).toPromise();
|
// eventId = await this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).toPromise();
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
//foi adicionado este if para não ter de fazer muitas alterações sobre a criação dos eventos. Deve ser refatorado
|
// //foi adicionado este if para não ter de fazer muitas alterações sobre a criação dos eventos. Deve ser refatorado
|
||||||
if (this.loggeduser.Profile != 'SGGPR') {
|
// if (this.loggeduser.Profile != 'SGGPR') {
|
||||||
|
|
||||||
const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
// const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
||||||
return {
|
// return {
|
||||||
SourceTitle: e.Assunto,
|
// SourceTitle: e.Assunto,
|
||||||
ParentId: eventId,
|
// ParentId: eventId,
|
||||||
Source: '1',
|
// Source: '1',
|
||||||
SourceId: e.Id,
|
// SourceId: e.Id,
|
||||||
ApplicationId: e.ApplicationType.toString(),
|
// ApplicationId: e.ApplicationType.toString(),
|
||||||
Id: '',
|
// Id: '',
|
||||||
Link: '',
|
// Link: '',
|
||||||
SerialNumber: ''
|
// SerialNumber: ''
|
||||||
};
|
// };
|
||||||
});
|
// });
|
||||||
|
|
||||||
await DocumentToSave.forEach(async (attachments, i) => {
|
// await DocumentToSave.forEach(async (attachments, i) => {
|
||||||
try {
|
// try {
|
||||||
await this.attachmentsService.setEventAttachmentById(attachments).toPromise();
|
// await this.attachmentsService.setEventAttachmentById(attachments).toPromise();
|
||||||
} catch (error) {
|
// } catch (error) {
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
});
|
// });
|
||||||
|
|
||||||
let data1 = {
|
// let data1 = {
|
||||||
"subject": this.postEvent.Subject,
|
// "subject": this.postEvent.Subject,
|
||||||
"start": this.postEvent.StartDate,
|
// "start": this.postEvent.StartDate,
|
||||||
"end": this.postEvent.EndDate,
|
// "end": this.postEvent.EndDate,
|
||||||
"venue": this.postEvent.Location,
|
// "venue": this.postEvent.Location,
|
||||||
"id": eventId,
|
// "id": eventId,
|
||||||
"calendarId": CalendarId
|
// "calendarId": CalendarId
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (this.roomId) {
|
// if (this.roomId) {
|
||||||
this.chatMethodService.sendMessage(this.roomId, data1);
|
// this.chatMethodService.sendMessage(this.roomId, data1);
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event');
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event');
|
||||||
let data = Object.assign(this.postEvent, { id: eventId })
|
// let data = Object.assign(this.postEvent, { id: eventId })
|
||||||
this.modalController.dismiss(data);
|
// this.modalController.dismiss(data);
|
||||||
}
|
// }
|
||||||
|
|
||||||
} catch (error) {
|
// } catch (error) {
|
||||||
this.hhtpErrorHandle.httpStatusHandle(error)
|
// this.hhtpErrorHandle.httpStatusHandle(error)
|
||||||
} finally {
|
// } finally {
|
||||||
loader.remove()
|
// loader.remove()
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
//This method return calendar id
|
//This method return calendar id
|
||||||
@@ -717,177 +717,177 @@ export class NewEventPage implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
//Deve ser removido posteriormente
|
//Deve ser removido posteriormente
|
||||||
async saveAproveEvent() {
|
// async saveAproveEvent() {
|
||||||
|
|
||||||
// console.log(this.postEvent)
|
// // console.log(this.postEvent)
|
||||||
// console.log(this.postEvent.CalendarName)
|
// // console.log(this.postEvent.CalendarName)
|
||||||
// console.log(this.CalendarName)
|
// // console.log(this.CalendarName)
|
||||||
// console.log(this.eventService.calendarNamesAry)
|
// // console.log(this.eventService.calendarNamesAry)
|
||||||
const CalendarId = this.selectedCalendarId()
|
// const CalendarId = this.selectedCalendarId()
|
||||||
|
|
||||||
let selectedCalendar
|
// let selectedCalendar
|
||||||
try {
|
// try {
|
||||||
selectedCalendar = this.eventService.calendarNamesAry.find(calendar => calendar.Fullname === this.CalendarName)
|
// selectedCalendar = this.eventService.calendarNamesAry.find(calendar => calendar.Fullname === this.CalendarName)
|
||||||
} catch (error) {
|
// } catch (error) {
|
||||||
|
|
||||||
}
|
// }
|
||||||
// console.log('selectedCalendar', selectedCalendar)
|
// // console.log('selectedCalendar', selectedCalendar)
|
||||||
|
|
||||||
if (selectedCalendar) {
|
// if (selectedCalendar) {
|
||||||
if (selectedCalendar.Role = 'Presidente da República') {
|
// if (selectedCalendar.Role = 'Presidente da República') {
|
||||||
let loader = this.toastService.loading();
|
// let loader = this.toastService.loading();
|
||||||
|
|
||||||
const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
// const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
||||||
return {
|
// return {
|
||||||
SourceTitle: e.Assunto,
|
// SourceTitle: e.Assunto,
|
||||||
ParentId: "AGD_" + this.loggeduser.UserName + "_" + this.processeService.generateInstaceFormatDate(),
|
// ParentId: "AGD_" + this.loggeduser.UserName + "_" + this.processeService.generateInstaceFormatDate(),
|
||||||
Source: '1',
|
// Source: '1',
|
||||||
SourceId: e.Id,
|
// SourceId: e.Id,
|
||||||
ApplicationId: e.ApplicationType.toString(),
|
// ApplicationId: e.ApplicationType.toString(),
|
||||||
Id: '',
|
// Id: '',
|
||||||
Link: '',
|
// Link: '',
|
||||||
SerialNumber: ''
|
// SerialNumber: ''
|
||||||
};
|
// };
|
||||||
});
|
// });
|
||||||
|
|
||||||
let body = this.eventToaproveBody(this.postEvent, CalendarId, this.loggeduser.RoleID, this.loggeduser.UserId, DocumentToSave);
|
// let body = this.eventToaproveBody(this.postEvent, CalendarId, this.loggeduser.RoleID, this.loggeduser.UserId, DocumentToSave);
|
||||||
await this.processeService.createEventToAprove(this.postEvent.CalendarName, 'pr', body).subscribe((id) => {
|
// await this.processeService.createEventToAprove(this.postEvent.CalendarName, 'pr', body).subscribe((id) => {
|
||||||
loader.remove()
|
// loader.remove()
|
||||||
this.modalController.dismiss();
|
// this.modalController.dismiss();
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event to aprove')
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event to aprove')
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* DocumentToSave.forEach((attachments, i) => {
|
// /* DocumentToSave.forEach((attachments, i) => {
|
||||||
this.attachmentsService.setEventAttachmentById(attachments).subscribe((res) => {
|
// this.attachmentsService.setEventAttachmentById(attachments).subscribe((res) => {
|
||||||
if (DocumentToSave.length == (i + 1)) {
|
// if (DocumentToSave.length == (i + 1)) {
|
||||||
this.afterSave();
|
// this.afterSave();
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
|
|
||||||
if (DocumentToSave.length == 0) {
|
// if (DocumentToSave.length == 0) {
|
||||||
this.afterSave();
|
// this.afterSave();
|
||||||
} */
|
// } */
|
||||||
|
|
||||||
}, (error) => {
|
// }, (error) => {
|
||||||
loader.remove()
|
// loader.remove()
|
||||||
this.hhtpErrorHandle.httpStatusHandle(error)
|
// this.hhtpErrorHandle.httpStatusHandle(error)
|
||||||
});
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
} else if (selectedCalendar.Role = 'Ministro e Director do Gabinete do PR') {
|
// } else if (selectedCalendar.Role = 'Ministro e Director do Gabinete do PR') {
|
||||||
let loader = this.toastService.loading();
|
// let loader = this.toastService.loading();
|
||||||
|
|
||||||
const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
// const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
||||||
return {
|
// return {
|
||||||
SourceTitle: e.Assunto,
|
// SourceTitle: e.Assunto,
|
||||||
ParentId: "AGD_" + this.loggeduser.UserName + "_" + this.processeService.generateInstaceFormatDate(),
|
// ParentId: "AGD_" + this.loggeduser.UserName + "_" + this.processeService.generateInstaceFormatDate(),
|
||||||
Source: '1',
|
// Source: '1',
|
||||||
SourceId: e.Id,
|
// SourceId: e.Id,
|
||||||
ApplicationId: e.ApplicationType.toString(),
|
// ApplicationId: e.ApplicationType.toString(),
|
||||||
Id: '',
|
// Id: '',
|
||||||
Link: '',
|
// Link: '',
|
||||||
SerialNumber: ''
|
// SerialNumber: ''
|
||||||
};
|
// };
|
||||||
});
|
// });
|
||||||
|
|
||||||
let body = this.eventToaproveBody(this.postEvent, CalendarId, this.loggeduser.RoleID, this.loggeduser.UserId, DocumentToSave);
|
// let body = this.eventToaproveBody(this.postEvent, CalendarId, this.loggeduser.RoleID, this.loggeduser.UserId, DocumentToSave);
|
||||||
await this.processeService.createEventToAprove(this.postEvent.CalendarName, 'md', body).subscribe((id) => {
|
// await this.processeService.createEventToAprove(this.postEvent.CalendarName, 'md', body).subscribe((id) => {
|
||||||
loader.remove()
|
// loader.remove()
|
||||||
this.modalController.dismiss();
|
// this.modalController.dismiss();
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event to aprove')
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event to aprove')
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* DocumentToSave.forEach((attachments, i) => {
|
// /* DocumentToSave.forEach((attachments, i) => {
|
||||||
this.attachmentsService.setEventAttachmentById(attachments).subscribe((res) => {
|
// this.attachmentsService.setEventAttachmentById(attachments).subscribe((res) => {
|
||||||
if (DocumentToSave.length == (i + 1)) {
|
// if (DocumentToSave.length == (i + 1)) {
|
||||||
this.afterSave();
|
// this.afterSave();
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
|
|
||||||
if (DocumentToSave.length == 0) {
|
// if (DocumentToSave.length == 0) {
|
||||||
this.afterSave();
|
// this.afterSave();
|
||||||
} */
|
// } */
|
||||||
|
|
||||||
}, (error) => {
|
// }, (error) => {
|
||||||
loader.remove()
|
// loader.remove()
|
||||||
this.hhtpErrorHandle.httpStatusHandle(error)
|
// this.hhtpErrorHandle.httpStatusHandle(error)
|
||||||
});
|
// });
|
||||||
|
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (!selectedCalendar && this.CalendarName == "Meu calendario") {
|
// if (!selectedCalendar && this.CalendarName == "Meu calendario") {
|
||||||
console.log('SG generic')
|
// console.log('SG generic')
|
||||||
this.postEvent.CalendarName
|
// this.postEvent.CalendarName
|
||||||
|
|
||||||
const CalendarId = this.selectedCalendarId()
|
// const CalendarId = this.selectedCalendarId()
|
||||||
let loader = this.toastService.loading();
|
// let loader = this.toastService.loading();
|
||||||
|
|
||||||
this.postEvent.CalendarId = CalendarId
|
// this.postEvent.CalendarId = CalendarId
|
||||||
|
|
||||||
this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).subscribe(
|
// this.eventService.postEventGeneric(this.postEvent, this.postEvent.CalendarName, CalendarId).subscribe(
|
||||||
(id) => {
|
// (id) => {
|
||||||
loader.remove();
|
// loader.remove();
|
||||||
|
|
||||||
const eventId: any = id;
|
// const eventId: any = id;
|
||||||
|
|
||||||
const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
// const DocumentToSave: EventAttachment[] = this.documents.map((e) => {
|
||||||
return {
|
// return {
|
||||||
SourceTitle: e.Assunto,
|
// SourceTitle: e.Assunto,
|
||||||
ParentId: eventId,
|
// ParentId: eventId,
|
||||||
Source: '1',
|
// Source: '1',
|
||||||
SourceId: e.Id,
|
// SourceId: e.Id,
|
||||||
ApplicationId: e.ApplicationType.toString(),
|
// ApplicationId: e.ApplicationType.toString(),
|
||||||
Id: '',
|
// Id: '',
|
||||||
Link: '',
|
// Link: '',
|
||||||
SerialNumber: ''
|
// SerialNumber: ''
|
||||||
};
|
// };
|
||||||
});
|
// });
|
||||||
|
|
||||||
DocumentToSave.forEach((attachments, i) => {
|
// DocumentToSave.forEach((attachments, i) => {
|
||||||
this.attachmentsService.setEventAttachmentById(attachments).subscribe((res) => {
|
// this.attachmentsService.setEventAttachmentById(attachments).subscribe((res) => {
|
||||||
if (DocumentToSave.length == (i + 1)) {
|
// if (DocumentToSave.length == (i + 1)) {
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
|
|
||||||
if (DocumentToSave.length == 0) {
|
// if (DocumentToSave.length == 0) {
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
// this.hhtpErrorHandle.httpsSucessMessagge('new event')
|
||||||
let data = {
|
// let data = {
|
||||||
"subject": this.postEvent.Subject,
|
// "subject": this.postEvent.Subject,
|
||||||
"start": this.postEvent.StartDate,
|
// "start": this.postEvent.StartDate,
|
||||||
"end": this.postEvent.EndDate,
|
// "end": this.postEvent.EndDate,
|
||||||
"venue": this.postEvent.Location,
|
// "venue": this.postEvent.Location,
|
||||||
"id": id,
|
// "id": id,
|
||||||
"calendarId": CalendarId
|
// "calendarId": CalendarId
|
||||||
}
|
// }
|
||||||
if (this.roomId) {
|
// if (this.roomId) {
|
||||||
this.chatMethodService.sendMessage(this.roomId, data);
|
// this.chatMethodService.sendMessage(this.roomId, data);
|
||||||
}
|
// }
|
||||||
|
|
||||||
let dataa = Object.assign(this.postEvent, { id: eventId })
|
// let dataa = Object.assign(this.postEvent, { id: eventId })
|
||||||
this.modalController.dismiss(dataa);
|
// this.modalController.dismiss(dataa);
|
||||||
}, (error) => {
|
// }, (error) => {
|
||||||
|
|
||||||
loader.remove()
|
// loader.remove()
|
||||||
this.hhtpErrorHandle.httpStatusHandle(error)
|
// this.hhtpErrorHandle.httpStatusHandle(error)
|
||||||
});
|
// });
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
// Deve ser removido posteriormente
|
// Deve ser removido posteriormente
|
||||||
eventToaproveBody(event, calendarId, role, userId, attachments) {
|
eventToaproveBody(event, calendarId, role, userId, attachments) {
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ import { NewEventPage } from '../../agenda/new-event/new-event.page';
|
|||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
import { EventPerson } from 'src/app/models/eventperson.model';
|
||||||
import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
|
import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
|
||||||
import { ThemeService } from 'src/app/services/theme.service'
|
import { ThemeService } from 'src/app/services/theme.service'
|
||||||
import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
|
// import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
|
||||||
import { ChatSystemService } from 'src/app/services/chat/chat-system.service';
|
import { ChatSystemService } from 'src/app/services/chat/chat-system.service';
|
||||||
import { FileType } from 'src/app/models/fileType';
|
import { FileType } from 'src/app/models/fileType';
|
||||||
import { Storage } from '@ionic/storage';
|
import { Storage } from '@ionic/storage';
|
||||||
@@ -341,28 +341,28 @@ export class GroupMessagesPage implements OnInit, AfterViewInit, OnDestroy {
|
|||||||
this.loadFiles();
|
this.loadFiles();
|
||||||
}
|
}
|
||||||
|
|
||||||
async goToEvent(event: any) {
|
// async goToEvent(event: any) {
|
||||||
let classs;
|
// let classs;
|
||||||
if (window.innerWidth < 701) {
|
// if (window.innerWidth < 701) {
|
||||||
classs = 'modal modal-desktop'
|
// classs = 'modal modal-desktop'
|
||||||
} else {
|
// } else {
|
||||||
classs = 'modal modal-desktop showAsideOptions'
|
// classs = 'modal modal-desktop showAsideOptions'
|
||||||
}
|
// }
|
||||||
|
|
||||||
const modal = await this.modalController.create({
|
// const modal = await this.modalController.create({
|
||||||
component: ViewEventPage,
|
// component: ViewEventPage,
|
||||||
componentProps: {
|
// componentProps: {
|
||||||
eventId: event.id,
|
// eventId: event.id,
|
||||||
CalendarId: event.calendarId
|
// CalendarId: event.calendarId
|
||||||
},
|
// },
|
||||||
cssClass: classs,
|
// cssClass: classs,
|
||||||
});
|
// });
|
||||||
|
|
||||||
modal.onDidDismiss().then((res) => {
|
// modal.onDidDismiss().then((res) => {
|
||||||
|
|
||||||
});
|
// });
|
||||||
await modal.present();
|
// await modal.present();
|
||||||
}
|
// }
|
||||||
|
|
||||||
ngOnDestroy() {
|
ngOnDestroy() {
|
||||||
window.removeEventListener('scroll', this.scrollChangeCallback, true);
|
window.removeEventListener('scroll', this.scrollChangeCallback, true);
|
||||||
|
|||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EventDetailModalPage } from './event-detail-modal.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EventDetailModalPage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EventDetailModalPageRoutingModule {}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailModalPageRoutingModule } from './event-detail-modal-routing.module';
|
|
||||||
|
|
||||||
import { EventDetailModalPage } from './event-detail-modal.page';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
EventDetailModalPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [EventDetailModalPage]
|
|
||||||
})
|
|
||||||
export class EventDetailModalPageModule {}
|
|
||||||
@@ -1,215 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-buttons slot="start">
|
|
||||||
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-title>Visualizar Evento</ion-title>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<button (click)="deleteConfirm()" class="ion-icon-delete">
|
|
||||||
<ion-icon name="trash"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content padding>
|
|
||||||
<div *ngIf="loadedEvent">
|
|
||||||
<ion-item-group>
|
|
||||||
<ion-item-sliding>
|
|
||||||
<!-- <form [formGroup]="ionicForm" novalidate>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label class="capitalizeText" position="stacked">Assunto</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]="loadedEvent.Subject" formControlName="subject" type="text" required></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
//Error messages
|
|
||||||
<span class="error ion-padding" *ngIf="errorControl.subject.errors?.required">
|
|
||||||
Campo obrigatório
|
|
||||||
</span>
|
|
||||||
</form> -->
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Descrição</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Body.Text'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Localização</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Location'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Calendário</ion-label>
|
|
||||||
<ion-select class="capitalizeText" placeholder="{{loadedEvent.CalendarName}}" [(ngModel)]="loadedEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
|
|
||||||
<ion-select-option Oficial="Viagem">Oficial</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Tipo do evento</ion-label>
|
|
||||||
<ion-select placeholder="{{loadedEvent.EventType}}" [(ngModel)]="loadedEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option value="Reunião">Reunião</ion-select-option>
|
|
||||||
<ion-select-option value="Viagem">Viagem</ion-select-option>
|
|
||||||
<ion-select-option value="Conferência">Conferência</ion-select-option>
|
|
||||||
<ion-select-option value="Encontro">Encontro</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Início</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY H:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Fim</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY HH:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
<div class="div-attach" >
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Intervenientes</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEvent.Attendees">
|
|
||||||
<div *ngFor="let attendee of loadedEvent.Attendees; let i=index">
|
|
||||||
<div *ngIf="i<1">
|
|
||||||
<ion-list >
|
|
||||||
<ion-item class="attendees" lines="none" >
|
|
||||||
<ion-icon class="attendees-icon" name="person" slot="start"></ion-icon>
|
|
||||||
<ion-label class="capitalizeText" class="attendees-list">{{attendee.Name}}</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEvent.Attendees.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="div-attach">
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="showAlert()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Anexos</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEventAttachments">
|
|
||||||
<div *ngFor="let att of loadedEventAttachments; let j=index">
|
|
||||||
<div *ngIf="j<2">
|
|
||||||
<ion-list *ngIf="loadedEvent.HasAttachments">
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
<ion-item lines="none" (click)="viewDocument(att.Link)">
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p>{{ att.Description }}</p>
|
|
||||||
<p>{{ att.CreateDate }}</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEventAttachments.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttachments()"><!-- [routerLink]="['/home/attachments', loadedEvent.EventId]" -->
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton Attachment -->
|
|
||||||
<ion-list *ngIf="!loadedEventAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
<!-- No attachment message -->
|
|
||||||
<ion-list *ngIf="!loadedEvent.HasAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-label>
|
|
||||||
Sem anexos
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-item-group>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton screen -->
|
|
||||||
<div *ngIf="!loadedEvent">
|
|
||||||
<div class="ion-padding custom-skeleton">
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 88%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 70%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-list-header>
|
|
||||||
<ion-label>
|
|
||||||
<ion-skeleton-text animated style="width: 20%"></ion-skeleton-text>
|
|
||||||
</ion-label>
|
|
||||||
</ion-list-header>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-thumbnail slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-thumbnail>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-skeleton-text animated style="width: 27px; height: 27px" slot="start"></ion-skeleton-text>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
<ion-footer>
|
|
||||||
<ion-toolbar>
|
|
||||||
<div class="event-detail-buttons">
|
|
||||||
<ion-button shape="round" (click)="Save()">Enviar</ion-button>
|
|
||||||
</div>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-footer>
|
|
||||||
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
@import '~src/function.scss';
|
|
||||||
|
|
||||||
ion-item-group{
|
|
||||||
margin: 15px;
|
|
||||||
}
|
|
||||||
.div-item{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
}
|
|
||||||
.div-up{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.div-up h3{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: rem(17);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.div-icon{
|
|
||||||
width: 10%;
|
|
||||||
font-size: rem(22);
|
|
||||||
float: left;
|
|
||||||
color: #808080;
|
|
||||||
}
|
|
||||||
.div-icon ion-icon{
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
.div-content-attachment{
|
|
||||||
width: 85%;
|
|
||||||
float: left;
|
|
||||||
padding: 0 0 0 12px;
|
|
||||||
}
|
|
||||||
.ion-icon-attach{
|
|
||||||
color: #666666;
|
|
||||||
font-size: rem(20);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-attach{
|
|
||||||
margin: 15px 0 0 0;
|
|
||||||
--color: #333;
|
|
||||||
--border-color:#333;
|
|
||||||
}
|
|
||||||
.div-card-button{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
ion-card{
|
|
||||||
margin: 2.5% !important;
|
|
||||||
width: 45%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.center{
|
|
||||||
text-align: center;
|
|
||||||
float: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FFOTER */
|
|
||||||
.event-detail-buttons{
|
|
||||||
width: 90%;
|
|
||||||
margin: 10px auto;
|
|
||||||
}
|
|
||||||
.event-detail-buttons ion-button{
|
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
.ion-icon-delete{
|
|
||||||
font-size: rem(22);
|
|
||||||
color: red;
|
|
||||||
background-color: white;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.error{
|
|
||||||
color:red;
|
|
||||||
font-size: rem(12);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
/* .event-detail-buttons{
|
|
||||||
margin-bottom: 80px;
|
|
||||||
margin-top: 10px;
|
|
||||||
} */
|
|
||||||
.attendees-icon{
|
|
||||||
font-size: rem(14);
|
|
||||||
}
|
|
||||||
.see-more-button{
|
|
||||||
text-transform: initial;
|
|
||||||
font-size: rem(16);
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailModalPage } from './event-detail-modal.page';
|
|
||||||
|
|
||||||
describe('EventDetailModalPage', () => {
|
|
||||||
let component: EventDetailModalPage;
|
|
||||||
let fixture: ComponentFixture<EventDetailModalPage>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EventDetailModalPage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EventDetailModalPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,250 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
|
||||||
import { AlertController, ModalController } from '@ionic/angular';
|
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { Event } from 'src/app/models/event.model';
|
|
||||||
import { EventBody } from 'src/app/models/eventbody.model';
|
|
||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
|
||||||
import { AlertService } from 'src/app/services/alert.service';
|
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
|
||||||
import { EventsService } from 'src/app/services/events.service';
|
|
||||||
import { AttachmentsPage } from '../attachments/attachments.page';
|
|
||||||
import { AttendeesPageModal } from '../attendees/attendees.page';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-event-detail-modal',
|
|
||||||
templateUrl: './event-detail-modal.page.html',
|
|
||||||
styleUrls: ['./event-detail-modal.page.scss'],
|
|
||||||
})
|
|
||||||
export class EventDetailModalPage implements OnInit {
|
|
||||||
|
|
||||||
loadedEvent: Event;
|
|
||||||
loadedEventAttachments: Attachment[];
|
|
||||||
pageId: string;
|
|
||||||
showLoader: boolean;
|
|
||||||
backURL: string;
|
|
||||||
ionicForm: FormGroup;
|
|
||||||
isSubmitted = false;
|
|
||||||
|
|
||||||
minDate: Date;
|
|
||||||
|
|
||||||
profile:string;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
public formBuilder: FormBuilder,
|
|
||||||
public alertController: AlertController,
|
|
||||||
private router: Router,
|
|
||||||
private activatedRoute: ActivatedRoute,
|
|
||||||
private eventsService: EventsService,
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private alertService: AlertService,
|
|
||||||
private attachamentsService: AttachmentsService,
|
|
||||||
private route: Router,) {
|
|
||||||
this.loadedEvent = new Event();
|
|
||||||
this.loadedEvent.Body = new EventBody();
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.loadEvent();
|
|
||||||
this.loadAttachments();
|
|
||||||
this.ionicForm = this.formBuilder.group({
|
|
||||||
subject: ['', [Validators.required]]
|
|
||||||
})
|
|
||||||
|
|
||||||
// this.setDefaultTime()
|
|
||||||
}
|
|
||||||
|
|
||||||
// setDefaultTime() {
|
|
||||||
// this.loadedEvent.StartDate = new Date()
|
|
||||||
// this.loadedEvent.EndDate = (new Date(new Date().getTime() + 15 * 60000))
|
|
||||||
// }
|
|
||||||
|
|
||||||
get errorControl() {
|
|
||||||
return this.ionicForm.controls;
|
|
||||||
}
|
|
||||||
|
|
||||||
loadEvent(){
|
|
||||||
let eventid: string;
|
|
||||||
this.activatedRoute.paramMap.subscribe(paramMap =>
|
|
||||||
{
|
|
||||||
if (!paramMap.has("eventId")){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.pageId = paramMap.get('eventId');
|
|
||||||
eventid = paramMap.get('eventId');
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
if (paramMap.has("caller")){
|
|
||||||
this.backURL = "/home/" + paramMap.get('caller');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
this.eventsService.getEvent(eventid).subscribe(response => {
|
|
||||||
this.loadedEvent = response;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async openAttendees(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttendeesPageModal,
|
|
||||||
componentProps: {
|
|
||||||
eventAttendees: this.loadedEvent.Attendees
|
|
||||||
},
|
|
||||||
cssClass: 'attendee modal-desktop',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
getEventAttendees(): EventPerson[]
|
|
||||||
{
|
|
||||||
return this.loadedEvent.Attendees;
|
|
||||||
}
|
|
||||||
|
|
||||||
setEventAttendees(newattendes: EventPerson[])
|
|
||||||
{
|
|
||||||
this.loadedEvent.Attendees = newattendes;
|
|
||||||
}
|
|
||||||
|
|
||||||
async deleteConfirm()
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Apagar evento!',
|
|
||||||
message: 'Deseja <strong>apagar</strong> o evento da agenda ' + this.loadedEvent.CalendarName + '?',
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: 'Não',
|
|
||||||
role: 'cancel',
|
|
||||||
cssClass: 'secondary',
|
|
||||||
handler: () => { }
|
|
||||||
}, {
|
|
||||||
text: 'Sim',
|
|
||||||
handler: () => {
|
|
||||||
this.Delete();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
Delete()
|
|
||||||
{
|
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () =>
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento removido',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(()=>{
|
|
||||||
alert.dismiss();
|
|
||||||
}, 1500);
|
|
||||||
|
|
||||||
this.router.navigate(['/home/events']);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Save()
|
|
||||||
{
|
|
||||||
if (this.ionicForm.valid)
|
|
||||||
{
|
|
||||||
|
|
||||||
this.eventsService.putEvent(this.loadedEvent, 2, 3, "md").subscribe(async () =>
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento actualizado',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(()=>{
|
|
||||||
alert.dismiss();
|
|
||||||
}, 1500);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
showAlert(){
|
|
||||||
this.alertService.presentAlert("Funcionalidade em desenvolvimento");
|
|
||||||
}
|
|
||||||
|
|
||||||
loadAttachments()
|
|
||||||
{
|
|
||||||
/* this.attachamentsService.getEventAttachments(this.pageId).subscribe(attachments => {
|
|
||||||
this.loadedEventAttachments = attachments;
|
|
||||||
}); */
|
|
||||||
this.attachamentsService.getAttachmentsById(this.pageId).subscribe(res => {
|
|
||||||
|
|
||||||
|
|
||||||
},((erro) => {
|
|
||||||
console.error('loadAttchament', erro)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
async viewDocument(documenturl:string)
|
|
||||||
{
|
|
||||||
const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
|
|
||||||
/* const browser = this.iab.create(url,"_blank");
|
|
||||||
browser.show(); */
|
|
||||||
}
|
|
||||||
|
|
||||||
back()
|
|
||||||
{
|
|
||||||
//this.back();
|
|
||||||
}
|
|
||||||
doRefresh(event){
|
|
||||||
/* this.RefreshEvents(); */
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
setTimeout(() => {
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
}
|
|
||||||
navigateTo(ev){
|
|
||||||
this.route.navigate(['/home/events',ev]);
|
|
||||||
}
|
|
||||||
async openAttachments() {
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttachmentsPage,
|
|
||||||
componentProps: {
|
|
||||||
eventId: this.pageId,
|
|
||||||
attachments: this.loadedEventAttachments
|
|
||||||
},
|
|
||||||
cssClass: 'attachments',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EventDetailPage } from './event-detail.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EventDetailPage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EventDetailPageRoutingModule {}
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailPageRoutingModule } from './event-detail-routing.module';
|
|
||||||
|
|
||||||
import { EventDetailPage } from './event-detail.page';
|
|
||||||
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
EventDetailPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [EventDetailPage]
|
|
||||||
})
|
|
||||||
export class EventDetailPageModule {}
|
|
||||||
@@ -1,215 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-buttons slot="start">
|
|
||||||
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-title class="header-title">Visualizar Evento</ion-title>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<button (click)="deleteConfirm()" class="ion-icon-delete">
|
|
||||||
<ion-icon name="trash"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content padding>
|
|
||||||
<div *ngIf="loadedEvent">
|
|
||||||
<ion-item-group>
|
|
||||||
<ion-item-sliding>
|
|
||||||
<form [formGroup]="ionicForm" novalidate>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label class="capitalizeText" position="stacked">Assunto</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]="loadedEvent.Subject" formControlName="subject" type="text" required></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<!-- Error messages -->
|
|
||||||
<span class="error ion-padding" *ngIf="errorControl.subject.errors?.required">
|
|
||||||
Campo obrigatório
|
|
||||||
</span>
|
|
||||||
</form>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Descrição</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Body.Text'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Localização</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Location'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Calendário</ion-label>
|
|
||||||
<ion-select class="capitalizeText" placeholder="{{loadedEvent.CalendarName}}" [(ngModel)]="loadedEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
|
|
||||||
<ion-select-option Oficial="Viagem">Oficial</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Tipo do evento</ion-label>
|
|
||||||
<ion-select placeholder="{{loadedEvent.EventType}}" [(ngModel)]="loadedEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option value="Reunião">Reunião</ion-select-option>
|
|
||||||
<ion-select-option value="Viagem">Viagem</ion-select-option>
|
|
||||||
<ion-select-option value="Conferência">Conferência</ion-select-option>
|
|
||||||
<ion-select-option value="Encontro">Encontro</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Início</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY H:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Fim</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY HH:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
<div class="div-attach" >
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Intervenientes</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEvent.Attendees">
|
|
||||||
<div *ngFor="let attendee of loadedEvent.Attendees; let i=index">
|
|
||||||
<div *ngIf="i<1">
|
|
||||||
<ion-list >
|
|
||||||
<ion-item class="attendees" lines="none" >
|
|
||||||
<ion-icon class="attendees-icon" name="person" slot="start"></ion-icon>
|
|
||||||
<ion-label class="capitalizeText" class="attendees-list">{{attendee.Name}}</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEvent.Attendees.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="div-attach">
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="showAlert()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Anexos</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEventAttachments">
|
|
||||||
<div *ngFor="let att of loadedEventAttachments; let j=index">
|
|
||||||
<div *ngIf="j<2">
|
|
||||||
<ion-list *ngIf="loadedEvent.HasAttachments">
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
<ion-item lines="none" (click)="viewDocument(att.Link)">
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p>{{ att.Description }}</p>
|
|
||||||
<p>{{ att.CreateDate }}</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEventAttachments.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttachments()"><!-- [routerLink]="['/home/attachments', loadedEvent.EventId]" -->
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton Attachment -->
|
|
||||||
<!-- <ion-list *ngIf="!loadedEventAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list> -->
|
|
||||||
<!-- No attachment message -->
|
|
||||||
<ion-list *ngIf="!loadedEvent.HasAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-label>
|
|
||||||
Sem anexos
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-item-group>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton screen -->
|
|
||||||
<div *ngIf="!loadedEvent">
|
|
||||||
<div class="ion-padding custom-skeleton">
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 88%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 70%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-list-header>
|
|
||||||
<ion-label>
|
|
||||||
<ion-skeleton-text animated style="width: 20%"></ion-skeleton-text>
|
|
||||||
</ion-label>
|
|
||||||
</ion-list-header>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-thumbnail slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-thumbnail>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-skeleton-text animated style="width: 27px; height: 27px" slot="start"></ion-skeleton-text>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
<ion-footer>
|
|
||||||
<ion-toolbar>
|
|
||||||
<div class="event-detail-buttons">
|
|
||||||
<button class="btn-ok" fill="clear" color="#fff" shape="round" (click)="Save()">Enviar</button>
|
|
||||||
</div>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-footer>
|
|
||||||
|
|
||||||
@@ -1,119 +0,0 @@
|
|||||||
@import '~src/function.scss';
|
|
||||||
|
|
||||||
ion-item-group{
|
|
||||||
margin: 15px;
|
|
||||||
}
|
|
||||||
.div-item{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
}
|
|
||||||
.div-up{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.div-up h3{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: rem(17);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.div-icon{
|
|
||||||
width: 10%;
|
|
||||||
font-size: rem(22);
|
|
||||||
float: left;
|
|
||||||
color: #808080;
|
|
||||||
}
|
|
||||||
.div-icon ion-icon{
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
.div-content-attachment{
|
|
||||||
width: 85%;
|
|
||||||
float: left;
|
|
||||||
padding: 0 0 0 12px;
|
|
||||||
}
|
|
||||||
.ion-icon-attach{
|
|
||||||
color: #666666;
|
|
||||||
font-size: rem(20);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-attach{
|
|
||||||
margin: 15px 0 0 0;
|
|
||||||
--color: #333;
|
|
||||||
--border-color:#333;
|
|
||||||
}
|
|
||||||
.div-card-button{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
ion-card{
|
|
||||||
margin: 2.5% !important;
|
|
||||||
width: 45%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.center{
|
|
||||||
text-align: center;
|
|
||||||
float: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FFOTER */
|
|
||||||
.event-detail-buttons{
|
|
||||||
width: 90%;
|
|
||||||
margin: 10px auto;
|
|
||||||
}
|
|
||||||
.event-detail-buttons ion-button{
|
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
.ion-icon-delete{
|
|
||||||
font-size: rem(22);
|
|
||||||
color: red;
|
|
||||||
background-color: white;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.error{
|
|
||||||
color:red;
|
|
||||||
font-size: rem(12);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
/* .event-detail-buttons{
|
|
||||||
margin-bottom: 80px;
|
|
||||||
margin-top: 10px;
|
|
||||||
} */
|
|
||||||
.attendees-icon{
|
|
||||||
font-size: rem(14);
|
|
||||||
}
|
|
||||||
.see-more-button{
|
|
||||||
text-transform: initial;
|
|
||||||
font-size: rem(16);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-content{
|
|
||||||
overflow: auto;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding-top: 25px;
|
|
||||||
}
|
|
||||||
.header-icon-left{
|
|
||||||
width: 36px;
|
|
||||||
font-size: rem(33);
|
|
||||||
color: #42b9fe;
|
|
||||||
float: left;
|
|
||||||
border: 1px solid red;
|
|
||||||
}
|
|
||||||
.header-title{
|
|
||||||
width: 300px;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(25);
|
|
||||||
margin: 0 5px 0 5px;
|
|
||||||
padding: 0;
|
|
||||||
color:#000;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailPage } from './event-detail.page';
|
|
||||||
|
|
||||||
describe('EventDetailPage', () => {
|
|
||||||
let component: EventDetailPage;
|
|
||||||
let fixture: ComponentFixture<EventDetailPage>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EventDetailPage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EventDetailPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,254 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { ActivatedRoute } from '@angular/router';
|
|
||||||
import { EventsService } from 'src/app/services/events.service';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import { Event } from '../../../models/event.model';
|
|
||||||
import { EventBody } from 'src/app/models/eventbody.model';
|
|
||||||
import { AlertController, ModalController } from '@ionic/angular';
|
|
||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
|
||||||
import { AttendeesPageModal } from 'src/app/pages/events/attendees/attendees.page';
|
|
||||||
import { AlertService } from 'src/app/services/alert.service';
|
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
|
||||||
import { FormGroup, FormBuilder, Validators } from "@angular/forms";
|
|
||||||
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
|
|
||||||
import { AttachmentsPage } from '../attachments/attachments.page';
|
|
||||||
import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';
|
|
||||||
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-event-detail',
|
|
||||||
templateUrl: './event-detail.page.html',
|
|
||||||
styleUrls: ['./event-detail.page.scss'],
|
|
||||||
})
|
|
||||||
export class EventDetailPage implements OnInit {
|
|
||||||
|
|
||||||
loadedEvent: Event;
|
|
||||||
loadedEventAttachments: Attachment[];
|
|
||||||
pageId: string;
|
|
||||||
showLoader: boolean;
|
|
||||||
backURL: string;
|
|
||||||
ionicForm: FormGroup;
|
|
||||||
isSubmitted = false;
|
|
||||||
|
|
||||||
minDate: Date;
|
|
||||||
|
|
||||||
profile:string;
|
|
||||||
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
public formBuilder: FormBuilder,
|
|
||||||
public alertController: AlertController,
|
|
||||||
private router: Router,
|
|
||||||
private activatedRoute: ActivatedRoute,
|
|
||||||
private eventsService: EventsService,
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private alertService: AlertService,
|
|
||||||
private attachamentsService: AttachmentsService,
|
|
||||||
private route: Router,
|
|
||||||
private iab: InAppBrowser,
|
|
||||||
private httpErrorHandle: HttpErrorHandle) {
|
|
||||||
this.loadedEvent = new Event();
|
|
||||||
this.loadedEvent.Body = new EventBody();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.loadEvent();
|
|
||||||
this.loadAttachments();
|
|
||||||
this.ionicForm = this.formBuilder.group({
|
|
||||||
subject: ['', [Validators.required]]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
get errorControl() {
|
|
||||||
return this.ionicForm.controls;
|
|
||||||
}
|
|
||||||
|
|
||||||
loadEvent(){
|
|
||||||
let eventid: string;
|
|
||||||
this.activatedRoute.paramMap.subscribe(paramMap =>
|
|
||||||
{
|
|
||||||
if (!paramMap.has("eventId")){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.pageId = paramMap.get('eventId');
|
|
||||||
eventid = paramMap.get('eventId');
|
|
||||||
|
|
||||||
}
|
|
||||||
if (paramMap.has("caller")){
|
|
||||||
this.backURL = "/home/" + paramMap.get('caller');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
this.eventsService.getEvent(eventid).subscribe(response => {
|
|
||||||
this.loadedEvent = response;
|
|
||||||
},(error) => {
|
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async openAttendees(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttendeesPageModal,
|
|
||||||
componentProps: {
|
|
||||||
eventAttendees: this.loadedEvent.Attendees
|
|
||||||
},
|
|
||||||
cssClass: 'attendee modal-desktop',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
await modal.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
getEventAttendees(): EventPerson[]
|
|
||||||
{
|
|
||||||
return this.loadedEvent.Attendees;
|
|
||||||
}
|
|
||||||
|
|
||||||
setEventAttendees(newattendes: EventPerson[])
|
|
||||||
{
|
|
||||||
this.loadedEvent.Attendees = newattendes;
|
|
||||||
}
|
|
||||||
|
|
||||||
async deleteConfirm()
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Apagar evento!',
|
|
||||||
message: 'Deseja <strong>apagar</strong> o evento da agenda ' + this.loadedEvent.CalendarName + '?',
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: 'Não',
|
|
||||||
role: 'cancel',
|
|
||||||
cssClass: 'secondary',
|
|
||||||
handler: () => { }
|
|
||||||
}, {
|
|
||||||
text: 'Sim',
|
|
||||||
handler: () => {
|
|
||||||
this.Delete();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
Delete()
|
|
||||||
{
|
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () =>
|
|
||||||
{
|
|
||||||
/* const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento removido',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present(); */
|
|
||||||
|
|
||||||
this.router.navigate(['/home/events']);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Save()
|
|
||||||
{
|
|
||||||
// if (this.ionicForm.valid){
|
|
||||||
|
|
||||||
// this.activatedRoute.paramMap.subscribe(paramMap =>{
|
|
||||||
// if (paramMap.has("profile")){
|
|
||||||
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
|
|
||||||
// this.eventsService.editEvent(this.loadedEvent, 2, 3).subscribe(async () =>
|
|
||||||
// {
|
|
||||||
// const alert = await this.alertController.create({
|
|
||||||
// cssClass: 'my-custom-class',
|
|
||||||
// header: 'Evento actualizado',
|
|
||||||
// buttons: ['OK']
|
|
||||||
// });
|
|
||||||
|
|
||||||
// setTimeout(()=>{
|
|
||||||
// alert.dismiss();
|
|
||||||
// }, 1500);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
showAlert(){
|
|
||||||
this.alertService.presentAlert("Funcionalidade em desenvolvimento");
|
|
||||||
}
|
|
||||||
|
|
||||||
loadAttachments()
|
|
||||||
{
|
|
||||||
|
|
||||||
this.attachamentsService.getAttachmentsById(this.pageId).subscribe(res => {
|
|
||||||
this.loadedEventAttachments = res;
|
|
||||||
|
|
||||||
},((erro) => {
|
|
||||||
console.error('loadAttchament', erro)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
async viewDocument(documenturl:string)
|
|
||||||
{
|
|
||||||
const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
|
|
||||||
const browser = this.iab.create(url,"_blank");
|
|
||||||
browser.show();
|
|
||||||
}
|
|
||||||
|
|
||||||
back()
|
|
||||||
{
|
|
||||||
//this.back();
|
|
||||||
}
|
|
||||||
doRefresh(event){
|
|
||||||
/* this.RefreshEvents(); */
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
setTimeout(() => {
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
}
|
|
||||||
navigateTo(ev){
|
|
||||||
this.route.navigate(['/home/events',ev]);
|
|
||||||
}
|
|
||||||
async openAttachments(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttachmentsPage,
|
|
||||||
componentProps: {
|
|
||||||
eventId: this.pageId,
|
|
||||||
attachments: this.loadedEventAttachments
|
|
||||||
},
|
|
||||||
cssClass: 'attachments',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -8,10 +8,6 @@ const routes: Routes = [
|
|||||||
path: '',
|
path: '',
|
||||||
component: EventsPage
|
component: EventsPage
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'event-detail',
|
|
||||||
loadChildren: () => import('./event-detail/event-detail.module').then( m => m.EventDetailPageModule)
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: 'attachments',
|
path: 'attachments',
|
||||||
loadChildren: () => import('./attachments/attachments.module').then( m => m.AttachmentsPageModule)
|
loadChildren: () => import('./attachments/attachments.module').then( m => m.AttachmentsPageModule)
|
||||||
@@ -20,10 +16,6 @@ const routes: Routes = [
|
|||||||
path: 'attendees',
|
path: 'attendees',
|
||||||
loadChildren: () => import('./attendees/attendees.module').then( m => m.AttendeesPageModule)
|
loadChildren: () => import('./attendees/attendees.module').then( m => m.AttendeesPageModule)
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'event-detail-modal',
|
|
||||||
loadChildren: () => import('./event-detail-modal/event-detail-modal.module').then( m => m.EventDetailModalPageModule)
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: 'edit-event',
|
path: 'edit-event',
|
||||||
loadChildren: () => import('./edit-event/edit-event.module').then( m => m.EditEventPageModule)
|
loadChildren: () => import('./edit-event/edit-event.module').then( m => m.EditEventPageModule)
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ import { EventsService } from 'src/app/services/events.service';
|
|||||||
import { NavigationExtras, Router } from '@angular/router';
|
import { NavigationExtras, Router } from '@angular/router';
|
||||||
import { ActivatedRoute, NavigationEnd } from '@angular/router';
|
import { ActivatedRoute, NavigationEnd } from '@angular/router';
|
||||||
import { ModalController, Platform } from '@ionic/angular';
|
import { ModalController, Platform } from '@ionic/angular';
|
||||||
import { EventDetailPage } from './event-detail/event-detail.page';
|
|
||||||
import { ProcessesService } from '../../services/processes.service';
|
import { ProcessesService } from '../../services/processes.service';
|
||||||
import { ToDayEventStorage } from 'src/app/store/to-day-event-storage.service';
|
import { ToDayEventStorage } from 'src/app/store/to-day-event-storage.service';
|
||||||
import { ExpedienteTaskPipe } from 'src/app/pipes/expediente-task.pipe';
|
import { ExpedienteTaskPipe } from 'src/app/pipes/expediente-task.pipe';
|
||||||
@@ -324,22 +323,6 @@ export class EventsPage implements OnInit {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async openEventDetail1(id: any) {
|
|
||||||
//
|
|
||||||
|
|
||||||
const modal = await this.modalController.create({
|
|
||||||
component: EventDetailPage,
|
|
||||||
componentProps: {
|
|
||||||
eventId: id,
|
|
||||||
},
|
|
||||||
cssClass: 'event-detail',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
modal.onDidDismiss();
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
async openEventDetail(id: any) {
|
async openEventDetail(id: any) {
|
||||||
//
|
//
|
||||||
|
|||||||
+533
-539
File diff suppressed because it is too large
Load Diff
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EditEventPage } from './edit-event.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EditEventPage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EditEventPageRoutingModule {}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EditEventPageRoutingModule } from './edit-event-routing.module';
|
|
||||||
|
|
||||||
import { EditEventPage } from './edit-event.page';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
EditEventPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [EditEventPage],
|
|
||||||
exports: [EditEventPage]
|
|
||||||
})
|
|
||||||
export class EditEventPageModule {}
|
|
||||||
@@ -1,202 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-buttons slot="start">
|
|
||||||
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-title class="header-title">Visualizar Evento</ion-title>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<button (click)="deleteConfirm()" class="ion-icon-delete">
|
|
||||||
<ion-icon name="trash"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content padding>
|
|
||||||
<div *ngIf="loadedEvent">
|
|
||||||
<ion-item-group>
|
|
||||||
<ion-item-sliding>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label class="capitalizeText" position="stacked">Assunto</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]="loadedEvent.Subject" type="text" required></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<!-- Error messages -->
|
|
||||||
<span class="error ion-padding" *ngIf="errorControl.subject.errors?.required">
|
|
||||||
Campo obrigatório
|
|
||||||
</span>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Descrição</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Body.Text'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Localização</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Location'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Calendário</ion-label>
|
|
||||||
<ion-select class="capitalizeText" placeholder="{{loadedEvent.CalendarName}}" [(ngModel)]="loadedEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
|
|
||||||
<ion-select-option Oficial="Viagem">Oficial</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Tipo do evento</ion-label>
|
|
||||||
<ion-select placeholder="{{loadedEvent.EventType}}" [(ngModel)]="loadedEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option value="Reunião">Reunião</ion-select-option>
|
|
||||||
<ion-select-option value="Viagem">Viagem</ion-select-option>
|
|
||||||
<ion-select-option value="Conferência">Conferência</ion-select-option>
|
|
||||||
<ion-select-option value="Encontro">Encontro</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Início</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY H:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Fim</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY HH:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
<div class="div-attach" >
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Intervenientes</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEvent.Attendees">
|
|
||||||
<div *ngFor="let attendee of loadedEvent.Attendees; let i=index">
|
|
||||||
<div *ngIf="i<1">
|
|
||||||
<ion-list >
|
|
||||||
<ion-item class="attendees" lines="none" >
|
|
||||||
<ion-icon class="attendees-icon" name="person" slot="start"></ion-icon>
|
|
||||||
<ion-label class="capitalizeText" class="attendees-list">{{attendee.Name}}</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEvent.Attendees.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="div-attach">
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Anexos</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEventAttachments">
|
|
||||||
<div *ngFor="let att of loadedEventAttachments; let j=index">
|
|
||||||
<div *ngIf="j<2">
|
|
||||||
<ion-list *ngIf="loadedEvent.HasAttachments">
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
<ion-item lines="none" (click)="viewDocument(att.Link)">
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p>{{ att.Description }}</p>
|
|
||||||
<p>{{ att.CreateDate }}</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEventAttachments.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttachments()"><!-- [routerLink]="['/home/attachments', loadedEvent.EventId]" -->
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<ion-list *ngIf="!loadedEvent.HasAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-label>
|
|
||||||
Sem anexos
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-item-group>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton screen -->
|
|
||||||
<div *ngIf="!loadedEvent">
|
|
||||||
<div class="ion-padding custom-skeleton">
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 88%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 70%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-list-header>
|
|
||||||
<ion-label>
|
|
||||||
<ion-skeleton-text animated style="width: 20%"></ion-skeleton-text>
|
|
||||||
</ion-label>
|
|
||||||
</ion-list-header>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-thumbnail slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-thumbnail>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-skeleton-text animated style="width: 27px; height: 27px" slot="start"></ion-skeleton-text>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
<ion-footer>
|
|
||||||
<ion-toolbar>
|
|
||||||
<div class="event-detail-buttons">
|
|
||||||
<button class="btn-ok" fill="clear" color="#fff" shape="round" (click)="Save()">Enviar</button>
|
|
||||||
</div>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-footer>
|
|
||||||
|
|
||||||
@@ -1,166 +0,0 @@
|
|||||||
@import '~src/function.scss';
|
|
||||||
.content{
|
|
||||||
padding: 30px 20px 0 20px !important;
|
|
||||||
margin: 0;
|
|
||||||
float: left;
|
|
||||||
border-left: 1px solid #d8d8d8 !important;
|
|
||||||
}
|
|
||||||
.main-header{
|
|
||||||
font-family: Roboto;
|
|
||||||
background-color: #fff;
|
|
||||||
overflow:hidden;
|
|
||||||
color:#000;
|
|
||||||
transform: translate3d(0, 1px, 0);
|
|
||||||
|
|
||||||
.title-content{
|
|
||||||
margin: 0px auto;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 0 !important;
|
|
||||||
background: #fff;
|
|
||||||
.middle{
|
|
||||||
padding: 0!important;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title{
|
|
||||||
font-size: rem(25);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.ion-item-container{
|
|
||||||
margin: rem(15) auto;
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
border-radius: 5px;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
.ion-item-container-no-border{
|
|
||||||
width: 100%;
|
|
||||||
margin: 0px auto;
|
|
||||||
padding: 0 !important;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.container-div{
|
|
||||||
margin-bottom: 15px;
|
|
||||||
float: left;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.ion-item-class-2{
|
|
||||||
margin: 0px auto;
|
|
||||||
}
|
|
||||||
.ion-icon-class{
|
|
||||||
width: rem(45);
|
|
||||||
height: rem(45);
|
|
||||||
float: left;
|
|
||||||
padding: 10px;
|
|
||||||
font-size: rem(25);
|
|
||||||
}
|
|
||||||
ion-select{
|
|
||||||
padding-left: 5px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.ion-input-class{
|
|
||||||
width: calc(100% - 45px);
|
|
||||||
height: rem(45);
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
border-radius: 5px;
|
|
||||||
padding-left: 5px;
|
|
||||||
padding-right: 10px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.ion-input-class-no-height{
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
border-radius: 5px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.list-people{
|
|
||||||
//width: 256px;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
}
|
|
||||||
.add-people{
|
|
||||||
width: rem(45);
|
|
||||||
float: right;
|
|
||||||
overflow: auto;
|
|
||||||
font-size: rem(25);
|
|
||||||
height: rem(45);
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.list-people-title{
|
|
||||||
/* font-size: rem(13); */
|
|
||||||
color: #797979;
|
|
||||||
}
|
|
||||||
.attach-document{
|
|
||||||
font-size: rem(15);
|
|
||||||
color: var(--title-text-color);
|
|
||||||
margin: 5px 5px 5px 10px;
|
|
||||||
padding: 5px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.attach-icon{
|
|
||||||
width: 37px;
|
|
||||||
font-size: rem(35);
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.attach-title-item{
|
|
||||||
width: 100%;
|
|
||||||
font-size: rem(15);
|
|
||||||
color:var(--title-text-color);
|
|
||||||
}
|
|
||||||
/* SPAN */
|
|
||||||
.span-left{
|
|
||||||
float: left;
|
|
||||||
font-size: rem(15);
|
|
||||||
}
|
|
||||||
.span-right{
|
|
||||||
text-align: right;
|
|
||||||
float: right;
|
|
||||||
font-size: rem(13);
|
|
||||||
}
|
|
||||||
.container-footer{
|
|
||||||
margin:0 auto;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.button-cancel {
|
|
||||||
width: rem(170);
|
|
||||||
height: rem(44);
|
|
||||||
border-radius: 22.5px;
|
|
||||||
--background: #e0e9ee;
|
|
||||||
--color: #061b52;
|
|
||||||
margin:10px;
|
|
||||||
}
|
|
||||||
.button-save {
|
|
||||||
width: rem(170);
|
|
||||||
height: rem(44);
|
|
||||||
border-radius: 22.5px;
|
|
||||||
--background: #42b9fe;
|
|
||||||
--color:#ffffff;
|
|
||||||
margin:10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-input{
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
margin: 0px 15px 15px 0px;
|
|
||||||
padding: 0 !important;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Error Messages */
|
|
||||||
.error{
|
|
||||||
color:red;
|
|
||||||
font-size: rem(12);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
.span-color{
|
|
||||||
color:red;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.buttons{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 20px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
import { HttpClientModule } from '@angular/common/http';
|
|
||||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EditEventPage } from './edit-event.page';
|
|
||||||
|
|
||||||
describe('EditEventPage', () => {
|
|
||||||
let component: EditEventPage;
|
|
||||||
let fixture: ComponentFixture<EditEventPage>;
|
|
||||||
|
|
||||||
beforeEach(waitForAsync(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EditEventPage ],
|
|
||||||
imports: [
|
|
||||||
IonicModule.forRoot(),
|
|
||||||
HttpClientModule
|
|
||||||
]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EditEventPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,246 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { ActivatedRoute } from '@angular/router';
|
|
||||||
import { EventsService } from 'src/app/services/events.service';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import { Event } from '../../../models/event.model';
|
|
||||||
import { EventBody } from 'src/app/models/eventbody.model';
|
|
||||||
import { AlertController, ModalController } from '@ionic/angular';
|
|
||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
|
||||||
import { AttendeesPageModal } from 'src/app/pages/events/attendees/attendees.page';
|
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
|
||||||
import { FormGroup, FormBuilder, Validators } from "@angular/forms";
|
|
||||||
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
|
|
||||||
import { AttachmentsPage } from '../attachments/attachments.page';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-edit-event',
|
|
||||||
templateUrl: './edit-event.page.html',
|
|
||||||
styleUrls: ['./edit-event.page.scss'],
|
|
||||||
})
|
|
||||||
|
|
||||||
export class EditEventPage implements OnInit {
|
|
||||||
|
|
||||||
loadedEvent: Event;
|
|
||||||
loadedEventAttachments: Attachment[];
|
|
||||||
pageId: string;
|
|
||||||
showLoader: boolean;
|
|
||||||
backURL: string;
|
|
||||||
ionicForm: FormGroup;
|
|
||||||
isSubmitted = false;
|
|
||||||
|
|
||||||
minDate: Date;
|
|
||||||
|
|
||||||
profile:string;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
public formBuilder: FormBuilder,
|
|
||||||
public alertController: AlertController,
|
|
||||||
private router: Router,
|
|
||||||
private activatedRoute: ActivatedRoute,
|
|
||||||
private eventsService: EventsService,
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private attachamentsService: AttachmentsService,
|
|
||||||
private route: Router,
|
|
||||||
private iab: InAppBrowser) {
|
|
||||||
this.loadedEvent = new Event();
|
|
||||||
this.loadedEvent.Body = new EventBody();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.loadEvent();
|
|
||||||
this.loadAttachments();
|
|
||||||
this.ionicForm = this.formBuilder.group({
|
|
||||||
subject: ['', [Validators.required]]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
get errorControl() {
|
|
||||||
return this.ionicForm.controls;
|
|
||||||
}
|
|
||||||
|
|
||||||
loadEvent(){
|
|
||||||
let eventid: string;
|
|
||||||
this.activatedRoute.paramMap.subscribe(paramMap =>
|
|
||||||
{
|
|
||||||
if (!paramMap.has("eventId")){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.pageId = paramMap.get('eventId');
|
|
||||||
eventid = paramMap.get('eventId');
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
if (paramMap.has("caller")){
|
|
||||||
this.backURL = "/home/" + paramMap.get('caller');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
this.eventsService.getEvent(eventid).subscribe(response => {
|
|
||||||
this.loadedEvent = response;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async openAttendees(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttendeesPageModal,
|
|
||||||
componentProps: {
|
|
||||||
eventAttendees: this.loadedEvent.Attendees
|
|
||||||
},
|
|
||||||
cssClass: 'attendee modal-desktop',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getEventAttendees(): EventPerson[]
|
|
||||||
{
|
|
||||||
return this.loadedEvent.Attendees;
|
|
||||||
}
|
|
||||||
|
|
||||||
setEventAttendees(newattendes: EventPerson[])
|
|
||||||
{
|
|
||||||
this.loadedEvent.Attendees = newattendes;
|
|
||||||
}
|
|
||||||
|
|
||||||
async deleteConfirm()
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Apagar evento!',
|
|
||||||
message: 'Deseja <strong>apagar</strong> o evento da agenda ' + this.loadedEvent.CalendarName + '?',
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: 'Não',
|
|
||||||
role: 'cancel',
|
|
||||||
cssClass: 'secondary',
|
|
||||||
handler: () => { }
|
|
||||||
}, {
|
|
||||||
text: 'Sim',
|
|
||||||
handler: () => {
|
|
||||||
this.Delete();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
Delete()
|
|
||||||
{
|
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () =>
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento removido',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(()=>{
|
|
||||||
alert.dismiss();
|
|
||||||
}, 1500);
|
|
||||||
|
|
||||||
this.router.navigate(['/home/events']);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Save()
|
|
||||||
{
|
|
||||||
// if (this.ionicForm.valid){
|
|
||||||
|
|
||||||
// this.activatedRoute.paramMap.subscribe(paramMap =>{
|
|
||||||
// if (paramMap.has("profile")){
|
|
||||||
|
|
||||||
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
|
|
||||||
// this.eventsService.editEvent(this.loadedEvent, 2, 3).subscribe(async () =>
|
|
||||||
// {
|
|
||||||
// const alert = await this.alertController.create({
|
|
||||||
// cssClass: 'my-custom-class',
|
|
||||||
// header: 'Evento actualizado',
|
|
||||||
// buttons: ['OK']
|
|
||||||
// });
|
|
||||||
|
|
||||||
// setTimeout(()=>{
|
|
||||||
// alert.dismiss();
|
|
||||||
// }, 1500);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
loadAttachments()
|
|
||||||
{
|
|
||||||
|
|
||||||
this.attachamentsService.getAttachmentsById(this.pageId).subscribe(res => {
|
|
||||||
this.loadedEventAttachments = res;
|
|
||||||
|
|
||||||
|
|
||||||
},((erro) => {
|
|
||||||
console.error('loadAttchament', erro)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
async viewDocument(documenturl:string)
|
|
||||||
{
|
|
||||||
const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
|
|
||||||
const browser = this.iab.create(url,"_blank");
|
|
||||||
browser.show();
|
|
||||||
}
|
|
||||||
|
|
||||||
back()
|
|
||||||
{
|
|
||||||
//this.back();
|
|
||||||
}
|
|
||||||
doRefresh(event){
|
|
||||||
/* this.RefreshEvents(); */
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
setTimeout(() => {
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
}
|
|
||||||
navigateTo(ev){
|
|
||||||
this.route.navigate(['/home/events',ev]);
|
|
||||||
}
|
|
||||||
async openAttachments(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttachmentsPage,
|
|
||||||
componentProps: {
|
|
||||||
eventId: this.pageId,
|
|
||||||
attachments: this.loadedEventAttachments
|
|
||||||
},
|
|
||||||
cssClass: 'attachments',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EventDetailPage } from './event-detail.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EventDetailPage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EventDetailPageRoutingModule {}
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailPageRoutingModule } from './event-detail-routing.module';
|
|
||||||
|
|
||||||
import { EventDetailPage } from './event-detail.page';
|
|
||||||
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
EventDetailPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [EventDetailPage]
|
|
||||||
})
|
|
||||||
export class EventDetailPageModule {}
|
|
||||||
@@ -1,215 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-buttons slot="start">
|
|
||||||
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-title class="header-title">Visualizar Evento</ion-title>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<button (click)="deleteConfirm()" class="ion-icon-delete">
|
|
||||||
<ion-icon name="trash"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content padding>
|
|
||||||
<div *ngIf="loadedEvent">
|
|
||||||
<ion-item-group>
|
|
||||||
<ion-item-sliding>
|
|
||||||
<form [formGroup]="ionicForm" novalidate>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label class="capitalizeText" position="stacked">Assunto</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]="loadedEvent.Subject" formControlName="subject" type="text" required></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<!-- Error messages -->
|
|
||||||
<span class="error ion-padding" *ngIf="errorControl.subject.errors?.required">
|
|
||||||
Campo obrigatório
|
|
||||||
</span>
|
|
||||||
</form>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Descrição</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Body.Text'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Localização</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Location'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Calendário</ion-label>
|
|
||||||
<ion-select class="capitalizeText" placeholder="{{loadedEvent.CalendarName}}" [(ngModel)]="loadedEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
|
|
||||||
<ion-select-option Oficial="Viagem">Oficial</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Tipo do evento</ion-label>
|
|
||||||
<ion-select placeholder="{{loadedEvent.EventType}}" [(ngModel)]="loadedEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option value="Reunião">Reunião</ion-select-option>
|
|
||||||
<ion-select-option value="Viagem">Viagem</ion-select-option>
|
|
||||||
<ion-select-option value="Conferência">Conferência</ion-select-option>
|
|
||||||
<ion-select-option value="Encontro">Encontro</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Início</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY H:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Fim</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY HH:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
<div class="div-attach" >
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Intervenientes</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEvent.Attendees">
|
|
||||||
<div *ngFor="let attendee of loadedEvent.Attendees; let i=index">
|
|
||||||
<div *ngIf="i<1">
|
|
||||||
<ion-list >
|
|
||||||
<ion-item class="attendees" lines="none" >
|
|
||||||
<ion-icon class="attendees-icon" name="person" slot="start"></ion-icon>
|
|
||||||
<ion-label class="capitalizeText" class="attendees-list">{{attendee.Name}}</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEvent.Attendees.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="div-attach">
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Anexos</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEventAttachments">
|
|
||||||
<div *ngFor="let att of loadedEventAttachments; let j=index">
|
|
||||||
<div *ngIf="j<2">
|
|
||||||
<ion-list *ngIf="loadedEvent.HasAttachments">
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
<ion-item lines="none" (click)="viewDocument(att.Link)">
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p>{{ att.Description }}</p>
|
|
||||||
<p>{{ att.CreateDate }}</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEventAttachments.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttachments()"><!-- [routerLink]="['/home/attachments', loadedEvent.EventId]" -->
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton Attachment -->
|
|
||||||
<!-- <ion-list *ngIf="!loadedEventAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list> -->
|
|
||||||
<!-- No attachment message -->
|
|
||||||
<ion-list *ngIf="!loadedEvent.HasAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-label>
|
|
||||||
Sem anexos
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-item-group>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton screen -->
|
|
||||||
<div *ngIf="!loadedEvent">
|
|
||||||
<div class="ion-padding custom-skeleton">
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 88%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 70%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-list-header>
|
|
||||||
<ion-label>
|
|
||||||
<ion-skeleton-text animated style="width: 20%"></ion-skeleton-text>
|
|
||||||
</ion-label>
|
|
||||||
</ion-list-header>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-thumbnail slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-thumbnail>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-skeleton-text animated style="width: 27px; height: 27px" slot="start"></ion-skeleton-text>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
<ion-footer>
|
|
||||||
<ion-toolbar>
|
|
||||||
<div class="event-detail-buttons">
|
|
||||||
<button class="btn-ok" fill="clear" color="#fff" shape="round" (click)="Save()">Enviar</button>
|
|
||||||
</div>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-footer>
|
|
||||||
|
|
||||||
@@ -1,117 +0,0 @@
|
|||||||
ion-item-group{
|
|
||||||
margin: 15px;
|
|
||||||
}
|
|
||||||
.div-item{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
}
|
|
||||||
.div-up{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.div-up h3{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: rem(17);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.div-icon{
|
|
||||||
width: 10%;
|
|
||||||
font-size: rem(22);
|
|
||||||
float: left;
|
|
||||||
color: #808080;
|
|
||||||
}
|
|
||||||
.div-icon ion-icon{
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
.div-content-attachment{
|
|
||||||
width: 85%;
|
|
||||||
float: left;
|
|
||||||
padding: 0 0 0 12px;
|
|
||||||
}
|
|
||||||
.ion-icon-attach{
|
|
||||||
color: #666666;
|
|
||||||
font-size: rem(20);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-attach{
|
|
||||||
margin: 15px 0 0 0;
|
|
||||||
--color: #333;
|
|
||||||
--border-color:#333;
|
|
||||||
}
|
|
||||||
.div-card-button{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
ion-card{
|
|
||||||
margin: 2.5% !important;
|
|
||||||
width: 45%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.center{
|
|
||||||
text-align: center;
|
|
||||||
float: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FFOTER */
|
|
||||||
.event-detail-buttons{
|
|
||||||
width: 90%;
|
|
||||||
margin: 10px auto;
|
|
||||||
}
|
|
||||||
.event-detail-buttons ion-button{
|
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
.ion-icon-delete{
|
|
||||||
font-size: rem(22);
|
|
||||||
color: red;
|
|
||||||
background-color: white;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.error{
|
|
||||||
color:red;
|
|
||||||
font-size: rem(12);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
/* .event-detail-buttons{
|
|
||||||
margin-bottom: 80px;
|
|
||||||
margin-top: 10px;
|
|
||||||
} */
|
|
||||||
.attendees-icon{
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.see-more-button{
|
|
||||||
text-transform: initial;
|
|
||||||
font-size: rem(16);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-content{
|
|
||||||
overflow: auto;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding-top: 25px;
|
|
||||||
}
|
|
||||||
.header-icon-left{
|
|
||||||
width: 36px;
|
|
||||||
font-size: rem(33);
|
|
||||||
color: #42b9fe;
|
|
||||||
float: left;
|
|
||||||
border: 1px solid red;
|
|
||||||
}
|
|
||||||
.header-title{
|
|
||||||
width: 300px;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(25);
|
|
||||||
margin: 0 5px 0 5px;
|
|
||||||
padding: 0;
|
|
||||||
color:#000;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailPage } from './event-detail.page';
|
|
||||||
|
|
||||||
describe('EventDetailPage', () => {
|
|
||||||
let component: EventDetailPage;
|
|
||||||
let fixture: ComponentFixture<EventDetailPage>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EventDetailPage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EventDetailPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,246 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { ActivatedRoute } from '@angular/router';
|
|
||||||
import { EventsService } from 'src/app/services/events.service';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import { Event } from '../../../models/event.model';
|
|
||||||
import { EventBody } from 'src/app/models/eventbody.model';
|
|
||||||
import { AlertController, ModalController } from '@ionic/angular';
|
|
||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
|
||||||
import { AttendeesPageModal } from 'src/app/pages/events/attendees/attendees.page';
|
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
|
||||||
import { FormGroup, FormBuilder, Validators } from "@angular/forms";
|
|
||||||
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
|
|
||||||
import { AttachmentsPage } from '../attachments/attachments.page';
|
|
||||||
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-event-detail',
|
|
||||||
templateUrl: './event-detail.page.html',
|
|
||||||
styleUrls: ['./event-detail.page.scss'],
|
|
||||||
})
|
|
||||||
export class EventDetailPage implements OnInit {
|
|
||||||
|
|
||||||
loadedEvent: Event;
|
|
||||||
loadedEventAttachments: Attachment[];
|
|
||||||
pageId: string;
|
|
||||||
showLoader: boolean;
|
|
||||||
backURL: string;
|
|
||||||
ionicForm: FormGroup;
|
|
||||||
isSubmitted = false;
|
|
||||||
|
|
||||||
minDate: Date;
|
|
||||||
|
|
||||||
profile:string;
|
|
||||||
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
public formBuilder: FormBuilder,
|
|
||||||
public alertController: AlertController,
|
|
||||||
private router: Router,
|
|
||||||
private activatedRoute: ActivatedRoute,
|
|
||||||
private eventsService: EventsService,
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private attachamentsService: AttachmentsService,
|
|
||||||
private route: Router,
|
|
||||||
private iab: InAppBrowser) {
|
|
||||||
this.loadedEvent = new Event();
|
|
||||||
this.loadedEvent.Body = new EventBody();
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.loadEvent();
|
|
||||||
this.loadAttachments();
|
|
||||||
this.ionicForm = this.formBuilder.group({
|
|
||||||
subject: ['', [Validators.required]]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
get errorControl() {
|
|
||||||
return this.ionicForm.controls;
|
|
||||||
}
|
|
||||||
|
|
||||||
loadEvent(){
|
|
||||||
let eventid: string;
|
|
||||||
this.activatedRoute.paramMap.subscribe(paramMap =>
|
|
||||||
{
|
|
||||||
if (!paramMap.has("eventId")){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.pageId = paramMap.get('eventId');
|
|
||||||
eventid = paramMap.get('eventId');
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
if (paramMap.has("caller")){
|
|
||||||
this.backURL = "/home/" + paramMap.get('caller');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
this.eventsService.getEvent(eventid).subscribe(response => {
|
|
||||||
this.loadedEvent = response;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async openAttendees(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttendeesPageModal,
|
|
||||||
componentProps: {
|
|
||||||
eventAttendees: this.loadedEvent.Attendees
|
|
||||||
},
|
|
||||||
cssClass: 'attendee modal-desktop',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
getEventAttendees(): EventPerson[]
|
|
||||||
{
|
|
||||||
return this.loadedEvent.Attendees;
|
|
||||||
}
|
|
||||||
|
|
||||||
setEventAttendees(newattendes: EventPerson[])
|
|
||||||
{
|
|
||||||
this.loadedEvent.Attendees = newattendes;
|
|
||||||
}
|
|
||||||
|
|
||||||
async deleteConfirm()
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Apagar evento!',
|
|
||||||
message: 'Deseja <strong>apagar</strong> o evento da agenda ' + this.loadedEvent.CalendarName + '?',
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: 'Não',
|
|
||||||
role: 'cancel',
|
|
||||||
cssClass: 'secondary',
|
|
||||||
handler: () => { }
|
|
||||||
}, {
|
|
||||||
text: 'Sim',
|
|
||||||
handler: () => {
|
|
||||||
this.Delete();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
Delete()
|
|
||||||
{
|
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () =>
|
|
||||||
{
|
|
||||||
/* const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento removido',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present(); */
|
|
||||||
|
|
||||||
this.router.navigate(['/home/events']);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Save()
|
|
||||||
{
|
|
||||||
// if (this.ionicForm.valid){
|
|
||||||
|
|
||||||
// this.activatedRoute.paramMap.subscribe(paramMap =>{
|
|
||||||
// if (paramMap.has("profile")){
|
|
||||||
|
|
||||||
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
|
|
||||||
// this.eventsService.editEvent(this.loadedEvent, 2, 3).subscribe(async () =>
|
|
||||||
// {
|
|
||||||
// const alert = await this.alertController.create({
|
|
||||||
// cssClass: 'my-custom-class',
|
|
||||||
// header: 'Evento actualizado',
|
|
||||||
// buttons: ['OK']
|
|
||||||
// });
|
|
||||||
|
|
||||||
// setTimeout(()=>{
|
|
||||||
// alert.dismiss();
|
|
||||||
// }, 1500);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
loadAttachments()
|
|
||||||
{
|
|
||||||
|
|
||||||
this.attachamentsService.getAttachmentsById(this.pageId).subscribe(res => {
|
|
||||||
this.loadedEventAttachments = res;
|
|
||||||
|
|
||||||
|
|
||||||
},((erro) => {
|
|
||||||
console.error('loadAttchament', erro)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
async viewDocument(documenturl:string)
|
|
||||||
{
|
|
||||||
const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
|
|
||||||
const browser = this.iab.create(url,"_blank");
|
|
||||||
browser.show();
|
|
||||||
}
|
|
||||||
|
|
||||||
back()
|
|
||||||
{
|
|
||||||
//this.back();
|
|
||||||
}
|
|
||||||
doRefresh(event){
|
|
||||||
/* this.RefreshEvents(); */
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
setTimeout(() => {
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
}
|
|
||||||
navigateTo(ev){
|
|
||||||
this.route.navigate(['/home/events',ev]);
|
|
||||||
}
|
|
||||||
async openAttachments(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttachmentsPage,
|
|
||||||
componentProps: {
|
|
||||||
eventId: this.pageId,
|
|
||||||
attachments: this.loadedEventAttachments
|
|
||||||
},
|
|
||||||
cssClass: 'attachments',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { AttachmentsPage } from './attachments.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: AttachmentsPage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class AttachmentsPageRoutingModule {}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { AttachmentsPageRoutingModule } from './attachments-routing.module';
|
|
||||||
|
|
||||||
import { AttachmentsPage } from './attachments.page';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
AttachmentsPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [AttachmentsPage]
|
|
||||||
})
|
|
||||||
export class AttachmentsPageModule {}
|
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-buttons slot="start">
|
|
||||||
<ion-back-button (click)="close()" defaultHref="" icon="chevron-back"></ion-back-button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-title>Anexos do evento</ion-title>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
<ion-content>
|
|
||||||
<div *ngIf="loadedEventAttachments">
|
|
||||||
<ion-list>
|
|
||||||
<ion-item-sliding>
|
|
||||||
<ion-item class="main-item" lines="none" *ngFor="let att of loadedEventAttachments" (click)="viewDocument(att.Link)">
|
|
||||||
<ion-icon style="zoom:1.5" class="ion-icon-attach" name="attach"></ion-icon>
|
|
||||||
<ion-label class="div-content-attachment">
|
|
||||||
<h3 class="h3">{{ att.SourceName }}</h3>
|
|
||||||
<p>{{ att.Description }}</p>
|
|
||||||
<p>{{ att.CreateDate }}</p>
|
|
||||||
<p class="item-list-small">{{ att.Stakeholders }}</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton screen -->
|
|
||||||
<div *ngIf="!loadedEventAttachments">
|
|
||||||
<ion-list>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</ion-content>
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
ion-back-button {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CONTENT */
|
|
||||||
ion-content{
|
|
||||||
--background: #f2f2f2;
|
|
||||||
}
|
|
||||||
.div-attach-results{
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
ion-list, ion-item-sliding{
|
|
||||||
background: none;
|
|
||||||
|
|
||||||
}
|
|
||||||
.item-list-small{
|
|
||||||
font-size: rem(14);
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.ion-item-class{
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
.label-text{
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//DIV
|
|
||||||
.main-item{
|
|
||||||
margin: 15px;
|
|
||||||
/* border: 1px solid #ccc; */
|
|
||||||
border-radius: 5px;
|
|
||||||
box-shadow: 0 4px 8px 0 #ccc, 0 6px 20px 0 #f2f2f2;
|
|
||||||
}
|
|
||||||
.div-content-attachment{
|
|
||||||
margin:0;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.div-content-attachment h3{
|
|
||||||
font-size: rem(18);
|
|
||||||
font-weight: 700;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
ion-item ion-icon{
|
|
||||||
--border-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Custom Skeleton Line Height and Margin */
|
|
||||||
.custom-skeleton ion-skeleton-text {
|
|
||||||
line-height: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-skeleton ion-skeleton-text:last-child {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { AttachmentsPage } from './attachments.page';
|
|
||||||
|
|
||||||
describe('AttachmentsPage', () => {
|
|
||||||
let component: AttachmentsPage;
|
|
||||||
let fixture: ComponentFixture<AttachmentsPage>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ AttachmentsPage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(AttachmentsPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,49 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
|
||||||
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
|
|
||||||
import { ModalController, NavParams } from '@ionic/angular';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-attachments',
|
|
||||||
templateUrl: './attachments.page.html',
|
|
||||||
styleUrls: ['./attachments.page.scss'],
|
|
||||||
})
|
|
||||||
export class AttachmentsPage implements OnInit {
|
|
||||||
|
|
||||||
loadedEventAttachments: Attachment[];
|
|
||||||
pageId: string;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private attachamentsService: AttachmentsService,
|
|
||||||
private iab: InAppBrowser,
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private navParams: NavParams) { }
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.loadAttachments(this.navParams.get('eventId'));
|
|
||||||
}
|
|
||||||
|
|
||||||
loadAttachments(eventid:string)
|
|
||||||
{
|
|
||||||
this.attachamentsService.getAttachmentsById(eventid).subscribe(attachments => {
|
|
||||||
this.loadedEventAttachments = attachments;
|
|
||||||
this.pageId = eventid;
|
|
||||||
},((erro) => {
|
|
||||||
console.error('loadAttchament', erro)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
async viewDocument(documenturl:string)
|
|
||||||
{
|
|
||||||
const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
|
|
||||||
const browser = this.iab.create(url,"_blank");
|
|
||||||
browser.show();
|
|
||||||
}
|
|
||||||
close(){
|
|
||||||
this.modalCtrl.dismiss(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { AttendeesPageModal } from './attendees.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: AttendeesPageModal
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class AttendeesPageRoutingModule {}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { AttendeesPageRoutingModule } from './attendees-routing.module';
|
|
||||||
|
|
||||||
import { AttendeesPageModal } from './attendees.page';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
AttendeesPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [AttendeesPageModal],
|
|
||||||
exports: [AttendeesPageModal]
|
|
||||||
})
|
|
||||||
export class AttendeesPageModule {}
|
|
||||||
@@ -1,94 +0,0 @@
|
|||||||
<ion-header class="ion-no-border px-20">
|
|
||||||
<ion-toolbar class="px-10">
|
|
||||||
<ion-title class="pa-0">Pesquisar contactos</ion-title>
|
|
||||||
</ion-toolbar>
|
|
||||||
<ion-searchbar search-icon="undefined" class="attendee-search-bar" (ionChange)="onChange($event)" placeholder="Insira email para adicionar destinatário"></ion-searchbar><!-- [(ngModel)]="searchCountryString" -->
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content class="height-100 overflow-y-auto">
|
|
||||||
|
|
||||||
<ion-item-group class="d-flex flex-column height-100 ">
|
|
||||||
<ion-list lines="none" class="flex-grow-1 overflow-y-auto height-100" >
|
|
||||||
<ion-item-sliding class="px-20">
|
|
||||||
<div *ngFor="let attendee of contacts;">
|
|
||||||
<ion-item (click)="selectContact(attendee)" class="cursor-pointer" lines="none" *ngIf="filterSearchList(attendee)" >
|
|
||||||
<div class="pr-10">
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" src="assets/images/icons-default-profile.svg"></ion-icon>
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" src="assets/images/theme/gov/icons-profile.svg"></ion-icon>
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35-rem" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-profile.svg"></ion-icon>
|
|
||||||
</div>
|
|
||||||
<ion-label>
|
|
||||||
<h3>{{ attendee.Name }}</h3>
|
|
||||||
<p class="lowercase">{{ attendee.EmailAddress }}</p>
|
|
||||||
</ion-label>
|
|
||||||
<div>
|
|
||||||
<ion-icon class="font-35-rem" src="assets/images/icons-add-25.svg"></ion-icon>
|
|
||||||
</div>
|
|
||||||
</ion-item>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-list>
|
|
||||||
<hr/>
|
|
||||||
|
|
||||||
<ion-list lines="none" *ngIf="taskParticipants?.length >= 1 && adding == 'intervenient' " class="flex-grow-1 overflow-y-auto height-100 pb-0" >
|
|
||||||
<div class="px-20 font-15 pt-20" style="border-top:1px solid #ebebeb;font-weight: 500;" *ngIf="taskParticipants.length >= 1 || taskParticipantsCc.length >= 1" > Destinatário</div>
|
|
||||||
<ion-item-sliding class="px-20">
|
|
||||||
<ion-item lines="none" *ngFor="let attendee of taskParticipants;" class="d-flex">
|
|
||||||
<div class="pr-10">
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" src="assets/images/icons-default-profile.svg"></ion-icon>
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" src="assets/images/theme/gov/icons-profile.svg"></ion-icon>
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35-rem" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-profile.svg"></ion-icon>
|
|
||||||
</div>
|
|
||||||
<ion-label>
|
|
||||||
<h3>{{ attendee.Name }}</h3>
|
|
||||||
<p class="lowercase">{{ attendee.EmailAddress }}</p>
|
|
||||||
</ion-label>
|
|
||||||
<div class="cursor-pointer" (click)="remove(attendee)">
|
|
||||||
<ion-icon class="font-35-rem" src="assets/images/icons-delete-25.svg"></ion-icon>
|
|
||||||
</div>
|
|
||||||
</ion-item>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-list>
|
|
||||||
<ion-list lines="none" *ngIf="taskParticipantsCc?.length >= 1 && adding == 'CC' " class="flex-grow-1 overflow-y-auto height-100 pb-0" >
|
|
||||||
<div class="px-20 font-15 pt-20" style="border-top:1px solid #ebebeb;font-weight: 500;" *ngIf="taskParticipants.length >= 1 || taskParticipantsCc.length >= 1" > Destinatário</div>
|
|
||||||
|
|
||||||
<ion-item-sliding class="px-20">
|
|
||||||
<ion-item lines="none" *ngFor="let attendee of taskParticipantsCc;" class="d-flex">
|
|
||||||
<div class="pr-10">
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" src="assets/images/icons-default-profile.svg"></ion-icon>
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" src="assets/images/theme/gov/icons-profile.svg"></ion-icon>
|
|
||||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35-rem" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-profile.svg"></ion-icon>
|
|
||||||
</div>
|
|
||||||
<ion-label>
|
|
||||||
<h3>{{ attendee.Name }}</h3>
|
|
||||||
<p class="lowercase">{{ attendee.EmailAddress }}</p>
|
|
||||||
</ion-label>
|
|
||||||
<div class="cursor-pointer" (click)="remove(attendee)">
|
|
||||||
<ion-icon class="font-35-rem" src="assets/images/icons-delete-25.svg"></ion-icon>
|
|
||||||
</div>
|
|
||||||
</ion-item>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-list>
|
|
||||||
</ion-item-group>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
|
|
||||||
<ion-footer class="ion-no-border">
|
|
||||||
<ion-toolbar class="d-flex">
|
|
||||||
<ion-buttons class="flex-grow-1" slot="start">
|
|
||||||
<button class="btn-ok" fill="clear" color="#fff" (click)="save()">
|
|
||||||
<ion-label>Gravar</ion-label>
|
|
||||||
<ion-icon name="checkmark" slot="start"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-buttons class="flex-grow-1" slot="end">
|
|
||||||
<button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
|
|
||||||
<ion-label>Cancelar</ion-label>
|
|
||||||
<ion-icon name="close" slot="start"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-footer>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
ion-item{
|
|
||||||
border-bottom:1px solid #ccc;
|
|
||||||
}
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { AttendeesPageModal } from './attendees.page';
|
|
||||||
|
|
||||||
describe('AttendeesPage', () => {
|
|
||||||
let component: AttendeesPageModal;
|
|
||||||
let fixture: ComponentFixture<AttendeesPageModal>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ AttendeesPageModal ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(AttendeesPageModal);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,177 +0,0 @@
|
|||||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
|
||||||
import { ModalController, NavParams } from '@ionic/angular';
|
|
||||||
import { ContactsService } from 'src/app/services/contacts.service';
|
|
||||||
import { ThemeService } from 'src/app/services/theme.service'
|
|
||||||
import { LoginUserRespose } from 'src/app/models/user.model';
|
|
||||||
import { SessionStore } from 'src/app/store/session.service';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-attendees',
|
|
||||||
templateUrl: './attendees.page.html',
|
|
||||||
styleUrls: ['./attendees.page.scss'],
|
|
||||||
})
|
|
||||||
export class AttendeesPageModal implements OnInit {
|
|
||||||
|
|
||||||
// Defined by the API
|
|
||||||
contacts: EventPerson[];
|
|
||||||
showLoader: boolean = false;
|
|
||||||
selectedContact: EventPerson[] =[];
|
|
||||||
eventPersons: EventPerson[];
|
|
||||||
adding: "intervenient" | "CC";
|
|
||||||
currentPath = window.location.pathname;
|
|
||||||
|
|
||||||
taskParticipants:EventPerson[] = [];
|
|
||||||
taskParticipantsCc:EventPerson[] = [];
|
|
||||||
loggeduser: LoginUserRespose;
|
|
||||||
@Input() loggedAttendSon: boolean;
|
|
||||||
@Input() hideExternalDomain = true;
|
|
||||||
taskType: any;
|
|
||||||
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private contactsService: ContactsService,
|
|
||||||
private navParams: NavParams,
|
|
||||||
private modalController: ModalController,
|
|
||||||
public ThemeService: ThemeService,
|
|
||||||
private router: Router,) {
|
|
||||||
|
|
||||||
this.adding = this.navParams.get('adding');
|
|
||||||
this.taskParticipants = this.navParams.get('taskParticipants');
|
|
||||||
this.taskParticipantsCc = this.navParams.get('taskParticipantsCc');
|
|
||||||
this.taskType = this.navParams.get('taskType');
|
|
||||||
this.loggeduser = SessionStore.user;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
console.log('Pesquisa de contactos current path2',this.router.url)
|
|
||||||
this.fetchContacts("");
|
|
||||||
|
|
||||||
if(this.taskParticipants == null || this.taskParticipants == undefined){
|
|
||||||
this.taskParticipants = [];
|
|
||||||
}
|
|
||||||
|
|
||||||
if(this.taskParticipantsCc == null || this.taskParticipantsCc == undefined){
|
|
||||||
this.taskParticipantsCc = [];
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnChanges(event) {}
|
|
||||||
|
|
||||||
save(){
|
|
||||||
|
|
||||||
this.modalController.dismiss({
|
|
||||||
'taskParticipants': this.taskParticipants,
|
|
||||||
'taskParticipantsCc': this.taskParticipantsCc
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
close() {
|
|
||||||
this.modalController.dismiss(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
onChange(evt: any) {
|
|
||||||
this.fetchContacts(evt.detail.value);
|
|
||||||
}
|
|
||||||
|
|
||||||
filterSearchList(itm: EventPerson): boolean {
|
|
||||||
|
|
||||||
const result = this.taskParticipants.concat( this.taskParticipantsCc).find((contact, index)=>{
|
|
||||||
|
|
||||||
if(contact.Name.toLocaleLowerCase() == itm.Name.toLocaleLowerCase() && contact.EmailAddress.toLocaleLowerCase() == itm.EmailAddress.toLocaleLowerCase()){
|
|
||||||
index = index;
|
|
||||||
return contact;
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
return undefined == result;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
remove(itm: EventPerson){
|
|
||||||
|
|
||||||
if(this.adding == "intervenient"){
|
|
||||||
|
|
||||||
this.taskParticipants = this.taskParticipants.filter((contact, index) =>{
|
|
||||||
|
|
||||||
if(contact.Name.toLocaleLowerCase() != itm.Name.toLocaleLowerCase() && contact.EmailAddress.toLocaleLowerCase() != itm.EmailAddress.toLocaleLowerCase()){
|
|
||||||
return contact;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
} else if (this.adding == "CC") {
|
|
||||||
|
|
||||||
this.taskParticipantsCc = this.taskParticipantsCc.filter((contact, index) =>{
|
|
||||||
|
|
||||||
if(contact.Name.toLocaleLowerCase() != itm.Name.toLocaleLowerCase() && contact.EmailAddress.toLocaleLowerCase() != itm.EmailAddress.toLocaleLowerCase()){
|
|
||||||
return contact;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
async selectContact(itm: EventPerson){
|
|
||||||
if(this.adding == "intervenient"){
|
|
||||||
itm.IsRequired = true;
|
|
||||||
this.taskParticipants.push(itm);
|
|
||||||
|
|
||||||
} else if (this.adding == "CC") {
|
|
||||||
itm.IsRequired = false;
|
|
||||||
this.taskParticipantsCc.push(itm);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async fetchContacts(filter: string) {
|
|
||||||
this.showLoader = true;
|
|
||||||
|
|
||||||
this.contactsService.getContacts(filter).subscribe(_result =>
|
|
||||||
{
|
|
||||||
|
|
||||||
let result
|
|
||||||
if(this.hideExternalDomain) {
|
|
||||||
result = _result.filter( e => e.UserType == 'GD')
|
|
||||||
} else {
|
|
||||||
result = _result
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
if (this.eventPersons != null)
|
|
||||||
{
|
|
||||||
this.eventPersons.forEach(attendee => {
|
|
||||||
const index: number = result.findIndex((cont) => {
|
|
||||||
return cont.EmailAddress.toLocaleLowerCase() == attendee.EmailAddress.toLocaleLowerCase()
|
|
||||||
});
|
|
||||||
|
|
||||||
result.splice(index, 1);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if(this.loggedAttendSon) {
|
|
||||||
this.contacts = result;
|
|
||||||
this.showLoader = false;
|
|
||||||
} else {
|
|
||||||
this.contacts = result;
|
|
||||||
// console.log('Attendes Email',this.loggeduser.Email)
|
|
||||||
let filterLoggedUserEmail = this.contacts.filter(item => item.EmailAddress.toLocaleLowerCase() != this.loggeduser.Email.toLocaleLowerCase())
|
|
||||||
// console.log('Attendes Email', filterLoggedUserEmail)
|
|
||||||
let filterEmptyEmail = filterLoggedUserEmail.filter(item => item.EmailAddress.toLocaleLowerCase() != "")
|
|
||||||
this.contacts = filterEmptyEmail;
|
|
||||||
// console.log('Attendes Email', this.contacts)
|
|
||||||
this.showLoader = false;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EventDetailModalPage } from './event-detail-modal.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EventDetailModalPage
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EventDetailModalPageRoutingModule {}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailModalPageRoutingModule } from './event-detail-modal-routing.module';
|
|
||||||
|
|
||||||
import { EventDetailModalPage } from './event-detail-modal.page';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
EventDetailModalPageRoutingModule
|
|
||||||
],
|
|
||||||
declarations: [EventDetailModalPage]
|
|
||||||
})
|
|
||||||
export class EventDetailModalPageModule {}
|
|
||||||
@@ -1,215 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-buttons slot="start">
|
|
||||||
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-title>Visualizar Evento</ion-title>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<button (click)="deleteConfirm()" class="ion-icon-delete">
|
|
||||||
<ion-icon name="trash"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</ion-buttons>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<ion-content padding>
|
|
||||||
<div *ngIf="loadedEvent">
|
|
||||||
<ion-item-group>
|
|
||||||
<ion-item-sliding>
|
|
||||||
<!-- <form [formGroup]="ionicForm" novalidate>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label class="capitalizeText" position="stacked">Assunto</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]="loadedEvent.Subject" formControlName="subject" type="text" required></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
//Error messages
|
|
||||||
<span class="error ion-padding" *ngIf="errorControl.subject.errors?.required">
|
|
||||||
Campo obrigatório
|
|
||||||
</span>
|
|
||||||
</form> -->
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Descrição</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Body.Text'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Localização</ion-label>
|
|
||||||
<ion-input class="capitalizeText" [(ngModel)]='loadedEvent.Location'></ion-input>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Calendário</ion-label>
|
|
||||||
<ion-select class="capitalizeText" placeholder="{{loadedEvent.CalendarName}}" [(ngModel)]="loadedEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
|
|
||||||
<ion-select-option Oficial="Viagem">Oficial</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Tipo do evento</ion-label>
|
|
||||||
<ion-select placeholder="{{loadedEvent.EventType}}" [(ngModel)]="loadedEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
|
|
||||||
<ion-select-option value="Reunião">Reunião</ion-select-option>
|
|
||||||
<ion-select-option value="Viagem">Viagem</ion-select-option>
|
|
||||||
<ion-select-option value="Conferência">Conferência</ion-select-option>
|
|
||||||
<ion-select-option value="Encontro">Encontro</ion-select-option>
|
|
||||||
</ion-select>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Início</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY H:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-label position="stacked">Data Fim</ion-label>
|
|
||||||
<ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
|
|
||||||
displayFormat="D MMM YYYY HH:mm" minuteValues="0,5,10,15,20,25,30,35,40,45,50,55"
|
|
||||||
monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
<div class="div-attach" >
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Intervenientes</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEvent.Attendees">
|
|
||||||
<div *ngFor="let attendee of loadedEvent.Attendees; let i=index">
|
|
||||||
<div *ngIf="i<1">
|
|
||||||
<ion-list >
|
|
||||||
<ion-item class="attendees" lines="none" >
|
|
||||||
<ion-icon class="attendees-icon" name="person" slot="start"></ion-icon>
|
|
||||||
<ion-label class="capitalizeText" class="attendees-list">{{attendee.Name}}</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEvent.Attendees.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttendees()">
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="div-attach">
|
|
||||||
<ion-item>
|
|
||||||
<ion-buttons slot="end">
|
|
||||||
<ion-label color="secondary">Editar</ion-label>
|
|
||||||
</ion-buttons>
|
|
||||||
<ion-label class="attach-label">Anexos</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<div *ngIf="loadedEventAttachments">
|
|
||||||
<div *ngFor="let att of loadedEventAttachments; let j=index">
|
|
||||||
<div *ngIf="j<2">
|
|
||||||
<ion-list *ngIf="loadedEvent.HasAttachments">
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
<ion-item lines="none" (click)="viewDocument(att.Link)">
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p>{{ att.Description }}</p>
|
|
||||||
<p>{{ att.CreateDate }}</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="loadedEventAttachments.length > 1">
|
|
||||||
<button class="see-more-button" fill="none" shape="round" (click)="openAttachments()"><!-- [routerLink]="['/home/attachments', loadedEvent.EventId]" -->
|
|
||||||
<ion-label color="secondary">Ver mais...</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton Attachment -->
|
|
||||||
<ion-list *ngIf="!loadedEventAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-icon name="attach" slot="start"></ion-icon>
|
|
||||||
<ion-label>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
<p> <ion-skeleton-text animated></ion-skeleton-text></p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
<!-- No attachment message -->
|
|
||||||
<ion-list *ngIf="!loadedEvent.HasAttachments">
|
|
||||||
<ion-item lines="none" >
|
|
||||||
<ion-label>
|
|
||||||
Sem anexos
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</ion-item-sliding>
|
|
||||||
</ion-item-group>
|
|
||||||
</div>
|
|
||||||
<!-- Skeleton screen -->
|
|
||||||
<div *ngIf="!loadedEvent">
|
|
||||||
<div class="ion-padding custom-skeleton">
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 88%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 70%"></ion-skeleton-text>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-list-header>
|
|
||||||
<ion-label>
|
|
||||||
<ion-skeleton-text animated style="width: 20%"></ion-skeleton-text>
|
|
||||||
</ion-label>
|
|
||||||
</ion-list-header>
|
|
||||||
<ion-item>
|
|
||||||
<ion-avatar slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-avatar>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-thumbnail slot="start">
|
|
||||||
<ion-skeleton-text animated></ion-skeleton-text>
|
|
||||||
</ion-thumbnail>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
<ion-item>
|
|
||||||
<ion-skeleton-text animated style="width: 27px; height: 27px" slot="start"></ion-skeleton-text>
|
|
||||||
<ion-label>
|
|
||||||
<h3>
|
|
||||||
<ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
|
|
||||||
</p>
|
|
||||||
</ion-label>
|
|
||||||
</ion-item>
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
<ion-footer>
|
|
||||||
<ion-toolbar>
|
|
||||||
<div class="event-detail-buttons">
|
|
||||||
<ion-button shape="round" (click)="Save()">Enviar</ion-button>
|
|
||||||
</div>
|
|
||||||
</ion-toolbar>
|
|
||||||
</ion-footer>
|
|
||||||
|
|
||||||
@@ -1,95 +0,0 @@
|
|||||||
ion-item-group{
|
|
||||||
margin: 15px;
|
|
||||||
}
|
|
||||||
.div-item{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
}
|
|
||||||
.div-up{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.div-up h3{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: rem(17);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.div-icon{
|
|
||||||
width: 10%;
|
|
||||||
font-size: rem(22);
|
|
||||||
float: left;
|
|
||||||
color: #808080;
|
|
||||||
}
|
|
||||||
.div-icon ion-icon{
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
.div-content-attachment{
|
|
||||||
width: 85%;
|
|
||||||
float: left;
|
|
||||||
padding: 0 0 0 12px;
|
|
||||||
}
|
|
||||||
.ion-icon-attach{
|
|
||||||
color: #666666;
|
|
||||||
font-size: rem(20);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-attach{
|
|
||||||
margin: 15px 0 0 0;
|
|
||||||
--color: #333;
|
|
||||||
--border-color:#333;
|
|
||||||
}
|
|
||||||
.div-card-button{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
ion-card{
|
|
||||||
margin: 2.5% !important;
|
|
||||||
width: 45%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.center{
|
|
||||||
text-align: center;
|
|
||||||
float: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FFOTER */
|
|
||||||
.event-detail-buttons{
|
|
||||||
width: 90%;
|
|
||||||
margin: 10px auto;
|
|
||||||
}
|
|
||||||
.event-detail-buttons ion-button{
|
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
.ion-icon-delete{
|
|
||||||
font-size: rem(22);
|
|
||||||
color: red;
|
|
||||||
background-color: white;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.error{
|
|
||||||
color:red;
|
|
||||||
font-size: rem(12);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
/* .event-detail-buttons{
|
|
||||||
margin-bottom: 80px;
|
|
||||||
margin-top: 10px;
|
|
||||||
} */
|
|
||||||
.attendees-icon{
|
|
||||||
font-size: rem(14);
|
|
||||||
}
|
|
||||||
.see-more-button{
|
|
||||||
text-transform: initial;
|
|
||||||
font-size: rem(16);
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventDetailModalPage } from './event-detail-modal.page';
|
|
||||||
|
|
||||||
describe('EventDetailModalPage', () => {
|
|
||||||
let component: EventDetailModalPage;
|
|
||||||
let fixture: ComponentFixture<EventDetailModalPage>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EventDetailModalPage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EventDetailModalPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,246 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
|
||||||
import { AlertController, ModalController, NavParams } from '@ionic/angular';
|
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { Event } from 'src/app/models/event.model';
|
|
||||||
import { EventBody } from 'src/app/models/eventbody.model';
|
|
||||||
import { EventPerson } from 'src/app/models/eventperson.model';
|
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
|
||||||
import { EventsService } from 'src/app/services/events.service';
|
|
||||||
import { AttachmentsPage } from '../attachments/attachments.page';
|
|
||||||
import { AttendeesPageModal } from '../attendees/attendees.page';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-event-detail-modal',
|
|
||||||
templateUrl: './event-detail-modal.page.html',
|
|
||||||
styleUrls: ['./event-detail-modal.page.scss'],
|
|
||||||
})
|
|
||||||
export class EventDetailModalPage implements OnInit {
|
|
||||||
|
|
||||||
loadedEvent: Event;
|
|
||||||
loadedEventAttachments: Attachment[];
|
|
||||||
pageId: string;
|
|
||||||
showLoader: boolean;
|
|
||||||
backURL: string;
|
|
||||||
ionicForm: FormGroup;
|
|
||||||
isSubmitted = false;
|
|
||||||
|
|
||||||
minDate: Date;
|
|
||||||
|
|
||||||
profile:string;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
public formBuilder: FormBuilder,
|
|
||||||
public alertController: AlertController,
|
|
||||||
private router: Router,
|
|
||||||
private activatedRoute: ActivatedRoute,
|
|
||||||
private eventsService: EventsService,
|
|
||||||
private modalCtrl: ModalController,
|
|
||||||
private attachamentsService: AttachmentsService,
|
|
||||||
private route: Router,) {
|
|
||||||
this.loadedEvent = new Event();
|
|
||||||
this.loadedEvent.Body = new EventBody();
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.loadEvent();
|
|
||||||
this.loadAttachments();
|
|
||||||
this.ionicForm = this.formBuilder.group({
|
|
||||||
subject: ['', [Validators.required]]
|
|
||||||
})
|
|
||||||
|
|
||||||
// this.setDefaultTime()
|
|
||||||
}
|
|
||||||
|
|
||||||
// setDefaultTime() {
|
|
||||||
// this.loadedEvent.StartDate = new Date()
|
|
||||||
// this.loadedEvent.EndDate = (new Date(new Date().getTime() + 15 * 60000))
|
|
||||||
// }
|
|
||||||
|
|
||||||
get errorControl() {
|
|
||||||
return this.ionicForm.controls;
|
|
||||||
}
|
|
||||||
|
|
||||||
loadEvent(){
|
|
||||||
let eventid: string;
|
|
||||||
this.activatedRoute.paramMap.subscribe(paramMap =>
|
|
||||||
{
|
|
||||||
if (!paramMap.has("eventId")){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.pageId = paramMap.get('eventId');
|
|
||||||
eventid = paramMap.get('eventId');
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
if (paramMap.has("caller")){
|
|
||||||
this.backURL = "/home/" + paramMap.get('caller');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
this.eventsService.getEvent(eventid).subscribe(response => {
|
|
||||||
this.loadedEvent = response;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async openAttendees(){
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttendeesPageModal,
|
|
||||||
componentProps: {
|
|
||||||
eventAttendees: this.loadedEvent.Attendees
|
|
||||||
},
|
|
||||||
cssClass: 'attendee modal-desktop',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
getEventAttendees(): EventPerson[]
|
|
||||||
{
|
|
||||||
return this.loadedEvent.Attendees;
|
|
||||||
}
|
|
||||||
|
|
||||||
setEventAttendees(newattendes: EventPerson[])
|
|
||||||
{
|
|
||||||
this.loadedEvent.Attendees = newattendes;
|
|
||||||
}
|
|
||||||
|
|
||||||
async deleteConfirm()
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Apagar evento!',
|
|
||||||
message: 'Deseja <strong>apagar</strong> o evento da agenda ' + this.loadedEvent.CalendarName + '?',
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: 'Não',
|
|
||||||
role: 'cancel',
|
|
||||||
cssClass: 'secondary',
|
|
||||||
handler: () => { }
|
|
||||||
}, {
|
|
||||||
text: 'Sim',
|
|
||||||
handler: () => {
|
|
||||||
this.Delete();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
await alert.present();
|
|
||||||
}
|
|
||||||
|
|
||||||
Delete()
|
|
||||||
{
|
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () =>
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento removido',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(()=>{
|
|
||||||
alert.dismiss();
|
|
||||||
}, 1500);
|
|
||||||
|
|
||||||
this.router.navigate(['/home/events']);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Save()
|
|
||||||
{
|
|
||||||
if (this.ionicForm.valid)
|
|
||||||
{
|
|
||||||
|
|
||||||
this.eventsService.putEvent(this.loadedEvent, 2, 3, "md").subscribe(async () =>
|
|
||||||
{
|
|
||||||
const alert = await this.alertController.create({
|
|
||||||
cssClass: 'my-custom-class',
|
|
||||||
header: 'Evento actualizado',
|
|
||||||
buttons: ['OK']
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(()=>{
|
|
||||||
alert.dismiss();
|
|
||||||
}, 1500);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
loadAttachments()
|
|
||||||
{
|
|
||||||
/* this.attachamentsService.getEventAttachments(this.pageId).subscribe(attachments => {
|
|
||||||
this.loadedEventAttachments = attachments;
|
|
||||||
}); */
|
|
||||||
this.attachamentsService.getAttachmentsById(this.pageId).subscribe(res => {
|
|
||||||
|
|
||||||
|
|
||||||
},((erro) => {
|
|
||||||
console.error('loadAttchament', erro)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
async viewDocument(documenturl:string)
|
|
||||||
{
|
|
||||||
const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
|
|
||||||
/* const browser = this.iab.create(url,"_blank");
|
|
||||||
browser.show(); */
|
|
||||||
}
|
|
||||||
|
|
||||||
back()
|
|
||||||
{
|
|
||||||
//this.back();
|
|
||||||
}
|
|
||||||
doRefresh(event){
|
|
||||||
/* this.RefreshEvents(); */
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
setTimeout(() => {
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
}
|
|
||||||
navigateTo(ev){
|
|
||||||
this.route.navigate(['/home/events',ev]);
|
|
||||||
}
|
|
||||||
async openAttachments() {
|
|
||||||
const modal = await this.modalCtrl.create({
|
|
||||||
component: AttachmentsPage,
|
|
||||||
componentProps: {
|
|
||||||
eventId: this.pageId,
|
|
||||||
attachments: this.loadedEventAttachments
|
|
||||||
},
|
|
||||||
cssClass: 'attachments',
|
|
||||||
backdropDismiss: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
modal.onDidDismiss().then((data) => {
|
|
||||||
if (data['data'] != null)
|
|
||||||
{
|
|
||||||
let newattendees: EventPerson[] = data['data'];
|
|
||||||
this.loadedEvent.Attendees = newattendees;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await modal.present();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
|
||||||
|
|
||||||
import { EventsPage } from './events.page';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
component: EventsPage
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// path: 'event-detail',
|
|
||||||
// loadChildren: () => import('./event-detail/event-detail.module').then( m => m.EventDetailPageModule)
|
|
||||||
// },
|
|
||||||
{
|
|
||||||
path: 'attachments',
|
|
||||||
loadChildren: () => import('./attachments/attachments.module').then( m => m.AttachmentsPageModule)
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'attendees',
|
|
||||||
loadChildren: () => import('./attendees/attendees.module').then( m => m.AttendeesPageModule)
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'event-detail-modal',
|
|
||||||
loadChildren: () => import('./event-detail-modal/event-detail-modal.module').then( m => m.EventDetailModalPageModule)
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// path: 'edit-event',
|
|
||||||
// loadChildren: () => import('./edit-event/edit-event.module').then( m => m.EditEventPageModule)
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forChild(routes)],
|
|
||||||
exports: [RouterModule],
|
|
||||||
})
|
|
||||||
export class EventsPageRoutingModule {}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
import { EventsPageRoutingModule } from './events-routing.module';
|
|
||||||
import { EventsPage } from './events.page';
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
IonicModule,
|
|
||||||
EventsPageRoutingModule,
|
|
||||||
//
|
|
||||||
],
|
|
||||||
declarations: [EventsPage],
|
|
||||||
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
||||||
})
|
|
||||||
export class EventsPageModule {}
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
<ion-header class="ion-no-border text-white">
|
|
||||||
<ion-label>
|
|
||||||
<p class="time ion-text-center">{{customDate}}</p>
|
|
||||||
</ion-label>
|
|
||||||
<ion-label>
|
|
||||||
<p *ngIf="totalEvent==1" class="event-number p-small ion-text-center"> <strong>{{totalEvent}}</strong> evento agendado para hoje</p>
|
|
||||||
<p *ngIf="totalEvent!=1"class="event-number p-small ion-text-center"> <strong>{{totalEvent}}</strong> eventos agendados para hoje</p>
|
|
||||||
</ion-label>
|
|
||||||
<div class="next-meeting">
|
|
||||||
<div class="meeting-time" *ngIf="currentHoursMinutes">{{currentHoursMinutes | date: 'HH:mm'}}</div>
|
|
||||||
<div class="meeting-description" *ngIf="currentEvent"> "{{currentEvent}}"</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
<!-- Default Refresher -->
|
|
||||||
|
|
||||||
<ion-content class="main " ng-controller="AppController">
|
|
||||||
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
|
|
||||||
<ion-refresher-content>
|
|
||||||
</ion-refresher-content>
|
|
||||||
</ion-refresher>
|
|
||||||
|
|
||||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
||||||
|
|
||||||
<div class="conteiner-box px-20 height-100" ng-swipe-up="swipe($event)">
|
|
||||||
<div class="schedule height-100">
|
|
||||||
<div class="schedule-header">
|
|
||||||
<div class="title">
|
|
||||||
<ion-icon class="icon" slot="end" src="assets/images/icons-default-agenda.svg" ></ion-icon>
|
|
||||||
<div class="text">A sua Agenda</div>
|
|
||||||
</div>
|
|
||||||
<button class="btn-no-color" [routerLink]="['/home/agenda']">
|
|
||||||
<ion-icon
|
|
||||||
class="icon-next"
|
|
||||||
slot="end"
|
|
||||||
src="assets/images/icons-arrow-circle-arrow-right.svg"
|
|
||||||
*ngIf="ThemeService.currentTheme != 'doneIt' "
|
|
||||||
></ion-icon>
|
|
||||||
|
|
||||||
|
|
||||||
<ion-icon
|
|
||||||
class="icon-next"
|
|
||||||
slot="end"
|
|
||||||
src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
|
|
||||||
></ion-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="content overflow-y-auto flex-grow-1 height-100">
|
|
||||||
|
|
||||||
<!-- {{ toDayEventStorage.eventsList | json}} -->
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-item class="item-hover cursor-pointer" lines="none" *ngFor="let event of toDayEventStorage.eventsList"
|
|
||||||
(click)="goToEvent(event.EventId)"
|
|
||||||
>
|
|
||||||
<div class="d-flex content-{{loggeduser.Profile}}-{{event.CalendarName}}">
|
|
||||||
|
|
||||||
<div class="schedule-time">
|
|
||||||
<div *ngIf="!event.IsAllDayEvent" class="time-start">{{event.StartDate | date: 'HH:mm'}}</div>
|
|
||||||
<div *ngIf="!event.IsAllDayEvent" class="time-end">{{event.EndDate | date: 'HH:mm'}}</div>
|
|
||||||
|
|
||||||
<div *ngIf="event.IsAllDayEvent" class="time-start"> Todo </div>
|
|
||||||
<div *ngIf="event.IsAllDayEvent" class="time-end text-center"> o dia </div>
|
|
||||||
<div></div>
|
|
||||||
</div>
|
|
||||||
<div class="schedule-details">
|
|
||||||
<div class="location">{{event.Location}}</div>
|
|
||||||
<div class="description">
|
|
||||||
<p>{{event.Subject}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
</ion-list>
|
|
||||||
<!--
|
|
||||||
<div class="resume">
|
|
||||||
<div class="title">
|
|
||||||
Resumo para Amnahã
|
|
||||||
</div>
|
|
||||||
<div class="event-num">4 eventos ageandados para amanhã</div>
|
|
||||||
<div class="first-event-time">08:30 "Reunião Staff" no Palácio Presidencial</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="schedule height-100">
|
|
||||||
<div class="schedule-header">
|
|
||||||
<div class="title">
|
|
||||||
<ion-icon class="icon" slot="end" src="assets/images/icons-correspondencias.svg"></ion-icon>
|
|
||||||
<div class="text">Correspondência por ler</div>
|
|
||||||
</div>
|
|
||||||
<button (click)="viewExpedientListPage()" class="btn-no-color cursor-pointer">
|
|
||||||
<ion-icon class="icon-next" slot="end" src="assets/images/icons-arrow-circle-arrow-right.svg"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="content overflow-y-auto flex-grow-1 height-100">
|
|
||||||
<ion-list>
|
|
||||||
<ion-item class="item-hover cursor-pointer" lines="none" *ngFor = "let task of expedienteGdStore.list"
|
|
||||||
(click)="goToExpediente(task.SerialNumber)">
|
|
||||||
<div class="item-exp d-flex">
|
|
||||||
<div class="schedule-date">
|
|
||||||
<div class="time-end">{{task.TaskStartDate | date: 'dd-MM-yyyy'}}</div>
|
|
||||||
<div class="time-start">{{task.TaskStartDate | date: 'HH:mm'}}</div>
|
|
||||||
</div>
|
|
||||||
<div class="schedule-details pointer">
|
|
||||||
<div class="description">{{ task.Subject }}</div>
|
|
||||||
<div class="location">{{ task.Senders }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ion-item>
|
|
||||||
|
|
||||||
</ion-list>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
@@ -1,526 +0,0 @@
|
|||||||
@import '~src/function.scss';
|
|
||||||
|
|
||||||
/* HEADER */
|
|
||||||
.bg-blue{
|
|
||||||
--background:#0782c9;
|
|
||||||
background:#0782c9;
|
|
||||||
--background-color:#0782c9;
|
|
||||||
background-color:#0782c9;
|
|
||||||
color: #ffffff;
|
|
||||||
--color: #ffffff;
|
|
||||||
}
|
|
||||||
ion-toolbar{
|
|
||||||
--background: white;
|
|
||||||
}
|
|
||||||
.ion-text-header-top{
|
|
||||||
width: 100%;
|
|
||||||
--background: transparent;
|
|
||||||
text-align: center;
|
|
||||||
padding-top: 15px;
|
|
||||||
color: #ffffff;
|
|
||||||
|
|
||||||
/* border: 1px solid red; */
|
|
||||||
}
|
|
||||||
.div-top-header{
|
|
||||||
width: 400px;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: #0782c9;
|
|
||||||
overflow: auto;
|
|
||||||
padding-top: 15px;
|
|
||||||
border: 0!important;
|
|
||||||
|
|
||||||
.div-search{
|
|
||||||
font-size: rem(45);
|
|
||||||
float: left;
|
|
||||||
margin: 0 0 0 10px
|
|
||||||
}
|
|
||||||
.div-logo{
|
|
||||||
background: transparent;
|
|
||||||
width: 140px;
|
|
||||||
margin: 5px 0 0px 71px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.div-logo img{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.div-profile{
|
|
||||||
font-size: rem(45);
|
|
||||||
float: right;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ion-text-header-top p{
|
|
||||||
--background: transparent;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.ion-text-right{
|
|
||||||
--background: transparent;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.header-large{
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-size: rem(17);
|
|
||||||
/* font-weight: 600; */
|
|
||||||
background: transparent;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.header-xsmall{
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-size: rem(13);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 3.5px;
|
|
||||||
margin-bottom: 3.5px;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.header-medium{
|
|
||||||
font-size: rem(16);
|
|
||||||
text-align: left;
|
|
||||||
font-family: roboto;
|
|
||||||
background: transparent;
|
|
||||||
margin-right: 5px;
|
|
||||||
line-height: rem(25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-small{
|
|
||||||
font-size: rem(17);
|
|
||||||
margin-top: 13px;
|
|
||||||
color:#000;
|
|
||||||
margin-right: 25px !important;
|
|
||||||
text-align: right;
|
|
||||||
/* color: #ffffff; */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CONTENT */
|
|
||||||
.item-list-small{
|
|
||||||
font-size: rem(14);
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.ion-item-class{
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
.label-text{
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//DIV
|
|
||||||
.div-item-Oficial{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
/* border-bottom: 1px solid #ccc; */
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
background: #cab0dc;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 10px;
|
|
||||||
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
|
|
||||||
}
|
|
||||||
.div-item-Pessoal{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
/* border-bottom: 1px solid #ccc; */
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
background: #cbeecb;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 10px;
|
|
||||||
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
|
|
||||||
}
|
|
||||||
.div-up{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.div-up h3{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: rem(17);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.div-icon{
|
|
||||||
width: 10%;
|
|
||||||
font-size: rem(22);
|
|
||||||
float: left;
|
|
||||||
color: #808080;
|
|
||||||
}
|
|
||||||
.div-icon ion-icon{
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
.div-content-Oficial{
|
|
||||||
width: 85%;
|
|
||||||
float: left;
|
|
||||||
border-left: 4px solid #cab0dc;
|
|
||||||
padding: 0 0 0 12px;
|
|
||||||
}
|
|
||||||
.div-content-Pessoal{
|
|
||||||
width: 85%;
|
|
||||||
float: left;
|
|
||||||
border-left: 4px solid #cbeecb;
|
|
||||||
padding: 0 0 0 12px;
|
|
||||||
}
|
|
||||||
.div-content-Oficial h3, .div-content-Pessoal h3{
|
|
||||||
font-size: rem(19);
|
|
||||||
/* border: 1px solid red; */
|
|
||||||
}
|
|
||||||
.div-content-Oficial p, .div-content-Pessoal p{
|
|
||||||
font-size: rem(16);
|
|
||||||
color: rgb(94, 92, 92);
|
|
||||||
padding: 0 !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
}
|
|
||||||
.div-botton{
|
|
||||||
width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
}
|
|
||||||
.div-botton-left{
|
|
||||||
width: 10%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.ion-icon-location{
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
color: #000;
|
|
||||||
font-size: rem(16);
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.div-botton-middle{
|
|
||||||
width: 75%;
|
|
||||||
float: left;
|
|
||||||
margin-top: 0.5px;
|
|
||||||
}
|
|
||||||
.div-botton-middle p{
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.div-botton-right{
|
|
||||||
width: 10%;
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.ion-icon-attach{
|
|
||||||
color: #666666;
|
|
||||||
font-size: rem(20);
|
|
||||||
}
|
|
||||||
/* NEW CSS FOR TOGGLE BUTTON */
|
|
||||||
.toggleBox{
|
|
||||||
margin:20px 20px 0 0;
|
|
||||||
}
|
|
||||||
input[type="checkbox"]{
|
|
||||||
position: relative;
|
|
||||||
width: 96px;
|
|
||||||
height: 34px;
|
|
||||||
background: #ffffff;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
border-radius: 20px;
|
|
||||||
outline: none;
|
|
||||||
transition: .4s;
|
|
||||||
/* box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
|
|
||||||
cursor: pointer;
|
|
||||||
border:1px solid #e16817;
|
|
||||||
}
|
|
||||||
input:checked[type="checkbox"]{
|
|
||||||
background: #e16817;
|
|
||||||
}
|
|
||||||
input[type="checkbox"]::before{
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
content: "";
|
|
||||||
left: 0;
|
|
||||||
width: rem(30);
|
|
||||||
height: 30px;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
/* transform: scale(1.1); */
|
|
||||||
box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);
|
|
||||||
border:1px solid #e16817;
|
|
||||||
}
|
|
||||||
input:checked[type="checkbox"]::before{
|
|
||||||
left: 65px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.toggle{
|
|
||||||
position: relative;
|
|
||||||
display: inline;
|
|
||||||
font-family: 'Montserrat', sans-serif;
|
|
||||||
display: grid;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
label{
|
|
||||||
position: absolute;
|
|
||||||
color: #fff;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: rem(12);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.onbtn{
|
|
||||||
top:10px;
|
|
||||||
bottom: 15px;
|
|
||||||
left: 15px;
|
|
||||||
/* padding-top: 10px;
|
|
||||||
border: 1px solid red; */
|
|
||||||
}
|
|
||||||
.ofbtn{
|
|
||||||
top:10px;
|
|
||||||
bottom: 15px;
|
|
||||||
right: 14px;
|
|
||||||
color: #e16817;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// new
|
|
||||||
.main{
|
|
||||||
padding: 0px em(20px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-number{
|
|
||||||
color: white;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(15);
|
|
||||||
color: var(--white);
|
|
||||||
|
|
||||||
bold{
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(25);
|
|
||||||
text-align: right;
|
|
||||||
color: var(--white);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.time{
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(30);
|
|
||||||
text-align: center;
|
|
||||||
color: var(--white);
|
|
||||||
line-height: unset;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.next-meeting{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
margin: 0px 20px;
|
|
||||||
margin-top: 15px;
|
|
||||||
|
|
||||||
.meeting-time {
|
|
||||||
font-size: em(25);
|
|
||||||
font-family: Roboto;
|
|
||||||
font-weight: 300;
|
|
||||||
color: var(--white);
|
|
||||||
margin-right: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.meeting-description {
|
|
||||||
margin-top: 2px;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(15);
|
|
||||||
color: var(--white);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.conteiner-box {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
.schedule {
|
|
||||||
max-width: 400px;
|
|
||||||
font-family: Roboto;
|
|
||||||
background-color: white;
|
|
||||||
box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
|
|
||||||
border: solid 1px #e9e9e9;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-radius: 25px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
max-height: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
padding-bottom: 25px;
|
|
||||||
|
|
||||||
.schedule-header{
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 20px 20px 0px 20px;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.icon{
|
|
||||||
color: #e8e8e8;
|
|
||||||
height: rem(35);
|
|
||||||
width: rem(35);
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
.text{
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(20);
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.icon-next {
|
|
||||||
color: #e8e8e8;
|
|
||||||
height: rem(35);
|
|
||||||
width: rem(35);
|
|
||||||
font-size: rem(35);
|
|
||||||
font-size: rem(35);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.content{
|
|
||||||
//padding: 0px 20px 20px 20px;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
.item-exp{
|
|
||||||
overflow: auto;
|
|
||||||
//padding-top: 5px;
|
|
||||||
//padding-bottom: 5px;
|
|
||||||
padding: 5px 20px 5px 20px;
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
ion-list{
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
.d-flex{
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
ion-item{
|
|
||||||
padding-bottom: 5px;
|
|
||||||
margin-top: 5px;
|
|
||||||
border-bottom: 1px solid #ebebeb;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
--background: transparent !important;
|
|
||||||
|
|
||||||
.schedule-time{
|
|
||||||
margin-right: 10px;
|
|
||||||
.time-start{
|
|
||||||
color: #797979 !important;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(13);
|
|
||||||
}
|
|
||||||
.time-end{
|
|
||||||
color: #797979 !important;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(13);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.schedule-date{
|
|
||||||
margin-right: 10px;
|
|
||||||
width: 22%;
|
|
||||||
color: #797979 !important;
|
|
||||||
font-size: rem(13);
|
|
||||||
}
|
|
||||||
.schedule-details{
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
width: 78%;
|
|
||||||
.location{
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(13);
|
|
||||||
color: black;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
}
|
|
||||||
.description{
|
|
||||||
width: 100%;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(15);
|
|
||||||
font-weight: bold;
|
|
||||||
color: #0d89d1;
|
|
||||||
}
|
|
||||||
.description p{
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden !important;
|
|
||||||
text-overflow: ellipsis !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.color{
|
|
||||||
width: 5px;
|
|
||||||
height: rem(40);
|
|
||||||
border-top-right-radius: 5px;
|
|
||||||
border-bottom-right-radius: 5px;
|
|
||||||
background-color: #f05d5e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ion-item:last-child{
|
|
||||||
border-bottom: unset !important;
|
|
||||||
padding-bottom: unset !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.resume{
|
|
||||||
.title{
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(15);
|
|
||||||
font-weight: 500;
|
|
||||||
color: #797979;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.event-num, .first-event-time{
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: rem(15);
|
|
||||||
display: block;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.d-flex {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pointer{
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 856px) {
|
|
||||||
|
|
||||||
.content, .conteiner-box{
|
|
||||||
height: unset !important;
|
|
||||||
max-height: unset !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (min-width: 804px) {
|
|
||||||
|
|
||||||
.schedule:first-child {
|
|
||||||
margin-right: 2%;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 478px) {
|
|
||||||
.schedule{
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 478px) {
|
|
||||||
.schedule{
|
|
||||||
width: 360px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ion-title{
|
|
||||||
border: 1px solid red;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { IonicModule } from '@ionic/angular';
|
|
||||||
|
|
||||||
import { EventsPage } from './events.page';
|
|
||||||
|
|
||||||
describe('EventsPage', () => {
|
|
||||||
let component: EventsPage;
|
|
||||||
let fixture: ComponentFixture<EventsPage>;
|
|
||||||
|
|
||||||
beforeEach(async(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ EventsPage ],
|
|
||||||
imports: [IonicModule.forRoot()]
|
|
||||||
}).compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(EventsPage);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,373 +0,0 @@
|
|||||||
import { Component, OnInit, EventEmitter, Output } from '@angular/core';
|
|
||||||
|
|
||||||
import { Event } from '../../models/event.model';
|
|
||||||
import { EventsService } from 'src/app/services/events.service';
|
|
||||||
import { NavigationExtras, Router } from '@angular/router';
|
|
||||||
import { ActivatedRoute, NavigationEnd } from '@angular/router';
|
|
||||||
import { ModalController, Platform } from '@ionic/angular';
|
|
||||||
// import { EventDetailPage } from './event-detail/event-detail.page';
|
|
||||||
import { ProcessesService } from '../../services/processes.service';
|
|
||||||
import { DailyWorkTask } from '../../models/dailyworktask.model';
|
|
||||||
import { LoginUserRespose } from 'src/app/models/user.model';
|
|
||||||
import { ToDayEventStorage } from 'src/app/store/to-day-event-storage.service';
|
|
||||||
import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';
|
|
||||||
import { ExpedienteTaskPipe } from 'src/app/pipes/expediente-task.pipe';
|
|
||||||
import { ExpedienteGdStore } from 'src/app/store/expedientegd-store.service';
|
|
||||||
import { SessionStore } from 'src/app/store/session.service';
|
|
||||||
import { ThemeService } from 'src/app/services/theme.service';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-events',
|
|
||||||
templateUrl: './events.page.html',
|
|
||||||
styleUrls: ['./events.page.scss'],
|
|
||||||
})
|
|
||||||
export class EventsPage implements OnInit {
|
|
||||||
/* Get current system date */
|
|
||||||
today = new Date();
|
|
||||||
|
|
||||||
months = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
|
|
||||||
days = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];
|
|
||||||
|
|
||||||
customDate = this.days[this.today.getDay()]+ ", " + this.today.getDate() +" de " + ( this.months[this.today.getMonth()]);
|
|
||||||
|
|
||||||
/* Setting appropriate greeting according to the time */
|
|
||||||
grettings = ["Bom dia", "Boa tarde", "Boa noite"];
|
|
||||||
greetting='';
|
|
||||||
|
|
||||||
timeDate = this.today.getHours() + ":" + this.today.getMinutes();
|
|
||||||
/* Set segment variable */
|
|
||||||
segment:string;
|
|
||||||
public profile:string;
|
|
||||||
currentEvent: any;
|
|
||||||
|
|
||||||
eventsList: Event[];
|
|
||||||
maxSubjectLength = 30;
|
|
||||||
officialeventsList: Event[];
|
|
||||||
personaleventsList: Event[];
|
|
||||||
|
|
||||||
prEventList: Event[];
|
|
||||||
mdEventList: Event[];
|
|
||||||
|
|
||||||
combinedEvents: Event[];
|
|
||||||
|
|
||||||
customText = false;
|
|
||||||
totalEvent=0;
|
|
||||||
currentHoursMinutes: Date | string;
|
|
||||||
|
|
||||||
showLoader: boolean;
|
|
||||||
|
|
||||||
taskslist:DailyWorkTask[] = [];
|
|
||||||
expedientList:any;
|
|
||||||
hideSearchBtn: boolean=false;
|
|
||||||
|
|
||||||
// shared data
|
|
||||||
toDayEventStorage = ToDayEventStorage
|
|
||||||
expedienteGdStore = ExpedienteGdStore
|
|
||||||
|
|
||||||
expedienteTaskPipe = new ExpedienteTaskPipe()
|
|
||||||
|
|
||||||
@Output() openExpedientListPage:EventEmitter<any> = new EventEmitter<any>();
|
|
||||||
|
|
||||||
loggeduser: LoginUserRespose;
|
|
||||||
|
|
||||||
existingScreenOrientation: string;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private eventService: EventsService,
|
|
||||||
private router: Router,
|
|
||||||
public activatedRoute: ActivatedRoute,
|
|
||||||
private processes:ProcessesService,
|
|
||||||
/* private gabineteService: GabineteDigitalPage, */
|
|
||||||
private modalController:ModalController,
|
|
||||||
private screenOrientation: ScreenOrientation,
|
|
||||||
public platform: Platform,
|
|
||||||
public ThemeService: ThemeService,
|
|
||||||
) {
|
|
||||||
this.existingScreenOrientation = this.screenOrientation.type;
|
|
||||||
|
|
||||||
|
|
||||||
this.loggeduser = SessionStore.user;
|
|
||||||
|
|
||||||
this.prEventList = null;
|
|
||||||
|
|
||||||
this.platform.resize.subscribe(async () => {
|
|
||||||
//
|
|
||||||
//
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
|
|
||||||
this.segment = "Combinada";
|
|
||||||
this.profile = "mdgpr";
|
|
||||||
|
|
||||||
this.showGreeting();
|
|
||||||
|
|
||||||
this.router.events.forEach((event) => {
|
|
||||||
if(event instanceof NavigationEnd && event.url == '/home/events') {
|
|
||||||
this.RefreshEvents();
|
|
||||||
this.LoadList();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.hideSearch();
|
|
||||||
|
|
||||||
//this.checkScreenOrientation();
|
|
||||||
}
|
|
||||||
|
|
||||||
hideSearch(){
|
|
||||||
if(this.router.url == '/home/events'){
|
|
||||||
this.hideSearchBtn = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
doRefresh(event) {
|
|
||||||
this.RefreshEvents();
|
|
||||||
this.LoadList();
|
|
||||||
try {
|
|
||||||
event?.target?.complete();
|
|
||||||
} catch(error) {}
|
|
||||||
}
|
|
||||||
|
|
||||||
onSegmentChange() {
|
|
||||||
this.RefreshEvents();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Lock to portrait
|
|
||||||
lockToPortrait(){
|
|
||||||
this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Lock to landscape
|
|
||||||
lockToLandscape(){
|
|
||||||
this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Unlock screen orientation
|
|
||||||
unlockScreenOrientation(){
|
|
||||||
this.screenOrientation.unlock();
|
|
||||||
}
|
|
||||||
|
|
||||||
checkScreenOrientation(){
|
|
||||||
if( window.innerWidth < 701) {
|
|
||||||
this.lockToPortrait();
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.unlockScreenOrientation();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async RefreshEvents() {
|
|
||||||
this.currentEvent = "";
|
|
||||||
this.showLoader = true;
|
|
||||||
|
|
||||||
let date = new Date();
|
|
||||||
date.setMonth(date.getMonth() + 1);
|
|
||||||
let start = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();
|
|
||||||
let end = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" 23:59:59";
|
|
||||||
|
|
||||||
|
|
||||||
if(this.loggeduser.Profile == 'MDGPR') {
|
|
||||||
|
|
||||||
let mdOficialEvents = await this.eventService.getAllMdOficialEvents(start, end).toPromise();
|
|
||||||
let mdPessoalEvents = await this.eventService.getAllMdPessoalEvents(start, end).toPromise();
|
|
||||||
|
|
||||||
const list = mdOficialEvents.concat(mdPessoalEvents);
|
|
||||||
|
|
||||||
this.toDayEventStorage.reset(list)
|
|
||||||
|
|
||||||
if(this.toDayEventStorage.eventsList.length > 0){
|
|
||||||
this.currentEvent = this.toDayEventStorage.eventsList[0].Subject;
|
|
||||||
this.currentHoursMinutes = this.toDayEventStorage.eventsList[0].StartDate;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.totalEvent = this.toDayEventStorage.eventsList.length;
|
|
||||||
this.showLoader = false;
|
|
||||||
|
|
||||||
}
|
|
||||||
else if (this.loggeduser.Profile == 'PR') {
|
|
||||||
|
|
||||||
let prOficialEvents= await this.eventService.getAllPrOficialEvents(start, end).toPromise();
|
|
||||||
let prPessoalEvents= await this.eventService.getAllPrPessoalEvents(start, end).toPromise();
|
|
||||||
|
|
||||||
const list = prOficialEvents.concat(prPessoalEvents);
|
|
||||||
|
|
||||||
this.toDayEventStorage.reset(list)
|
|
||||||
|
|
||||||
if(this.toDayEventStorage.eventsList.length > 0) {
|
|
||||||
this.currentEvent = this.toDayEventStorage.eventsList[0].Subject;
|
|
||||||
this.currentHoursMinutes = this.toDayEventStorage.eventsList[0].StartDate;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.totalEvent = this.toDayEventStorage.eventsList.length;
|
|
||||||
this.showLoader = false;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* switch (this.segment)
|
|
||||||
{
|
|
||||||
case "Combinada":
|
|
||||||
if(this.loggeduser.Profile == 'MDGPR'){
|
|
||||||
|
|
||||||
let mdOficialEvents = await this.eventService.getAllMdOficialEvents(start, end).toPromise();
|
|
||||||
let mdPessoalEvents = await this.eventService.getAllMdPessoalEvents(start, end).toPromise();
|
|
||||||
|
|
||||||
this.eventsList = mdOficialEvents.concat(mdPessoalEvents);
|
|
||||||
|
|
||||||
if(this.eventsList.length > 0){
|
|
||||||
this.currentEvent = this.eventsList[0].Subject;
|
|
||||||
this.currentHoursMinutes = this.eventsList[0].StartDate;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.totalEvent = this.eventsList.length;
|
|
||||||
this.showLoader = false;
|
|
||||||
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
|
|
||||||
let prOficialEvents= await this.eventService.getAllPrOficialEvents(start, end).toPromise();
|
|
||||||
let prPessoalEvents= await this.eventService.getAllPrPessoalEvents(start, end).toPromise();
|
|
||||||
this.eventsList = prOficialEvents.concat(prPessoalEvents);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if(this.eventsList.length > 0){
|
|
||||||
this.currentEvent = this.eventsList[0].Subject;
|
|
||||||
this.currentHoursMinutes = this.eventsList[0].StartDate;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.totalEvent = this.eventsList.length;
|
|
||||||
this.showLoader = false;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case "Pessoal":
|
|
||||||
if(this.loggeduser.Profile == 'MDGPR'){
|
|
||||||
this.eventService.getAllMdPessoalEvents(start, end).subscribe(res => {
|
|
||||||
this.personaleventsList = res.filter(data => data.CalendarName == "Pessoal");
|
|
||||||
this.showLoader = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.eventService.getAllPrPessoalEvents(start, end).subscribe(res => {
|
|
||||||
this.personaleventsList = res.filter(data => data.CalendarName == "Pessoal");
|
|
||||||
this.showLoader = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case "Oficial":
|
|
||||||
if(this.loggeduser.Profile == 'MDGPR'){
|
|
||||||
this.eventService.getAllMdOficialEvents(start, end).subscribe(res => {
|
|
||||||
this.officialeventsList = res.filter(data => data.CalendarName == "Oficial");;
|
|
||||||
this.showLoader = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.eventService.getAllPrOficialEvents(start, end).subscribe(res => {
|
|
||||||
this.officialeventsList = res.filter(data => data.CalendarName == "Oficial");;
|
|
||||||
this.showLoader = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
} */
|
|
||||||
}
|
|
||||||
|
|
||||||
showGreeting(){
|
|
||||||
if(this.today.getHours() >= 6 && this.today.getHours() < 12){
|
|
||||||
this.greetting = this.grettings[0];
|
|
||||||
}
|
|
||||||
else if(this.today.getHours() >= 12 && this.today.getHours() < 18){
|
|
||||||
this.greetting = this.grettings[1];
|
|
||||||
}
|
|
||||||
else /* if(this.today.getHours() < 6 && this.today.getHours() >= 18) */{
|
|
||||||
this.greetting = this.grettings[2];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
gotTo(){
|
|
||||||
this.router.navigate(['/home/events']);
|
|
||||||
}
|
|
||||||
|
|
||||||
changeProfile(){
|
|
||||||
if(this.profile == "mdgpr"){
|
|
||||||
|
|
||||||
this.profile ="pr";
|
|
||||||
this.RefreshEvents();
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
|
|
||||||
this.profile ="mdgpr";
|
|
||||||
this.RefreshEvents();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
logout()
|
|
||||||
{
|
|
||||||
|
|
||||||
SessionStore.user.BasicAuthKey = ""
|
|
||||||
this.router.navigate(['/home/login']);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
LoadList() {
|
|
||||||
this.processes.GetTaskListExpediente(false).subscribe(result => {
|
|
||||||
|
|
||||||
|
|
||||||
const ExpedienteTask = result.map( e=> this.expedienteTaskPipe.transform(e))
|
|
||||||
|
|
||||||
this.expedienteGdStore.reset(ExpedienteTask)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
sortArrayISODate(myArray: any){
|
|
||||||
return myArray.sort(function(a, b) {
|
|
||||||
return (a.CreateDate < b.CreateDate) ? -1 : ((a.CreateDate > b.CreateDate) ? 1 : 0);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
goToEvent(eventId:any){
|
|
||||||
this.router.navigate(['/home/events', eventId, 'events']);
|
|
||||||
}
|
|
||||||
|
|
||||||
goToExpediente(SerialNumber:any) {
|
|
||||||
this.router.navigate(['/home/events/expediente', SerialNumber, 'events']);
|
|
||||||
/* if(this.loggeduser.Profile == 'MDGPR'){
|
|
||||||
this.router.navigate(['/home/events/expediente', SerialNumber, 'events']);
|
|
||||||
}
|
|
||||||
else if(this.loggeduser.Profile == 'PR'){
|
|
||||||
this.router.navigate(['/home/events/expedientes-pr', SerialNumber, 'events']);
|
|
||||||
} */
|
|
||||||
}
|
|
||||||
|
|
||||||
viewExpedientListPage(){
|
|
||||||
if(this.loggeduser.Profile == 'MDGPR'){
|
|
||||||
if( window.innerWidth < 801){
|
|
||||||
this.router.navigate(['/home/gabinete-digital/expediente']);
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
let navigationExtras: NavigationExtras = { queryParams: {"expedientes": true,} };
|
|
||||||
this.router.navigate(['/home/gabinete-digital'], navigationExtras);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(this.loggeduser.Profile == 'PR'){
|
|
||||||
if( window.innerWidth < 801){
|
|
||||||
this.router.navigate(['/home/gabinete-digital/expedientes-pr']);
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
let navigationExtras: NavigationExtras = { queryParams: {"expedientes-pr": true,} };
|
|
||||||
this.router.navigate(['/home/gabinete-digital'], navigationExtras);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -8,7 +8,6 @@ import { AlertController } from '@ionic/angular';
|
|||||||
import { removeDuplicate } from 'src/plugin/removeDuplicate.js'
|
import { removeDuplicate } from 'src/plugin/removeDuplicate.js'
|
||||||
import { SearchPage } from 'src/app/pages/search/search.page';
|
import { SearchPage } from 'src/app/pages/search/search.page';
|
||||||
import { AttachmentsService } from 'src/app/services/attachments.service';
|
import { AttachmentsService } from 'src/app/services/attachments.service';
|
||||||
import { Attachment } from 'src/app/models/attachment.model';
|
|
||||||
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
||||||
import { ParticipantsPipe } from 'src/app/pipes/participants.pipe';
|
import { ParticipantsPipe } from 'src/app/pipes/participants.pipe';
|
||||||
import { ThemeService } from 'src/app/services/theme.service'
|
import { ThemeService } from 'src/app/services/theme.service'
|
||||||
@@ -408,77 +407,77 @@ export class EditEventPage implements OnInit {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async save() {
|
// async save() {
|
||||||
|
|
||||||
this.injectValidation()
|
// this.injectValidation()
|
||||||
this.runValidation()
|
// this.runValidation()
|
||||||
|
|
||||||
if (this.Form.invalid) {
|
// if (this.Form.invalid) {
|
||||||
return false
|
// return false
|
||||||
}
|
// }
|
||||||
|
|
||||||
this._postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc);
|
// this._postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc);
|
||||||
this._postEvent.Subject = /* this.domSanitizeService.sanitizeInput( */this._postEvent.Subject/* ) */;
|
// this._postEvent.Subject = /* this.domSanitizeService.sanitizeInput( */this._postEvent.Subject/* ) */;
|
||||||
this._postEvent.Location = /* this.domSanitizeService.sanitizeInput( */this._postEvent.Location/* ) */;
|
// this._postEvent.Location = /* this.domSanitizeService.sanitizeInput( */this._postEvent.Location/* ) */;
|
||||||
this._postEvent.Body.Text = /* this.domSanitizeService.sanitizeInput( */this._postEvent.Body.Text/* ) */;
|
// this._postEvent.Body.Text = /* this.domSanitizeService.sanitizeInput( */this._postEvent.Body.Text/* ) */;
|
||||||
|
|
||||||
if (!this._postEvent.EventRecurrence.hasOwnProperty('Type')) {
|
// if (!this._postEvent.EventRecurrence.hasOwnProperty('Type')) {
|
||||||
this._postEvent.EventRecurrence.Type = '-1'
|
// this._postEvent.EventRecurrence.Type = '-1'
|
||||||
} else {
|
// } else {
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (this._postEvent.EventRecurrence.Type == undefined) {
|
// if (this._postEvent.EventRecurrence.Type == undefined) {
|
||||||
this._postEvent.EventRecurrence.Type = '-1'
|
// this._postEvent.EventRecurrence.Type = '-1'
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.showLoader = true;
|
// this.showLoader = true;
|
||||||
|
|
||||||
try {
|
// try {
|
||||||
if (this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
// if (this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
||||||
await this.eventsService.editEvent(this._postEvent, 2, 3, this._postEvent.CalendarId).toPromise()
|
// await this.eventsService.editEvent(this._postEvent, 2, 3, this._postEvent.CalendarId).toPromise()
|
||||||
if (this.initCalendarName != this._postEvent.CalendarName) {
|
// if (this.initCalendarName != this._postEvent.CalendarName) {
|
||||||
let body = {
|
// let body = {
|
||||||
"EventId": this._postEvent.EventId,
|
// "EventId": this._postEvent.EventId,
|
||||||
"CalendarDestinationName": this._postEvent.CalendarName,
|
// "CalendarDestinationName": this._postEvent.CalendarName,
|
||||||
}
|
// }
|
||||||
|
|
||||||
try {
|
// try {
|
||||||
await this.eventsService.changeAgenda(body).toPromise();
|
// await this.eventsService.changeAgenda(body).toPromise();
|
||||||
} catch (e) { }
|
// } catch (e) { }
|
||||||
}
|
// }
|
||||||
this.showLoader = false;
|
// this.showLoader = false;
|
||||||
this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
// this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
||||||
} else {
|
// } else {
|
||||||
console.log(this._postEvent, 2, 3, this._postEvent.CalendarId)
|
// console.log(this._postEvent, 2, 3, this._postEvent.CalendarId)
|
||||||
await this.eventsService.editEvent(this._postEvent, 2, 3, this._postEvent.CalendarId).toPromise()
|
// await this.eventsService.editEvent(this._postEvent, 2, 3, this._postEvent.CalendarId).toPromise()
|
||||||
if (this.initCalendarName != this._postEvent.CalendarName) {
|
// if (this.initCalendarName != this._postEvent.CalendarName) {
|
||||||
let body = {
|
// let body = {
|
||||||
"EventId": this._postEvent.EventId,
|
// "EventId": this._postEvent.EventId,
|
||||||
"CalendarDestinationName": this._postEvent.CalendarName,
|
// "CalendarDestinationName": this._postEvent.CalendarName,
|
||||||
}
|
// }
|
||||||
|
|
||||||
try {
|
// try {
|
||||||
await this.eventsService.changeAgenda(body).toPromise();
|
// await this.eventsService.changeAgenda(body).toPromise();
|
||||||
} catch (e) { }
|
// } catch (e) { }
|
||||||
}
|
// }
|
||||||
this.showLoader = false;
|
// this.showLoader = false;
|
||||||
this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
// this.httpErrorHandle.httpsSucessMessagge('Editar evento')
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
} catch (error) {
|
// } catch (error) {
|
||||||
this.showLoader = false
|
// this.showLoader = false
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.clearPostEvent.emit();
|
// this.clearPostEvent.emit();
|
||||||
this.deleteTemporaryData();
|
// this.deleteTemporaryData();
|
||||||
|
|
||||||
await this.saveDocument()
|
// await this.saveDocument()
|
||||||
|
|
||||||
this.close();
|
// this.close();
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
async saveDocument() {
|
async saveDocument() {
|
||||||
|
|||||||
@@ -181,66 +181,66 @@ export class ViewEventPage implements OnInit {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async deleteEvent() {
|
// async deleteEvent() {
|
||||||
|
|
||||||
if (this.loadedEvent.IsRecurring) {
|
// if (this.loadedEvent.IsRecurring) {
|
||||||
const loader = this.toastService.loading()
|
// const loader = this.toastService.loading()
|
||||||
|
|
||||||
if(this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
// if(this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () => {
|
// this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () => {
|
||||||
this.httpErrorHandle.httpsSucessMessagge('delete event')
|
// this.httpErrorHandle.httpsSucessMessagge('delete event')
|
||||||
this.close();
|
// this.close();
|
||||||
},(error)=>{
|
// },(error)=>{
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
},
|
// },
|
||||||
()=>{
|
// ()=>{
|
||||||
loader.remove();
|
// loader.remove();
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
|
|
||||||
if(this.CalendarId) {
|
// if(this.CalendarId) {
|
||||||
this.eventsService.genericDeleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName, this.CalendarId).subscribe(async () => {
|
// this.eventsService.genericDeleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName, this.CalendarId).subscribe(async () => {
|
||||||
this.httpErrorHandle.httpsSucessMessagge('delete event');
|
// this.httpErrorHandle.httpsSucessMessagge('delete event');
|
||||||
this.close();
|
// this.close();
|
||||||
},(error)=>{
|
// },(error)=>{
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
},
|
// },
|
||||||
()=>{
|
// ()=>{
|
||||||
loader.remove();
|
// loader.remove();
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
} else {
|
// } else {
|
||||||
|
|
||||||
const loader = this.toastService.loading()
|
// const loader = this.toastService.loading()
|
||||||
|
|
||||||
if(this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
// if(this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
|
||||||
this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () => {
|
// this.eventsService.deleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName).subscribe(async () => {
|
||||||
this.httpErrorHandle.httpsSucessMessagge('delete event');
|
// this.httpErrorHandle.httpsSucessMessagge('delete event');
|
||||||
this.close();
|
// this.close();
|
||||||
},(error)=>{
|
// },(error)=>{
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
},
|
// },
|
||||||
()=>{
|
// ()=>{
|
||||||
loader.remove();
|
// loader.remove();
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
this.eventsService.genericDeleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName, this.CalendarId).subscribe(async () => {
|
// this.eventsService.genericDeleteEvent(this.loadedEvent.EventId, 0, this.loadedEvent.CalendarName, this.CalendarId).subscribe(async () => {
|
||||||
this.httpErrorHandle.httpsSucessMessagge('delete event');
|
// this.httpErrorHandle.httpsSucessMessagge('delete event');
|
||||||
this.close();
|
// this.close();
|
||||||
},(error)=>{
|
// },(error)=>{
|
||||||
this.httpErrorHandle.httpStatusHandle(error)
|
// this.httpErrorHandle.httpStatusHandle(error)
|
||||||
},
|
// },
|
||||||
()=>{
|
// ()=>{
|
||||||
loader.remove();
|
// loader.remove();
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
async deleteRecurringEvent() {
|
async deleteRecurringEvent() {
|
||||||
|
|
||||||
|
|||||||
@@ -182,7 +182,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div *ngIf="msg.file.type == 'application/meeting'" class="info-meeting">
|
<div *ngIf="msg.file.type == 'application/meeting'" class="info-meeting">
|
||||||
<ion-label class="info-meeting-small">{{msg.u.name}} criou esta reunião</ion-label><br />
|
<ion-label class="info-meeting-small">{{msg.u.name}} criou esta reunião</ion-label><br />
|
||||||
<button (click)="goToEvent(msg.file)" class="btn-no-color info-meeting-normal"><ion-label class="info-meeting-normal">{{msg.file.subject}}</ion-label></button><br />
|
<!-- <button (click)="goToEvent(msg.file)" class="btn-no-color info-meeting-normal"><ion-label class="info-meeting-normal">{{msg.file.subject}}</ion-label></button><br /> -->
|
||||||
<ion-label class="info-meeting-medium"><ion-icon name="calendar-outline"></ion-icon> De {{showDateDuration(msg.file.start_date)}} a {{showDateDuration(msg.file.end_date)}}</ion-label><br />
|
<ion-label class="info-meeting-medium"><ion-icon name="calendar-outline"></ion-icon> De {{showDateDuration(msg.file.start_date)}} a {{showDateDuration(msg.file.end_date)}}</ion-label><br />
|
||||||
<ion-label class="info-meeting-medium"><ion-icon></ion-icon><ion-icon name="location-outline"></ion-icon> {{msg.file.venue}}</ion-label><br />
|
<ion-label class="info-meeting-medium"><ion-icon></ion-icon><ion-icon name="location-outline"></ion-icon> {{msg.file.venue}}</ion-label><br />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -175,28 +175,28 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
|
|||||||
} catch (err) { }
|
} catch (err) { }
|
||||||
}
|
}
|
||||||
|
|
||||||
async goToEvent(event: any) {
|
// async goToEvent(event: any) {
|
||||||
let classs;
|
// let classs;
|
||||||
if (window.innerWidth < 701) {
|
// if (window.innerWidth < 701) {
|
||||||
classs = 'modal modal-desktop'
|
// classs = 'modal modal-desktop'
|
||||||
} else {
|
// } else {
|
||||||
classs = 'modal modal-desktop showAsideOptions'
|
// classs = 'modal modal-desktop showAsideOptions'
|
||||||
}
|
// }
|
||||||
|
|
||||||
const modal = await this.modalController.create({
|
// const modal = await this.modalController.create({
|
||||||
component: ViewEventPage,
|
// component: ViewEventPage,
|
||||||
componentProps: {
|
// componentProps: {
|
||||||
eventId: event.id,
|
// eventId: event.id,
|
||||||
CalendarId: event.calendarId
|
// CalendarId: event.calendarId
|
||||||
},
|
// },
|
||||||
cssClass: classs,
|
// cssClass: classs,
|
||||||
});
|
// });
|
||||||
|
|
||||||
modal.onDidDismiss().then((res) => {
|
// modal.onDidDismiss().then((res) => {
|
||||||
|
|
||||||
});
|
// });
|
||||||
await modal.present();
|
// await modal.present();
|
||||||
}
|
// }
|
||||||
|
|
||||||
ngAfterViewInit() {
|
ngAfterViewInit() {
|
||||||
this.scrollChangeCallback = () => this.onContentScrolled(event);
|
this.scrollChangeCallback = () => this.onContentScrolled(event);
|
||||||
|
|||||||
@@ -196,9 +196,9 @@
|
|||||||
|
|
||||||
|
|
||||||
<ion-label *ngIf="msg.delate == false" class="info-meeting-small">{{msg.u.name}} criou esta reunião</ion-label><br />
|
<ion-label *ngIf="msg.delate == false" class="info-meeting-small">{{msg.u.name}} criou esta reunião</ion-label><br />
|
||||||
<button *ngIf="msg.delate == false" (click)="goToEvent(msg.file)" class="btn-no-color info-meeting-normal">
|
<!-- <button *ngIf="msg.delate == false" (click)="goToEvent(msg.file)" class="btn-no-color info-meeting-normal">
|
||||||
<ion-label class="info-meeting-normal">{{msg.file.subject}}</ion-label>
|
<ion-label class="info-meeting-normal">{{msg.file.subject}}</ion-label>
|
||||||
</button><br />
|
</button><br /> -->
|
||||||
<ion-label *ngIf="msg.delate == false" class="info-meeting-medium">
|
<ion-label *ngIf="msg.delate == false" class="info-meeting-medium">
|
||||||
<ion-icon name="calendar-outline"></ion-icon> De {{showDateDuration(msg.file.start_date)}} a
|
<ion-icon name="calendar-outline"></ion-icon> De {{showDateDuration(msg.file.start_date)}} a
|
||||||
{{showDateDuration(msg.file.end_date)}}
|
{{showDateDuration(msg.file.end_date)}}
|
||||||
|
|||||||
@@ -392,27 +392,27 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
|
|||||||
return this.timeService.showDateDuration(start);
|
return this.timeService.showDateDuration(start);
|
||||||
}
|
}
|
||||||
|
|
||||||
async goToEvent(event: any) {
|
// async goToEvent(event: any) {
|
||||||
let classs;
|
// let classs;
|
||||||
if (window.innerWidth < 701) {
|
// if (window.innerWidth < 701) {
|
||||||
classs = 'modal modal-desktop'
|
// classs = 'modal modal-desktop'
|
||||||
} else {
|
// } else {
|
||||||
classs = 'modal modal-desktop showAsideOptions'
|
// classs = 'modal modal-desktop showAsideOptions'
|
||||||
}
|
// }
|
||||||
const modal = await this.modalController.create({
|
// const modal = await this.modalController.create({
|
||||||
component: ViewEventPage,
|
// component: ViewEventPage,
|
||||||
componentProps: {
|
// componentProps: {
|
||||||
eventId: event.id,
|
// eventId: event.id,
|
||||||
CalendarId: event.calendarId
|
// CalendarId: event.calendarId
|
||||||
},
|
// },
|
||||||
cssClass: classs,
|
// cssClass: classs,
|
||||||
});
|
// });
|
||||||
|
|
||||||
modal.onDidDismiss().then((res) => {
|
// modal.onDidDismiss().then((res) => {
|
||||||
|
|
||||||
});
|
// });
|
||||||
await modal.present();
|
// await modal.present();
|
||||||
}
|
// }
|
||||||
|
|
||||||
sendMessage() {
|
sendMessage() {
|
||||||
this.ChatSystemService.getDmRoom(this.roomId).send({})
|
this.ChatSystemService.getDmRoom(this.roomId).send({})
|
||||||
|
|||||||
Reference in New Issue
Block a user