Added scanning button animation, detection of scannable controllers and scan start

This commit is contained in:
Ziver Koc 2021-06-09 22:17:32 +02:00
parent 6656882859
commit a80a1c5cdc
26 changed files with 100 additions and 70 deletions

View file

@ -132,4 +132,17 @@ body {
}
.c3-line {
stroke-width: 2px;
}
}
.anim-spin {
animation: spin 2s infinite linear;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}

View file

@ -50,15 +50,24 @@
<tr>
<td>{{.getClass().getName()}}</td>
<td>
{{#.isScannable()}}
<div class="btn-toolbar pull-right">
<form method="POST">
<input type="hidden" name="action" value="controller_scan">
<input type="hidden" name="controller" value="{{.getClass().getName()}}">
{{#.isScanning()}}
<button type="submit" class="btn btn-primary btn-xs" style="padding: 1px 20px;" disabled>
<span class="glyphicon glyphicon-refresh anim-spin"></span>
</button>
{{/.isScanning()}}
{{^.isScanning()}}
<button type="submit" class="btn btn-primary btn-xs" style="padding: 1px 20px;">
<span class="glyphicon glyphicon-search"></span>
</button>
{{/.isScanning()}}
</form>
{{/.isScannable()}}
</div>
</td>
</tr>