Merge pull request #144 from AtlasOfLivingAustralia/123

123 added print css
AtlasOfLivingAustralia · Sep 8, 2015 · ef17569 · ef17569
2 parents 6a85fd9 + c7e33a2
commit ef17569
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 18 deletions.
diff --git a/grails-app/conf/BiocacheHubsResources.groovy b/grails-app/conf/BiocacheHubsResources.groovy
@@ -14,8 +14,8 @@ modules = {
         //dependsOn 'bootstrap'
         defaultBundle 'main-core'
         resource url: [dir:'css', file:'autocomplete.css', plugin:'biocache-hubs']
-        resource url: [dir:'css', file:'base.css', plugin: 'biocache-hubs']
-        resource url: [dir:'css', file:'bootstrapAdditions.css', plugin: 'biocache-hubs']
+        resource url: [dir:'css', file:'base.css', plugin: 'biocache-hubs'],attrs: [ media: 'all' ]
+        resource url: [dir:'css', file:'bootstrapAdditions.css', plugin: 'biocache-hubs'],attrs: [ media: 'all' ]
         resource url: [dir:'js', file:'jquery.autocomplete.js', plugin:'biocache-hubs'], disposition: 'head'
         resource url: [dir:'js', file:'jquery.i18n.properties-1.0.9.js', plugin:'biocache-hubs']
         resource url: [dir:'js', file:'html5.js', plugin:'biocache-hubs'], wrapper: { s -> "<!--[if lt IE 9]>$s<![endif]-->" }, disposition: 'head'
@@ -24,18 +24,19 @@ modules = {
     searchCore {
         dependsOn 'jquery, purl'
         defaultBundle 'search-core'
-        resource url:[dir:'css', file:'search.css', plugin:'biocache-hubs']
-        resource url:[dir:'css', file:'pagination.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'search.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
+        resource url:[dir:'css', file:'pagination.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js', file:'jquery.cookie.js', plugin:'biocache-hubs']
         resource url:[dir:'js', file:'jquery.inview.min.js', plugin:'biocache-hubs']
         resource url:[dir:'js', file:'jquery.jsonp-2.4.0.min.js', plugin:'biocache-hubs']
         resource url:[dir:'js', file:'charts2.js', plugin:'biocache-hubs'], disposition: 'head'
-        resource url:[dir:'css/font-awesome-4.1.0/css', file:'font-awesome.min.css', plugin:'biocache-hubs']
+        resource url:[dir:'css/font-awesome-4.1.0/css', file:'font-awesome.min.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
     }
 
     search {
         dependsOn 'searchCore'
         defaultBundle 'search-core'
+        resource url:[dir:'css', file:'print-search.css', plugin:'biocache-hubs'], attrs: [ media: 'print' ]
         resource url:[dir:'js', file:'search.js', plugin:'biocache-hubs'], disposition: 'head'
     }
 
@@ -48,29 +49,29 @@ modules = {
     nanoscroller {
         dependsOn 'jquery'
         defaultBundle 'main-extras'
-        resource url:[dir:'css', file:'nanoscroller.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'nanoscroller.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js', file:'jquery.nanoscroller.min.js', plugin:'biocache-hubs']
     }
 
     slider {
         defaultBundle 'main-extras'
-        resource url:[dir:'css', file:'slider.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'slider.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js', file:'bootstrap-slider.js', plugin:'biocache-hubs']
     }
 
     leaflet {
         defaultBundle 'leaflet'
-        resource url:[dir:'js/leaflet-0.7.2', file:'leaflet.css', plugin:'biocache-hubs']
-        resource url:[dir:'js/leaflet-plugins/coordinates', file:'Leaflet.Coordinates-0.1.4.css', plugin:'biocache-hubs']
-        resource url:[dir:'js/leaflet-plugins/coordinates', file:'Leaflet.Coordinates-0.1.4.ie.css', plugin:'biocache-hubs'], wrapper: { s -> "<!--[if lt IE 8]>$s<![endif]-->" }
+        resource url:[dir:'js/leaflet-0.7.2', file:'leaflet.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
+        resource url:[dir:'js/leaflet-plugins/coordinates', file:'Leaflet.Coordinates-0.1.4.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
+        resource url:[dir:'js/leaflet-plugins/coordinates', file:'Leaflet.Coordinates-0.1.4.ie.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ], wrapper: { s -> "<!--[if lt IE 8]>$s<![endif]-->" }
         resource url:[dir:'js/leaflet-0.7.2', file:'leaflet.js', plugin:'biocache-hubs']
         resource url:[dir:'js/leaflet-plugins/layer/tile', file:'Google.js', plugin:'biocache-hubs']
         resource url:[dir:'js/leaflet-plugins/spin', file:'spin.min.js', plugin:'biocache-hubs']
         resource url:[dir:'js/leaflet-plugins/spin', file:'leaflet.spin.js', plugin:'biocache-hubs']
         resource url:[dir:'js/leaflet-plugins/coordinates', file:'Leaflet.Coordinates-0.1.4.min.js', plugin:'biocache-hubs']
-        resource url:[dir:'js/leaflet-plugins/fullscreen', file:'Control.FullScreen.css', plugin:'biocache-hubs']
+        resource url:[dir:'js/leaflet-plugins/fullscreen', file:'Control.FullScreen.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js/leaflet-plugins/fullscreen', file:'Control.FullScreen.js', plugin:'biocache-hubs']
-	    resource url:[dir:'js/leaflet-plugins/draw', file:'leaflet.draw.css', plugin:'biocache-hubs']
+        resource url:[dir:'js/leaflet-plugins/draw', file:'leaflet.draw.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js/leaflet-plugins/draw', file:'leaflet.draw-src.js', plugin:'biocache-hubs']
         resource url:[dir:'js/leaflet-plugins/wicket', file:'wicket.js', plugin:'biocache-hubs']
         resource url:[dir:'js/leaflet-plugins/wicket', file:'wicket-leaflet.js', plugin:'biocache-hubs']
@@ -83,13 +84,13 @@ modules = {
     }
 
     searchMap {
-        resource url:[dir:'css', file:'searchMap.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'searchMap.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
     }
 
     qtip {
         dependsOn 'jquery'
         defaultBundle 'main-extras'
-        resource url:[dir:'css', file:'jquery.qtip.min.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'jquery.qtip.min.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js', file:'jquery.qtip.min.js', plugin:'biocache-hubs']
     }
 
@@ -103,7 +104,7 @@ modules = {
         dependsOn 'jquery'
         defaultBundle 'main-extras'
         resource url:[dir:'js', file:'jquery.colourPicker.js', plugin:'biocache-hubs']
-        resource url:[dir:'css', file:'jquery.colourPicker.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'jquery.colourPicker.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
     }
 
     purl {
@@ -118,7 +119,8 @@ modules = {
 
     show {
         dependsOn 'jquery'
-        resource url:[dir:'css', file:'record.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'record.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
+        resource url:[dir:'css', file:'print-record.css', plugin:'biocache-hubs'], attrs: [ media: 'print' ]
         resource url:[dir:'js', file:'audiojs/audio.min.js', plugin:'biocache-hubs'], disposition: 'head', exclude: '*'
         resource url:[dir:'js', file:'show.js', plugin:'biocache-hubs']
         resource url:[dir:'js', file:'charts2.js', plugin:'biocache-hubs'], disposition: 'head'
@@ -127,12 +129,13 @@ modules = {
 
     exploreYourArea {
         dependsOn 'jquery, purl'
-        resource url:[dir:'css', file:'exploreYourArea.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'exploreYourArea.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
+        resource url:[dir:'css', file:'print-area.css', plugin:'biocache-hubs'], attrs: [ media: 'print' ]
         resource url:[dir:'js', file:'yourAreaMap.js', plugin:'biocache-hubs']
     }
 
     help {
-        resource url:[dir:'css', file:'help.css', plugin:'biocache-hubs']
+        resource url:[dir:'css', file:'help.css', plugin:'biocache-hubs'], attrs: [ media: 'all' ]
         resource url:[dir:'js', file:'toc.js', plugin:'biocache-hubs']
     }
 

diff --git a/web-app/css/print-area.css b/web-app/css/print-area.css
@@ -0,0 +1,9 @@
+.toggleResponsive  {
+    display: none !important;
+}
+
+/**
+ * this is to prevent href attributes from displaying in print page. This is caused by bootstrap.
+ * http://stackoverflow.com/questions/17613273/how-to-hide-href-attribute-of-a-tag-via-css-when-using-window-print
+ */
+a:link:after, a:visited:after { display: none}
diff --git a/web-app/css/print-record.css b/web-app/css/print-record.css
@@ -0,0 +1,20 @@
+#backBtn a, #assertionButton, #showRawProcessed, #dataQualityFurtherDetails, .gm-style-cc, .toggleResponsive  {
+    display: none !important;
+}
+
+/**
+ * this is to prevent href attributes from displaying in print page. This is caused by bootstrap.
+ * http://stackoverflow.com/questions/17613273/how-to-hide-href-attribute-of-a-tag-via-css-when-using-window-print
+ */
+a:link:after, a:visited:after { display: none}
+
+#content2Z{
+    width: 100%;
+}
+table {
+    width: 100%;
+}
+
+#main-content div#additionalData{
+    margin-left: 0px;
+}
diff --git a/web-app/css/print-search.css b/web-app/css/print-search.css
@@ -0,0 +1,15 @@
+.toggleResponsive {
+    display: none !important;
+}
+
+/**
+ * this is to prevent href attributes from displaying in print page. This is caused by bootstrap.
+ * http://stackoverflow.com/questions/17613273/how-to-hide-href-attribute-of-a-tag-via-css-when-using-window-print
+ */
+a:link:after, a:visited:after {
+    display: none
+}
+
+.meta {
+    color: white !important;
+}