27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
<secondary-page-component [hideSideBarOnMobile]="true" >
|
|
<div mainContent>
|
|
<p *ngIf="loading">Loading upcoming events...</p>
|
|
<ul>
|
|
<li *ngFor="let event of events; let i = index;">
|
|
<event-large-component
|
|
[id]="event.id"
|
|
[title]="event.title"
|
|
[startDate]="event.startDate"
|
|
[description]="event.description"
|
|
[delayFadeIn]="(i+1)*200"
|
|
[loggedIn]="loggedIn"
|
|
></event-large-component>
|
|
</li>
|
|
</ul>
|
|
<button mat-button *ngIf="showAllButtonVisible" id="showAllButton" class="width100" style="text-align: center;" routerLink="/events" >
|
|
<i ofbicon >expand_more</i><span *ngIf="!loading"> Show All</span>
|
|
</button>
|
|
<div class="fab-buttons" >
|
|
<button mat-fab *ngIf="loggedIn" (click)="addEvent()"><i ofbicon>add</i></button>
|
|
<div id="audio-player-filler" *ngIf="audioPlayerOpen"></div>
|
|
</div>
|
|
</div>
|
|
<div sideBar class="side-bar">
|
|
<button mat-raised-button *ngIf="loggedIn" class="width100" (click)="addEvent()" >Add Event</button>
|
|
</div>
|
|
</secondary-page-component> |