From 03f75be8b90a41fa1871ad493a141ef2a86e5fb5 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Wed, 13 Jan 2021 16:51:55 +0300
Subject: [PATCH] [DE] Add editing wrap boundary to toolbar

---
 apps/documenteditor/main/app/controller/PageLayout.js | 7 +++++++
 apps/documenteditor/main/app/view/Toolbar.js          | 7 ++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/documenteditor/main/app/controller/PageLayout.js b/apps/documenteditor/main/app/controller/PageLayout.js
index 6faf7b35b..c485d615a 100644
--- a/apps/documenteditor/main/app/controller/PageLayout.js
+++ b/apps/documenteditor/main/app/controller/PageLayout.js
@@ -139,6 +139,7 @@ define([
                         _.each(me.toolbar.btnImgWrapping.menu.items, function(item) {
                             item.setDisabled(notflow);
                         });
+                        me.toolbar.btnImgWrapping.menu.items[8].setDisabled(!me.api.CanChangeWrapPolygon());
 
                         var control_props = me.api.asc_IsContentControl() ? this.api.asc_GetContentControlProperties() : null,
                             lock_type = (control_props) ? control_props.get_Lock() : Asc.c_oAscSdtLockType.Unlocked,
@@ -210,6 +211,12 @@ define([
             },
 
             onClickMenuWrapping: function (menu, item, e) {
+                if (item.options.wrapType=='edit') {
+                    this.api.StartChangeWrapPolygon();
+                    this.toolbar.fireEvent('editcomplete', this.toolbar);
+                    return;
+                }
+
                 var props = new Asc.asc_CImgProperty();
                 props.put_WrappingStyle(item.options.wrapType);
 
diff --git a/apps/documenteditor/main/app/view/Toolbar.js b/apps/documenteditor/main/app/view/Toolbar.js
index c49196100..1d51e90ca 100644
--- a/apps/documenteditor/main/app/view/Toolbar.js
+++ b/apps/documenteditor/main/app/view/Toolbar.js
@@ -1544,7 +1544,7 @@ define([
 
                     me.btnImgWrapping.updateHint(me.tipImgWrapping);
                     me.btnImgWrapping.setMenu(new Common.UI.Menu({
-                        cls: 'ppm-toolbar',
+                        cls: 'ppm-toolbar shifted-right',
                         items: [{
                                 caption     : _holder_view.txtInline,
                                 iconCls     : 'menu__icon wrap-inline',
@@ -1594,6 +1594,11 @@ define([
                                 wrapType    : Asc.c_oAscWrapStyle2.Behind,
                                 checkmark   : false,
                                 checkable   : true
+                            },
+                            { caption: '--' },
+                            {
+                                caption     : _holder_view.textEditWrapBoundary,
+                                wrapType    : 'edit'
                             }
                         ]
                     }));