You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.7 KiB
HTML
52 lines
1.7 KiB
HTML
|
5 years ago
|
<app-generic-header
|
||
|
|
showBack="true"
|
||
|
|
[headerText]="'login,announcement' | translate">
|
||
|
|
</app-generic-header>
|
||
|
|
|
||
|
|
<ion-content>
|
||
|
|
<ion-searchbar (ionInput)="filterList($event)"></ion-searchbar>
|
||
|
|
<ion-list>
|
||
|
|
<div *ngFor="let item of arrList; let i = index">
|
||
|
|
<ion-card *ngIf="i === 0 && !item.isOpen" (click)="toggleAnnouncement(item)">
|
||
|
|
<img [src]="item.img" class="image-center">
|
||
|
|
<ion-item>
|
||
|
|
<ion-label>
|
||
|
|
<h2 class="text-style">{{item.title}}</h2>
|
||
|
|
<p class="text-style">{{item.body}}</p>
|
||
|
|
<p class="text-style">{{item.date}}</p>
|
||
|
|
</ion-label>
|
||
|
|
</ion-item>
|
||
|
|
</ion-card>
|
||
|
|
|
||
|
|
<ion-card *ngIf="i === 0 && item.isOpen" (click)="toggleAnnouncement(item)">
|
||
|
|
<ion-card-header style="background: transparent;">
|
||
|
|
<img [src]="item.img" class="image-center">
|
||
|
|
<ion-card-title>{{item.title}}</ion-card-title>
|
||
|
|
</ion-card-header>
|
||
|
|
|
||
|
|
<ion-card-content>
|
||
|
|
{{item.body}}<br>
|
||
|
|
{{item.date}}
|
||
|
|
</ion-card-content>
|
||
|
|
</ion-card>
|
||
|
|
|
||
|
|
<ion-item *ngIf="i > 0 && !item.isOpen" (click)="toggleAnnouncement(item)">
|
||
|
|
<img [src]="item.img" style="width: 30%;">
|
||
|
|
<ion-label style="margin: 5px;">
|
||
|
|
<h2>{{item.title}}</h2>
|
||
|
|
<p>{{item.body}}</p>
|
||
|
|
<p>{{item.date}}</p>
|
||
|
|
</ion-label>
|
||
|
|
</ion-item>
|
||
|
|
|
||
|
|
<ion-card *ngIf="i > 0 && item.isOpen" (click)="toggleAnnouncement(item)">
|
||
|
|
<img [src]="item.img" class="image-center">
|
||
|
|
<ion-label>
|
||
|
|
<h2 class="text-style">{{item.title}}</h2>
|
||
|
|
<p class="text-style">{{item.body}}</p>
|
||
|
|
<p class="text-style">{{item.date}}</p>
|
||
|
|
</ion-label>
|
||
|
|
</ion-card>
|
||
|
|
</div>
|
||
|
|
</ion-list>
|
||
|
|
</ion-content>
|