diff options
Diffstat (limited to 'client/src/app/shared/user-subscription/subscribe-button.component.html')
-rw-r--r-- | client/src/app/shared/user-subscription/subscribe-button.component.html | 15 |
1 files changed, 5 insertions, 10 deletions
diff --git a/client/src/app/shared/user-subscription/subscribe-button.component.html b/client/src/app/shared/user-subscription/subscribe-button.component.html index 6ac8af3de..275349b7f 100644 --- a/client/src/app/shared/user-subscription/subscribe-button.component.html +++ b/client/src/app/shared/user-subscription/subscribe-button.component.html | |||
@@ -1,13 +1,13 @@ | |||
1 | <div class="btn-group-subscribe btn-group" | 1 | <div class="btn-group-subscribe btn-group" |
2 | [ngClass]="{'subscribe-button': !isAllChannelsSubscribed(), 'unsubscribe-button': isAllChannelsSubscribed()}"> | 2 | [ngClass]="{'subscribe-button': !isAllChannelsSubscribed(), 'unsubscribe-button': isAllChannelsSubscribed(), 'big': isBigButton() }"> |
3 | 3 | ||
4 | <ng-template #userLoggedOut> | 4 | <ng-template #userLoggedOut> |
5 | <span [ngClass]="{ 'extra-text': subscribeStatus(true).length > 0 }"> | 5 | <span [ngClass]="{ 'extra-text': isAtLeastOneChannelSubscribed() }"> |
6 | <ng-container *ngIf="account; then multiple; else single"></ng-container> | 6 | <ng-container *ngIf="account; then multiple; else single"></ng-container> |
7 | <ng-template i18n #single>Subscribe</ng-template> | 7 | <ng-template i18n #single>Subscribe</ng-template> |
8 | <ng-template #multiple> | 8 | <ng-template #multiple> |
9 | <span i18n>Subscribe to all channels</span> | 9 | <span i18n>Subscribe to all channels</span> |
10 | <span *ngIf="subscribeStatus(true).length > 0">{{subscribeStatus(true).length}}/{{subscribed.size}} | 10 | <span *ngIf="isAtLeastOneChannelSubscribed()">{{subscribeStatus(true).length}}/{{subscribed.size}} |
11 | <ng-container i18n>channels subscribed</ng-container> | 11 | <ng-container i18n>channels subscribed</ng-container> |
12 | </span> | 12 | </span> |
13 | </ng-template> | 13 | </ng-template> |
@@ -27,13 +27,8 @@ | |||
27 | <button | 27 | <button |
28 | *ngIf="isAllChannelsSubscribed()" type="button" | 28 | *ngIf="isAllChannelsSubscribed()" type="button" |
29 | class="btn btn-sm" role="button" | 29 | class="btn btn-sm" role="button" |
30 | (click)="unsubscribe()" i18n | 30 | (click)="unsubscribe()"> |
31 | > | 31 | <ng-container i18n>{account + "", select, undefined {Unsubscribe} other {Unsubscribe from all channels}}</ng-container> |
32 | <span> | ||
33 | <ng-container *ngIf="account; then multiple; else single"></ng-container> | ||
34 | <ng-template i18n #single>Unsubscribe</ng-template> | ||
35 | <ng-template i18n #multiple>Unsubscribe from all channels</ng-template> | ||
36 | </span> | ||
37 | </button> | 32 | </button> |
38 | </ng-template> | 33 | </ng-template> |
39 | 34 | ||