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

Fixe Attendess border and add Button to add and delete

Browse Source
This commit is contained in:
Peter Maquiran
2021-04-16 14:32:22 +01:00
parent 34d3426192
commit 036bdf64bf
7 changed files with 50 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/agenda/new-event/new-event.page.ts
+1 -1
View File
@@ -126,7 +126,7 @@ export class NewEventPage implements OnInit {
adding: this.adding,
taskParticipants: this.taskParticipants
},
cssClass: 'attendee',
cssClass: 'attendee modal modal-desktop',
backdropDismiss: false
});
src/app/pages/events/attendees/attendees.page.html
+8 -5
View File
@@ -12,7 +12,7 @@
<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 lines="none" (click)="selectContact(attendee)" *ngIf="filterSearchList(attendee)" >
<ion-item lines="none" *ngIf="filterSearchList(attendee)" >
<div class="pr-10">
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
</div>
@@ -20,6 +20,9 @@
<h3>{{ attendee.Name }}</h3>
<p>{{ attendee.EmailAddress }}</p>
</ion-label>
<div (click)="selectContact(attendee)">
<ion-icon class="font-35" src="assets/images/icons-add-25.svg"></ion-icon>
</div>
</ion-item>
</div>
@@ -39,8 +42,8 @@
<h3>{{ attendee.Name }}</h3>
<p>{{ attendee.EmailAddress }}</p>
</ion-label>
<div style="color:red" (click)="remove(attendee)">
X
<div (click)="remove(attendee)">
<ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
</div>
</ion-item>
</ion-item-sliding>
@@ -57,8 +60,8 @@
<h3>{{ attendee.Name }}</h3>
<p>{{ attendee.EmailAddress }}</p>
</ion-label>
<div style="color:red" (click)="remove(attendee)">
X
<div (click)="remove(attendee)">
<ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
</div>
</ion-item>
</ion-item-sliding>
src/app/pages/events/attendees/attendees.page.scss
-3
View File
@@ -1,6 +1,3 @@
ion-item-group{
margin: 15px;
}
ion-item{
border-bottom:1px solid #ccc;
}
src/app/shared/event/attendee-modal/attendee-modal.page.html
+8 -6
View File
@@ -12,7 +12,7 @@
<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)" *ngIf="filterSearchList(attendee)" >
<ion-item *ngIf="filterSearchList(attendee)" >
<div class="pr-10">
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
</div>
@@ -20,6 +20,9 @@
<h3>{{ attendee.Name }}</h3>
<p>{{ attendee.EmailAddress }}</p>
</ion-label>
<div (click)="selectContact(attendee)">
<ion-icon class="font-35" src="assets/images/icons-add-25.svg"></ion-icon>
</div>
</ion-item>
</div>
@@ -27,7 +30,6 @@
</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">
@@ -39,8 +41,8 @@
<h3>{{ attendee.Name }}</h3>
<p>{{ attendee.EmailAddress }}</p>
</ion-label>
<div style="color:red" (click)="remove(attendee)">
X
<div (click)="remove(attendee)">
<ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
</div>
</ion-item>
</ion-item-sliding>
@@ -57,8 +59,8 @@
<h3>{{ attendee.Name }}</h3>
<p>{{ attendee.EmailAddress }}</p>
</ion-label>
<div style="color:red" (click)="remove(attendee)">
X
<div (click)="remove(attendee)">
<ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
</div>
</ion-item>
</ion-item-sliding>
src/app/shared/event/attendees/attendees.page.scss
+1 -3
View File
@@ -1,6 +1,4 @@
ion-item-group{
margin: 15px;
}
ion-item{
border-bottom:1px solid #ccc;
}
src/assets/images/icons-add-25.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd" stroke-linecap="round">
<g stroke="#42B9FE" stroke-width="2">
<g>
<g>
<g>
<g stroke-linejoin="round">
<path d="M1.157 1.45L8.228 8.521" transform="translate(-355 -234) translate(0 99) translate(20 125) translate(335 10) rotate(-45 17.657 -2.364) rotate(180 4.45 4.743)"/>
</g>
<path d="M13 7L13 17" transform="translate(-355 -234) translate(0 99) translate(20 125) translate(335 10)"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 757 B

src/assets/images/icons-delete-25.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#D30A0A" stroke-width="2">
<g>
<g>
<g>
<g>
<path d="M8 8L17 17" transform="translate(-355 -471) translate(0 99) translate(20 327) translate(0 35) translate(335 10) rotate(180 12.5 12.5)"/>
<path d="M8 8L17 17" transform="translate(-355 -471) translate(0 99) translate(20 327) translate(0 35) translate(335 10) matrix(-1 0 0 1 25 0)"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 774 B