/
app.html
44 lines (39 loc) · 1.4 KB
/
app.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
44
<div>
<section class="blue-gradient-background intro-splash splash">
<div class="container center-all-container">
<h1 class="white light splash-title">
Pusher Angular Realtime Demo
</h1>
<p class="white light splash-subtitle">
Displaying live tweets using Pusher and Angular 2.
</p>
<div id="search-form">
<form (ngSubmit)="newSubscription()">
<input class="swish-input" [(ngModel)]="newSearchTerm" placeholder="JavaScript" />
<button class="bright-blue-hover btn-white">Search</button>
</form>
</div>
</div>
</section>
<section>
<div class="container tweets-container">
<div id="channels-list">
<div class="channel" *ngFor="let channel of channels">
<h3 class="white light">
<img class="twitter-icon" src="src/img/twitter.png" width="30" />
Tweets for {{ channel.term }}
</h3>
<div id="subscription-controls">
<button class="btn-white secondary" (click)="toggleSearch(channel)">
{{channel.active ? 'Stop' : 'Restart'}} Stream
</button>
<button class="btn-white secondary" (click)="clearSearch(channel)">
Remove Results
</button>
</div>
<subscription [search]="channel" [pusher]="pusher"></subscription>
</div>
</div>
</div>
</section>
</div>