|
|
|
|
<!DOCTYPE html><html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
{% if refresh %}
|
|
|
|
|
<meta http-equiv="refresh" content="{{ refresh }}">
|
|
|
|
|
{% endif %}
|
|
|
|
|
<link type="text/css" media="all" href="/static/css/simple/style.css" rel="stylesheet">
|
|
|
|
|
<link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon-32.png">
|
|
|
|
|
<title>{{ title }}</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
{% if h2 %}
|
|
|
|
|
<h2>{{ h2 }}</h2>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
{% if ws_url %}
|
|
|
|
|
<script>
|
|
|
|
|
var ws = new WebSocket("{{ ws_url }}"),
|
|
|
|
|
floating_div = document.createElement('div');
|
|
|
|
|
floating_div.classList.add('floatright');
|
|
|
|
|
messages = document.createElement('ul');
|
|
|
|
|
ws.onmessage = function (event) {
|
|
|
|
|
let json = JSON.parse(event.data);
|
|
|
|
|
|
|
|
|
|
let event_message = 'Unknown event';
|
|
|
|
|
if (json['event'] == 'new_offer') {
|
|
|
|
|
event_message = '<a href=/offer/' + json['offer_id'] + '>New offer</a>';
|
|
|
|
|
} else
|
|
|
|
|
if (json['event'] == 'new_bid') {
|
|
|
|
|
event_message = '<a href=/bid/' + json['bid_id'] + '>New bid</a> on offer <a href=/offer/' + json['offer_id'] + '>' + json['offer_id'] + '</a>';
|
|
|
|
|
} else
|
|
|
|
|
if (json['event'] == 'bid_accepted') {
|
|
|
|
|
event_message = '<a href=/bid/' + json['bid_id'] + '>Bid accepted</a>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let messages = document.getElementsByTagName('ul')[0],
|
|
|
|
|
message = document.createElement('li');
|
|
|
|
|
message.innerHTML = event_message;
|
|
|
|
|
messages.appendChild(message);
|
|
|
|
|
};
|
|
|
|
|
floating_div.appendChild(messages);
|
|
|
|
|
document.body.appendChild(floating_div);
|
|
|
|
|
</script>
|
|
|
|
|
{% endif %}
|
