Evolution #139: noscript

app/Resources/translations/messages.fr.yml

@@ -45,3 +45,8 @@ date_since:
       x_week:         et modifié il y a %x% semaines
       x_month:         et modifié il y a %x% mois
       x_year:         et modifié il y a %x% ans
+
+noscript:
+  message:           Javascript est nécéssaire pour l'utilisation du site ! 
+  link_text:         En savoir plus
+  link_search:       https://duckduckgo.com/?q=activer+javascript

src/Muzich/CoreBundle/Resources/views/layout.html.twig

@@ -57,6 +57,17 @@
   
   {% include "MuzichUserBundle:Account:topBar.html.twig" %}
   
+  <noscript>
+    <div id="noscript_warning">
+      <p>
+        {{ 'noscript.message'|trans({}, 'messages') }}
+        <a href="{{ 'noscript.link_search'|trans({}, 'messages') }}" target="_blank">
+          {{ 'noscript.link_text'|trans({}, 'messages') }}
+        </a>
+      </p>
+    </div>
+  </noscript>
+  
   <div id="container">
     {% block main_content %}{% endblock %}
     {% block fos_user_content %}{% endblock %}

web/bundles/muzichcore/css/main.css

@@ -121,6 +121,28 @@ input.button, button.button {
   -webkit-border-radius: 5px 5px 0px 0px;
 }
 
+/* Noscript */
+div#noscript_warning
+{
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  background-color: #fe4b4b;
+  color: black;
+  font-weight: bold;
+  font-size: 110%;
+  padding: 5px;
+  z-index: 999;
+  
+  border-top: 1px solid #d5d5d5;
+  border-left: 1px solid #d5d5d5;
+  border-right: 1px solid #d5d5d5;
+  -moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-khtml-border-radius: 5px;
+	border-radius: 5px;
+}
+
 .top-tabs-right
 {
   list-style: none outside none;