AIRA/src/frontend/index.html

75 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AIRA</title>
<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">
<p class="section_title">Add a new peer by IP:</p>
<input type="text" id="ip_input" placeholder="Enter IP address">
</div>
</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="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">
<input type="text" id="message_input" placeholder="Send a message...">
<label title="Send file" class="file_picker">
<input type="file" id="attach_file">
</label>
</div>
</div>
</main>
<script>
//replaced by web server
let identityFingerprint = "IDENTITY_FINGERPRINT";
let isIdentityProtected = IS_IDENTITY_PROTECTED;
let websocketPort = WEBSOCKET_PORT;
</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>