Add noscript warning to login page (#1488615)

5 files changed, 24 insertions, 0 deletions

diff --git a/program/localization/en_US/messages.inc b/program/localization/en_US/messages.inc
index a00eff8a4..a900fae18 100644
--- a/program/localization/en_US/messages.inc
+++ b/program/localization/en_US/messages.inc
@@ -163,5 +163,6 @@ $messages['invalidimageformat'] = 'Not a valid image format.';
 $messages['mispellingsfound'] = 'Spelling errors detected in the message.';
 $messages['parentnotwritable'] = 'Unable to create/move folder into selected parent folder. No access rights.';
 $messages['messagetoobig'] = 'The message part is too big to process it.';
+$messages['noscriptwarning'] = 'Warning: This webmail service requires Javascript! In order to use it please enable Javascript in your browser\'s settings.';
 
 ?>
diff --git a/skins/classic/common.css b/skins/classic/common.css
index 8f5daee2e..8115c1bfc 100644
--- a/skins/classic/common.css
+++ b/skins/classic/common.css
@@ -782,6 +782,14 @@ a.rcmContactAddress:hover
 	color: #666;
 }
 
+#login-noscriptwarning
+{
+	margin: 2em auto 0 auto;
+	width: 400px;
+	color: #cf2734;
+	font-weight: bold;
+}
+
 #console
 {
   opacity: 0.8;
diff --git a/skins/classic/templates/login.html b/skins/classic/templates/login.html
index 63e09bb10..cca2bd934 100644
--- a/skins/classic/templates/login.html
+++ b/skins/classic/templates/login.html
@@ -24,6 +24,10 @@
 </div>
 </div>
 
+<noscript>
+  <p id="login-noscriptwarning"><roundcube:label name="noscriptwarning" /></p>
+</noscript>
+
 <div id="login-bottomline">
   <roundcube:var name="config:product_name"> <roundcube:object name="version" condition="config:display_version" />
   <roundcube:if condition="config:support_url" />
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 9127fbe7c..b4a4d81e1 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1233,6 +1233,14 @@ ul.proplist li {
 	padding-top: 10px;
 }
 
+#login-form .noscriptwarning {
+	margin: 0 auto;
+	width: 430px;
+	color: #cf2734;
+	font-size: 110%;
+	font-weight: bold;
+}
+
 #login-form td.input {
 	width: 80%;
 	padding: 8px;
diff --git a/skins/larry/templates/login.html b/skins/larry/templates/login.html
index 8aac930ed..a605eb7fe 100644
--- a/skins/larry/templates/login.html
+++ b/skins/larry/templates/login.html
@@ -21,6 +21,9 @@
 
 <div class="box-bottom">
 	<roundcube:object name="message" id="message" />
+	<noscript>
+		<p class="noscriptwarning"><roundcube:label name="noscriptwarning" /></p>
+	</noscript>
 </div>
 
 <div id="bottomline">