From 4d1cc6a4ed499ddd8541fb37810a6728da66f9d1 Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Fri, 6 Sep 2013 17:04:08 +0200
Subject: [WIP] website: snippets

bzr revid: chm@openerp.com-20130906150408-81qzb2492lwqf7lb
---
 addons/website/static/src/xml/website.snippets.xml | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 addons/website/static/src/xml/website.snippets.xml

(limited to 'addons/website/static/src/xml/website.snippets.xml')

diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
new file mode 100644
index 00000000000..8665a1ce06e
--- /dev/null
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="website.snippets.EditorBar.carousel">
+        <a href="#" class="button js_add"><i class="icon icon-plus-sign"></i></a>
+        <a href="#" class="button js_remove"><i class="icon icon-minus-sign"></i></a>
+        <select name="carousel-background">
+            <option value="">Chose an other background</option>
+            <option value="/website/static/src/img/greenfields.jpg">greenfields</option>
+            <option value="/website/static/src/img/landscape.png">landscape</option>
+            <option value="/website/static/src/img/aqua.jpg">aqua</option>
+        </select>
+        <select name="carousel-style">
+            <option value="">Chose an other style</option>
+            <option value="no_image">No image</option>
+            <option value="image_left">Image left</option>
+            <option value="image_right">Image right</option>
+        </select>
+    </t>
+
+</templates>
-- 
cgit v1.2.3


From 62aafc07b1b7cfd83108bd854ea87997bbad1876 Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Fri, 6 Sep 2013 18:00:06 +0200
Subject: [WIP] website: snippets, use template qweb js for snippets

bzr revid: chm@openerp.com-20130906160006-5gdgsv2jq8lz1voz
---
 addons/website/static/src/xml/website.snippets.xml | 107 ++++++++++++++++++++-
 1 file changed, 105 insertions(+), 2 deletions(-)

(limited to 'addons/website/static/src/xml/website.snippets.xml')

diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index 8665a1ce06e..a32b2dc5191 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -5,17 +5,120 @@
         <a href="#" class="button js_add"><i class="icon icon-plus-sign"></i></a>
         <a href="#" class="button js_remove"><i class="icon icon-minus-sign"></i></a>
         <select name="carousel-background">
-            <option value="">Chose an other background</option>
             <option value="/website/static/src/img/greenfields.jpg">greenfields</option>
             <option value="/website/static/src/img/landscape.png">landscape</option>
             <option value="/website/static/src/img/aqua.jpg">aqua</option>
         </select>
         <select name="carousel-style">
-            <option value="">Chose an other style</option>
             <option value="no_image">No image</option>
             <option value="image_left">Image left</option>
             <option value="image_right">Image right</option>
         </select>
     </t>
 
+    <div t-name="website.snippets.Builder.carousel" data-snippet-id='carousel' data-action='insert' data-selector-siblings='#wrap .container'>
+        <div class='oe_snippet_thumbnail oe_label'>carousel</div>
+        <div id="myCarousel" class="oe_snippet_body carousel slide" data-interval="100000">
+            <!-- Carousel items -->
+            <div class="carousel-inner">
+                <div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;">
+                    <div class="container">
+                        <div class="content" style="padding-top: 90px; padding-bottom:45px;">
+                            <h1>Create Awesome Websites</h1>
+                            <h3>Super easy, fully flexible</h3>
+                            <a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Carousel nav -->
+            <a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
+            <a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
+        </div>
+    </div>
+
+    <div t-name="website.snippets.Builder.darken" data-snippet-id='darken' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.darken'>
+        <div class='oe_snippet_thumbnail oe_label'>Darken</div>
+    </div>
+
+    <div t-name="website.snippets.Builder.surprise" data-snippet-id='surprise' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.vomify'>
+        <div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
+    </div>
+
+    <div t-name="website.snippets.Builder.spacer" data-snippet-id='spacer' data-action='insert' data-selector-siblings='#wrap .container'>
+        <div class='oe_snippet_thumbnail oe_label'>Spacer</div>
+        <div class="oe_snippet_body container mt32"></div>
+    </div>
+
+    <div t-name="website.snippets.Builder.title" data-snippet-id='title' data-action='insert' data-selector-siblings='#wrap .container'>
+        <div class='oe_snippet_thumbnail oe_label'>
+            Main Title
+        </div>
+        <section class="oe_snippet_body container">
+            <div class="row">
+                <div class="col-md-12 text-center">
+                    <h1 class="mt64">Welcome To Your New Homepage,</h1>
+                    <h2 class="mt32 subheader">where <b><em>everything</em></b> can be customized </h2>
+                </div>
+            </div>
+        </section>
+    </div>
+
+    <div t-name="website.snippets.Builder.three-collumns" data-snippet-id='three-collumns' data-action='insert' data-selector-siblings='#wrap .container'>
+        <section class="oe_snippet_body container">
+            <div class="row">
+                <div class="col-md-12 text-center">
+                    <h2 class="mt48">Ut enim ad minim veniam</h2>
+                </div>
+            </div>
+            <div class="row mt32">
+                <div class="col-md-4">
+                    <img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
+                    <h4 class="mt16">Cillum Dolore</h4>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                        consequat.</p>
+                </div>
+                <div class="col-md-4">
+                    <img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
+                    <h4 class="mt16">Mollit Anim</h4>
+                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+                        dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
+                </div>
+                <div class="col-md-4">
+                    <img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
+                    <h4 class="mt16">Nemo Enim Ipsam</h4>
+                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
+                        doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
+                        veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
+                        ipsam voluptatem quia voluptas</p>
+                </div>
+            </div>
+        </section>
+    </div>
+
+    <div t-name="website.snippets.Builder.header-block" data-snippet-id='header-block' data-action='insert' data-selector-siblings='#wrap .container'>
+        <section class="container oe_snippet_body">
+            <div class="row">
+                <div class="col-md-5">
+                    <img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg"/>
+                </div>
+                <div class="col-md-6 col-lg-offset-1">
+                    <p class="mt16">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                        consequat.</p>
+                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+                        dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
+                    <div class="text-center">
+                        <a href="http://www.openerp.com/start" class="btn btn-default mt16 btn-lg btn-primary">Call To  <em>Action</em></a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+
 </templates>
-- 
cgit v1.2.3


From 0b199c50e5ee2a85a4a4826b033fecc013bb0e70 Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Mon, 9 Sep 2013 15:28:00 +0200
Subject: [WIP] website: snippets: box snippet widget with resize options on
 click

bzr revid: chm@openerp.com-20130909132800-au0lgkf8thirsv8r
---
 addons/website/static/src/xml/website.snippets.xml | 90 +++++++++++++++++-----
 1 file changed, 70 insertions(+), 20 deletions(-)

(limited to 'addons/website/static/src/xml/website.snippets.xml')

diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index a32b2dc5191..2e889c3357b 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -1,23 +1,62 @@
 <?xml version="1.0" encoding="utf-8"?>
 <templates id="template" xml:space="preserve">
 
-    <t t-name="website.snippets.EditorBar.carousel">
-        <a href="#" class="button js_add"><i class="icon icon-plus-sign"></i></a>
-        <a href="#" class="button js_remove"><i class="icon icon-minus-sign"></i></a>
-        <select name="carousel-background">
-            <option value="/website/static/src/img/greenfields.jpg">greenfields</option>
-            <option value="/website/static/src/img/landscape.png">landscape</option>
-            <option value="/website/static/src/img/aqua.jpg">aqua</option>
-        </select>
-        <select name="carousel-style">
-            <option value="no_image">No image</option>
-            <option value="image_left">Image left</option>
-            <option value="image_right">Image right</option>
-        </select>
+    <!-- Editor -->
+
+    <t t-name="website.snippets">
+        <div class='oe_snippets hide'>
+        </div>
+    </t>
+
+    <t t-name="website.snippet_manipulator">
+        <div class='oe_snippet_manipulator'></div>
     </t>
 
-    <div t-name="website.snippets.Builder.carousel" data-snippet-id='carousel' data-action='insert' data-selector-siblings='#wrap .container'>
+    <!-- Snippets -->
+
+    <div t-name="website.snippets.box" data-snippet-id='box'>
+        
+        <!-- editor bar to display inside the top edit bar -->
+        <li class='oe_snippet_editorbar'>
+            <i class='icon-move oe_icon js_move'></i>
+            <i class='icon-remove oe_icon js_remove'></i>
+        </li>
+
+        <!-- custom data for the widget -->
+        <div class='oe_handles'>
+            <div class='oe_handle n'></div>
+            <div class='oe_handle ne'></div>
+            <div class='oe_handle e'></div>
+            <div class='oe_handle se'></div>
+            <div class='oe_handle s'></div>
+            <div class='oe_handle sw'></div>
+            <div class='oe_handle w'></div>
+            <div class='oe_handle nw'></div>
+        </div>
+    </div>
+
+    <div t-name="website.snippets.carousel" data-snippet-id='carousel' data-action='insert' data-selector-siblings='#wrap .container'>
+        
+        <!-- editor bar to display inside the top edit bar -->
+        <li class='oe_snippet_editorbar'>
+            <a href="#" class="button js_add"><i class="icon icon-plus-sign"></i></a>
+            <a href="#" class="button js_remove"><i class="icon icon-minus-sign"></i></a>
+            <select name="carousel-background">
+                <option value="/website/static/src/img/greenfields.jpg">greenfields</option>
+                <option value="/website/static/src/img/landscape.png">landscape</option>
+                <option value="/website/static/src/img/aqua.jpg">aqua</option>
+            </select>
+            <select name="carousel-style">
+                <option value="no_image">No image</option>
+                <option value="image_left">Image left</option>
+                <option value="image_right">Image right</option>
+            </select>
+        </li>
+
+        <!-- thumbnail to display inside the bottom widget list editor -->
         <div class='oe_snippet_thumbnail oe_label'>carousel</div>
+
+        <!-- body to insert after drag and drop thumbnail -->
         <div id="myCarousel" class="oe_snippet_body carousel slide" data-interval="100000">
             <!-- Carousel items -->
             <div class="carousel-inner">
@@ -35,22 +74,33 @@
             <a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
             <a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
         </div>
+
+        <!-- custom data for the widget -->
+        <div class="item" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
+            <div class='container'>
+                <div class="content" style="padding-top: 90px; padding-bottom:45px;">
+                    <h1>Your New Banner Slide</h1>
+                    <h3>With another convincing subtitle</h3>
+                    <a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
+                </div>
+            </div>
+        </div>
     </div>
 
-    <div t-name="website.snippets.Builder.darken" data-snippet-id='darken' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.darken'>
+    <div t-name="website.snippets.darken" data-snippet-id='darken' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.darken'>
         <div class='oe_snippet_thumbnail oe_label'>Darken</div>
     </div>
 
-    <div t-name="website.snippets.Builder.surprise" data-snippet-id='surprise' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.vomify'>
+    <div t-name="website.snippets.surprise" data-snippet-id='surprise' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.vomify'>
         <div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
     </div>
 
-    <div t-name="website.snippets.Builder.spacer" data-snippet-id='spacer' data-action='insert' data-selector-siblings='#wrap .container'>
+    <div t-name="website.snippets.spacer" data-snippet-id='spacer' data-action='insert' data-selector-siblings='#wrap .container'>
         <div class='oe_snippet_thumbnail oe_label'>Spacer</div>
         <div class="oe_snippet_body container mt32"></div>
     </div>
 
-    <div t-name="website.snippets.Builder.title" data-snippet-id='title' data-action='insert' data-selector-siblings='#wrap .container'>
+    <div t-name="website.snippets.title" data-snippet-id='title' data-action='insert' data-selector-siblings='#wrap .container'>
         <div class='oe_snippet_thumbnail oe_label'>
             Main Title
         </div>
@@ -64,7 +114,7 @@
         </section>
     </div>
 
-    <div t-name="website.snippets.Builder.three-collumns" data-snippet-id='three-collumns' data-action='insert' data-selector-siblings='#wrap .container'>
+    <div t-name="website.snippets.three-collumns" data-snippet-id='three-collumns' data-action='insert' data-selector-siblings='#wrap .container'>
         <section class="oe_snippet_body container">
             <div class="row">
                 <div class="col-md-12 text-center">
@@ -99,7 +149,7 @@
         </section>
     </div>
 
-    <div t-name="website.snippets.Builder.header-block" data-snippet-id='header-block' data-action='insert' data-selector-siblings='#wrap .container'>
+    <div t-name="website.snippets.header-block" data-snippet-id='header-block' data-action='insert' data-selector-siblings='#wrap .container'>
         <section class="container oe_snippet_body">
             <div class="row">
                 <div class="col-md-5">
-- 
cgit v1.2.3


From 7bcc4f4d1dcaa245ff23cefb9a3e4acbeadfd72a Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Mon, 9 Sep 2013 16:49:40 +0200
Subject: [WIP] website: snippets: work

bzr revid: chm@openerp.com-20130909144940-f08v6egk5pijz29b
---
 addons/website/static/src/xml/website.snippets.xml | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'addons/website/static/src/xml/website.snippets.xml')

diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index 2e889c3357b..e24b9fdfdf4 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -17,13 +17,15 @@
     <div t-name="website.snippets.box" data-snippet-id='box'>
         
         <!-- editor bar to display inside the top edit bar -->
-        <li class='oe_snippet_editorbar'>
-            <i class='icon-move oe_icon js_move'></i>
-            <i class='icon-remove oe_icon js_remove'></i>
+        <li class='oe_snippet_editorbar box_resize'>
+            <a href="#" class="button js_box_move"><i class='icon icon-move'></i></a>
+            <a href="#" class="button js_box_remove"><i class="icon icon-remove"></i></a>
         </li>
 
         <!-- custom data for the widget -->
         <div class='oe_handles'>
+            <div class='oe_boxsize'></div>
+            <div class='oe_margin'></div>
             <div class='oe_handle n'></div>
             <div class='oe_handle ne'></div>
             <div class='oe_handle e'></div>
-- 
cgit v1.2.3


From 889309d4c94934ad9f2a5535fce0af923b26fdf5 Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Mon, 9 Sep 2013 17:03:19 +0200
Subject: [WIP] website: snippets: work

bzr revid: chm@openerp.com-20130909150319-x0vkucc9eci7vr18
---
 addons/website/static/src/xml/website.snippets.xml | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

(limited to 'addons/website/static/src/xml/website.snippets.xml')

diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index e24b9fdfdf4..406212fa78e 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -24,16 +24,17 @@
 
         <!-- custom data for the widget -->
         <div class='oe_handles'>
-            <div class='oe_boxsize'></div>
+            <div class='oe_boxsize'>
+                <div class='oe_handle n'></div>
+                <div class='oe_handle ne'></div>
+                <div class='oe_handle e'></div>
+                <div class='oe_handle se'></div>
+                <div class='oe_handle s'></div>
+                <div class='oe_handle sw'></div>
+                <div class='oe_handle w'></div>
+                <div class='oe_handle nw'></div>
+            </div>
             <div class='oe_margin'></div>
-            <div class='oe_handle n'></div>
-            <div class='oe_handle ne'></div>
-            <div class='oe_handle e'></div>
-            <div class='oe_handle se'></div>
-            <div class='oe_handle s'></div>
-            <div class='oe_handle sw'></div>
-            <div class='oe_handle w'></div>
-            <div class='oe_handle nw'></div>
         </div>
     </div>
 
@@ -79,7 +80,7 @@
 
         <!-- custom data for the widget -->
         <div class="item" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
-            <div class='container'>
+            <div class='container' data-snippet-id="container">
                 <div class="content" style="padding-top: 90px; padding-bottom:45px;">
                     <h1>Your New Banner Slide</h1>
                     <h3>With another convincing subtitle</h3>
-- 
cgit v1.2.3


From 819eb62490ca4db08d7e787e7de4bfd8f8c7b2f6 Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Mon, 9 Sep 2013 17:32:51 +0200
Subject: [WIP] website: snippets: work carousel insert and vomify

bzr revid: chm@openerp.com-20130909153251-9ixd50vy4ulyecgq
---
 addons/website/static/src/xml/website.snippets.xml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'addons/website/static/src/xml/website.snippets.xml')

diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index 406212fa78e..41b955cffbf 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -64,7 +64,7 @@
             <!-- Carousel items -->
             <div class="carousel-inner">
                 <div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;">
-                    <div class="container">
+                    <div class="container" data-snippet-id="container">
                         <div class="content" style="padding-top: 90px; padding-bottom:45px;">
                             <h1>Create Awesome Websites</h1>
                             <h3>Super easy, fully flexible</h3>
@@ -90,11 +90,11 @@
         </div>
     </div>
 
-    <div t-name="website.snippets.darken" data-snippet-id='darken' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.darken'>
+    <div t-name="website.snippets.darken" data-snippet-id='darken' data-action='mutate' data-selector='#wrap .container'>
         <div class='oe_snippet_thumbnail oe_label'>Darken</div>
     </div>
 
-    <div t-name="website.snippets.surprise" data-snippet-id='surprise' data-action='mutate' data-selector='#wrap .container' data-action-function='openerp.website.mutations.vomify'>
+    <div t-name="website.snippets.surprise" data-snippet-id='vomify' data-action='mutate' data-selector='#wrap .container'>
         <div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
     </div>
 
-- 
cgit v1.2.3