{% import 'devices/macros.html' as macros %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link href="https://stackpath.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css" rel="stylesheet" integrity="sha384-+ENW/yibaokMnme+vBLnHMphUYxHs34h9lpdbSLuAwGkOKFRl4C34WkjazBtb7eT" crossorigin="anonymous"> <script src="https://use.fontawesome.com/7553aecc27.js"></script> <title>Devicehub | {{ device.__format__('t') }}</title> <style> /*Sticky footer*/ html { position: relative; min-height: 100%; } body { margin-bottom: 60px; /* Margin bottom by footer height */ } .footer { position: absolute; bottom: 0; width: 100%; height: 6em; } </style> </head> <body> <nav class="navbar navbar-default" style="background-color: gainsboro; margin: 0 !important"> <div class="container-fluid text-center"> <h1><em>LoT Bcn</em> — Library of Things Barcelona</h1> </div> </nav> <div class="container-fluid"> <div class="row"> <div class="page-header col-md-6 col-md-offset-3"> <h1>{{ device.__format__('t') }}<br> <small>{{ device.__format__('s') }}</small> </h1> </div> </div> <div class="row"> <div class="col-md-3"> {% if device.image %} <a href="{{ device.image.to_text() }}" class="thumbnail" target="_blank"> <img src="{{ device.image.to_text() }}" alt="Cykel.JPG"> </a> {% endif %} </div> <div class="col-md-6"> {% if device.trading == states.Trading.Available %} <div class="alert alert-success"> <i class="fa fa-check-circle"></i> {{ device.trading }} </div> {% else %} <div class="alert alert-warning"> <i class="fa fa-exclamation-circle"></i> Not available. </div> {% endif %} <ul> {% for key, value in device.physical_properties.items() %} <li>{{ key }}: {{ value }} {% endfor %} </ul> {% if isinstance(device, d.Computer) %} <div class="table-responsive"> <table class="table table-striped"> <thead> <tr> <th></th> <th>Range</th> </tr> </thead> <tbody> {% if device.processor_model %} <tr> <td> CPU – {{ device.processor_model }} </td> <td> {% if device.rate %} {{ device.rate.processor_range }} ({{ device.rate.processor }}) {% endif %} </td> </tr> {% endif %} {% if device.ram_size %} <tr> <td> RAM – {{ device.ram_size // 1000 }} GB {{ macros.component_type(device.components, 'RamModule') }} </td> <td> {% if device.rate %} {{ device.rate.ram_range }} ({{ device.rate.ram }}) {% endif %} </td> </tr> {% endif %} {% if device.data_storage_size %} <tr> <td> Data Storage – {{ device.data_storage_size // 1000 }} GB {{ macros.component_type(device.components, 'SolidStateDrive') }} {{ macros.component_type(device.components, 'HardDrive') }} </td> <td> {% if device.rate %} {{ device.rate.data_storage_range }} ({{ device.rate.data_storage }}) {% endif %} </td> </tr> {% endif %} {% if device.graphic_card_model %} <tr> <td> Graphics – {{ device.graphic_card_model }} {{ macros.component_type(device.components, 'GraphicCard') }} </td> <td></td> </tr> {% endif %} {% if device.network_speeds %} <tr> <td> Network – {% if device.network_speeds[0] %} Ethernet {% if device.network_speeds[0] != None %} max. {{ device.network_speeds[0] }} Mbps {% endif %} {% endif %} {% if device.network_speeds[0] and device.network_speeds[1] %} + {% endif %} {% if device.network_speeds[1] %} WiFi {% if device.network_speeds[1] != None %} max. {{ device.network_speeds[1] }} Mbps {% endif %} {% endif %} {{ macros.component_type(device.components, 'NetworkAdapter') }} </td> <td></td> </tr> {% endif %} {% if device.rate %} <tr class="active"> <td class="text-right"> Total rate </td> <td> {{ device.rate.rating_range }} ({{ device.rate.rating }}) </td> </tr> {% endif %} {% if device.rate and device.rate.price %} <tr class="active"> <td class="text-right"> Algorithm price </td> <td> {{ device.rate.price }} </td> </tr> {% endif %} {% if device.price %} <tr class="active"> <td class="text-right"> Actual price </td> <td> {{ device.price }} </td> </tr> {% endif %} </tbody> </table> </div> <h4>Public traceability log of the device</h4> <div class="text-right"> <small>Latest one.</small> </div> <ol> {% for action in device.actions|reverse %} <li> <strong> {{ action.type }} </strong> — {{ action }} <br> <div class="text-muted"> <small> {{ action._date_str }} </small> </div> {% if action.certificate %} <a href="{{ action.certificate.to_text() }}">See the certificate</a> {% endif %} </li> {% endfor %} </ol> <div class="text-right"> <small>Oldest one.</small> </div> {% endif %} </div> </div> </div> <footer class="container-fluid footer"> <div class="row"> <div class="col-md-4"> Un projecte de:<br> <img style="height: 4em" src="{{ url_for('Device.static', filename='rezero.logo.png') }}"> <img style="height: 3em" src="{{ url_for('Device.static', filename='nusos.logo.png') }}"> </div> <div class="col-md-4"> Amb la col.laboració de:<br> <img style="height: 4em" src="{{ url_for('Device.static', filename='ereuse-logo.svg') }}"> </div> <div class="col-md-4"> Activitat subvencionada per:<br> <img style="height: 4em" src="{{ url_for('Device.static', filename='amb.logo.jpg') }}"> </div> </div> </footer> </body> </html>