[IMP] website snippet new option, gallery

website.snippet: The methods described in javascript will be called automatically from the data-method_name = value on li snippets options. The methods are called in the order relative to children of xml (eg: <li data-method1=value1> ... <li data-method2=value2> ... </ li>, the method1 is then called method2). Methods receive two arguments: type (over, click, reset) and value. data-snippet-id-option becomes data-snippet-id. Several xml options can use the same data-snippet-id.

add a new gallery snippet

convert website_sale to the new option system

2 files changed, 45 insertions, 45 deletions

diff --git a/addons/website_event/data/event_demo.xml b/addons/website_event/data/event_demo.xml
index f84e3dbe133..729fcb39d5e 100644
--- a/addons/website_event/data/event_demo.xml
+++ b/addons/website_event/data/event_demo.xml
@@ -10,7 +10,7 @@
             <field name="website_published">True</field>
             <field name="twitter_hashtag">openerp</field>
             <field name="description"><![CDATA[
-<div class="carousel slide oe_small mb16" data-interval="10000" data-snippet-id="carousel" id="myCarousel3">
+<div class="carousel slide oe_small mb16" data-interval="10000" id="myCarousel3">
 <div class="carousel-inner">
 <div class="item active image_text"><img height="100%" src="/website/static/src/img/banner/orange_red.jpg" width="100%"><div class="container">
 <div class="carousel-caption content">
@@ -26,11 +26,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mb8 mt0" data-snippet-id="colmd">
+<div class="col-md-12 text-center mb8 mt0">
 <h2>Course Summary</h2>
 </div>
 
-<div class="col-md-12 mt16 mb0" data-snippet-id="colmd">
+<div class="col-md-12 mt16 mb0">
 <p><span style="text-align: -webkit-center; ">This course is dedicated to&nbsp;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>
@@ -38,11 +38,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mt0 mb16" data-snippet-id="colmd">
+<div class="col-md-12 text-center mt0 mb16">
 <h2>What you will learn?</h2>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 1</h2>
@@ -62,7 +62,7 @@
 </div>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 2</h2>
@@ -83,7 +83,7 @@
 </div>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 3</h2>
@@ -108,11 +108,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mb16 mt0" data-snippet-id="colmd">
+<div class="col-md-12 text-center mb16 mt0">
 <h2>Requirements</h2>
 </div>
 
-<div class="col-md-12 mb16 mt16" data-snippet-id="colmd">
+<div class="col-md-12 mb16 mt16">
 <p><strong>Objectives:</strong></p>
 
 <p><strong>Having attended this course, participants should be able to:</strong></p>
@@ -144,20 +144,20 @@
 
 <div class="container oe_dark">
 <div class="row">
-<div class="col-md-12" data-snippet-id="colmd">
+<div class="col-md-12">
 <h1 class="text-center">Read Great Contents</h1>
 
 <h3 class="text-muted text-center">What do people&nbsp;say about this course?</h3>
 </div>
 
-<div class="mt16 mb32 col-md-6" data-snippet-id="colmd">
-<blockquote data-snippet-id="quote">
+<div class="mt16 mb32 col-md-6">
+<blockquote>
 <p>I did not expect such a great learning experience. I feel like I can develop anything now.</p>
 <small>John Doe, CEO</small></blockquote>
 </div>
 
-<div class="mt16 mb32 col-md-6" data-snippet-id="colmd">
-<blockquote data-snippet-id="quote">
+<div class="mt16 mb32 col-md-6">
+<blockquote>
 <p>This course help me build my first application within a month. Definetly worth its price.</p>
 <small>John Doe, CEO</small></blockquote>
 </div>
@@ -172,7 +172,7 @@
             <field name="website_published">True</field>
             <field name="twitter_hashtag">openerp</field>
             <field name="description"><![CDATA[
-<div class="carousel slide oe_small mb16" data-interval="10000" data-snippet-id="carousel" id="myCarousel3">
+<div class="carousel slide oe_small mb16" data-interval="10000" id="myCarousel3">
 <div class="carousel-inner">
 <div class="item active image_text"><img height="100%" src="/website/static/src/img/banner/orange_red.jpg" width="100%"><div class="container">
 <div class="carousel-caption content">
@@ -188,11 +188,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mb8 mt0" data-snippet-id="colmd">
+<div class="col-md-12 text-center mb8 mt0">
 <h2>Course Summary</h2>
 </div>
 
-<div class="col-md-12 mt16 mb0" data-snippet-id="colmd">
+<div class="col-md-12 mt16 mb0">
 <p><span style="text-align: -webkit-center; ">This course is dedicated to&nbsp;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>
@@ -200,11 +200,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mt0 mb16" data-snippet-id="colmd">
+<div class="col-md-12 text-center mt0 mb16">
 <h2>What you will learn?</h2>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 1</h2>
@@ -224,7 +224,7 @@
 </div>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 2</h2>
@@ -245,7 +245,7 @@
 </div>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 3</h2>
@@ -270,11 +270,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mb16 mt0" data-snippet-id="colmd">
+<div class="col-md-12 text-center mb16 mt0">
 <h2>Requirements</h2>
 </div>
 
-<div class="col-md-12 mb16 mt16" data-snippet-id="colmd">
+<div class="col-md-12 mb16 mt16">
 <p><strong>Objectives:</strong></p>
 
 <p><strong>Having attended this course, participants should be able to:</strong></p>
@@ -306,20 +306,20 @@
 
 <div class="container oe_dark">
 <div class="row">
-<div class="col-md-12" data-snippet-id="colmd">
+<div class="col-md-12">
 <h1 class="text-center">Read Great Contents</h1>
 
 <h3 class="text-muted text-center">What do people&nbsp;say about this course?</h3>
 </div>
 
-<div class="mt16 mb32 col-md-6" data-snippet-id="colmd">
-<blockquote data-snippet-id="quote">
+<div class="mt16 mb32 col-md-6">
+<blockquote>
 <p>I did not expect such a great learning experience. I feel like I can develop anything now.</p>
 <small>John Doe, CEO</small></blockquote>
 </div>
 
-<div class="mt16 mb32 col-md-6" data-snippet-id="colmd">
-<blockquote data-snippet-id="quote">
+<div class="mt16 mb32 col-md-6">
+<blockquote>
 <p>This course help me build my first application within a month. Definetly worth its price.</p>
 <small>John Doe, CEO</small></blockquote>
 </div>
@@ -346,7 +346,7 @@
             <field name="website_published">True</field>
             <field name="twitter_hashtag">openerp</field>
             <field name="description"><![CDATA[
-<div class="carousel slide oe_small mb16" data-interval="10000" data-snippet-id="carousel" id="myCarousel3">
+<div class="carousel slide oe_small mb16" data-interval="10000" id="myCarousel3">
 <div class="carousel-inner">
 <div class="item active image_text"><img height="100%" src="/website/static/src/img/banner/orange_red.jpg" width="100%"><div class="container">
 <div class="carousel-caption content">
@@ -363,11 +363,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mb8 mt0" data-snippet-id="colmd">
+<div class="col-md-12 text-center mb8 mt0">
 <h2>Course Summary</h2>
 </div>
 
-<div class="col-md-12 mt16 mb0" data-snippet-id="colmd">
+<div class="col-md-12 mt16 mb0">
 <p><span style="text-align: -webkit-center; ">This course is dedicated to&nbsp;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>
@@ -375,11 +375,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mt0 mb16" data-snippet-id="colmd">
+<div class="col-md-12 text-center mt0 mb16">
 <h2>What you will learn?</h2>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 1</h2>
@@ -399,7 +399,7 @@
 </div>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 2</h2>
@@ -420,7 +420,7 @@
 </div>
 </div>
 
-<div class="col-md-4" data-snippet-id="colmd">
+<div class="col-md-4">
 <div class="panel panel-info">
 <div class="panel-heading text-center">
 <h2 style="margin: 0">Day 3</h2>
@@ -445,11 +445,11 @@
 
 <div class="container">
 <div class="row">
-<div class="col-md-12 text-center mb16 mt0" data-snippet-id="colmd">
+<div class="col-md-12 text-center mb16 mt0">
 <h2>Requirements</h2>
 </div>
 
-<div class="col-md-12 mb16 mt16" data-snippet-id="colmd">
+<div class="col-md-12 mb16 mt16">
 <p><strong>Objectives:</strong></p>
 
 <p><strong>Having attended this course, participants should be able to:</strong></p>
@@ -481,20 +481,20 @@
 
 <div class="container oe_dark">
 <div class="row">
-<div class="col-md-12" data-snippet-id="colmd">
+<div class="col-md-12">
 <h1 class="text-center">Read Great Contents</h1>
 
 <h3 class="text-muted text-center">What do people&nbsp;say about this course?</h3>
 </div>
 
-<div class="mt16 mb32 col-md-6" data-snippet-id="colmd">
-<blockquote data-snippet-id="quote">
+<div class="mt16 mb32 col-md-6">
+<blockquote>
 <p>I did not expect such a great learning experience. I feel like I can develop anything now.</p>
 <small>John Doe, CEO</small></blockquote>
 </div>
 
-<div class="mt16 mb32 col-md-6" data-snippet-id="colmd">
-<blockquote data-snippet-id="quote">
+<div class="mt16 mb32 col-md-6">
+<blockquote>
 <p>This course help me build my first application within a month. Definetly worth its price.</p>
 <small>John Doe, CEO</small></blockquote>
 </div>
diff --git a/addons/website_event/views/website_event.xml b/addons/website_event/views/website_event.xml
index 574ef8008af..c13fe18b0ef 100644
--- a/addons/website_event/views/website_event.xml
+++ b/addons/website_event/views/website_event.xml
@@ -229,7 +229,7 @@
 
 <template id="template_location">
     <t t-call="website_event.layout">
-        <section class="container" data-snippet-id="title">
+        <section class="container">
             <h1 class="text-center">Event Location</h1>
         </section>
         <div class="oe_structure oe_empty"/>
@@ -238,7 +238,7 @@
 
 <template id="template_intro">
     <t t-call="website_event.layout">
-        <section class="container" data-snippet-id="title">
+        <section class="container">
             <h1 class="text-center">Event Introduction</h1>
         </section>
         <div class="oe_structure oe_empty"/>
@@ -382,7 +382,7 @@
         </div>
     </xpath>
     <xpath expr="//div[@id='snippet_options']" position="inside">
-        <div data-snippet-option-id='country_events'
+        <div data-option='country_events'
             data-selector=".oe_country_events"
             data-selector-siblings="p, h1, h2, h3, blockquote, .well, .panel"
             data-selector-children=".content"