Skip to content

Instantly share code, notes, and snippets.

@bhvreddy
Created March 18, 2017 09:54
Show Gist options
  • Select an option

  • Save bhvreddy/3f9044759432a03ad5b10a03413a5d0c to your computer and use it in GitHub Desktop.

Select an option

Save bhvreddy/3f9044759432a03ad5b10a03413a5d0c to your computer and use it in GitHub Desktop.
<div>
<img [src]="event?.imageUrl" [alt]="event?.name" class="event-image">
<div class="row">
<div class="col-md-11">
<h2>{{event?.name}} </h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div><strong>Date:</strong> {{event?.date}}</div>
<div><strong>Time:</strong> {{event?.time}}</div>
<div><strong>Price:</strong> ${{event?.price}}</div>
</div>
<div class="col-md-6">
<address>
<strong>Address:</strong><br />
{{event?.location?.address}}<br />
{{event?.location?.city}}, {{event?.location?.country}}
</address>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-2">
<h3 style="margin:0">Sessions</h3>
</div>
<div class="col-md-2">
<a (click)="addSession()">add session</a>
</div>
</div>
<session-list *ngIf="!addMode" [sessions]="event?.sessions" ></session-list>
<!-- so if add session is clicked it will call addSession() and make addmode as true
so that here in session-list it become false so it will diappear and in
create-session it will become true and it will appear .. -->
<create-session *ngIf="addMode" (savenewSession)="savenewSession($event)" (cancelAddSession)="cancelAddSession()"></create-session>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment