Better navbar action buttons

This commit is contained in:
everoddandeven 2024-10-16 22:11:38 +02:00
parent 31e9f23627
commit 245cc59394

View file

@ -25,24 +25,32 @@
<ul class="navbar-nav flex-row"> <ul class="navbar-nav flex-row">
<li *ngIf="!running && !stopping && !starting" class="nav-item text-nowrap"> <li *ngIf="!running && !stopping && !starting" class="nav-item text-nowrap">
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="collapse" aria-expanded="false" aria-label="Start daemon" (click)="startDaemon()"> <button class="btn btn-outline-secondary px-3 text-white" type="button" data-bs-toggle="collapse" aria-expanded="false" aria-label="Start daemon" (click)="startDaemon()">
<i class="bi bi-play-fill"></i> <i class="bi bi-play-fill"></i>
</button> </button>
&nbsp;
</li> </li>
<li *ngIf="running && !stopping && !starting" class="nav-item text-nowrap"> <li *ngIf="running && !stopping && !starting" class="nav-item text-nowrap">
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="collapse" aria-expanded="false" aria-label="Stop daemon" (click)="stopDaemon()"> <button class="btn btn-outline-secondary px-3 text-white" type="button" data-bs-toggle="collapse" aria-expanded="false" aria-label="Stop daemon" (click)="stopDaemon()">
<i class="bi bi-stop-fill"></i> <i class="bi bi-stop-fill"></i>
</button> </button>
&nbsp;
</li> </li>
<li *ngIf="running && !stopping && !starting" class="nav-item text-nowrap"> <li *ngIf="running && !stopping && !starting" class="nav-item text-nowrap">
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="collapse" aria-expanded="false" aria-label="Restart daemon" (click)="restartDaemon()"> <button class="btn btn-outline-secondary px-3 text-white" type="button" data-bs-toggle="collapse" aria-expanded="false" aria-label="Restart daemon" (click)="restartDaemon()">
<i class="bi bi-arrow-clockwise"></i> <i class="bi bi-arrow-clockwise"></i>
</button> </button>
&nbsp;
</li> </li>
<li class="nav-item text-nowrap"> <li class="nav-item text-nowrap">
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="offcanvas" aria-label="Quit" [disabled]="stopping || starting" (click)="quit()"> <button class="btn btn-outline-secondary px-3 text-white" type="button" data-bs-toggle="offcanvas" aria-label="Quit" [disabled]="stopping || starting" (click)="quit()">
<i class="bi bi-power"></i> <i class="bi bi-power"></i>
</button> </button>
&nbsp;
&nbsp;
</li> </li>
</ul> </ul>