X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-main%2Fbuttons%2Fbutton.component.html;h=bf0fb39163cb3050d098bc7c1818332d8f9cdb4e;hb=d12b40fb96d56786a96c06a621f3d8e0a0d24f4a;hp=43e2ca614135b8dcac6c18d3775329a06eebe4b9;hpb=1fe1e14cb30ac44299563f98ed0aee2805794493;p=github%2FChocobozzz%2FPeerTube.git

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 43e2ca614..bf0fb3916 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.html
+++ b/client/src/app/shared/shared-main/buttons/button.component.html
@@ -1,6 +1,16 @@
-<span class="action-button" [ngClass]="getClasses()" [title]="getTitle()">
-  <my-global-icon *ngIf="!loading" [iconName]="icon"></my-global-icon>
-  <my-small-loader [loading]="loading"></my-small-loader>
+<div *ngIf="!routerLink" class="action-button" [ngClass]="classes" [ngbTooltip]="title" tabindex="0">
+  <ng-container *ngTemplateOutlet="content"></ng-container>
+</div>
 
-  <span class="button-label">{{ label }}</span>
-</span>
+<a *ngIf="routerLink" class="action-button" [ngClass]="classes" [ngbTooltip]="title" [routerLink]="routerLink">
+  <ng-container *ngTemplateOutlet="content"></ng-container>
+</a>
+
+<ng-template #content>
+  <my-loader size="sm" [ngClass]="{ displayed: loading }" [loading]="loading"></my-loader>
+  <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
+
+  <span *ngIf="label" class="button-label">{{ label }}</span>
+
+  <ng-content></ng-content>
+</ng-template>