@sapui5/sap.ushell 1.138.1 → 1.140.0

package/src/main/js/sap/ushell/components/homepage/DashboardContent.controller.js

@@ -20,7 +20,7 @@ sap.ui.define([
     "sap/ushell/Layout",
     "sap/ushell/resources",
     "sap/ushell/utils"
-], function (
+], (
     Log,
     Core,
     Controller,
@@ -34,12 +34,12 @@ sap.ui.define([
     Layout,
     ushellResources,
     utils
-) {
+) => {
     "use strict";
 
     return Controller.extend("sap.ushell.components.homepage.DashboardContent", {
         onInit: function () {
-            var oEventBus = Core.getEventBus();
+            const oEventBus = Core.getEventBus();
             this.handleDashboardScroll = function () {
                 // TODO: there are race conditions in the scrolling mechanism related to the "/topGroupInViewPortIndex" model property;
                 // this "setTimeout" aims for consistent behavior between Chrome and Firefox until a proper refactoring is done.
@@ -51,12 +51,12 @@ sap.ui.define([
             oEventBus.subscribe("launchpad", "actionModeInactive", this._handleGroupVisibilityChanges, this);
             oEventBus.subscribe("launchpad", "switchTabBarItem", this._handleTabBarItemPressEventHandler, this);
 
-            //when the browser tab is hidden we want to stop sending requests from tiles
+            // when the browser tab is hidden we want to stop sending requests from tiles
             window.document.addEventListener("visibilitychange", utils.handleTilesVisibility, false);
         },
 
         onExit: function () {
-            var oEventBus = Core.getEventBus();
+            const oEventBus = Core.getEventBus();
             oEventBus.unsubscribe("sap.ushell", "appOpened", this._appOpenedHandler, this);
             oEventBus.unsubscribe("launchpad", "dashboardModelContentLoaded", this._modelLoaded, this);
             oEventBus.unsubscribe("launchpad", "actionModeInactive", this._handleGroupVisibilityChanges, this);
@@ -72,27 +72,27 @@ sap.ui.define([
         onAfterRendering: function () {
             utils.setPerformanceMark("FLP - dashboard after rendering");
 
-            var oHomepageManager = HomepageManager.prototype.getInstance();
+            const oHomepageManager = HomepageManager.prototype.getInstance();
             if (!oHomepageManager.getPreparedGroupModel()) {
                 oHomepageManager.loadPersonalizedGroups();
             } else {
                 EventHub.once("firstSegmentCompleteLoaded").do(oHomepageManager.handleFirstSegmentLoaded.bind(oHomepageManager));
             }
 
-            var oEventBus = Core.getEventBus(),
-                oModel,
-                topViewPortGroupIndex,
-                oGroup,
-                bIsInEditTitle;
+            const oEventBus = Core.getEventBus();
+            let oModel;
+            let topViewPortGroupIndex;
+            let oGroup;
+            let bIsInEditTitle;
 
-            //Bind launchpad event handlers
+            // Bind launchpad event handlers
             oEventBus.unsubscribe("launchpad", "scrollToGroup", this._scrollToGroup, this);
             oEventBus.unsubscribe("launchpad", "scrollToGroupByName", this._scrollToGroupByName, this);
             oEventBus.subscribe("launchpad", "scrollToGroup", this._scrollToGroup, this);
             oEventBus.subscribe("launchpad", "scrollToGroupByName", this._scrollToGroupByName, this);
 
             Device.orientation.attachHandler(function () {
-                var jqTileContainers = jQuery("#dashboardGroups").find(".sapUshellTileContainer").filter(":visible");
+                const jqTileContainers = jQuery("#dashboardGroups").find(".sapUshellTileContainer").filter(":visible");
                 if (jqTileContainers.length) {
                     oModel = this.getView().getModel();
                     topViewPortGroupIndex = oModel.getProperty("/topGroupInViewPortIndex");
@@ -119,7 +119,7 @@ sap.ui.define([
         },
 
         _dashboardDeleteTileHandler: function (oEvent) {
-            var oTileModel = oEvent.getSource().getBindingContext().getObject();
+            const oTileModel = oEvent.getSource().getBindingContext().getObject();
             Core.getEventBus().publish("launchpad", "deleteTile", {
                 tileId: oTileModel.uuid,
                 items: "tiles"
@@ -127,7 +127,7 @@ sap.ui.define([
         },
 
         dashboardTilePress: function (oEvent) {
-            var oTileControl = oEvent.getSource();
+            const oTileControl = oEvent.getSource();
 
             if (!oTileControl) {
                 return;
@@ -136,8 +136,8 @@ sap.ui.define([
             Core.getEventBus().publish("launchpad", "dashboardTileClick", { uuid: oTileControl.getUuid() });
 
             if (Device.system.desktop) {
-                var oRenderer = sap.ushell.Container.getRendererInternal();
-                var oHomeRoute = oRenderer.getRouter().getRoute("home");
+                const oRenderer = sap.ushell.Container.getRendererInternal();
+                const oHomeRoute = oRenderer.getRouter().getRoute("home");
 
                 if (this._fnSetFocusOnLastVisitedTile) {
                     // On tiles with with buttons, the tile press can be triggered without navigating
@@ -150,40 +150,40 @@ sap.ui.define([
         },
 
         _setFocusOnLastVisitedTile: function (tileControl, homeRoute) {
-            sap.ui.require(["sap/ushell/components/ComponentKeysHandler"], function (ComponentKeysHandler) {
-                ComponentKeysHandler.getInstance().then(function (ComponentKeysHandlerInstance) {
+            sap.ui.require(["sap/ushell/components/ComponentKeysHandler"], (ComponentKeysHandler) => {
+                ComponentKeysHandler.getInstance().then((ComponentKeysHandlerInstance) => {
                     ComponentKeysHandlerInstance.moveScrollDashboard(tileControl.$());
                     homeRoute.detachBeforeMatched(this._fnSetFocusOnLastVisitedTile);
                     delete this._fnSetFocusOnLastVisitedTile;
-                }.bind(this));
-            }.bind(this));
+                });
+            });
         },
 
         _updateTopGroupInModel: function () {
-            var oModel = this.getView().getModel(),
-                topViewPortGroupIndex = this._getIndexOfTopGroupInViewPort();
+            const oModel = this.getView().getModel();
+            const topViewPortGroupIndex = this._getIndexOfTopGroupInViewPort();
 
-            var iSelectedGroupInModel = this._getModelGroupFromVisibleIndex(topViewPortGroupIndex);
+            const iSelectedGroupInModel = this._getModelGroupFromVisibleIndex(topViewPortGroupIndex);
 
             oModel.setProperty("/iSelectedGroup", iSelectedGroupInModel);
             oModel.setProperty("/topGroupInViewPortIndex", topViewPortGroupIndex);
         },
 
         _getIndexOfTopGroupInViewPort: function () {
-            var oViewDomRef = this.getView().getDomRef();
+            const oViewDomRef = this.getView().getDomRef();
             if (!oViewDomRef) {
                 return 0;
             }
-            var oScrollableElement = oViewDomRef.getElementsByTagName("section")[0];
-            var jqTileContainers = jQuery(oScrollableElement).find(".sapUshellTileContainer").not(".sapUshellHidden");
+            const oScrollableElement = oViewDomRef.getElementsByTagName("section")[0];
+            const jqTileContainers = jQuery(oScrollableElement).find(".sapUshellTileContainer").not(".sapUshellHidden");
 
             // in some weird cases, "jqTileContainers" may be undefined -> bail out
             if (!jqTileContainers) {
                 return 0;
             }
 
-            for (var i = 0; i < jqTileContainers.length; i++) {
-                var oGroupElement = jqTileContainers[i].parentElement;
+            for (let i = 0; i < jqTileContainers.length; i++) {
+                const oGroupElement = jqTileContainers[i].parentElement;
                 if (oScrollableElement.scrollTop <= (oGroupElement.offsetTop + oGroupElement.offsetHeight)) {
                     return i;
                 }
@@ -194,13 +194,13 @@ sap.ui.define([
         },
 
         _handleDashboardScroll: function () {
-            var oView = this.getView(),
-                oModel = oView.getModel(),
-                nDelay = 100;
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const nDelay = 100;
 
-            var sHomePageGroupDisplay = oModel.getProperty("/homePageGroupDisplay"),
-                bEnableAnchorBar = sHomePageGroupDisplay !== "tabs",
-                bTileActionModeActive = oModel.getProperty("/tileActionModeActive");
+            const sHomePageGroupDisplay = oModel.getProperty("/homePageGroupDisplay");
+            const bEnableAnchorBar = sHomePageGroupDisplay !== "tabs";
+            const bTileActionModeActive = oModel.getProperty("/tileActionModeActive");
 
             // We want to set tiles visibility only after the user finished the scrolling.
             // In IE this event is thrown also after scroll direction change, so we wait 1 second to
@@ -212,7 +212,7 @@ sap.ui.define([
             this.timeoutId = setTimeout(fHandleTilesVisibility, nDelay);
 
             if (!Device.system.phone) {
-                //close anchor popover if it is open
+                // close anchor popover if it is open
                 oView.oAnchorNavigationBar.closeOverflowPopup();
             }
 
@@ -220,24 +220,24 @@ sap.ui.define([
                 this._updateTopGroupInModel();
             }
 
-            //update anchor navigation bar
+            // update anchor navigation bar
             oView.oAnchorNavigationBar.reArrangeNavigationBarElements();
         },
 
-        //Delete or Reset a given group according to the removable state.
+        // Delete or Reset a given group according to the removable state.
         _handleGroupDeletion: function (oGroupBindingCtx) {
-            sap.ui.require(["sap/m/MessageBox"], function (MessageBox) {
-                var oEventBus = Core.getEventBus(),
-                    oGroup = oGroupBindingCtx.getObject(),
-                    bIsGroupRemovable = oGroup.removable,
-                    sGroupTitle = oGroup.title,
-                    sGroupId = oGroup.groupId,
-                    oResourceBundle = ushellResources.i18n,
-                    mActions = MessageBox.Action,
-                    mCurrentAction = (bIsGroupRemovable ? mActions.DELETE : oResourceBundle.getText("ResetGroupBtn"));
-
-                sap.ushell.Container.getServiceAsync("MessageInternal").then(function (oMessageSrvc) {
-                    oMessageSrvc.confirm(oResourceBundle.getText(bIsGroupRemovable ? "delete_group_msg" : "reset_group_msg", [sGroupTitle]), function (oAction) {
+            sap.ui.require(["sap/m/MessageBox"], (MessageBox) => {
+                const oEventBus = Core.getEventBus();
+                const oGroup = oGroupBindingCtx.getObject();
+                const bIsGroupRemovable = oGroup.removable;
+                const sGroupTitle = oGroup.title;
+                const sGroupId = oGroup.groupId;
+                const oResourceBundle = ushellResources.i18n;
+                const mActions = MessageBox.Action;
+                const mCurrentAction = (bIsGroupRemovable ? mActions.DELETE : oResourceBundle.getText("ResetGroupBtn"));
+
+                sap.ushell.Container.getServiceAsync("MessageInternal").then((oMessageSrvc) => {
+                    oMessageSrvc.confirm(oResourceBundle.getText(bIsGroupRemovable ? "delete_group_msg" : "reset_group_msg", [sGroupTitle]), (oAction) => {
                         if (oAction === mCurrentAction) {
                             oEventBus.publish("launchpad", bIsGroupRemovable ? "deleteGroup" : "resetGroup", {
                                 groupId: sGroupId
@@ -250,9 +250,9 @@ sap.ui.define([
 
         _modelLoaded: function () {
             this.bModelInitialized = true;
-            Layout.getInitPromise().then(function () {
+            Layout.getInitPromise().then(() => {
                 this._initializeUIActions();
-            }.bind(this));
+            });
         },
 
         _initializeUIActions: function () {
@@ -274,22 +274,20 @@ sap.ui.define([
         },
 
         _appOpenedHandler: function (sChannelId, sEventId, oData) {
-            var oParentComponent,
-                sParentName,
-                oModel = this.getView().getModel(),
-                sAdditionalInfo = oData.additionalInformation || "";
+            const oModel = this.getView().getModel();
+            const sAdditionalInfo = oData.additionalInformation || "";
 
             // checking if application component opened is not the FLP App Component (e.g. navigation to an app, not 'Home')
             // call to set all tiles visibility off (so no tile calls will run in the background)
-            oParentComponent = this.getOwnerComponent();
-            sParentName = oParentComponent.getMetadata().getComponentName();
+            const oParentComponent = this.getOwnerComponent();
+            const sParentName = oParentComponent.getMetadata().getComponentName();
             if (sAdditionalInfo.indexOf(sParentName) === -1) {
                 utils.setTilesNoVisibility(); // setting no visibility on all visible tiles
             }
 
             // in a direct navigation scenario the ActionMode might not exist yet.
             // In this case we would like to skip this check.
-            var ActionMode = sap.ui.require("sap/ushell/components/homepage/ActionMode");
+            const ActionMode = sap.ui.require("sap/ushell/components/homepage/ActionMode");
 
             if (oModel.getProperty("/tileActionModeActive") && ActionMode) {
                 ActionMode.toggleActionMode(oModel, "Menu Item");
@@ -314,20 +312,18 @@ sap.ui.define([
          * @param {object} oData Payload for the event handler
          */
         _scrollToGroupByName: function (sChannelId, sEventId, oData) {
-            var aGroups = this.getView().getModel().getProperty("/groups"),
-                sGroupName = oData.groupName;
+            const aGroups = this.getView().getModel().getProperty("/groups");
+            const sGroupName = oData.groupName;
 
-            sap.ushell.Container.getServiceAsync("FlpLaunchPage").then(function (oLaunchPageSrv) {
-                aGroups.forEach(function (oGroup) {
+            sap.ushell.Container.getServiceAsync("FlpLaunchPage").then((oLaunchPageSrv) => {
+                aGroups.forEach((oGroup) => {
                     if (oLaunchPageSrv.getGroupTitle(oGroup.object) === sGroupName) {
                         this._scrollToGroup(sChannelId, sEventId, {
                             groupId: oGroup.groupId
                         });
                     }
-                }.bind(this));
-            }.bind(this));
-
-
+                });
+            });
         },
 
         /**
@@ -340,29 +336,29 @@ sap.ui.define([
          * @returns {Promise<undefined>} resolves if the scrolling worked, rejects if it didn't.
          */
         _scrollToGroup: function (sChannelId, sEventId, oData) {
-            var sGroupId = oData.group ? oData.group.getGroupId() : oData.groupId;
-            var oGroup;
+            const sGroupId = oData.group ? oData.group.getGroupId() : oData.groupId;
+            let oGroup;
 
             if (this.oView.oDashboardGroupsBox.getGroups()) {
                 // Calling again getGroups() because of the lazy loading mechanism
-                oGroup = this.oView.oDashboardGroupsBox.getGroups().reduce(function (result, group) {
+                oGroup = this.oView.oDashboardGroupsBox.getGroups().reduce((result, group) => {
                     return group && group.getGroupId() === sGroupId ? group : result;
                 }, null);
             }
 
-            var oGroupElement = oGroup && oGroup.getDomRef();
+            const oGroupElement = oGroup && oGroup.getDomRef();
             if (!oGroupElement) {
                 return Log.warning("Could not scroll to group: Group is not rendered!");
             }
 
-            var oGroupContentElement = oGroupElement.querySelector(".sapUshellTileContainerContent"); // includes the Group header
+            const oGroupContentElement = oGroupElement.querySelector(".sapUshellTileContainerContent"); // includes the Group header
             if (!oGroupContentElement) {
                 return Log.warning("Could not scroll to group: Group Content is not rendered!");
             }
 
-            var oDashboardGroupsElement = document.getElementById("dashboardGroups");
-            var oGroupRect = oGroupContentElement.getBoundingClientRect();
-            var oDashboardRect = oDashboardGroupsElement.getBoundingClientRect();
+            const oDashboardGroupsElement = document.getElementById("dashboardGroups");
+            const oGroupRect = oGroupContentElement.getBoundingClientRect();
+            const oDashboardRect = oDashboardGroupsElement.getBoundingClientRect();
             if (oGroupRect.top === oDashboardRect.top) {
                 // First group
                 oDashboardGroupsElement.parentElement.scrollTop = 0;
@@ -370,27 +366,27 @@ sap.ui.define([
                 oGroupContentElement.scrollIntoView();
             }
 
-            var pPro = new Promise(function (resolve) {
+            const pPro = new Promise((resolve) => {
                 if (Device.system.desktop && (oData.restoreLastFocusedTile || oData.groupChanged)) {
-                    sap.ui.require(["sap/ushell/components/ComponentKeysHandler"], function (ComponentKeysHandler) {
+                    sap.ui.require(["sap/ushell/components/ComponentKeysHandler"], (ComponentKeysHandler) => {
                         ComponentKeysHandler.getInstance()
-                            .then(function (ComponentKeysHandlerInstance) {
-                                var jqTileContainer = oGroup.$();
+                            .then((ComponentKeysHandlerInstance) => {
+                                let jqTileContainer = oGroup.$();
                                 // regardless to group change - if we need to restore last focused tile we must do so.
                                 if (oData.restoreLastFocusedTile) {
-                                    var bLookForLastVisitedInSameGroup = false;
+                                    let bLookForLastVisitedInSameGroup = false;
 
                                     // if we need to restore focus on a specific tile-container (rather then current group)
                                     // then we supply the tile container and set true to bLookForLastVisitedInSameGroup (see goToLastVisitedTile method)
                                     if (oData.restoreLastFocusedTileContainerById) {
-                                        jqTileContainer = jQuery("#" + oData.restoreLastFocusedTileContainerById);
+                                        jqTileContainer = jQuery(`#${oData.restoreLastFocusedTileContainerById}`);
                                         bLookForLastVisitedInSameGroup = true;
                                     }
 
                                     ComponentKeysHandlerInstance.goToLastVisitedTile(jqTileContainer, bLookForLastVisitedInSameGroup);
                                 } else if (oData.groupChanged) {
                                     // set focus on the first content of the group we scrolled to
-                                    var jqGroupContent = jqTileContainer.find(".sapUshellTile, .sapMGTLineMode, .sapFCard").filter(":visible").eq(0);
+                                    const jqGroupContent = jqTileContainer.find(".sapUshellTile, .sapMGTLineMode, .sapFCard").filter(":visible").eq(0);
 
                                     if (jqGroupContent.length) {
                                         ComponentKeysHandlerInstance.moveScrollDashboard(jqGroupContent);
@@ -404,7 +400,7 @@ sap.ui.define([
                 }
             });
 
-            pPro.then(function () {
+            pPro.then(() => {
                 if (oData.isInEditTitle) {
                     oGroup.setEditMode(true);
                 }
@@ -425,60 +421,58 @@ sap.ui.define([
          * @private
          */
         _handleDrop: function (event, ui) {
-            var oLayout = Layout.getLayoutEngine(),
-                tileMoveInfo = oLayout.layoutEndCallback(),
-                bIsShortDrop = !tileMoveInfo.dstArea,
-                oEventBus = Core.getEventBus(),
-                noRefreshSrc,
-                noRefreshDst,
-                sTileUuid,
-                oDeferred = jQuery.Deferred(),
-                oView = this.getView(),
-                oModel = oView.getModel(),
-                bTabMode = oModel.getProperty("/homePageGroupDisplay") && oModel.getProperty("/homePageGroupDisplay") === "tabs",
-                bEditMode = oModel.getProperty("/tileActionModeActive"),
-                bIsShortDropToLocked = true,
-                bIsLinkPersonalizationSupported;
-
-            //Handle cases where the drop event is triggered before the drag event. This can happen during page load.
+            const oLayout = Layout.getLayoutEngine();
+            const tileMoveInfo = oLayout.layoutEndCallback();
+            const bIsShortDrop = !tileMoveInfo.dstArea;
+            const oEventBus = Core.getEventBus();
+            let noRefreshSrc;
+            let noRefreshDst;
+            let oDeferred = jQuery.Deferred();
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const bTabMode = oModel.getProperty("/homePageGroupDisplay") && oModel.getProperty("/homePageGroupDisplay") === "tabs";
+            const bEditMode = oModel.getProperty("/tileActionModeActive");
+            let bIsShortDropToLocked = true;
+
+            // Handle cases where the drop event is triggered before the drag event. This can happen during page load.
             if (!tileMoveInfo.tile) {
                 oEventBus.publish("launchpad", "sortableStop");
                 return null;
             }
 
             Layout.getLayoutEngine()._toggleAnchorItemHighlighting(false);
-            //Short drop to a locked group
+            // Short drop to a locked group
             if (tileMoveInfo.dstGroup) {
-                var dstGroupBindingContext = tileMoveInfo.dstGroup.getBindingContext(),
-                    isDestGroupLocked = dstGroupBindingContext.getProperty(dstGroupBindingContext.sPath).isGroupLocked;
+                const dstGroupBindingContext = tileMoveInfo.dstGroup.getBindingContext();
+                const isDestGroupLocked = dstGroupBindingContext.getProperty(dstGroupBindingContext.sPath).isGroupLocked;
                 bIsShortDropToLocked = bIsShortDrop && isDestGroupLocked;
             }
 
-            bIsLinkPersonalizationSupported = tileMoveInfo.tile.getBindingContext().getObject().isLinkPersonalizationSupported;
+            const bIsLinkPersonalizationSupported = tileMoveInfo.tile.getBindingContext().getObject().isLinkPersonalizationSupported;
             if (!tileMoveInfo.tileMovedFlag || bIsShortDropToLocked || (!bIsLinkPersonalizationSupported && tileMoveInfo.dstArea === "links")) {
                 oEventBus.publish("launchpad", "sortableStop");
-                return null; //tile was not moved
+                return null; // tile was not moved
             }
 
-            //If we are in EditMode and the target group has no links (empty links area) and the anchor bar isn't in tabs mode,
-            //then we continue as tile was not moved.
+            // If we are in EditMode and the target group has no links (empty links area) and the anchor bar isn't in tabs mode,
+            // then we continue as tile was not moved.
             if (!bEditMode && !bTabMode && tileMoveInfo.dstArea === "links" && !tileMoveInfo.dstGroupData.getLinks().length) {
                 oEventBus.publish("launchpad", "sortableStop");
-                return null; //tile was not moved
+                return null; // tile was not moved
             }
 
             noRefreshSrc = true;
-            noRefreshDst = true; //Default - suppress re-rendering after drop
-            //if src and destination groups differ - refresh src and dest groups
-            //else if a tile has moved & dropped in a different position in the same group - only dest should refresh (dest == src)
-            //if a tile was picked and dropped - but never moved - the previous if would have returned
+            noRefreshDst = true; // Default - suppress re-rendering after drop
+            // if src and destination groups differ - refresh src and dest groups
+            // else if a tile has moved & dropped in a different position in the same group - only dest should refresh (dest == src)
+            // if a tile was picked and dropped - but never moved - the previous if would have returned
             if ((tileMoveInfo.srcGroup !== tileMoveInfo.dstGroup)) {
                 noRefreshSrc = noRefreshDst = false;
             } else if (tileMoveInfo.tile !== tileMoveInfo.dstGroup.getTiles()[tileMoveInfo.dstTileIndex]) {
                 noRefreshDst = false;
             }
 
-            sTileUuid = this._getTileUuid(tileMoveInfo.tile);
+            const sTileUuid = this._getTileUuid(tileMoveInfo.tile);
             if (tileMoveInfo.srcGroup && tileMoveInfo.srcGroup.removeAggregation && tileMoveInfo.srcArea) {
                 tileMoveInfo.srcGroup.removeAggregation("tiles", tileMoveInfo.tile, noRefreshSrc);
             }
@@ -486,16 +480,16 @@ sap.ui.define([
             // If this is Tab Bar use-case, and the action is "long" Drag&Drop of a tile on a tab (group):
             // the destination group (whose aggregation needs to be updated) is not in the dashboard, unless the drag is to the same group.
             // Instead - the publish of movetile event will update the group in the model
-            var bSameDropArea = tileMoveInfo.dstGroupData && tileMoveInfo.dstGroupData.insertAggregation && tileMoveInfo.dstArea === tileMoveInfo.srcArea;
+            const bSameDropArea = tileMoveInfo.dstGroupData && tileMoveInfo.dstGroupData.insertAggregation && tileMoveInfo.dstArea === tileMoveInfo.srcArea;
 
-            //Handles two scenarios - 1. Same group drop - tile to tile/link to link 2. Long drop - tile to tile/link to link
+            // Handles two scenarios - 1. Same group drop - tile to tile/link to link 2. Long drop - tile to tile/link to link
             if (bSameDropArea) {
-                tileMoveInfo.tile.sParentAggregationName = tileMoveInfo.dstArea;//"tiles"
+                tileMoveInfo.tile.sParentAggregationName = tileMoveInfo.dstArea;// "tiles"
                 tileMoveInfo.dstGroupData.insertAggregation(tileMoveInfo.dstArea, tileMoveInfo.tile, tileMoveInfo.dstTileIndex, noRefreshDst);
 
                 oDeferred = this._handleSameTypeDrop(tileMoveInfo, sTileUuid, bSameDropArea);
 
-                //Handles three scenarios - 1. Short drop 2. Same group - tile to link/link to tile 3. Long drop - tile to link/link to tile
+                // Handles three scenarios - 1. Short drop 2. Same group - tile to link/link to tile 3. Long drop - tile to link/link to tile
             } else if (bIsShortDrop) {
                 oDeferred = this._handleShortDrop(tileMoveInfo, sTileUuid, bSameDropArea);
             } else {
@@ -510,9 +504,9 @@ sap.ui.define([
         },
 
         _handleSameTypeDrop: function (tileMoveInfo, sTileUuid, bSameDropArea) {
-            var oEventBus = Core.getEventBus(),
-                oDeferred = jQuery.Deferred();
-            tileMoveInfo.tile._getBindingContext().oModel.setProperty(tileMoveInfo.tile._getBindingContext().sPath + "/draggedInTabBarToSourceGroup", false);
+            const oEventBus = Core.getEventBus();
+            const oDeferred = jQuery.Deferred();
+            tileMoveInfo.tile._getBindingContext().oModel.setProperty(`${tileMoveInfo.tile._getBindingContext().sPath}/draggedInTabBarToSourceGroup`, false);
             oEventBus.publish("launchpad", "movetile", {
                 sTileId: sTileUuid,
                 sToItems: tileMoveInfo.dstArea ? tileMoveInfo.dstArea : "tiles",
@@ -529,8 +523,8 @@ sap.ui.define([
         },
 
         _handleShortDrop: function (tileMoveInfo, sTileUuid, bSameDropArea) {
-            var oEventBus = Core.getEventBus(),
-                oDeferred = jQuery.Deferred();
+            const oEventBus = Core.getEventBus();
+            const oDeferred = jQuery.Deferred();
             oEventBus.publish("launchpad", "movetile", {
                 sTileId: sTileUuid,
                 sToItems: tileMoveInfo.srcArea || "tiles",
@@ -547,8 +541,8 @@ sap.ui.define([
         },
 
         _handleConvertDrop: function (tileMoveInfo, bSameDropArea, ui) {
-            var oEventBus = Core.getEventBus(),
-                oDeferred = jQuery.Deferred();
+            const oEventBus = Core.getEventBus();
+            const oDeferred = jQuery.Deferred();
             oEventBus.publish("launchpad", "convertTile", {
                 toGroupId: tileMoveInfo.dstGroupData.getGroupId ? tileMoveInfo.dstGroupData.getGroupId() : tileMoveInfo.dstGroupData.groupId,
                 toIndex: tileMoveInfo.dstTileIndex,
@@ -567,7 +561,7 @@ sap.ui.define([
                 return oTileObject.getUuid();
             }
 
-            var oTileModelObject = oTileObject.getBindingContext().getObject();
+            const oTileModelObject = oTileObject.getBindingContext().getObject();
 
             if (oTileModelObject.getParent) {
                 return oTileModelObject.getParent().getUuid();
@@ -577,9 +571,9 @@ sap.ui.define([
         },
 
         _handleDrag: function (event, ui) {
-            var tileDragInfo = Layout.getLayoutEngine().layoutEndCallback(),
-                oTileModel = tileDragInfo.tile.getBindingContext().getObject(),
-                oModel = this.getView().getModel();
+            const tileDragInfo = Layout.getLayoutEngine().layoutEndCallback();
+            const oTileModel = tileDragInfo.tile.getBindingContext().getObject();
+            const oModel = this.getView().getModel();
 
             if (oModel) {
                 oModel.setProperty("/draggedTileLinkPersonalizationSupported", oTileModel.isLinkPersonalizationSupported);
@@ -587,26 +581,25 @@ sap.ui.define([
         },
 
         _handleTabBarItemPressEventHandler: function (sChannelId, sEventId, oData) {
-            var oView = this.getView(),
-                oModel = oView.getModel(),
-                aGroups = oModel.getProperty("/groups"),
-                iGroupIndex = oData.iGroupIndex;
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const aGroups = oModel.getProperty("/groups");
+            const iGroupIndex = oData.iGroupIndex;
 
             // first reset the isGroupSelected property for all groups.
-            for (var i = 0; i < aGroups.length; i++) {
-                oModel.setProperty("/groups/" + i + "/isGroupSelected", false);
+            for (let i = 0; i < aGroups.length; i++) {
+                oModel.setProperty(`/groups/${i}/isGroupSelected`, false);
             }
             // set the selected group (for the model update we use the original index)
-            oModel.setProperty("/groups/" + iGroupIndex + "/isGroupSelected", true);
+            oModel.setProperty(`/groups/${iGroupIndex}/isGroupSelected`, true);
 
             this._handleTabBarItemPress(sChannelId, sEventId, iGroupIndex);
         },
 
         _handleTabBarItemPress: function (sChannelId, sEventId, iGroupIndex, oEvent) {
-            var oView = this.getView(),
-                // Fix the selected group index not to include the hidden groups.
-                selectedGroupIndex,
-                fixedIndex;
+            const oView = this.getView();
+            // Fix the selected group index not to include the hidden groups.
+            let selectedGroupIndex;
 
             if (oEvent) {
                 selectedGroupIndex = oEvent.getParameter("group").getIndex();
@@ -616,7 +609,7 @@ sap.ui.define([
 
             Core.getEventBus().publish("launchpad", "tabSelected", { iSelectedGroup: selectedGroupIndex });
 
-            fixedIndex = this._getVisibleGroupIndex(selectedGroupIndex);
+            const fixedIndex = this._getVisibleGroupIndex(selectedGroupIndex);
 
             // apply the filter
             oView.oDashboardGroupsBox.removeLinksFromUnselectedGroups();
@@ -625,17 +618,17 @@ sap.ui.define([
             oView.oAnchorNavigationBar.setSelectedItemIndex(fixedIndex);
             oView.oAnchorNavigationBar.reArrangeNavigationBarElements();
             // change tiles visibility of the new selected group
-            setTimeout(function () {
+            setTimeout(() => {
                 utils.handleTilesVisibility();
             }, 0);
         },
 
         _getVisibleGroupIndex: function (selectedGroupIndex) {
-            var aGroups = this.getView().getModel().getProperty("/groups");
-            var iHiddenGroupsCount = 0;
+            const aGroups = this.getView().getModel().getProperty("/groups");
+            let iHiddenGroupsCount = 0;
 
             // Go through the groups that are located before the selected group
-            for (var i = 0; i < selectedGroupIndex; i++) {
+            for (let i = 0; i < selectedGroupIndex; i++) {
                 if (!aGroups[i].isGroupVisible || !aGroups[i].visibilityModes[0]) {
                     // Count all groups that are not visible in non-edit mode
                     iHiddenGroupsCount++;
@@ -646,10 +639,10 @@ sap.ui.define([
         },
 
         _getModelGroupFromVisibleIndex: function (selectedGroupIndex) {
-            var aGroups = this.getView().getModel().getProperty("/groups"),
-                iVisGroupsCount = 0;
+            const aGroups = this.getView().getModel().getProperty("/groups");
+            let iVisGroupsCount = 0;
 
-            for (var i = 0; i < aGroups.length; i++) {
+            for (let i = 0; i < aGroups.length; i++) {
                 if (aGroups[i].isGroupVisible && aGroups[i].visibilityModes[0]) {
                     // Count all groups that are not visible in non-edit mode
                     iVisGroupsCount++;
@@ -664,23 +657,23 @@ sap.ui.define([
         },
 
         _handleAnchorItemPress: function (oEvent) {
-            var oView = this.getView(),
-                oModel = oView.getModel(),
-                aGroups = oModel.getProperty("/groups");
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const aGroups = oModel.getProperty("/groups");
 
-            //press on item could also be fired from overflow popup, but it will not have "manualPress" parameter
+            // press on item could also be fired from overflow popup, but it will not have "manualPress" parameter
             if (Device.system.phone && oEvent.getParameter("manualPress")) {
                 oEvent.oSource.openOverflowPopup();
             }
 
             // reset the isGroupSelected property for all groups before set the selected group
-            for (var i = 0; i < aGroups.length; i++) {
-                if (oModel.getProperty("/groups/" + i + "/isGroupSelected") === true) {
-                    oModel.setProperty("/groups/" + i + "/isGroupSelected", false);
+            for (let i = 0; i < aGroups.length; i++) {
+                if (oModel.getProperty(`/groups/${i}/isGroupSelected`) === true) {
+                    oModel.setProperty(`/groups/${i}/isGroupSelected`, false);
                 }
             }
             // set the selected group (for the model update we use the original index)
-            oModel.setProperty("/groups/" + oEvent.getParameter("group").getIndex() + "/isGroupSelected", true);
+            oModel.setProperty(`/groups/${oEvent.getParameter("group").getIndex()}/isGroupSelected`, true);
             oModel.setProperty("/iSelectedGroup", oEvent.getParameter("group").getIndex());
 
             // if tabs
@@ -707,10 +700,10 @@ sap.ui.define([
         },
 
         _addGroupHandler: function (oData) {
-            var sPath = oData.getSource().getBindingContext().getPath();
-            var aPathParts = sPath.split("/");
+            const sPath = oData.getSource().getBindingContext().getPath();
+            const aPathParts = sPath.split("/");
 
-            var iModelIndex = window.parseInt(aPathParts[aPathParts.length - 1], 10);
+            let iModelIndex = window.parseInt(aPathParts[aPathParts.length - 1], 10);
 
             if (oData.getSource().sParentAggregationName === "afterContent") {
                 iModelIndex++;
@@ -724,33 +717,33 @@ sap.ui.define([
         },
 
         _publishAsync: function (sChannelId, sEventId, oData) {
-            var oBus = Core.getEventBus();
+            const oBus = Core.getEventBus();
             window.setTimeout(oBus.publish.bind(oBus, sChannelId, sEventId, oData), 1);
         },
         _changeGroupVisibility: function (oGroupBindingCtx) {
-            var sBindingCtxPath = oGroupBindingCtx.getPath(),
-                oModel = oGroupBindingCtx.getModel(),
-                bGroupVisibilityState = oModel.getProperty(sBindingCtxPath + "/isGroupVisible");
+            const sBindingCtxPath = oGroupBindingCtx.getPath();
+            const oModel = oGroupBindingCtx.getModel();
+            const bGroupVisibilityState = oModel.getProperty(`${sBindingCtxPath}/isGroupVisible`);
 
-            if (oModel.getProperty(sBindingCtxPath + "/isDefaultGroup")
-                || oModel.getProperty(sBindingCtxPath + "/isGroupLocked")) {
+            if (oModel.getProperty(`${sBindingCtxPath}/isDefaultGroup`)
+                || oModel.getProperty(`${sBindingCtxPath}/isGroupLocked`)) {
                 return;
             }
 
-            oModel.setProperty(sBindingCtxPath + "/isGroupVisible", !bGroupVisibilityState);
+            oModel.setProperty(`${sBindingCtxPath}/isGroupVisible`, !bGroupVisibilityState);
         },
 
-        //Persist the group visibility changes (hidden groups) in the back-end upon deactivation of the Actions Mode.
+        // Persist the group visibility changes (hidden groups) in the back-end upon deactivation of the Actions Mode.
         _handleGroupVisibilityChanges: function (sChannelId, sEventId, aOrigHiddenGroupsIds) {
-            var oModel = this.getView().getModel(),
-                oHomepageManager = HomepageManager.prototype.getInstance(),
-                aCurrentHiddenGroupsIds = oHomepageManager.getCurrentHiddenGroupIds(oModel),
-                bSameLength = aCurrentHiddenGroupsIds.length === aOrigHiddenGroupsIds.length,
-                bIntersect = bSameLength,
-                oPromise;
-
-            //Checks whether there's a symmetric difference between the current set of hidden groups and the genuine one
-            aCurrentHiddenGroupsIds.some(function (sHiddenGroupId, iIndex) {
+            const oModel = this.getView().getModel();
+            const oHomepageManager = HomepageManager.prototype.getInstance();
+            const aCurrentHiddenGroupsIds = oHomepageManager.getCurrentHiddenGroupIds(oModel);
+            const bSameLength = aCurrentHiddenGroupsIds.length === aOrigHiddenGroupsIds.length;
+            let bIntersect = bSameLength;
+            let oPromise;
+
+            // Checks whether there's a symmetric difference between the current set of hidden groups and the genuine one
+            aCurrentHiddenGroupsIds.some((sHiddenGroupId, iIndex) => {
                 if (!bIntersect) {
                     return true;
                 }
@@ -760,37 +753,37 @@ sap.ui.define([
             });
 
             if (!bIntersect) {
-                sap.ushell.Container.getServiceAsync("FlpLaunchPage").then(function (oLaunchPageSrv) {
+                sap.ushell.Container.getServiceAsync("FlpLaunchPage").then((oLaunchPageSrv) => {
                     oPromise = oLaunchPageSrv.hideGroups(aCurrentHiddenGroupsIds);
-                    oPromise.done(function () {
+                    oPromise.done(() => {
                         oModel.updateBindings("groups");
                     });
-                    oPromise.fail(function () {
-                        sap.ushell.Container.getServiceAsync("MessageInternal").then(function (msgService) {
+                    oPromise.fail(() => {
+                        sap.ushell.Container.getServiceAsync("MessageInternal").then((msgService) => {
                             msgService.error(ushellResources.i18n.getText("hideGroups_error"));
                         });
                     });
                 });
             }
 
-            window.setTimeout(function () {
+            window.setTimeout(() => {
                 utils.recalculateBottomSpace();
             }, 0);
         },
 
         _deactivateActionModeInTabsState: function () {
-            var oView = this.getView(),
-                oModel = oView.getModel(),
-                i;
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            let i;
             // First reset the isGroupSelected property for all groups.
-            var aGroups = oModel.getProperty("/groups");
+            const aGroups = oModel.getProperty("/groups");
             for (i = 0; i < aGroups.length; i++) {
-                oModel.setProperty("/groups/" + i + "/isGroupSelected", false);
+                oModel.setProperty(`/groups/${i}/isGroupSelected`, false);
             }
 
-            var selectedIndex = oView.oAnchorNavigationBar.getSelectedItemIndex();
+            let selectedIndex = oView.oAnchorNavigationBar.getSelectedItemIndex();
 
-            var iHiddenGroupsCount = 0;
+            let iHiddenGroupsCount = 0;
             // If the selected group is a hidden group, go to the first visible group
             if (!this._isGroupVisible(selectedIndex)) {
                 for (i = 0; i < aGroups.length; i++) {
@@ -811,21 +804,21 @@ sap.ui.define([
             }
 
             // Fix the selected index not to include the hidden groups
-            var fixedIndex = selectedIndex - iHiddenGroupsCount;
+            const fixedIndex = selectedIndex - iHiddenGroupsCount;
             // Change the anchor bar selection
             oView.oAnchorNavigationBar.setSelectedItemIndex(fixedIndex);
             oView.oAnchorNavigationBar.adjustItemSelection();
 
             // Set the selected group and then filter
-            oModel.setProperty("/groups/" + selectedIndex + "/isGroupSelected", true);
+            oModel.setProperty(`/groups/${selectedIndex}/isGroupSelected`, true);
             oView.oDashboardGroupsBox.removeLinksFromAllGroups();
 
-            var sGroupsMode = oModel.getProperty("/homePageGroupDisplay");
+            const sGroupsMode = oModel.getProperty("/homePageGroupDisplay");
             if (sGroupsMode && sGroupsMode === "tabs") {
                 oView.oDashboardGroupsBox.getBinding("groups").filter([oView.oFilterSelectedGroup]);
                 // update links in the selected group (only the selected group is displayed in tabs mode)
-                var aNewGroups = oView.oDashboardGroupsBox.getGroups && oView.oDashboardGroupsBox.getGroups();
-                var oGroup = Array.isArray(aNewGroups) && aNewGroups[0];
+                const aNewGroups = oView.oDashboardGroupsBox.getGroups && oView.oDashboardGroupsBox.getGroups();
+                const oGroup = Array.isArray(aNewGroups) && aNewGroups[0];
                 if (oGroup && oGroup.updateLinks) {
                     oGroup.updateLinks();
                 }
@@ -833,7 +826,7 @@ sap.ui.define([
         },
 
         _isGroupVisible: function (groupIndex) {
-            var aGroups = this.getView().getModel().getProperty("/groups");
+            const aGroups = this.getView().getModel().getProperty("/groups");
             return (aGroups[groupIndex].isGroupVisible && aGroups[groupIndex].visibilityModes[0]);
         }
     });