diff options
author | Chocobozzz <me@florianbigard.com> | 2020-11-12 15:28:54 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-11-13 12:02:21 +0100 |
commit | 17119e4a546522468878cf115558b17949ab50d0 (patch) | |
tree | 3f130cfd7fdccf5aeeac9beee941750590239047 /client/src/app/+my-library/my-subscriptions/my-subscriptions.component.html | |
parent | b4bc269e5517849b5b89052f0c1a2c01b6f65089 (diff) | |
download | PeerTube-17119e4a546522468878cf115558b17949ab50d0.tar.gz PeerTube-17119e4a546522468878cf115558b17949ab50d0.tar.zst PeerTube-17119e4a546522468878cf115558b17949ab50d0.zip |
Reorganize left menu and account menu
Add my-settings and my-library in left menu
Move administration below my-library
Split account menu: my-setting and my library
Diffstat (limited to 'client/src/app/+my-library/my-subscriptions/my-subscriptions.component.html')
-rw-r--r-- | client/src/app/+my-library/my-subscriptions/my-subscriptions.component.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.html b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.html new file mode 100644 index 000000000..6ab3826ba --- /dev/null +++ b/client/src/app/+my-library/my-subscriptions/my-subscriptions.component.html | |||
@@ -0,0 +1,42 @@ | |||
1 | <h1> | ||
2 | <span> | ||
3 | <my-global-icon iconName="subscriptions" aria-hidden="true"></my-global-icon> | ||
4 | <ng-container i18n>My subscriptions</ng-container> | ||
5 | <span class="badge badge-secondary"> {{ pagination.totalItems }}</span> | ||
6 | </span> | ||
7 | </h1> | ||
8 | |||
9 | <div class="video-subscriptions-header d-flex justify-content-between"> | ||
10 | <div class="has-feedback has-clear"> | ||
11 | <input type="text" placeholder="Search your subscriptions" i18n-placeholder [(ngModel)]="subscriptionsSearch" | ||
12 | (ngModelChange)="onSubscriptionsSearchChanged()" /> | ||
13 | <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="resetSearch()"></a> | ||
14 | <span class="sr-only" i18n>Clear filters</span> | ||
15 | </div> | ||
16 | </div> | ||
17 | |||
18 | <div class="no-results" i18n *ngIf="pagination.totalItems === 0">You don't have any subscriptions yet.</div> | ||
19 | |||
20 | <div class="video-channels" myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()"> | ||
21 | <div *ngFor="let videoChannel of videoChannels" class="video-channel"> | ||
22 | <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]"> | ||
23 | <img [src]="videoChannel.avatarUrl" alt="Avatar" /> | ||
24 | </a> | ||
25 | |||
26 | <div class="video-channel-info"> | ||
27 | <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]" class="video-channel-names" i18n-title title="Channel page"> | ||
28 | <div class="video-channel-display-name">{{ videoChannel.displayName }}</div> | ||
29 | <div class="video-channel-name">{{ videoChannel.nameWithHost }}</div> | ||
30 | </a> | ||
31 | |||
32 | <div i18n class="video-channel-followers">{{ videoChannel.followersCount }} subscribers</div> | ||
33 | |||
34 | <a [routerLink]="[ '/accounts', videoChannel.ownerBy ]" i18n-title title="Owner account page" class="actor-owner"> | ||
35 | <span i18n>Created by {{ videoChannel.ownerBy }}</span> | ||
36 | <img [src]="videoChannel.ownerAvatarUrl" alt="Owner account avatar" /> | ||
37 | </a> | ||
38 | </div> | ||
39 | |||
40 | <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button> | ||
41 | </div> | ||
42 | </div> | ||