From 943a30ab58cd569f08a0ff8e6252abff8da100b4 Mon Sep 17 00:00:00 2001
From: "Julia.Svinareva" <julia.svinaryova@onlyoffice.com>
Date: Fri, 5 Apr 2024 16:33:17 +0300
Subject: [PATCH] [PE] Show anim pane by button in toolbar

---
 apps/presentationeditor/main/app/controller/Animation.js | 8 +++++++-
 apps/presentationeditor/main/app/view/Animation.js       | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/presentationeditor/main/app/controller/Animation.js b/apps/presentationeditor/main/app/controller/Animation.js
index ff43abbe4d..f552d2204a 100644
--- a/apps/presentationeditor/main/app/controller/Animation.js
+++ b/apps/presentationeditor/main/app/controller/Animation.js
@@ -112,6 +112,7 @@ define([
             this.api.asc_registerCallback('asc_onAnimPreviewStarted',   _.bind(this.onAnimPreviewStarted, this));
             this.api.asc_registerCallback('asc_onAnimPreviewFinished',  _.bind(this.onAnimPreviewFinished, this));
             this.api.asc_onShowAnimTab(!!this._state.onactivetab)
+            this.api.asc_registerCallback('asc_onCloseAnimPane',        _.bind(this.onCloseAnimPane, this));
             return this;
         },
 
@@ -172,7 +173,12 @@ define([
             this.addNewEffect(this._state.Effect, this._state.EffectGroup, groupName,true, this._state.EffectOption, undefined, color);
         },
 
-        onAnimationPane: function() {
+        onAnimationPane: function(btn) {
+            this.api.asc_ShowAnimPane(btn.pressed);
+        },
+
+        onCloseAnimPane: function () {
+            this.view.btnAnimationPane.toggle(false, true);
         },
 
         onAnimationAdditional: function(replace) { // replace or add new additional effect
diff --git a/apps/presentationeditor/main/app/view/Animation.js b/apps/presentationeditor/main/app/view/Animation.js
index d38474232c..a4088ec8a6 100644
--- a/apps/presentationeditor/main/app/view/Animation.js
+++ b/apps/presentationeditor/main/app/view/Animation.js
@@ -276,6 +276,7 @@ define([
                     caption: this.txtAnimationPane,
                     iconCls: 'toolbar__icon icon',
                     lock: [_set.slideDeleted, _set.noSlides, _set.timingLock],
+                    enableToggle: true,
                     dataHint: '1',
                     dataHintDirection: 'bottom',
                     dataHintOffset: 'small'