status colors and messages

This commit is contained in:
Cayo Puigdefabregas 2022-08-29 12:56:10 +02:00
parent d3f87d553b
commit 36dfba584d

View file

@ -34,72 +34,72 @@
<tr> <tr>
<th scope="row">Manufacturer:</th> <th scope="row">Manufacturer:</th>
<td class="table-success">{{ placeholder.binding.manufacturer or '' }}</td> <td class="table-success">{{ placeholder.binding.manufacturer or '' }}</td>
<td class="table-danger text-right">{{ placeholder.device.manufacturer or '' }}</td> <td class="table-warning text-right">{{ placeholder.device.manufacturer or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Model:</th> <th scope="row">Model:</th>
<td class="table-success">{{ placeholder.binding.model or '' }}</td> <td class="table-success">{{ placeholder.binding.model or '' }}</td>
<td class="table-danger">{{ placeholder.device.model or '' }}</td> <td class="table-warning">{{ placeholder.device.model or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Serial Number:</th> <th scope="row">Serial Number:</th>
<td class="table-success">{{ placeholder.binding.serial_number or '' }}</td> <td class="table-success">{{ placeholder.binding.serial_number or '' }}</td>
<td class="table-danger">{{ placeholder.device.serial_number or '' }}</td> <td class="table-warning">{{ placeholder.device.serial_number or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Brand:</th> <th scope="row">Brand:</th>
<td class="table-success">{{ placeholder.binding.brand or '' }}</td> <td class="table-success">{{ placeholder.binding.brand or '' }}</td>
<td class="table-danger">{{ placeholder.device.brand or '' }}</td> <td class="table-warning">{{ placeholder.device.brand or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Sku:</th> <th scope="row">Sku:</th>
<td class="table-success">{{ placeholder.binding.sku or '' }}</td> <td class="table-success">{{ placeholder.binding.sku or '' }}</td>
<td class="table-danger">{{ placeholder.device.sku or '' }}</td> <td class="table-warning">{{ placeholder.device.sku or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Generation:</th> <th scope="row">Generation:</th>
<td class="table-success">{{ placeholder.binding.generation or '' }}</td> <td class="table-success">{{ placeholder.binding.generation or '' }}</td>
<td class="table-danger">{{ placeholder.device.generation or '' }}</td> <td class="table-warning">{{ placeholder.device.generation or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Version:</th> <th scope="row">Version:</th>
<td class="table-success">{{ placeholder.binding.version or '' }}</td> <td class="table-success">{{ placeholder.binding.version or '' }}</td>
<td class="table-danger">{{ placeholder.device.version or '' }}</td> <td class="table-warning">{{ placeholder.device.version or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Weight:</th> <th scope="row">Weight:</th>
<td class="table-success">{{ placeholder.binding.weight or '' }}</td> <td class="table-success">{{ placeholder.binding.weight or '' }}</td>
<td class="table-danger">{{ placeholder.device.weight or '' }}</td> <td class="table-warning">{{ placeholder.device.weight or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Width:</th> <th scope="row">Width:</th>
<td class="table-success">{{ placeholder.binding.width or '' }}</td> <td class="table-success">{{ placeholder.binding.width or '' }}</td>
<td class="table-danger">{{ placeholder.device.width or '' }}</td> <td class="table-warning">{{ placeholder.device.width or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Height:</th> <th scope="row">Height:</th>
<td class="table-success">{{ placeholder.binding.height or '' }}</td> <td class="table-success">{{ placeholder.binding.height or '' }}</td>
<td class="table-danger">{{ placeholder.device.height or '' }}</td> <td class="table-warning">{{ placeholder.device.height or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Depth:</th> <th scope="row">Depth:</th>
<td class="table-success">{{ placeholder.binding.depth or '' }}</td> <td class="table-success">{{ placeholder.binding.depth or '' }}</td>
<td class="table-danger">{{ placeholder.device.depth or '' }}</td> <td class="table-warning">{{ placeholder.device.depth or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Color:</th> <th scope="row">Color:</th>
<td class="table-success">{{ placeholder.binding.color or '' }}</td> <td class="table-success">{{ placeholder.binding.color or '' }}</td>
<td class="table-danger">{{ placeholder.device.color or '' }}</td> <td class="table-warning">{{ placeholder.device.color or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Production date:</th> <th scope="row">Production date:</th>
<td class="table-success">{{ placeholder.binding.production_date or '' }}</td> <td class="table-success">{{ placeholder.binding.production_date or '' }}</td>
<td class="table-danger">{{ placeholder.device.production_date or '' }}</td> <td class="table-warning">{{ placeholder.device.production_date or '' }}</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Variant:</th> <th scope="row">Variant:</th>
<td class="table-success">{{ placeholder.binding.variant or '' }}</td> <td class="table-success">{{ placeholder.binding.variant or '' }}</td>
<td class="table-danger">{{ placeholder.device.variant or '' }}</td> <td class="table-warning">{{ placeholder.device.variant or '' }}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -119,7 +119,7 @@
<tr> <tr>
<td class="table-success"> <td class="table-success">
</td> </td>
<td class="table-danger text-right"> <td class="table-warning text-right">
{{ placeholder.components or ''}} {{ placeholder.components or ''}}
</td> </td>
</tr> </tr>
@ -131,6 +131,9 @@
{% if placeholder.device.manual_actions or placeholder.binding.manual_actions %} {% if placeholder.device.manual_actions or placeholder.binding.manual_actions %}
<h2>Actions</h2> <h2>Actions</h2>
<p>
The actions will become real device and will no longer be in the abstract
</p>
<table class="table table-hover"> <table class="table table-hover">
<thead> <thead>
<tr class="text-center"> <tr class="text-center">
@ -157,6 +160,9 @@
{% if placeholder.device.tags %} {% if placeholder.device.tags %}
<h2>Tags</h2> <h2>Tags</h2>
<p>
The tags will become real device and will no longer be in the abstract
</p>
<table class="table table-hover"> <table class="table table-hover">
<thead> <thead>
<tr class="text-center"> <tr class="text-center">