[IMP] website.snippet: create automatically the thumbnail; data-option became data-js; add data-eval method; rename check_class into toggle_class

2 files changed, 129 insertions, 4 deletions

diff --git a/addons/website/static/src/css/snippets.css b/addons/website/static/src/css/snippets.css
index ebe87769794..db9664bd930 100644
--- a/addons/website/static/src/css/snippets.css
+++ b/addons/website/static/src/css/snippets.css
@@ -105,9 +105,8 @@
 }
 .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
   height: 74px;
-  -webkit-box-shadow: inset 0px 0px 0px 3px #333333;
-  -moz-box-shadow: inset 0px 0px 0px 3px #333333;
-  box-shadow: inset 0px 0px 0px 3px #333333;
+  width: 92px;
+  background-size: cover;
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
@@ -692,3 +691,74 @@
 .cke_panel_container table.colorpicker tr:last-child td {
   padding-bottom: 6px;
 }
+
+/* ---- thumbnail ----  {{{ */
+.oe_snippet.o_block_banner .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_banner.png");
+}
+.oe_snippet.o_block_text_image .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_text_image.png");
+}
+.oe_snippet.o_block_image_text .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_image_text.png");
+}
+.oe_snippet.o_block_jumbotron .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_jumbotron.png");
+}
+.oe_snippet.o_block_text_block .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_text_block.png");
+}
+.oe_snippet.o_block_title .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_title.png");
+}
+.oe_snippet.o_block_features .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_features.png");
+}
+.oe_snippet.o_block_big_picture .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_big_picture.png");
+}
+.oe_snippet.o_block_three_columns .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_three_columns.png");
+}
+.oe_snippet.o_block_well .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_well.png");
+}
+.oe_snippet.o_block_quote .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_quote.png");
+}
+.oe_snippet.o_block_panel .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_panel.png");
+}
+.oe_snippet.o_block_separator .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_separator.png");
+}
+.oe_snippet.o_block_button .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_button.png");
+}
+.oe_snippet.o_block_image_gallery .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_image_gallery.png");
+}
+.oe_snippet.o_block_comparison .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_comparison.png");
+}
+.oe_snippet.o_block_button .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_button.png");
+}
+.oe_snippet.o_block_faq .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_faq.png");
+}
+.oe_snippet.o_block_references .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_references.png");
+}
+.oe_snippet.o_block_quotes_slider .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_quotes_slider.png");
+}
+.oe_snippet.o_block_features .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_features.png");
+}
+.oe_snippet.o_block_parallax .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_parallax.png");
+}
+.oe_snippet.o_block_quotes_slider .oe_snippet_thumbnail_img {
+  background-image: url("/website/static/src/img/blocks/block_quotes_slider.png");
+}
diff --git a/addons/website/static/src/css/snippets.sass b/addons/website/static/src/css/snippets.sass
index a94b8665e0c..4b00c892437 100644
--- a/addons/website/static/src/css/snippets.sass
+++ b/addons/website/static/src/css/snippets.sass
@@ -82,7 +82,8 @@
             +text-shadow(0 0 2px rgb(0,0,0))
         .oe_snippet_thumbnail_img
             height: 74px
-            +box-shadow(inset 0px 0px 0px 3px #333333)
+            width: 92px
+            background-size: cover
             @include transform( scale(1,1))
         span, div
             line-height: 18px
@@ -549,3 +550,57 @@
         padding-bottom: 6px
 
 // }}}
+
+/* ---- thumbnail ----  {{{ */
+
+.oe_snippet
+    &.o_block_banner .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_banner.png')
+    &.o_block_text_image .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_text_image.png')
+    &.o_block_image_text .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_image_text.png')
+    &.o_block_jumbotron .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_jumbotron.png')
+    &.o_block_text_block .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_text_block.png')
+    &.o_block_title .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_title.png')
+    &.o_block_features .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_features.png')
+    &.o_block_big_picture .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_big_picture.png')
+    &.o_block_three_columns .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_three_columns.png')
+
+    &.o_block_well .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_well.png')
+    &.o_block_quote .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_quote.png')
+    &.o_block_panel .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_panel.png')
+    &.o_block_separator .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_separator.png')
+    &.o_block_button .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_button.png')
+
+    &.o_block_image_gallery .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_image_gallery.png')
+    &.o_block_comparison .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_comparison.png')
+    &.o_block_button .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_button.png')
+    &.o_block_faq .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_faq.png')
+    &.o_block_references .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_references.png')
+    &.o_block_quotes_slider .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_quotes_slider.png')
+    &.o_block_features .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_features.png')
+
+    &.o_block_parallax .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_parallax.png')
+    &.o_block_quotes_slider .oe_snippet_thumbnail_img
+        background-image: url('/website/static/src/img/blocks/block_quotes_slider.png')
+// }}}