Add new component in agenda

This commit is contained in:
Peter Maquiran
2021-03-25 10:50:58 +01:00
parent 35102b380d
commit 9b71c33c7b
7 changed files with 58 additions and 28 deletions
@@ -70,11 +70,11 @@
</div>
<div class="container-div">
<div class="ion-item-class-2">
<div class="ion-item-class-2 width-100 d-flex">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
</div>
<div class="ion-input-class">
<div class="ion-input-class flex-grow-1">
<ion-datetime
placeholder="Início"
[(ngModel)]="postEvent.StartDate"
@@ -111,7 +111,7 @@
</div>
</div>
<div class="container-div">
<div class="container-div d-flex">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-refresh.svg"></ion-icon>
@@ -129,7 +129,7 @@
</div>
</div>
<div class="container-div">
<div class="container-div d-flex">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
@@ -150,7 +150,7 @@
</div>
</div>
<div hidden class="container-div">
<div hidden class="container-div d-flex">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
@@ -171,12 +171,12 @@
</div>
</div>
<div class="container-div">
<div class="container-div d-flex">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
</div>
<div class="ion-input-class">
<div class="ion-input-class flex-grow-1">
<ion-input placeholder="Detalhes" [(ngModel)]="postEvent.Body.Text"></ion-input>
</div>
</div>
@@ -209,7 +209,7 @@
</div>
</ion-content>
<ion-footer class="ion-no-border">
<ion-toolbar class="btn-div">
<ion-toolbar class="width-100 d-flex justify-space-between">
<ion-buttons slot="start">
<ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
<ion-label>Cancelar</ion-label>
@@ -46,7 +46,7 @@ ion-content{
padding: 15px 20px 0 20px;
.ion-item-container{
width: 360px;
margin: 15px auto;
border: 1px solid #ebebeb;
border-radius: 5px;
@@ -63,7 +63,7 @@ ion-content{
overflow: auto;
}
.ion-item-class-2{
width: 360px;
margin: 0px auto;
}
.ion-icon-class{
@@ -78,7 +78,7 @@ ion-content{
margin-left: 0;
}
.ion-input-class{
width: 315px;
height: 45px;
border: 1px solid #ebebeb;
border-radius: 5px;
@@ -92,7 +92,7 @@ ion-content{
overflow: auto;
}
.list-people{
width: 256px;
float: left;
}
@@ -6,7 +6,6 @@ import { Event } from 'src/app/models/event.model';
import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
import { ModalController } from '@ionic/angular';
@Component({
selector: 'app-new-event',
templateUrl: './new-event.component.html',
@@ -16,14 +15,15 @@ export class NewEventPage implements OnInit {
postEvent: Event;
eventBody: EventBody;
segment:string = "true";
eventAttendees: EventPerson[];
@Input() profile:string;
@Input() selectedSegment: string;
@Input() selectedDate: Date;
@Input() eventAttendees: EventPerson[];
@Output() onAddEvent = new EventEmitter<any>();
@Output() openAttendeesComponent = new EventEmitter<any>();
@Output() clearContact = new EventEmitter<any>();
minDate: string;
@@ -91,6 +91,7 @@ export class NewEventPage implements OnInit {
}
close(){
this.onAddEvent.emit(false);
this.clearContact.emit();
}
save(){
@@ -102,6 +103,8 @@ export class NewEventPage implements OnInit {
}
this.onAddEvent.emit(this.postEvent);
this.clearContact.emit();
}
async openAttendees(data: any)