Add a message to the root index page for browsers without javascript.

static/june_2007_style/base.less

@@ -289,13 +289,13 @@ div.unified-panel-body {
     }
 }
 
-#overlay {
+#overlay, .overlay {
     position: fixed;
     top: 0; left: 0; width: 100%; height: 100%;
     z-index: 20000;
 }
 
-#overlay.is_modal #overlay-background {
+#overlay.is_modal #overlay-background, .overlay-background {
     background: rgba(0,0,0,0.5);
 }
 

static/june_2007_style/blue/base.css

@@ -225,7 +225,7 @@ button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom
 .navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
 .navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
 .navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
-.navbar-search .search-query ::-webkit-input-placeholder{color:#eeeeee;}
+.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
 .navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
 .navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
 .navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
@@ -516,8 +516,8 @@ div.unified-panel-body{position:absolute;top:30px;bottom:0;width:100%;margin-top
 .panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;padding-right:0.5em;padding-left:0.5em;}.panel-header-button:hover{color:maroon;-webkit-transition:color 0.25s linear;-moz-transition:color 0.25s linear;-ms-transition:color 0.25s linear;-o-transition:color 0.25s linear;transition:color 0.25s linear;}
 .panel-header-button .caret{margin-top:7px;}
 .panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
-#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
-#overlay.is_modal #overlay-background{background:rgba(0, 0, 0, 0.5);}
+#overlay,.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
+#overlay.is_modal #overlay-background,.overlay-background{background:rgba(0, 0, 0, 0.5);}
 .dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
 .dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0, 0, 0, 0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
 #dialog-box.dialog-box{min-width:660px;margin:-250px 0 0 -330px;}

templates/base_panels.mako

@@ -8,6 +8,7 @@
     self.message_box_class=""
     self.active_view=None
     self.body_class=""
+    self.require_javascript=False
 %>
     
 <%def name="init()">
@@ -47,7 +48,7 @@
     <!--[if lt IE 7]>
     ${h.js( 'IE7', 'ie7-recalc' )}
     <![endif]-->
-    ${h.js( 'jquery', 'libs/underscore', 'libs/backbone', 'libs/backbone-relational', 'libs/handlebars.runtime', 'mvc/ui' )}
+    ${h.js( 'modernizr', 'jquery', 'libs/underscore', 'libs/backbone', 'libs/backbone-relational', 'libs/handlebars.runtime', 'mvc/ui' )}
     <script type="text/javascript">
         // Set up needed paths.
         var galaxy_paths = new GalaxyPaths({
@@ -233,6 +234,16 @@
     </head>
     
     <body scroll="no" class="${self.body_class}">
+        %if self.require_javascript:
+            <noscript>
+                <div class="overlay overlay-background">
+                    <div class="modal dialog-box" border="0">
+                        <div class="modal-header"><h3 class="title">Javascript Required</h3></div>
+                        <div class="modal-body">The Galaxy analysis interface requires a browser with Javascript enabled. <br> Please enable Javascript and refresh this page</div>
+                    </div>
+                </div>
+            </noscript>
+        %endif
         <div id="everything" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 600px;">
             ## Background displays first
             <div id="background"></div>

templates/root/index.mako

@@ -188,6 +188,7 @@
     self.has_left_panel = True
     self.has_right_panel = True
     self.active_view = "analysis"
+    self.require_javascript = True
 %>
 %if trans.app.config.require_login and not trans.user:
     <script type="text/javascript">