From cc1e8a8b3234eb5ddec9de3ac810cc7517a0a587 Mon Sep 17 00:00:00 2001
From: Hao Sun <sunhao@easycorp.ltd>
Date: Wed, 8 Sep 2021 13:19:44 +0800
Subject: [PATCH] * bug #14738, fix tootip not show as expected in menu nav.

---
 module/index/view/index.html.php |  7 +++++++
 module/tutorial/js/index.js      | 22 +++++++++++++++-------
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/module/index/view/index.html.php b/module/index/view/index.html.php
index a7d36a5555..bd5ddc5019 100644
--- a/module/index/view/index.html.php
+++ b/module/index/view/index.html.php
@@ -30,6 +30,13 @@ js::set('manualUrl',     ((!empty($config->isINT)) ? $config->manualUrl['int'] :
 #upgradeContent {top: -272px; height: 262px;}
 #latestVersionList {height: 200px;}
 <?php endif;?>
+
+<?php if(commonModel::isTutorialMode()):?>
+#menuMoreNav > li.dropdown:hover + .tooltip {display: none!important;}
+#menuMoreList > li.active {position: relative;}
+#menuMoreList > li.active:before {content: ' '; display: block; position: absolute; left: 100%; border-width: 5px 5px 5px 0; border-style: solid; border-color: transparent; border-right-color: #ff9800; width: 0; height: 0; top: 12px}
+#menuMoreList > li.active:after {content: attr(data-tip); display: block; position: absolute; left: 100%; background-color: #f1a325; color: #fff; top: 3px; white-space: nowrap; line-height: 16px; padding: 8px 10px; margin-left: 5px; border-radius: 4px;}
+<?php endif;?>
 </style>
 <div id='menu'>
   <nav id='menuNav'>
diff --git a/module/tutorial/js/index.js b/module/tutorial/js/index.js
index 52668ec8d5..370bec15ff 100644
--- a/module/tutorial/js/index.js
+++ b/module/tutorial/js/index.js
@@ -81,8 +81,7 @@ $(function()
 
     var clearTips = function()
     {
-        appsWindow.$('#menuMainNav > li.hl-tutorial').removeClass('hl-tutorial hl-in').tooltip('destroy');
-        var $menuMainNav = appsWindow.$('#menuMainNav');
+        var $menuMainNav = appsWindow.$('#menuNav');
         $menuMainNav.find('.hl-tutorial').removeClass('hl-tutorial hl-in');
         $menuMainNav.find('.tooltip-tutorial').tooltip('destroy').removeClass('tooltip-tutorial');
         var appWindow = getAppWindow();
@@ -178,16 +177,25 @@ $(function()
             html: true
         }, options);
         $e = $e.first();
-        if($e.css('display') == 'none')
-        {
-            $e.parent().addClass('tooltip-tutorial').after("<div id='typeLabel' class='text-danger help-text'>" + options.title + "</div>");
-        }
-        else
+        if($e.css('display') !== 'none')
         {
             if(!$e.data('zui.tooltip')) $e.addClass('tooltip-tutorial').attr('data-toggle', 'tooltip').tooltip(options);
             $e.tooltip('show');
             if($e[0].getBoundingClientRect().top > $(window).height() || $e[0].getBoundingClientRect().top < 0) $e[0].scrollIntoView();
         }
+        else if($e.parent().is('#menuMainNav'))
+        {
+            var $menuMoreItem = appsWindow.$('#menuMoreNav>li.dropdown');
+            highlight($menuMoreItem);
+            showToolTip($menuMoreItem, text, $.extend({}, options, {tipClass: 'tooltip-warning tooltip-max tooltip-menu-more text-nowrap', container: false}));
+            var appCode = $e.data('app');
+            appsWindow.$('#menuMoreList>li').removeClass('active').attr('data-tip', '');
+            appsWindow.$('#menuMoreList>li[data-app="' + appCode + '"]').addClass('active hl-tutorial hl-in').attr('data-tip', text);
+        }
+        else
+        {
+            $e.parent().addClass('tooltip-tutorial').after("<div id='typeLabel' class='text-danger help-text'>" + options.title + "</div>");
+        }
     };
 
     var tryCheckTask = function()