[IMP] website_quote: allow the user to print web quotation to pdf. This required to add col-xs-XX class on snippets, extract SaleOrder Content into a new template to create the report to print. The hidden-print class has been added into rendering report style, since wkhtmltopdf don't really support media-print CSS class.

Conflicts:
	addons/website_quote/data/website_quotation_demo.xml

1 files changed, 38 insertions, 37 deletions

diff --git a/addons/website_quote/data/website_quotation_demo.xml b/addons/website_quote/data/website_quotation_demo.xml
index daffe0f07e5..6f3c1354733 100644
--- a/addons/website_quote/data/website_quotation_demo.xml
+++ b/addons/website_quote/data/website_quotation_demo.xml
@@ -59,7 +59,7 @@
                 </section>
                 <section>
                     <div class="row">
-                        <div class="col-md-12">
+                        <div class="col-md-12 col-xs-12">
                             <p>
                                 Our partnership offer includes all you need to
                                 grow your business and deliver quality services
@@ -80,7 +80,7 @@
 
                 <section>
                     <div class="row mt32">
-                        <div class="col-md-4">
+                        <div class="col-md-4 col-xs-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <h3 class="panel-title">A Valuable Product</h3>
@@ -97,7 +97,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-4">
+                        <div class="col-md-4 col-xs-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <h3 class="panel-title">A Strong Demand</h3>
@@ -113,7 +113,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-4">
+                        <div class="col-md-4 col-xs-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <h3 class="panel-title">High Margins</h3>
@@ -147,10 +147,10 @@
 
                 <section>
                     <div class="row">
-                        <div class="col-md-12">
+                        <div class="col-md-12 col-xs-12">
                             <h2>Get access to our experts</h2>
                         </div>
-                        <div class="col-md-7">
+                        <div class="col-md-7 col-xs-7">
                             <p>
                                 For an extra fee, partners can get access to Odoo's
                                 core developers and functional experts. This can help
@@ -159,7 +159,7 @@
                                 consultants on demand.
                             </p>
                         </div>
-                        <div class="col-md-5">
+                        <div class="col-md-5 col-xs-5">
                             <img src="/website_quote/static/src/img/partner_icon_01.png"/>
                         </div>
                     </div>
@@ -167,10 +167,10 @@
 
                 <section>
                     <div class="row">
-                        <div class="col-md-12">
+                        <div class="col-md-12 col-xs-12">
                             <h2>Official certified partner</h2>
                         </div>
-                        <div class="col-md-7">
+                        <div class="col-md-7 col-xs-7">
                             <p>
                                 Odoo promotes its partners through various ways:
                                 publication on our website, official communication,
@@ -180,7 +180,7 @@
                                 directory listing.
                             </p>
                         </div>
-                        <div class="col-md-5">
+                        <div class="col-md-5 col-xs-5">
                             <img src="/website_quote/static/src/img/openerp_gold_partner.png"/>
                         </div>
                     </div>
@@ -188,10 +188,10 @@
 
                 <section>
                     <div class="row">
-                        <div class="col-md-12">
+                        <div class="col-md-12 col-xs-12">
                             <h2>Access to the Lead</h2>
                         </div>
-                        <div class="col-md-7">
+                        <div class="col-md-7 col-xs-7">
                             <p>
                                 Every year, we redirect more than 100,000 customer
                                 requests to our official partners. These are prospects
@@ -201,7 +201,7 @@
                                 (nearest partner) and the grade of the partner.
                             </p>
                         </div>
-                        <div class="col-md-5">
+                        <div class="col-md-5 col-xs-5">
                             <img src="/website_quote/static/src/img/partner_icon_02.png" class="img"/>
                         </div>
                     </div>
@@ -222,10 +222,10 @@
                 <section class="mb32">
                     <h2>Test developments automatically</h2>
                     <div class="row">
-                        <div class="col-md-5">
+                        <div class="col-md-5 col-xs-5">
                             <img src="/website_quote/static/src/img/partner_sc_01.png" class="img shadow"/>
                         </div>
-                        <div class="col-md-7">
+                        <div class="col-md-7 col-xs-7">
                             <p class="mt23">
                                 Save time in your implementation project by having your
                                 developments tested automatically by our automated test
@@ -259,7 +259,7 @@
                 </section>
                 <section>
                     <div class="row">
-                        <div class="col-md-12 mb32">
+                        <div class="col-md-12 col-xs-12 mb32">
                             <p>These courses feature the same high quality course content found in our traditional classroom trainings, supplemented with modular sessions and cloud-based labs. Many of our online learning courses also include dozens of recorded webinars and live sessions by our senior instructors. At the end of the training, you can pass the Odoo Certification exam in one of the 5000+ Pearson VUE test centers worldwide.</p>
                         </div>
                         <div class="col-md-offset-1">
@@ -271,13 +271,13 @@
                                 <li>Better comfort to facilitate your learning process</li>
                             </ul>
                         </div>
-                        <div class="col-md-12">
+                        <div class="col-md-12 col-xs-12">
                             <h2>Structure of the Training</h2>
                         </div>
                         <div class="col-md-5 col-md-offset-1 mt16 mb16">
                             <img class="img img-responsive" src="/website_quote/static/src/img/online_training.png"/>
                         </div>
-                        <div class="col-md-6 mt32">
+                        <div class="col-md-6 col-xs-6 mt32">
                             <h4><strong>There are three components to the training</strong></h4>
                             <ul>
                                 <li>Videos with detailed demos</li>
@@ -304,20 +304,21 @@
                 <section id="whatsuit">
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 text-center mb8 mt0">
+                            <div class="col-md-12 col-xs-12 text-center mb8 mt0">
                                 <h2>Course Summary</h2>
                             </div>
-                            <div class="col-md-12 mt16 mb0">
+                            <div class="col-md-12 col-xs-12 mt16 mb0">
                                 <p><span style="text-align: -webkit-center; ">This course is dedicated to developers who need to grasp knowledge of the <strong>business applications development </strong>process. This course is for new developers or for IT professionals eager to learn more about technical aspects.</span></p>
                             </div>
                         </div>
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 text-center mt0 mb16">
+
+                            <div class="col-md-12 col-xs-12 text-center mt0 mb16">
                                 <h2>What you will learn?</h2>
                             </div>
-                            <div class="col-md-4">
+                            <div class="col-md-4 col-xs-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 1</h3>
@@ -336,7 +337,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-md-4">
+                            <div class="col-md-4 col-xs-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 2</h3>
@@ -357,7 +358,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-md-4">
+                            <div class="col-md-4 col-xs-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 3</h3>
@@ -383,11 +384,11 @@
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 text-center mb16 mt0">
+                            <div class="col-md-12 col-xs-12 text-center mb16 mt0">
                                 <h2>Requirements</h2>
                             </div>
 
-                            <div class="col-md-12 mb16 mt16">
+                            <div class="col-md-12 col-xs-12 mb16 mt16">
                                 <p><strong>Objectives:</strong></p>
 
                                 <p><strong>Having attended this course, participants should be able to:</strong></p>
@@ -395,20 +396,20 @@
                                 <ul><li>Understand the development concepts and architecture;</li>
                                     <li>Install and administer your own server;</li>
                                     <li>Develop a new module for a particular application.</li>
-                                </ul><p></p>
+                                </ul><p>&#160;</p>
 
                                 <p><strong>Our prices include:</strong></p>
 
                                 <ul><li>drinks and lunch;</li>
                                     <li>training material.</li>
-                                </ul><p></p>
+                                </ul><p>&#160;</p>
 
                                 <p><strong>Requirements:</strong></p>
 
                                 <ul><li>Bring your own laptop.</li>
                                     <li>Participants are expected to have some knowledge in programming. A basic knowledge of the Python programming is recommended.</li>
                                     <li>Participants preferably have a functional knowledge of our software (see Functional Training).</li>
-                                </ul><p></p>
+                                </ul><p>&#160;</p>
 
                                 <p>To get more information, visit the <a href="https://www.odoo.com/">Odoo Official Website</a>.</p>
                             </div>
@@ -433,16 +434,16 @@
                 <section>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 text-center mb8 mt0">
+                            <div class="col-md-12 col-xs-12 text-center mb8 mt0">
                                 <h2>Objectives</h2>
                             </div>
-                            <div class="col-md-12 mt16 mb0">
+                            <div class="col-md-12 col-xs-12 mt16 mb0">
                                 <p><span style="text-align: -webkit-center; ">Upon completion of the training, the participant will be able to:</span></p>
                                 <ul class="list-group">
                                     <li class="list-group-item"> Install and administer Odoo.</li>
                                     <li class="list-group-item"> Become an Odoo Consultant.</li>
                                     <li class="list-group-item"> Do the GAP analysis of any Business Process.</li>
-                                    <li class="list-group-item"> Understand the functional concepts, business processes byOdoo.</li>
+                                    <li class="list-group-item"> Understand the functional concepts, business processes by Odoo.</li>
                                     <li class="list-group-item"> Operate/Work with Odoo Smoothly on regular basis.</li>
                                     <li class="list-group-item"> Configure Odoo using the standard modules.</li>
                                     <li class="list-group-item"> Change the look and feel from the front-end(GUI) rather than aneed of technical knowledge.</li>
@@ -453,10 +454,10 @@
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 text-center mt0 mb16">
+                            <div class="col-md-12 col-xs-12 text-center mt0 mb16">
                                 <h2>What you will learn?</h2>
                             </div>
-                            <div class="col-md-4">
+                            <div class="col-md-4 col-xs-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 1</h3>
@@ -472,7 +473,7 @@
                                     </ul>
                                 </div>
                             </div>
-                            <div class="col-md-4">
+                            <div class="col-md-4 col-xs-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 2</h3>
@@ -488,7 +489,7 @@
                                     </ul>
                                 </div>
                             </div>
-                            <div class="col-md-4">
+                            <div class="col-md-4 col-xs-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 3</h3>
@@ -508,7 +509,7 @@
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 mb16 mt16">
+                            <div class="col-md-12 col-xs-12 mb16 mt16">
                                 <h2>Requirements</h2>
 
                                 <ul><li>Bring your own laptop.</li>