56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<div class="setup-wizard">
|
|
<div class="header-title">
|
|
<wa-icon name="cpu" style="font-size: 1.5rem;"></wa-icon>
|
|
<span>Setup Required</span>
|
|
</div>
|
|
|
|
<p>To begin, please install a miner from the list below.</p>
|
|
<h4>Available Miners</h4>
|
|
<div class="miner-list">
|
|
@for (miner of state().manageableMiners; track miner.name) {
|
|
<div class="miner-item">
|
|
<span>{{ miner.name }}</span>
|
|
@if (miner.is_installed) {
|
|
<wa-button
|
|
variant="danger"
|
|
size="small"
|
|
[disabled]="actionInProgress() === 'uninstall-' + miner.name"
|
|
(click)="uninstallMiner(miner.name)">
|
|
@if (actionInProgress() === 'uninstall-' + miner.name) {
|
|
<wa-spinner class="button-spinner"></wa-spinner>
|
|
} @else {
|
|
<wa-icon name="trash" slot="prefix"></wa-icon>
|
|
Uninstall
|
|
}
|
|
</wa-button>
|
|
} @else {
|
|
<wa-button
|
|
variant="success"
|
|
size="small"
|
|
[disabled]="actionInProgress() === 'install-' + miner.name"
|
|
(click)="installMiner(miner.name)">
|
|
@if (actionInProgress() === 'install-' + miner.name) {
|
|
<wa-spinner class="button-spinner"></wa-spinner>
|
|
} @else {
|
|
<wa-icon name="download" slot="prefix"></wa-icon>
|
|
Install
|
|
}
|
|
</wa-button>
|
|
}
|
|
</div>
|
|
} @empty {
|
|
<div class="miner-item">
|
|
<span>Could not load available miners.</span>
|
|
</div>
|
|
}
|
|
</div>
|
|
@if (error()) {
|
|
<wa-card class="card-error">
|
|
<div slot="header">
|
|
<wa-icon name="exclamation-triangle" style="font-size: 1.5rem;"></wa-icon>
|
|
An Error Occurred
|
|
</div>
|
|
<p>{{ error() }}</p>
|
|
</wa-card>
|
|
}
|
|
</div>
|