mirror of
https://github.com/darkwire/darkwire.io.git
synced 2025-07-24 13:06:20 +00:00
4cee744b07
Accept file, blob decoding Remove double init of window handler Added confirmation/acceptance message Add lazy IDs to transferred files for file owner Added chat class- initial support for slash commands Abstraction of chat to its own class Removed underscore from vendors, switching to import. Increased username color values Not localizing username, organizing slash commands Keeping context Support for symbols/emojis. Fixes #9 Added back npm scripts, added method to check if log messages contain usernames Checks and balances Better parsing of commands and organization of valid commands Fixed #10 - Added running version on modal and about section, Updated disclaimer/wording, displaying public IP if available through server File transfer pre-confirmation Encrypting stringified object versus string
179 lines
7.7 KiB
Plaintext
179 lines
7.7 KiB
Plaintext
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>darkwire.io - encrypted web chat</title>
|
|
<meta name="description" content="darkwire.io is the simplest way to chat with encryption online.">
|
|
<link rel="shortcut icon" type="image/png" href="favicon.ico">
|
|
<link rel="stylesheet" href="/vendor/bootstrap-switch.min.css">
|
|
<link rel="stylesheet" href="/vendor/bootstrap.min.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script>
|
|
window.username = '{{username}}';
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="javascript:void(0)">
|
|
<img src="/logo.png">
|
|
</a>
|
|
<span class="participants">
|
|
<span class="glyphicon glyphicon-user"></span> <span id="participants"></span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="https://darkwire.io/" target="_blank"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New Room</a></li>
|
|
<li><a href="javascript:void(0)" id="settings-nav"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Settings</a></li>
|
|
<li><a href="javascript:void(0)" id="about-nav"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<ul class="pages">
|
|
<li class="chat page">
|
|
<div class="chatArea">
|
|
<ul class="messages">
|
|
<li class="log">
|
|
<p>Welcome to darkwire.io - encrypted chat</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<input class="inputMessage" placeholder="Type here..."/>
|
|
<div id="input-icons">
|
|
<span class="glyphicon glyphicon-file" id="send-file"></span>
|
|
<input type="file" id="fileInput">
|
|
<span class="glyphicon glyphicon-send" id="send-message-btn" aria-hidden="true"></span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="modal fade" id="about-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">About</h4>
|
|
<p><strong>Darkwire Version:</strong> v{{APP.version}} (<a href="https://github.com/seripap/darkwire.io/releases/tag/v{{APP.version}}" target="_blank">View Release Notes</a>)<br></p>
|
|
</div>
|
|
<div class="modal-body">
|
|
{{>partials/disclaimer}}
|
|
|
|
<p>Questions/comments? Email us at hello[at]darkwire.io<br>
|
|
Found a bug or want a new feature? <a href="https://github.com/seripap/darkwire.io/issues" target="_blank">Open a ticket on Github</a>.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="settings-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Settings</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h6>Invite People to This Room</h6>
|
|
<p>
|
|
<input type="text" class="form-control share-text" readonly>
|
|
</p>
|
|
<br>
|
|
<h6>Sound</h6>
|
|
<input type="checkbox" name="sound-enabled" class="form-control bs-switch sound-enabled" checked>
|
|
<br>
|
|
<h6>Auto-embed images?</h6>
|
|
<input type="checkbox" name="embed-images" class="form-control bs-switch auto-embed-files">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default encryption-active" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="first-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Welcome to darkwire.io v{{APP.version}}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h6>We've placed you in a new chat room</h6>
|
|
{{>partials/disclaimer}}
|
|
<br>
|
|
<h6>Invite People to This Room</h6>
|
|
<p>
|
|
<input type="text" class="form-control share-text" readonly>
|
|
</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default encryption-active" data-dismiss="modal">Got It</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="participants-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Current Participants</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<ul class="users"></ul>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="no-crypto" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Browser Not Supported</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Your browser does not support the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Crypto" target="_blank">Crypto Web API</a>.</p>
|
|
<p>Try using the lastest version of Chrome, Firefox or Safari.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/vendor/jquery-1.10.2.min.js"></script>
|
|
{{!-- socket.io automatically servers the client lib from the server at this path --}}
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
<script src="/favicon.js"></script>
|
|
<script src="/vendor/bootstrap-3.3.6.min.js"></script>
|
|
<script src="/vendor/autolinker.min.js"></script>
|
|
<script src="/vendor/modernizr-custom.min.js"></script>
|
|
<script src="/vendor/bootstrap-switch.min.js"></script>
|
|
<script src="/vendor/web-crypto-shim.js"></script>
|
|
<script src="/vendor/fastclick-1.0.6.min.js"></script>
|
|
<script src="/main.js"></script>
|
|
</body>
|
|
</html>
|