Antoine Prieels
c5e1af7a35
In Chrome 84, mixed content will be completely blocked for security reasons ([see blog](https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html)) Other browsers will probably follow in the next months. As IoT Boxes don't have a valid certificate before connecting to a DB, we used mixed passive content to communicate with the boxes. This won't be possible anymore, and we have no possible way to communicate directly from the browser to the box. - When an IoT Box boots without registered DB, a unique code will be created with a validity of 5 minutes. - This code will be shown on the customer display and printed on the status ticket. - The box will call a route on odoo.com and a record will be created in odoo.com with the unique code. - The user will have to enter the code manually in his DB to connect to the IoT Box, the DB will then contact odoo.com to search for a record containing the unique code. If it's found, the `openerp.enterprise.database` will be added to the record. - The box will then query odoo.com at regular intervals (10 seconds) to check if a DB is linked to the code. closes odoo/odoo#53623 Taskid: 2246535 X-original-commit: c55f12e32598a713105f3c049ac053e46ba15bb2 Related: odoo/enterprise#11421 Signed-off-by: pimodoo <pimodoo@users.noreply.github.com>
95 lines
3.9 KiB
HTML
95 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="cache-control" content="no-cache" />
|
|
<meta http-equiv="pragma" content="no-cache" />
|
|
<title class="origin">{{ title or "Odoo's IoTBox" }}</title>
|
|
<script class="origin" type="text/javascript" src="/web/static/lib/jquery/jquery.js"></script>
|
|
<link class="origin" rel="stylesheet" href="/web/static/lib/bootstrap/css/bootstrap.css">
|
|
<script class="origin" type="text/javascript" src="/web/static/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/web/static/lib/fontawesome/css/font-awesome.css"/>
|
|
<script type="text/javascript" class="origin">
|
|
var display_identifier = '{{ display_identifier }}';
|
|
{{ cust_js|safe }}
|
|
</script>
|
|
<style class="origin">
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<style>
|
|
body {
|
|
background: linear-gradient(to right bottom, #77717e, #c9a8a9);
|
|
height: 100vh;
|
|
}
|
|
.pos-display-boxes {
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
}
|
|
.pos-display-box {
|
|
padding: 10px 20px;
|
|
background: rgba(0, 0, 0, 0.17);
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
box-shadow: 1px 1px 0px 0px rgba(60, 60, 60, 0.4);
|
|
color: #fff;
|
|
border-radius: 8px;
|
|
width: 500px;
|
|
margin-top: 20px;
|
|
}
|
|
.pos-display-box hr {
|
|
background-color: #fff;
|
|
}
|
|
.info-text {
|
|
font-size: 15px;
|
|
}
|
|
.table-pos-info {
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="text-center pt-5">
|
|
<img style="width: 150px;" src="/web/static/src/img/logo_inverse_white_206px.png">
|
|
<p class="mt-3" style="color: #fff;font-size: 30px;">IoTBox</p>
|
|
</div>
|
|
<div class="pos-display-boxes">
|
|
{% if pairing_code %}
|
|
<div class="pos-display-box">
|
|
<h4 class="text-center mb-3">Pairing Code</h4>
|
|
<hr/>
|
|
<h4 class="text-center mb-3">{{ pairing_code }}</h4>
|
|
</div>
|
|
{% endif %}
|
|
<div class="pos-display-box">
|
|
<h4 class="text-center mb-3">POS Client display</h4>
|
|
<table class="table table-hover table-sm table-pos-info">
|
|
<thead>
|
|
<tr>
|
|
<th>Interface</th>
|
|
<th>IP</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for display_iface in display_ifaces -%}
|
|
<tr>
|
|
<td><i class="fa fa-{{ display_iface.icon }}"/> {{ display_iface.essid }}</td>
|
|
<td>{{ display_iface.addr }}</td>
|
|
</tr>
|
|
{%- endfor %}
|
|
</tbody>
|
|
</table>
|
|
<p class="mb-2 info-text">
|
|
<i class="fa fa-info-circle mr-1"></i>The customer cart will be displayed here once a Point of Sale session is started.
|
|
</p>
|
|
<p class="mb-2 info-text">
|
|
<i class="fa fa-info-circle mr-1"></i>Odoo version 11 or above is required.
|
|
</p>
|
|
<div class="error-message alert alert-danger mb-2 d-none" role="alert" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|