diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-10 10:46:20 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-10 13:51:12 +0200 |
commit | db66f3914bad31a21df5d7ffb3452b80655d6794 (patch) | |
tree | 36991e8b93b1b660222a432d00c256aa6f707d9c /client/src/app/shared/shared-main/buttons/button.component.html | |
parent | ac30ddd739d32ee69ce048656c0ffcf444b91513 (diff) | |
download | PeerTube-db66f3914bad31a21df5d7ffb3452b80655d6794.tar.gz PeerTube-db66f3914bad31a21df5d7ffb3452b80655d6794.tar.zst PeerTube-db66f3914bad31a21df5d7ffb3452b80655d6794.zip |
Refactor button components
Diffstat (limited to 'client/src/app/shared/shared-main/buttons/button.component.html')
-rw-r--r-- | client/src/app/shared/shared-main/buttons/button.component.html | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/client/src/app/shared/shared-main/buttons/button.component.html b/client/src/app/shared/shared-main/buttons/button.component.html index d1a4215e6..c0a4b21b8 100644 --- a/client/src/app/shared/shared-main/buttons/button.component.html +++ b/client/src/app/shared/shared-main/buttons/button.component.html | |||
@@ -1,8 +1,16 @@ | |||
1 | <span class="action-button" [ngClass]="getClasses()" [ngbTooltip]="title" tabindex="0"> | 1 | <span *ngIf="!routerLink" class="action-button" [ngClass]="getClasses()" [ngbTooltip]="title" tabindex="0"> |
2 | <ng-container *ngTemplateOutlet="content"></ng-container> | ||
3 | </span> | ||
4 | |||
5 | <a *ngIf="routerLink" class="action-button" [ngClass]="getClasses()" [ngbTooltip]="title" [routerLink]="routerLink"> | ||
6 | <ng-container *ngTemplateOutlet="content"></ng-container> | ||
7 | </a> | ||
8 | |||
9 | <ng-template #content> | ||
2 | <my-small-loader [loading]="loading"></my-small-loader> | 10 | <my-small-loader [loading]="loading"></my-small-loader> |
3 | <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon> | 11 | <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon> |
4 | 12 | ||
5 | <span *ngIf="label" class="button-label">{{ label }}</span> | 13 | <span *ngIf="label" class="button-label">{{ label }}</span> |
6 | 14 | ||
7 | <ng-content></ng-content> | 15 | <ng-content></ng-content> |
8 | </span> | 16 | </ng-template> |