Add js waring

biscd/biscd/templates/base.html

@@ -70,40 +70,44 @@
     </div>
   </div>
 
-
-
 <div class="container">
-    {% with messages = get_flashed_messages(with_categories=true) %}
+  <noscript>
-        {% if messages %}
+    <div class="alert alert-dismissible alert-warning">
-            {% for category, message in messages %}
+      Biscd works best with JavaScript enabled!
-            <div class="row">
+    </div>
-              <div class="col-10">
+  </noscript>
-                {% if category == 'message' or category == 'info' %}
+  {% with messages = get_flashed_messages(with_categories=true) %}
-                  <div class="alert alert-dismissible alert-info">
+      {% if messages %}
-                {% elif category == 'success' %}
+          {% for category, message in messages %}
-                  <div class="alert alert-dismissible alert-success">
+          <div class="row">
-                {% elif category == 'warning' %}
+            <div class="col-10">
-                  <div class="alert alert-dismissible alert-warning">
+              {% if category == 'message' or category == 'info' %}
-                {% elif category == 'error' %}
+                <div class="alert alert-dismissible alert-info">
-                  <div class="alert alert-dismissible alert-danger">
+              {% elif category == 'success' %}
-                {% endif %}
+                <div class="alert alert-dismissible alert-success">
-                  <button type="button" class="close" data-dismiss="alert">&times;</button>
+              {% elif category == 'warning' %}
-                  {{ message }}
+                <div class="alert alert-dismissible alert-warning">
-                </div>
+              {% elif category == 'error' %}
+                <div class="alert alert-dismissible alert-danger">
+              {% endif %}
+                <button type="button" class="close" data-dismiss="alert">&times;</button>
+                {{ message }}
               </div>
             </div>
-            {% endfor %}
+          </div>
-        {% endif %}
+          {% endfor %}
-    {% endwith %}
+      {% endif %}
+  {% endwith %}
 
-    {# application content needs to be provided in the app_content block #}
+  {# application content needs to be provided in the app_content block #}
-    {% block app_content %}{% endblock %}
+  {% block app_content %}{% endblock %}
 </div>
 
 <script src="{{url_for('static', filename='js/jquery.min.js')}}"></script>
 <script src="{{url_for('static', filename='js/popper.min.js')}}" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>
 
+{% block scripts %}{% endblock %}
 
 </body>
 </html>