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

Improve Attendees component for agenda

Browse Source
This commit is contained in:
Peter Maquiran
2021-03-29 14:08:20 +01:00
parent 8dca7f3a81
commit fd8aaaa844
3 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/event/attendee-modal/attendee-modal.page.html
+7 -7
View File
@@ -1,16 +1,16 @@
<ion-header class="ion-no-border"> <ion-header class="ion-no-border px-20">
<ion-toolbar> <ion-toolbar class="px-10">
<ion-title>Adicionar intervenientes</ion-title> <ion-title class="pa-0">Adicionar intervenientes</ion-title>
</ion-toolbar> </ion-toolbar>
<ion-searchbar class="search-bar" (ionChange)="onChange($event)" placeholder="Pesquisar"></ion-searchbar><!-- [(ngModel)]="searchCountryString" --> <ion-searchbar class="attendee-search-bar" (ionChange)="onChange($event)" placeholder="Pesquisar"></ion-searchbar><!-- [(ngModel)]="searchCountryString" -->
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar> <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
</ion-header> </ion-header>
<ion-content class="height-100"> <ion-content class="height-100 ">
<ion-item-group class="d-flex flex-column height-100"> <ion-item-group class="d-flex flex-column height-100">
<ion-list class="flex-grow-1 overflow-y-auto height-100" > <ion-list class="flex-grow-1 overflow-y-auto height-100" >
<ion-item-sliding> <ion-item-sliding class="px-20">
<div *ngFor="let attendee of contacts;"> <div *ngFor="let attendee of contacts;">
<ion-item (click)="selectContact(attendee)" *ngIf="checkbox(attendee)" > <ion-item (click)="selectContact(attendee)" *ngIf="checkbox(attendee)" >
<div class="pr-10"> <div class="pr-10">
@@ -27,7 +27,7 @@
</ion-list> </ion-list>
<hr/> <hr/>
<ion-list lines="none" *ngIf="selectedContact.length >= 1" class="flex-grow-1 overflow-y-auto height-100" style="border-top:1px solid #ebebeb"> <ion-list lines="none" *ngIf="selectedContact.length >= 1" class="flex-grow-1 overflow-y-auto height-100" style="border-top:1px solid #ebebeb">
<ion-item-sliding> <ion-item-sliding class="px-20">
<ion-item *ngFor="let attendee of selectedContact;" class="d-flex"> <ion-item *ngFor="let attendee of selectedContact;" class="d-flex">
<div class="pr-10"> <div class="pr-10">
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon> <ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
src/app/shared/event/attendee-modal/attendee-modal.page.scss
-6
View File
@@ -7,9 +7,3 @@ ion-searchbar{
.item-inner{ .item-inner{
border-style: unset !important; border-style: unset !important;
} }
.search-bar{
border: 1px solid #cecece;
box-shadow: none;
border-radius: 3px;
}
src/global.scss
+22
View File
@@ -509,3 +509,25 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
} }
} }
} }
// agenda attendee component
.attendee-search-bar input{
border: 1px solid #cecece !important;
box-shadow: none !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-ms-border-radius: 3px !important;
-o-border-radius: 3px !important;
}
.attendee-search-bar .searchbar-input {
border: 1px solid #cecece !important;
box-shadow: none !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-ms-border-radius: 3px !important;
-o-border-radius: 3px !important;
}