Merge lp:~methanal-developers/methanal/802284-printable-modal-dialog into lp:methanal

[Jonathan Jacobs]

[Tristan Seligmann (mithrandi)]

review: Approve

=== modified file 'methanal/js/Methanal/Widgets.js'
--- methanal/js/Methanal/Widgets.js	2011-03-14 11:21:02 +0000
+++ methanal/js/Methanal/Widgets.js	2011-06-26 21:45:56 +0000
@@ -1465,6 +1465,11 @@
         var T = Methanal.Util.DOMBuilder(self.node.ownerDocument);
         self._overlayNode = T('div', {'class': 'modal-dialog-overlay'});
         self.node.parentNode.appendChild(self._overlayNode);
+
+        Methanal.Util.addElementClass(
+            self.node.ownerDocument.body, 'printing');
+        Methanal.Util.addElementClass(
+            self.node, 'print-target');
     },
 
 
@@ -1472,6 +1477,11 @@
      * Dismiss the dialog.
      */
     function close(self) {
+        Methanal.Util.removeElementClass(
+            self.node.ownerDocument.body, 'printing');
+        Methanal.Util.removeElementClass(
+            self.node, 'print-target');
+
         self.detach();
         self.node.parentNode.removeChild(self.node);
         self._overlayNode.parentNode.removeChild(self._overlayNode);
@@ -1491,7 +1501,7 @@
 Methanal.Widgets.ModalDialog.fromWidgetInfo = function fromWidgetInfo(widgetParent, widgetInfo) {
     var d = widgetParent.addChildWidgetFromWidgetInfo(widgetInfo);
     return d.addCallback(function (widget) {
-        widgetParent.node.appendChild(widget.node);
+        widgetParent.node.ownerDocument.body.appendChild(widget.node);
         Methanal.Util.nodeInserted(widget);
         return widget;
     });

=== modified file 'methanal/static/styles/methanal-ie.css'
--- methanal/static/styles/methanal-ie.css	2010-12-17 09:18:55 +0000
+++ methanal/static/styles/methanal-ie.css	2011-06-26 21:45:56 +0000
@@ -54,3 +54,15 @@
 .dependancy-parent {
     background-position: 3px center;
 }
+
+@media print {
+    .print-target .modal-dialog-middle {
+        top: 0;
+    }
+
+    .print-target .modal-dialog-inner {
+        /* 100% clips on the edges. */
+        width: 99%;
+        border: none;
+    }
+}

=== modified file 'methanal/static/styles/methanal.css'
--- methanal/static/styles/methanal.css	2011-03-16 12:58:08 +0000
+++ methanal/static/styles/methanal.css	2011-06-26 21:45:56 +0000
@@ -368,8 +368,10 @@
     margin: 5% auto;
     background: white;
     padding: 1em;
+    border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
+    box-shadow: 0 0 30px #333;
     -moz-box-shadow: 0 0 30px #333;
     -webkit-box-shadow: 0 0 30px #333;
 }
@@ -566,3 +568,37 @@
     margin: 0.5em;
     margin-top: 1em;
 }
+
+@media print {
+    body.printing > * {
+        display: none;
+    }
+
+    body.printing .print-target {
+        display: block;
+        position: absolute:
+        left: 0;
+        top: 0;
+        font-size: 50%;
+    }
+
+    .print-target .modal-dialog-middle {
+        display: block;
+    }
+
+    .print-target .modal-dialog-inner {
+        display: block;
+        max-width: 100%;
+        margin: auto;
+        border-radius: 0;
+        -moz-border-radius: 0;
+        -webkit-border-radius: 0;
+        box-shadow: none;
+        -moz-box-shadow: none;
+        -webkit-box-shadow: none;
+    }
+
+    .print-target .no-print {
+        display: none;
+    }
+}