fd6e2954f7
Closes #173 Previously, in the event of a failed websocket auth, we would attempt to reconnect once a second ad infinitum. This changeset ensures that we only reconnect automatically if the socket closed 'normally' as indicated by the code on the socket's CloseEvent. Otherwise, show a 'Websocket closed' error on the inbox view. Ideally we would show a more contextual error (ie, 'Unauthorized'), but unfortunately the actual server response code is not available to our code. It can be observed in the console output from the background page, but programmatically, we only receive the WebSocket CloseEvent codes listed here: https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent#Status_codes The websocket error message is displayed by a normally-hidden but ever present socket status element. Clicking this element will immediately refresh the background page, which will try again to open the websocket connection.
110 lines
5.1 KiB
HTML
110 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html class='no-js' lang='en'>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta content='width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>
|
|
Signal for Chrome
|
|
</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href='/icon.png' rel='shortcut icon'>
|
|
<link href="/stylesheets/manifest.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<body class='signal index'>
|
|
<div class='title-bar' id='header'>
|
|
<div class='new-conversation-title hide'>
|
|
<button class='back'></button>
|
|
<span class='title-text'>New Message</span>
|
|
</div>
|
|
<div class='socket-status'></div>
|
|
</div>
|
|
<div class='notifications'>
|
|
<div class='notification info'>
|
|
</div>
|
|
</div>
|
|
<div id='gutter' class='gutter'>
|
|
<div id='contacts'></div>
|
|
<span class='fab'></span>
|
|
</div>
|
|
<script type="text/x-tmpl-mustache" id="phone-number">
|
|
<div class="phone-input-form">
|
|
<div class="number-container">
|
|
<input type="tel" class="number" placeholder="Phone Number" />
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script type='text/x-tmpl-mustache' id='contact_pill'>
|
|
<span>{{ name }}</span><span class='remove'>x</span>
|
|
</script>
|
|
<script type='text/x-tmpl-mustache' id='contact'>
|
|
<span class='avatar'></span>
|
|
<div class='contact-details'>
|
|
<h3 class='contact-name'>
|
|
{{ contact_name }}
|
|
</h3>
|
|
<p class='number'>{{ number }}</p>
|
|
<p class='last-message'>
|
|
{{ last_message }}
|
|
</p>
|
|
<span class='last-timestamp'>
|
|
{{ last_message_timestamp }}
|
|
</span>
|
|
</div>
|
|
</script>
|
|
<script type='text/x-tmpl-mustache' id='new-conversation'>
|
|
<div class='new-group-update-form clearfix'>
|
|
<div class='group-avatar'>
|
|
<div class='paperclip'></div>
|
|
<input type='file' name='avatar' class='file-input'>
|
|
</div>
|
|
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
|
|
</div>
|
|
<div class='recipients-container'>
|
|
<span class='recipients'></span>
|
|
<input type='text' class='new-message' placeholder="Name or phone number" />
|
|
</div>
|
|
<div class='buttons'>
|
|
<button class='create'>Next</button>
|
|
</div>
|
|
<div class='results'>
|
|
<div class='new-contact contact'></div>
|
|
<div class='contacts'></div>
|
|
</div>
|
|
</script>
|
|
<script type='text/x-tmpl-mustache' id='attachment-preview'>
|
|
<img src="{{ source }}" class="preview" />
|
|
<div class="close">x</div>
|
|
</script>
|
|
<script type="text/javascript" src="js/components.js"></script>
|
|
|
|
<script type="text/javascript" src="js/libtextsecure.js"></script>
|
|
<script type="text/javascript" src="js/database.js"></script>
|
|
|
|
<script type="text/javascript" src="js/libphonenumber-util.js"></script>
|
|
|
|
<script type="text/javascript" src="js/models/messages.js"></script>
|
|
<script type="text/javascript" src="js/models/conversations.js"></script>
|
|
|
|
<script type="text/javascript" src="js/chromium.js"></script>
|
|
|
|
<script type="text/javascript" src="js/views/whisper_view.js"></script>
|
|
<script type="text/javascript" src="js/views/toast_view.js"></script>
|
|
<script type="text/javascript" src="js/views/attachment_preview_view.js"></script>
|
|
<script type="text/javascript" src="js/views/file_input_view.js"></script>
|
|
<script type="text/javascript" src="js/views/list_view.js"></script>
|
|
<script type="text/javascript" src="js/views/new_group_update_view.js"></script>
|
|
<script type="text/javascript" src="js/views/group_update_view.js"></script>
|
|
<script type="text/javascript" src="js/views/attachment_view.js"></script>
|
|
<script type="text/javascript" src="js/views/message_view.js"></script>
|
|
<script type="text/javascript" src="js/views/message_list_view.js"></script>
|
|
<script type="text/javascript" src="js/views/phone-input-view.js"></script>
|
|
<script type="text/javascript" src="js/views/conversation_list_item_view.js"></script>
|
|
<script type="text/javascript" src="js/views/conversation_list_view.js"></script>
|
|
<script type="text/javascript" src="js/views/conversation_view.js"></script>
|
|
<script type="text/javascript" src="js/views/new_conversation_view.js"></script>
|
|
<script type="text/javascript" src="js/views/inbox_view.js"></script>
|
|
<script type="text/javascript" src="js/index.js"></script>
|
|
</body>
|
|
</html>
|