diff options
Diffstat (limited to 'client/src/app/shared/shared-user-subscription')
-rw-r--r-- | client/src/app/shared/shared-user-subscription/subscribe-button.component.html | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/client/src/app/shared/shared-user-subscription/subscribe-button.component.html b/client/src/app/shared/shared-user-subscription/subscribe-button.component.html index 85b3d1fdb..d60fd5c5f 100644 --- a/client/src/app/shared/shared-user-subscription/subscribe-button.component.html +++ b/client/src/app/shared/shared-user-subscription/subscribe-button.component.html | |||
@@ -1,5 +1,7 @@ | |||
1 | <div class="btn-group-subscribe btn-group" | 1 | <div |
2 | [ngClass]="{'subscribe-button': !isAllChannelsSubscribed, 'unsubscribe-button': isAllChannelsSubscribed, 'big': isBigButton }"> | 2 | class="btn-group-subscribe btn-group" |
3 | [ngClass]="{'subscribe-button': !isAllChannelsSubscribed, 'unsubscribe-button': isAllChannelsSubscribed, 'big': isBigButton }" | ||
4 | > | ||
3 | 5 | ||
4 | <ng-template #userLoggedOut> | 6 | <ng-template #userLoggedOut> |
5 | <span [ngClass]="{ 'extra-text': isAtLeastOneChannelSubscribed }"> | 7 | <span [ngClass]="{ 'extra-text': isAtLeastOneChannelSubscribed }"> |
@@ -18,9 +20,10 @@ | |||
18 | </ng-template> | 20 | </ng-template> |
19 | 21 | ||
20 | <ng-template #userLoggedIn> | 22 | <ng-template #userLoggedIn> |
21 | <button *ngIf="!isAllChannelsSubscribed" type="button" | 23 | <button |
22 | class="btn btn-sm" role="button" | 24 | *ngIf="!isAllChannelsSubscribed" type="button" |
23 | (click)="subscribe()"> | 25 | class="btn btn-sm" (click)="subscribe()" |
26 | > | ||
24 | <ng-template [ngTemplateOutlet]="userLoggedOut"></ng-template> | 27 | <ng-template [ngTemplateOutlet]="userLoggedOut"></ng-template> |
25 | </button> | 28 | </button> |
26 | 29 | ||
@@ -36,10 +39,11 @@ | |||
36 | *ngIf="isUserLoggedIn(); then userLoggedIn"> | 39 | *ngIf="isUserLoggedIn(); then userLoggedIn"> |
37 | </ng-container> | 40 | </ng-container> |
38 | 41 | ||
39 | <div class="btn-group" ngbDropdown autoClose="outside" | 42 | <div |
40 | placement="bottom-right" role="group" | 43 | class="btn-group" ngbDropdown autoClose="outside" placement="bottom-right" |
41 | aria-label="Multiple ways to subscribe to the current channel"> | 44 | role="group" aria-label="Multiple ways to subscribe to the current channel" i18n-aria-label |
42 | <button class="btn btn-sm dropdown-toggle-split" ngbDropdownToggle> | 45 | > |
46 | <button class="btn btn-sm dropdown-toggle-split" ngbDropdownToggle aria-label="Open subscription dropdown" i18n-aria-label> | ||
43 | <ng-container | 47 | <ng-container |
44 | *ngIf="!isUserLoggedIn(); then userLoggedOut"> | 48 | *ngIf="!isUserLoggedIn(); then userLoggedOut"> |
45 | </ng-container> | 49 | </ng-container> |