fixing announcement list

enad-Q1
enadhilal 5 years ago
parent ed07f19848
commit 0fc835cd87

@ -7,7 +7,7 @@
<ion-searchbar mode='md' (ionInput)="filterList($event)" style="--background: white; margin-top: 10px; padding-bottom: 20px;"></ion-searchbar> <ion-searchbar mode='md' (ionInput)="filterList($event)" style="--background: white; margin-top: 10px; padding-bottom: 20px;"></ion-searchbar>
<ion-list style="background: #f4f4f4; margin-top: -8px !important;"> <ion-list style="background: #f4f4f4; margin-top: -8px !important;">
<div *ngFor="let item of announcementList; let i = index" <div *ngFor="let item of announcementList; let i = index"
[ngClass]="i>0 && !item.Open ? 'class-dev-close': 'class-dev-open'" [ngClass]="item.Open ? 'class-dev-close': 'class-dev-open'"
style="margin: 15px; background: white; border-radius: 10px;"> style="margin: 15px; background: white; border-radius: 10px;">
<!-- <ion-card *ngIf="i === 0 && !item.isOpen" (click)="toggleAnnouncement(item)" class="main-card-style"> <!-- <ion-card *ngIf="i === 0 && !item.isOpen" (click)="toggleAnnouncement(item)" class="main-card-style">
<img [src]="item.img" class="main-card-image"> <img [src]="item.img" class="main-card-image">

@ -37,15 +37,15 @@ export class AnnouncementComponent implements OnInit {
filterList(event) { filterList(event) {
const val = event.target.value; const val = event.target.value;
if (val === '') { if (val === '') {
this.arrList = this.arr; this.announcementList = this.arr;
} }
this.arrList = this.arr.filter((item) => { this.announcementList = this.arr.filter((item) => {
return (item.title_EN.toLowerCase().indexOf(val.toLowerCase()) > -1); return (item.title_EN.toLowerCase().indexOf(val.toLowerCase()) > -1);
}); });
} }
toggleAnnouncement(item) { toggleAnnouncement(item) {
this.arrList.forEach(element => { this.announcementList.forEach(element => {
if (element.id === item.id) { if (element.id === item.id) {
element.isOpen = !element.isOpen; element.isOpen = !element.isOpen;
} else { } else {
@ -60,7 +60,6 @@ export class AnnouncementComponent implements OnInit {
if (this.common.validResponse(result)) { if (this.common.validResponse(result)) {
holdData = JSON.parse(result.Mohemm_ITG_ResponseItem); holdData = JSON.parse(result.Mohemm_ITG_ResponseItem);
this.listOfAnnouncement = JSON.parse(holdData.result.data); this.listOfAnnouncement = JSON.parse(holdData.result.data);
console.log(this.listOfAnnouncement);
this.pageLength = this.listOfAnnouncement[0].TotalItems; this.pageLength = this.listOfAnnouncement[0].TotalItems;
for (let i = 0; i < this.listOfAnnouncement.length; i++) { for (let i = 0; i < this.listOfAnnouncement.length; i++) {
this.listOfAnnouncement[i].Title_EN = this.listOfAnnouncement[i].Title_EN; this.listOfAnnouncement[i].Title_EN = this.listOfAnnouncement[i].Title_EN;
@ -87,8 +86,7 @@ export class AnnouncementComponent implements OnInit {
} }
this.arrList = this.arr; this.arrList = this.arr;
console.log(this.arrList); console.log(this.announcementList);
console.log(this.listOfAnnouncement);
} }
}); });
} }

Loading…
Cancel
Save