[IMP] summernote lib: set active/unactive buttons for image edition

https://github.com/summernote/summernote/pull/804

1 files changed, 40 insertions, 0 deletions

diff --git a/addons/website/static/lib/summernote/src/js/module/Button.js b/addons/website/static/lib/summernote/src/js/module/Button.js
index 805ebbce75e..512822aeba8 100644
--- a/addons/website/static/lib/summernote/src/js/module/Button.js
+++ b/addons/website/static/lib/summernote/src/js/module/Button.js
@@ -36,6 +36,46 @@ define([
         $btn.toggleClass('active', pred());
       };
 
+      if (styleInfo.image) {
+        var $img = $(styleInfo.image);
+
+        btnState('button[data-event="imageShape"][data-value="img-rounded"]', function () {
+          return $img.hasClass("img-rounded");
+        });
+        btnState('button[data-event="imageShape"][data-value="img-circle"]', function () {
+          return $img.hasClass("img-circle");
+        });
+        btnState('button[data-event="imageShape"][data-value="img-thumbnail"]', function () {
+          return $img.hasClass("img-thumbnail");
+        });
+        btnState('button[data-event="imageShape"]:not([data-value])', function () {
+          return !$img.is(".img-rounded, .img-circle, .img-thumbnail");
+        });
+
+        var imgFloat = $img.css("float");
+        btnState('button[data-event="floatMe"][data-value="left"]', function () {
+          return imgFloat === "left";
+        });
+        btnState('button[data-event="floatMe"][data-value="right"]', function () {
+          return imgFloat === "right";
+        });
+        btnState('button[data-event="floatMe"][data-value="none"]', function () {
+          return imgFloat !== "left" && imgFloat !== "right";
+        });
+
+        var style = $img.attr("style");
+        btnState('button[data-event="resize"][data-value="1"]', function () {
+          return !!/(^|\s)(max-)?width\s*:\s*100%/.test(style);
+        });
+        btnState('button[data-event="resize"][data-value="0.5"]', function () {
+          return !!/(^|\s)(max-)?width\s*:\s*50%/.test(style);
+        });
+        btnState('button[data-event="resize"][data-value="0.25"]', function () {
+          return !!/(^|\s)(max-)?width\s*:\s*25%/.test(style);
+        });
+        return;
+      }
+
       // fontname
       var $fontname = $container.find('.note-fontname');
       if ($fontname.length) {