2021-03-20 18:03:47 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>AIRA</title>
|
2021-09-02 19:45:32 +02:00
|
|
|
<link rel="icon" type="image/svg" href="/static/imgs/icons/logo">
|
2021-03-20 18:03:47 +01:00
|
|
|
<link rel="stylesheet" href="/static/commons/style.css">
|
2021-04-26 19:34:24 +02:00
|
|
|
<link rel="stylesheet" href="/static/index.css">
|
2021-03-20 18:03:47 +01:00
|
|
|
</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">
|
2021-05-04 22:26:36 +02:00
|
|
|
<div>
|
|
|
|
<button id="show_local_ips" title="Local IP addresses"></button>
|
|
|
|
</div>
|
2021-03-20 18:03:47 +01:00
|
|
|
<p class="section_title">Add a new peer by IP:</p>
|
|
|
|
<input type="text" id="ip_input" placeholder="Enter IP address">
|
|
|
|
</div>
|
2021-05-10 18:37:57 +02:00
|
|
|
<p id="aira_version">AIRA vAIRA_VERSION</p>
|
2021-03-20 18:03:47 +01:00
|
|
|
</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>
|
2021-07-23 12:04:29 +02:00
|
|
|
<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>
|
2021-04-28 17:57:49 +02:00
|
|
|
<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>
|
2021-03-20 18:03:47 +01:00
|
|
|
<div id="message_box">
|
2021-07-23 12:04:29 +02:00
|
|
|
<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>
|
2021-03-20 18:03:47 +01:00
|
|
|
</div>
|
2021-06-04 13:14:29 +02:00
|
|
|
<div id="disconnected">
|
|
|
|
<img src="/static/imgs/icons/warning/ff0000">
|
|
|
|
<h1>Websocket connection closed</h1>
|
|
|
|
</div>
|
2021-03-20 18:03:47 +01:00
|
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script>
|
2021-04-26 19:34:24 +02:00
|
|
|
//replaced by web server
|
2021-05-02 16:46:05 +02:00
|
|
|
let identityFingerprint = "IDENTITY_FINGERPRINT";
|
2021-04-28 17:57:49 +02:00
|
|
|
let isIdentityProtected = IS_IDENTITY_PROTECTED;
|
|
|
|
let websocketPort = WEBSOCKET_PORT;
|
2021-05-13 20:28:45 +02:00
|
|
|
let usePadding = PSEC_PADDING;
|
2021-03-20 18:03:47 +01:00
|
|
|
</script>
|
2021-04-26 19:34:24 +02:00
|
|
|
<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>
|
2021-03-20 18:03:47 +01:00
|
|
|
</body>
|
|
|
|
</html>
|