|
|
|
|
<app-generic-header
|
|
|
|
|
showBack="true"
|
|
|
|
|
[headerText]="'login,announcement' | translate">
|
|
|
|
|
</app-generic-header>
|
|
|
|
|
|
|
|
|
|
<ion-content style="--background:#F4F4F4;">
|
|
|
|
|
<ion-searchbar (ionInput)="filterList($event)" style="--background: white"></ion-searchbar>
|
|
|
|
|
<ion-list style="background: #f4f4f4;">
|
|
|
|
|
<div *ngFor="let item of arrList; let i = index"
|
|
|
|
|
[ngClass]="i>0 && !item.Open ? 'class-dev-close': 'class-dev-open'"
|
|
|
|
|
style="background: white; margin: 20px; padding: 0px;">
|
|
|
|
|
<ion-card *ngIf="i === 0 && !item.isOpen" (click)="toggleAnnouncement(item)" style="margin: 0px;">
|
|
|
|
|
<img [src]="item.img" class="image-center">
|
|
|
|
|
<ion-item>
|
|
|
|
|
<ion-label>
|
|
|
|
|
<h2 class="text-style" *ngIf="direction === 'en'">{{item.title_EN}}</h2>
|
|
|
|
|
<h2 class="text-style" *ngIf="direction === 'ar'">{{item.title_AR}}</h2>
|
|
|
|
|
<p class="text-style" *ngIf="direction === 'en'">{{item.body_EN}}</p>
|
|
|
|
|
<p class="text-style" *ngIf="direction === 'ar'">{{item.body_EN}}</p>
|
|
|
|
|
<p class="text-style">{{item.date}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-card *ngIf="i === 0 && item.isOpen" (click)="toggleAnnouncement(item)" style="margin: 0px;">
|
|
|
|
|
<ion-card-header style="background: transparent;">
|
|
|
|
|
<ion-card-title style="font-size: 20px; margin: 5px;" *ngIf="direction === 'en'">{{item.title_EN}} <br>
|
|
|
|
|
<p style="font-size: 12px; color: gray;">{{item.date}}</p>
|
|
|
|
|
</ion-card-title>
|
|
|
|
|
<ion-card-title style="font-size: 20px; margin: 5px;" *ngIf="direction === 'ar'">{{item.title_AR}} <br>
|
|
|
|
|
<p style="font-size: 12px; color: gray;">{{item.date}}</p>
|
|
|
|
|
</ion-card-title>
|
|
|
|
|
<img [src]="item.img" class="image-center">
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<p *ngIf="direction === 'en'">{{item.body_EN}}</p>
|
|
|
|
|
<p *ngIf="direction === 'ar'">{{item.body_AR}}</p>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
<ion-item *ngIf="i > 0 && !item.isOpen" (click)="toggleAnnouncement(item)" lines='none'
|
|
|
|
|
style="border: 1px solid lightgray; border-radius: 30px; height: 100px;">
|
|
|
|
|
<img [src]="item.img" class="image-item">
|
|
|
|
|
<ion-label style="margin: 5px;">
|
|
|
|
|
<h2 *ngIf="direction === 'en'">{{item.title_EN}}</h2>
|
|
|
|
|
<p *ngIf="direction === 'en'">{{item.body_EN}}</p>
|
|
|
|
|
|
|
|
|
|
<h2 *ngIf="direction === 'ar'">{{item.title_AR}}</h2>
|
|
|
|
|
<p *ngIf="direction === 'ar'">{{item.body_AR}}</p>
|
|
|
|
|
<p>{{item.date}}</p>
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
<ion-card *ngIf="i > 0 && item.isOpen" (click)="toggleAnnouncement(item)" style="margin: 0px;">
|
|
|
|
|
<ion-card-header style="background: transparent;">
|
|
|
|
|
<ion-card-title style="font-size: 20px; margin: 5px;" *ngIf="direction === 'en'">{{item.title_EN}} <br>
|
|
|
|
|
<p style="font-size: 12px; color: gray;">{{item.date}}</p>
|
|
|
|
|
</ion-card-title>
|
|
|
|
|
<ion-card-title style="font-size: 20px; margin: 5px;" *ngIf="direction === 'ar'">{{item.title_AR}} <br>
|
|
|
|
|
<p style="font-size: 12px; color: gray;">{{item.date}}</p>
|
|
|
|
|
</ion-card-title>
|
|
|
|
|
<img [src]="item.img" class="image-center">
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<p *ngIf="direction === 'en'">{{item.body_EN}}</p>
|
|
|
|
|
<p *ngIf="direction === 'ar'">{{item.body_AR}}</p>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</ion-content>
|