From c5854d891f69fbceac3fde492f983bba82f87e82 Mon Sep 17 00:00:00 2001
From: OVSharova <olga.sharova@onlyoffice.com>
Date: Thu, 12 Aug 2021 00:26:29 +0300
Subject: [PATCH] Add dataHint to tab

---
 .../main/app/view/Transitions.js              | 40 +++++++++++++++----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/apps/presentationeditor/main/app/view/Transitions.js b/apps/presentationeditor/main/app/view/Transitions.js
index 068e6463c..a44e2d88e 100644
--- a/apps/presentationeditor/main/app/view/Transitions.js
+++ b/apps/presentationeditor/main/app/view/Transitions.js
@@ -141,7 +141,10 @@ define([
                     itemWidth: 87,
                     itemHeight: 40,
                     enableKeyEvents: true,
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'bottom',
+                    dataHintTitle: 'A',
                     beforeOpenHandler: function (e) {
                         var cmp = this,
                             menu = cmp.openButton.menu;
@@ -182,7 +185,10 @@ define([
                     caption: this.txtPreview,
                     split: false,
                     iconCls: 'toolbar__icon preview-transitions',
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'bottom',
+                    dataHintTitle: 'E'
                 });
                 this.lockedControls.push(this.btnPreview);
 
@@ -192,7 +198,10 @@ define([
                     iconCls: 'toolbar__icon icon transition-none',
                     menu: new Common.UI.Menu({
                         items: this.createParametersMenuItems()}),
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'bottom',
+                    dataHintTitle: 'B'
                 });
                 this.lockedControls.push(this.btnParameters);
 
@@ -201,7 +210,10 @@ define([
                     caption: this.txtApplyToAll,
                     split: true,
                     iconCls: 'toolbar__icon transition-apply-all',
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'bottom',
+                    dataHintTitle: 'I'
                 });
                 this.lockedControls.push(this.btnApplyToAll);
 
@@ -213,7 +225,10 @@ define([
                     defaultUnit: this.txtSec,
                     maxValue: 300,
                     minValue: 0,
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'top',
+                    dataHintTitle: 'D'
                 });
                 this.lockedControls.push(this.numDuration);
 
@@ -225,21 +240,30 @@ define([
                     defaultUnit: this.txtSec,
                     maxValue: 300,
                     minValue: 0,
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'bottom',
+                    dataHintTitle: 'H'
                 });
                 this.lockedControls.push(this.numDelay);
 
                 this.chStartOnClick = new Common.UI.CheckBox({
                     el: this.$el.find('#transit-checkbox-startonclick'),
                     labelText: this.strStartOnClick,
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'top',
+                    dataHintTitle: 'F'
                 });
                 this.lockedControls.push(this.chStartOnClick);
 
                 this.chDelay = new Common.UI.CheckBox({
                     el: this.$el.find('#transit-checkbox-delay'),
                     labelText: this.strDelay,
-                    lock:[_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock]
+                    lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
+                    dataHint: '1',
+                    dataHintDirection: 'bottom',
+                    dataHintTitle: 'G'
                 });
                 this.lockedControls.push(this.chDelay);