UIAngular/Client/src/app/components/events-page/events-page.component.html

23 lines
943 B
HTML

<secondary-page-component [hideSideBarOnMobile]="true" >
<div mainContent>
<p>These are some upcoming events at Old Fashion Baptist Church</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>
<div class="fab-buttons" >
<button md-fab *ngIf="loggedIn" (click)="addEvent()"><i ofbicon>add</i></button>
</div>
</div>
<div sideBar class="side-bar">
<button md-raised-button class="width100" (click)="addEvent()" >Add Event</button>
</div>
</secondary-page-component>