Refs #9562; Display image on view when javascript is disabled

collective · Nov 7, 2012 · cf3e16e · cf3e16e
1 parent 85e0c4b
commit cf3e16e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/docs/HISTORY.txt b/docs/HISTORY.txt
@@ -3,6 +3,8 @@ Changelog
 
 6.1-dev - (unreleased)
 ----------------------
+* Feature: Display image when javascript is disabled
+  [szabozo0 refs #9562]
 * Upgrade step: Within "Plone > Site setup > Add-ons" click on
   upgrade button available for eea.app.visualization
 * Feature: Added utilities to get and convert external URL to

diff --git a/eea/app/visualization/browser/css/view.css b/eea/app/visualization/browser/css/view.css
@@ -81,3 +81,12 @@ ul.chart-tabs li:first-of-type a:hover {
   clear: both;
   visibility: hidden;
 }
+
+/* noscript */
+.daviz-tab-view-noscript {
+    display:none;
+}
+
+.daviz-tab-view-noscript:target {
+    display:block
+}
diff --git a/eea/app/visualization/browser/js/view.js b/eea/app/visualization/browser/js/view.js
@@ -44,4 +44,6 @@ jQuery(document).ready(function(){
     return false;
   });
 
+  jQuery(".daviz-tab-view-noscript").removeClass("daviz-tab-view-noscript");
+
 });
diff --git a/eea/app/visualization/views/view.py b/eea/app/visualization/views/view.py
@@ -32,7 +32,9 @@ def tabs(self):
             {'name': self.__name__,
              'title': self.label,
              'css': tabname,
-             'tabname': tabname
+             'tabname': tabname,
+             'fallback-image': self.context.absolute_url() + \
+                                "/++resource++" + self.__name__ + ".preview.png"
              },
         ]
-Original file line number
+Diff line change
@@ Expand Up / @@ -44,4 +44,6 @@ jQuery(document).ready(function(){ @@
         return false;
       });
+      jQuery(".daviz-tab-view-noscript").removeClass("daviz-tab-view-noscript");
     });