Adds noscript HTML

onionshare/web/chat_mode.py

@@ -4,7 +4,6 @@ from flask import (
     render_template,
     make_response,
     jsonify,
-    flash,
     redirect,
     session,
 )

share/static/css/style.css

@@ -187,6 +187,10 @@ table.file-list td:last-child {
   }
 }
 
+.no-js {
+  display: none;
+}
+
 .upload-wrapper {
   align-items: center;
   justify-content: center;

share/static/js/chat.js

@@ -1,5 +1,6 @@
 $(function(){
   $(document).ready(function(){
+    $('.chat-container').removeClass('no-js');
     var socket = io.connect('http://' + document.domain + ':' + location.port + '/chat');
 
     // Store current username received from app context

share/templates/chat.html

@@ -11,20 +11,14 @@
         <img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
         <h1>OnionShare</h1>
     </header>
+    <noscript>
+      <p>
+        Chat <b>requires JavaScript</b>, so you must set your Tor Browser security
+        level to <b>Safer</b> or <b>Standard</b> to join.
+      </p>
+    </noscript>
 
-    <div>
+    <div class="chat-container no-js">
-      <ul id="flashes" class="flashes">
-        {% with messages = get_flashed_messages(with_categories=true) %}
-          {% if messages %}
-            {% for category, message in messages %}
-              <li class="{{ category }}">{{ message }}</li>
-            {% endfor %}
-          {% endif %}
-        {% endwith %}
-      </ul>
-    </div>
-
-    <div class="chat-container">
       <div class="chat-users">
         <div class="editable-username">
           <input id="username" value="{{ username }}" />