-
Notifications
You must be signed in to change notification settings - Fork 1.8k
/
speaker-detail.html
43 lines (37 loc) · 1.5 KB
/
speaker-detail.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<ion-content class="speaker-detail">
<ion-header class="ion-no-border">
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button defaultHref="/app/tabs/speakers"></ion-back-button>
</ion-buttons>
<ion-buttons *ngIf="speaker" slot="end">
<ion-button (click)="openContact(speaker)">
<ion-icon slot="icon-only" ios="call-outline" md="call-sharp"></ion-icon>
</ion-button>
<ion-button (click)="openSpeakerShare(speaker)">
<ion-icon slot="icon-only" ios="share-outline" md="share-sharp"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<div class="speaker-background">
<img [src]="speaker?.profilePic" [alt]="speaker?.name">
<h2>{{speaker?.name}}</h2>
</div>
<div class="ion-padding speaker-detail">
<p>{{speaker?.about}} Say hello on social media!</p>
<hr>
<ion-chip color="twitter" button (click)="openExternalUrl('https://twitter.com/' + speaker.twitter)">
<ion-icon name="logo-twitter"></ion-icon>
<ion-label>Twitter</ion-label>
</ion-chip>
<ion-chip color="dark" button (click)="openExternalUrl('https://github.com/ionic-team/ionic')">
<ion-icon name="logo-github"></ion-icon>
<ion-label>GitHub</ion-label>
</ion-chip>
<ion-chip color="instagram" button (click)="openExternalUrl('https://instagram.com/ionicframework')">
<ion-icon name="logo-instagram"></ion-icon>
<ion-label>Instagram</ion-label>
</ion-chip>
</div>
</ion-content>