96 lines
4.1 KiB
HTML
96 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>AIRA</title>
|
|
<link rel="icon" type="image/svg" href="/static/imgs/icons/logo">
|
|
<link rel="stylesheet" href="/static/commons/style.css">
|
|
<link rel="stylesheet" href="/static/index.css">
|
|
</head>
|
|
<body>
|
|
<main id="main">
|
|
<div id="left_panel" class="panel">
|
|
<div id="me">
|
|
<div></div>
|
|
<button id="logout" title="Log out"></button>
|
|
</div>
|
|
<div id="refresher">
|
|
<button title="Refresh"></button>
|
|
</div>
|
|
<p class="section_title">Online peers:</p>
|
|
<ul id="online_sessions">
|
|
</ul>
|
|
<p class="section_title">Offline contacts:</p>
|
|
<ul id="offline_sessions">
|
|
</ul>
|
|
<div id="connect_box">
|
|
<div>
|
|
<button id="show_local_ips" title="Local IP addresses"></button>
|
|
</div>
|
|
<p class="section_title">Add a new peer by IP:</p>
|
|
<input type="text" id="ip_input" placeholder="Enter IP address">
|
|
</div>
|
|
<p id="aira_version">AIRA vAIRA_VERSION</p>
|
|
</div>
|
|
<div id="right_panel" class="panel">
|
|
<div id="chat_header">
|
|
<div></div>
|
|
<button id="delete_conversation" title="Delete conversation"></button>
|
|
<button id="verify" title="Verify"></button>
|
|
<button id="add_contact" title="Add to contact"></button>
|
|
<button id="remove_contact" title="Remove from contact"></button>
|
|
</div>
|
|
<ul id="msg_log">
|
|
</ul>
|
|
<div id="pending_msgs_indicator">
|
|
<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
|
|
<h3>Sending pending messages...</h3>
|
|
</div>
|
|
<div id="file_transfer">
|
|
<div id="file_control">
|
|
<button id="file_cancel" title="Cancel"></button>
|
|
<p id="file_info"></p>
|
|
</div>
|
|
<p id="file_status"></p>
|
|
<div id="file_progress">
|
|
<p id="file_percent"></p>
|
|
<p id="file_speed"></p>
|
|
<div id="file_progress_bar">
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="message_box">
|
|
<div id="offline_warning">
|
|
<div>
|
|
<h3>Your contact seems to be offline.</h3>
|
|
<p>Sent messages will be stored until a connection is established.</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<input type="text" id="message_input" placeholder="Send a message...">
|
|
<label title="Send file" class="file_picker">
|
|
<input type="file" id="attach_file" multiple>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div id="disconnected">
|
|
<img src="/static/imgs/icons/warning/ff0000">
|
|
<h1>Websocket connection closed</h1>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
//replaced by web server
|
|
let identityFingerprint = "IDENTITY_FINGERPRINT";
|
|
let isIdentityProtected = IS_IDENTITY_PROTECTED;
|
|
let websocketPort = WEBSOCKET_PORT;
|
|
let usePadding = PSEC_PADDING;
|
|
</script>
|
|
<script src="/static/libs/linkify.min.js"></script>
|
|
<script src="/static/libs/linkify-element.min.js"></script>
|
|
<script src="/static/commons/script.js"></script>
|
|
<script src="/static/index.js"></script>
|
|
</body>
|
|
</html>
|