@sapui5/sap.ushell 1.138.1 → 1.139.0

package/src/main/js/sap/ushell/components/homepage/DashboardGroupsBox.js

@@ -6,7 +6,7 @@
  * Exposes the public function <code>createGroupsBox</code>
  * @see sap.ushell.components.homepage.DashboardContent.view
  *
- * @version 1.138.1
+ * @version 1.139.0
  * @since 1.35.0
  *
  * @deprecated since 1.112
@@ -42,7 +42,7 @@ sap.ui.define([
     "sap/ushell/ui/launchpad/TileContainer",
     "sap/ushell/utils",
     "sap/ushell/utils/UrlParsing"
-], function (
+], (
     Log,
     isEmptyObject,
     _zipObject,
@@ -71,11 +71,11 @@ sap.ui.define([
     TileContainer,
     ushellUtils,
     UrlParsing
-) {
+) => {
     "use strict";
 
     // shortcut for sap.ui.core.InvisibleMessageMode
-    var InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
+    const InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
 
     /**
      * @alias sap.ushell.components.homepage.DashboardGroupsBox
@@ -85,13 +85,12 @@ sap.ui.define([
      *
      * @private
      */
-    var DashboardGroupsBox = baseObject.extend("sap.ushell.components.homepage.DashboardGroupsBox", /** @lends sap.ushell.components.homepage.DashboardGroupsBox.prototype */{
+    const DashboardGroupsBox = baseObject.extend("sap.ushell.components.homepage.DashboardGroupsBox", /** @lends sap.ushell.components.homepage.DashboardGroupsBox.prototype */{
         metadata: {
             publicMethods: ["createGroupsBox"]
         },
 
         constructor: function () {
-
             // Make this class only available once
             if (DashboardGroupsBox.fnDashboardGroupsBoxGetter) {
                 return DashboardGroupsBox.fnDashboardGroupsBoxGetter();
@@ -132,10 +131,10 @@ sap.ui.define([
 
         calculateFilter: function () {
             // get the homeGroupDisplayMode and do the filter accordingly
-            var filters = [];
-            var oFilter;
-            var sGroupsMode = this.oModel.getProperty("/homePageGroupDisplay"),
-                bEditMode = this.oModel.getProperty("/tileActionModeActive");
+            const filters = [];
+            let oFilter;
+            const sGroupsMode = this.oModel.getProperty("/homePageGroupDisplay");
+            const bEditMode = this.oModel.getProperty("/tileActionModeActive");
 
             if (!bEditMode) {
                 if (sGroupsMode && sGroupsMode === "tabs") {
@@ -158,7 +157,7 @@ sap.ui.define([
          */
         zipPromiseAll: function (aPromiseNames, aPromises) {
             return Promise.all(aPromises)
-                .then(function (aResPromises) {
+                .then((aResPromises) => {
                     return _zipObject(aPromiseNames, aResPromises);
                 });
         },
@@ -166,21 +165,21 @@ sap.ui.define([
         loadCardModuleIfNeeded: function () {
             if (Config.last("/core/home/featuredGroup/enable")) {
                 return Core.loadLibrary("sap.ui.integration", { async: true })
-                    .then(function () {
-                        return new Promise(function (resolve) {
+                    .then(() => {
+                        return new Promise((resolve) => {
                             sap.ui.require([
                                 "sap/ui/integration/Host",
                                 "sap/ui/integration/widgets/Card"
-                            ], function (Host, Card) {
+                            ], (Host, Card) => {
                                 this.Card = Card;
                                 this.Host = Host;
                                 this._oHost = new Host({
                                     action: this._onCardAction.bind(this)
                                 });
                                 resolve();
-                            }.bind(this));
-                        }.bind(this));
-                    }.bind(this));
+                            });
+                        });
+                    });
             }
             return Promise.resolve();
         },
@@ -193,46 +192,44 @@ sap.ui.define([
          */
         createGroupsBox: function (oController, oModel) {
             this.oController = oController;
-            var that = this,
-                fAfterLayoutInit,
-                fGroupsContainerAfterRenderingHandler,
-
-                getPlusTileFromGroup = function (oGroup) {
-                    var groupDomRef,
-                        plusTileDomRef;
-                    if (oGroup && (groupDomRef = oGroup.getDomRef())) {
-                        plusTileDomRef = groupDomRef.querySelector(".sapUshellPlusTile");
-                        if (plusTileDomRef) {
-                            return plusTileDomRef;
-                        }
+            const that = this;
+
+            function getPlusTileFromGroup (oGroup) {
+                let groupDomRef;
+                let plusTileDomRef;
+                if (oGroup && (groupDomRef = oGroup.getDomRef())) {
+                    plusTileDomRef = groupDomRef.querySelector(".sapUshellPlusTile");
+                    if (plusTileDomRef) {
+                        return plusTileDomRef;
                     }
-                    return null;
-                },
+                }
+                return null;
+            }
 
-                reorderTilesCallback = function (layoutInfo) {
-                    var plusTileStartGroup = getPlusTileFromGroup(layoutInfo.currentGroup),
-                        plusTileEndGroup = getPlusTileFromGroup(layoutInfo.endGroup),
-                        isPlusTileVanishRequired = (layoutInfo.tiles[layoutInfo.tiles.length - 2] === layoutInfo.item) || (layoutInfo.endGroup.getTiles().length === 0);
-                    if (isPlusTileVanishRequired) {
-                        that._hidePlusTile(plusTileEndGroup);
-                    } else {
-                        that._showPlusTile(plusTileEndGroup);
-                    }
+            function reorderTilesCallback (layoutInfo) {
+                const plusTileStartGroup = getPlusTileFromGroup(layoutInfo.currentGroup);
+                const plusTileEndGroup = getPlusTileFromGroup(layoutInfo.endGroup);
+                const isPlusTileVanishRequired = (layoutInfo.tiles[layoutInfo.tiles.length - 2] === layoutInfo.item) || (layoutInfo.endGroup.getTiles().length === 0);
+                if (isPlusTileVanishRequired) {
+                    that._hidePlusTile(plusTileEndGroup);
+                } else {
+                    that._showPlusTile(plusTileEndGroup);
+                }
 
-                    if (layoutInfo.currentGroup !== layoutInfo.endGroup) {
-                        that._showPlusTile(plusTileStartGroup);
-                    }
-                };
+                if (layoutInfo.currentGroup !== layoutInfo.endGroup) {
+                    that._showPlusTile(plusTileStartGroup);
+                }
+            }
 
-            //Since the layout initialization is async, we need to execute the below function after initialization is done
-            fAfterLayoutInit = function () {
-                //Prevent Plus Tile influence on the tiles reordering by exclude it from the layout matrix calculations
+            // Since the layout initialization is async, we need to execute the below function after initialization is done
+            function fAfterLayoutInit () {
+                // Prevent Plus Tile influence on the tiles reordering by exclude it from the layout matrix calculations
                 Layout.getLayoutEngine().setExcludedControl(PlusTile);
-                //Hide plus tile when collision with it
+                // Hide plus tile when collision with it
                 Layout.getLayoutEngine().setReorderTilesCallback.call(Layout.layoutEngine, reorderTilesCallback);
-            };
+            }
 
-            fGroupsContainerAfterRenderingHandler = function () {
+            function fGroupsContainerAfterRenderingHandler () {
                 // UI5 Rendering sets the focus back to the previously focused control after firing
                 // "AfterRendering" event. Therefore the 0 setTimeout is needed to actively set the
                 // focus to the input after UI5 Rendering.
@@ -244,15 +241,15 @@ sap.ui.define([
                             isTabBarActive: that.isTabBarActive.bind(that)
                         }).then(fAfterLayoutInit);
 
-                        //when media is changed we need to rerender Layout
-                        //media could be changed by SAPUI5 without resize, or any other events. look for internal Incident ID: 1580000668
+                        // when media is changed we need to rerender Layout
+                        // media could be changed by SAPUI5 without resize, or any other events. look for internal Incident ID: 1580000668
                         Device.media.attachHandler(function () {
                             if (!this.bIsDestroyed) {
                                 Layout.reRenderGroupsLayout(null);
                             }
                         }, this, Device.media.RANGESETS.SAP_STANDARD);
 
-                        var oDomRef = this.getDomRef();
+                        const oDomRef = this.getDomRef();
                         oController.getView().sDashboardGroupsWrapperId = !isEmptyObject(oDomRef) && oDomRef.parentNode ? oDomRef.parentNode.id : "";
                     }
 
@@ -263,14 +260,14 @@ sap.ui.define([
                         this.getBinding("groups").filter(that.calculateFilter());
                     }
                 }, 0);
-            };
+            }
 
             this.isTabBarActive = function () {
                 return this.oModel.getProperty("/homePageGroupDisplay") === "tabs";
             };
 
             this.oModel = oModel;
-            var filters = this.calculateFilter();
+            const filters = this.calculateFilter();
 
             this.oGroupsContainer = new DashboardGroupsContainer("dashboardGroups", {
                 displayMode: "{/homePageGroupDisplay}",
@@ -280,7 +277,7 @@ sap.ui.define([
             this.zipPromiseAll(
                 ["launchpadService", ""],
                 [sap.ushell.Container.getServiceAsync("FlpLaunchPage"), that.loadCardModuleIfNeeded()]
-            ).then(function (oRes) {
+            ).then((oRes) => {
                 this.isLinkPersonalizationSupported = oRes.launchpadService.isLinkPersonalizationSupported();
 
                 this.oGroupsContainer.bindAggregation("groups", {
@@ -290,21 +287,21 @@ sap.ui.define([
                         return that._createTileContainer(oController, oModel);
                     }
                 });
-            }.bind(this));
+            });
 
             if (Device.system.desktop) {
                 this.oGroupsContainer.addEventDelegate({
                     onBeforeFastNavigationFocus: function (oEvent) {
                         oEvent.preventDefault();
-                        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.goToLastVisitedTile();
                             });
                         });
                     },
                     onsaptabnext: function (oEvent) {
-                        var oFloatingContainerElement = document.getElementById("sapUshellFloatingContainerWrapper");
-                        var bFloatingContainerIsVisible = oFloatingContainerElement && !oFloatingContainerElement.classList.contains("sapUshellShellHidden");
+                        const oFloatingContainerElement = document.getElementById("sapUshellFloatingContainerWrapper");
+                        const bFloatingContainerIsVisible = oFloatingContainerElement && !oFloatingContainerElement.classList.contains("sapUshellShellHidden");
                         if (bFloatingContainerIsVisible && (oEvent.originalEvent.srcElement.id) !== "") {
                             oEvent.preventDefault();
                             Core.getEventBus().publish("launchpad", "shellFloatingContainerIsAccessible");
@@ -319,111 +316,111 @@ sap.ui.define([
             return this.oModel.getProperty("/groups");
         },
 
-        _createTileContainer: function (oController/*, oModel*/) {
-            var that = this,
-                oFilter = new Filter("isTileIntentSupported", FilterOperator.EQ, true),
-                oTilesContainer = new TileContainer({
-                    headerText: "{title}",
-                    showEmptyLinksArea: {
-                        parts: ["/tileActionModeActive", "links/length", "isGroupLocked", "/isInDrag", "/homePageGroupDisplay"],
-                        formatter: function (tileActionModeActive, numOfLinks, isGroupLocked, bIsInDrag, sAnchorbarMode) {
-                            if (numOfLinks) {
-                                return true;
-                            } else if (isGroupLocked) {
-                                return false;
-                            }
-                            return tileActionModeActive || bIsInDrag && sAnchorbarMode === "tabs";
-                        }
-                    },
-                    showMobileActions: {
-                        parts: ["/tileActionModeActive"],
-                        formatter: function (bIsActionModeActive) {
-                            return bIsActionModeActive && !this.getDefaultGroup();
-                        }
-                    },
-                    showIcon: {
-                        parts: ["/isInDrag", "/tileActionModeActive"],
-                        formatter: function (bIsInDrag, bIsActionModeActive) {
-                            return (this.getIsGroupLocked() && (bIsInDrag || bIsActionModeActive));
-                        }
-                    },
-                    deluminate: {
-                        parts: ["/isInDrag"],
-                        formatter: function (bIsInDrag) {
-                            //  return oEvent.oSource.getIsGroupLocked() && bIsInDrag;
-                            return this.getIsGroupLocked() && bIsInDrag;
-                        }
-                    },
-                    transformationError: {
-                        parts: ["/isInDrag", "/draggedTileLinkPersonalizationSupported"],
-                        formatter: function (bIsInDrag, bDraggedTileLinkPersonalizationSupported) {
-                            return bIsInDrag && !bDraggedTileLinkPersonalizationSupported;
-                        }
-                    },
-                    showBackground: "{/tileActionModeActive}",
-                    tooltip: "{title}",
-                    tileActionModeActive: "{/tileActionModeActive}",
-                    enableHelp: Config.last("/core/extension/enableHelp"),
-                    groupId: "{groupId}",
-                    defaultGroup: "{isDefaultGroup}",
-                    isLastGroup: "{isLastGroup}",
-                    isGroupLocked: "{isGroupLocked}",
-                    isGroupSelected: "{isGroupSelected}",
-                    showHeader: true,
-                    showGroupHeader: "{showGroupHeader}",
-                    homePageGroupDisplay: "{/homePageGroupDisplay}",
-                    editMode: "{editMode}",
-                    supportLinkPersonalization: this.isLinkPersonalizationSupported,
-                    titleChange: function (oEvent) {
-                        Core.getEventBus().publish("launchpad", "changeGroupTitle", {
-                            groupId: oEvent.getSource().getGroupId(),
-                            newTitle: oEvent.getParameter("newTitle")
-                        });
-                    },
-                    showEmptyLinksAreaPlaceHolder: {
-                        parts: ["links/length", "/isInDrag", "/homePageGroupDisplay"],
-                        formatter: function (numOfLinks, bIsInDrag, sAnchorbarMode) {
-                            return bIsInDrag && sAnchorbarMode === "tabs" && !numOfLinks;
+        _createTileContainer: function (oController/* , oModel */) {
+            const that = this;
+            const oFilter = new Filter("isTileIntentSupported", FilterOperator.EQ, true);
+            const oTilesContainer = new TileContainer({
+                headerText: "{title}",
+                showEmptyLinksArea: {
+                    parts: ["/tileActionModeActive", "links/length", "isGroupLocked", "/isInDrag", "/homePageGroupDisplay"],
+                    formatter: function (tileActionModeActive, numOfLinks, isGroupLocked, bIsInDrag, sAnchorbarMode) {
+                        if (numOfLinks) {
+                            return true;
+                        } else if (isGroupLocked) {
+                            return false;
                         }
-                    },
-                    showPlaceholder: {
-                        parts: ["/tileActionModeActive", "tiles/length"],
-                        formatter: function (tileActionModeActive) {
-                            return tileActionModeActive && !this.getIsGroupLocked();
-                        }
-                    },
-                    visible: {
-                        parts: ["/tileActionModeActive", "isGroupVisible", "visibilityModes"],
-                        formatter: function (tileActionModeActive, isGroupVisible, visibilityModes) {
-                            // Empty groups should not be displayed when personalization is off or
-                            // if they are locked or default group not in action mode
-                            if (!visibilityModes[tileActionModeActive ? 1 : 0]) {
-                                return false;
-                            }
-                            return isGroupVisible || tileActionModeActive;
-                        }
-                    },
-                    hidden: {
-                        parts: ["/tileActionModeActive", "isGroupVisible"],
-                        formatter: function (bIsActionModeActive, bIsGroupVisible) {
-                            return bIsActionModeActive && !bIsGroupVisible;
+                        return tileActionModeActive || bIsInDrag && sAnchorbarMode === "tabs";
+                    }
+                },
+                showMobileActions: {
+                    parts: ["/tileActionModeActive"],
+                    formatter: function (bIsActionModeActive) {
+                        return bIsActionModeActive && !this.getDefaultGroup();
+                    }
+                },
+                showIcon: {
+                    parts: ["/isInDrag", "/tileActionModeActive"],
+                    formatter: function (bIsInDrag, bIsActionModeActive) {
+                        return (this.getIsGroupLocked() && (bIsInDrag || bIsActionModeActive));
+                    }
+                },
+                deluminate: {
+                    parts: ["/isInDrag"],
+                    formatter: function (bIsInDrag) {
+                        //  return oEvent.oSource.getIsGroupLocked() && bIsInDrag;
+                        return this.getIsGroupLocked() && bIsInDrag;
+                    }
+                },
+                transformationError: {
+                    parts: ["/isInDrag", "/draggedTileLinkPersonalizationSupported"],
+                    formatter: function (bIsInDrag, bDraggedTileLinkPersonalizationSupported) {
+                        return bIsInDrag && !bDraggedTileLinkPersonalizationSupported;
+                    }
+                },
+                showBackground: "{/tileActionModeActive}",
+                tooltip: "{title}",
+                tileActionModeActive: "{/tileActionModeActive}",
+                enableHelp: Config.last("/core/extension/enableHelp"),
+                groupId: "{groupId}",
+                defaultGroup: "{isDefaultGroup}",
+                isLastGroup: "{isLastGroup}",
+                isGroupLocked: "{isGroupLocked}",
+                isGroupSelected: "{isGroupSelected}",
+                showHeader: true,
+                showGroupHeader: "{showGroupHeader}",
+                homePageGroupDisplay: "{/homePageGroupDisplay}",
+                editMode: "{editMode}",
+                supportLinkPersonalization: this.isLinkPersonalizationSupported,
+                titleChange: function (oEvent) {
+                    Core.getEventBus().publish("launchpad", "changeGroupTitle", {
+                        groupId: oEvent.getSource().getGroupId(),
+                        newTitle: oEvent.getParameter("newTitle")
+                    });
+                },
+                showEmptyLinksAreaPlaceHolder: {
+                    parts: ["links/length", "/isInDrag", "/homePageGroupDisplay"],
+                    formatter: function (numOfLinks, bIsInDrag, sAnchorbarMode) {
+                        return bIsInDrag && sAnchorbarMode === "tabs" && !numOfLinks;
+                    }
+                },
+                showPlaceholder: {
+                    parts: ["/tileActionModeActive", "tiles/length"],
+                    formatter: function (tileActionModeActive) {
+                        return tileActionModeActive && !this.getIsGroupLocked();
+                    }
+                },
+                visible: {
+                    parts: ["/tileActionModeActive", "isGroupVisible", "visibilityModes"],
+                    formatter: function (tileActionModeActive, isGroupVisible, visibilityModes) {
+                        // Empty groups should not be displayed when personalization is off or
+                        // if they are locked or default group not in action mode
+                        if (!visibilityModes[tileActionModeActive ? 1 : 0]) {
+                            return false;
                         }
-                    },
-                    links: this._getLinkTemplate(),
-                    tiles: {
-                        path: "tiles",
-                        factory: this._itemFactory.bind(this),
-                        filters: [oFilter]
-                    },
-                    add: /*oController._addTileContainer,*/ function (oEvent) {
-                        that._handleAddTileToGroup(oEvent);
+                        return isGroupVisible || tileActionModeActive;
                     }
-                });
+                },
+                hidden: {
+                    parts: ["/tileActionModeActive", "isGroupVisible"],
+                    formatter: function (bIsActionModeActive, bIsGroupVisible) {
+                        return bIsActionModeActive && !bIsGroupVisible;
+                    }
+                },
+                links: this._getLinkTemplate(),
+                tiles: {
+                    path: "tiles",
+                    factory: this._itemFactory.bind(this),
+                    filters: [oFilter]
+                },
+                add: /* oController._addTileContainer, */ function (oEvent) {
+                    that._handleAddTileToGroup(oEvent);
+                }
+            });
             return oTilesContainer;
         },
 
         _getLinkTemplate: function () {
-            var oFilter = new Filter("isTileIntentSupported", FilterOperator.EQ, true);
+            const oFilter = new Filter("isTileIntentSupported", FilterOperator.EQ, true);
 
             if (!this.isLinkPersonalizationSupported) {
                 return {
@@ -444,10 +441,10 @@ sap.ui.define([
                             }
                         },
                         afterRendering: function (oEvent) {
-                            var aLinkElements = this.getDomRef().getElementsByTagName("a");
+                            const aLinkElements = this.getDomRef().getElementsByTagName("a");
                             // Remove tabindex from links
                             // so that the focus will not be automatically set on the focusable link when returning to the launchpad
-                            for (var i = 0; i < aLinkElements.length; i++) {
+                            for (let i = 0; i < aLinkElements.length; i++) {
                                 aLinkElements[i].setAttribute("tabindex", -1);
                             }
                         }
@@ -458,10 +455,10 @@ sap.ui.define([
             return {
                 path: "links",
                 factory: function (sId, oContext) {
-                    var oControl = oContext.getObject().content[0];
+                    let oControl = oContext.getObject().content[0];
                     if (oControl && oControl.bIsDestroyed) {
                         oControl = oControl.clone();
-                        oContext.getModel().setProperty(oContext.getPath() + "/content/0", oControl);
+                        oContext.getModel().setProperty(`${oContext.getPath()}/content/0`, oControl);
                     }
                     return oControl;
                 },
@@ -470,11 +467,11 @@ sap.ui.define([
         },
 
         _itemFactory: function (sId, oContext) {
-            var oTileOrCard = oContext.getProperty(oContext.sPath),
-                aContent,
-                oContent,
-                oControl,
-                oManifest;
+            const oTileOrCard = oContext.getProperty(oContext.sPath);
+            let aContent;
+            let oContent;
+            let oControl;
+            let oManifest;
 
             if (oTileOrCard) {
                 if (oTileOrCard.isCard) {
@@ -506,7 +503,7 @@ sap.ui.define([
         /**
          * When a card is clicked, it is checked whether the header is clicked or one item of the featured group card itself.
          * It then navigates to the corresponding item.
-         * @param oEvent The event from the card interaction, for example clicking the header or items.
+         * @param {sap.ui.base.Event} oEvent The event from the card interaction, for example clicking the header or items.
          * @private
          */
         _onCardAction: async function (oEvent) {
@@ -514,25 +511,25 @@ sap.ui.define([
                 return;
             }
 
-            var oActionParameters = oEvent.getParameter("parameters");
-            var oShellHash = UrlParsing.parseShellHash(oActionParameters.url);
+            const oActionParameters = oEvent.getParameter("parameters");
+            const oShellHash = UrlParsing.parseShellHash(oActionParameters.url);
 
             if (oShellHash) {
                 oEvent.preventDefault(); // prevent opening of the url
                 this._performIntentBasedNavigation(oShellHash);
             } else if (oActionParameters.openUI) {
                 if (oActionParameters.openUI === "RecentActivities" || oActionParameters.openUI === "FrequentActivities") {
-                    var sTabName = oActionParameters.openUI === "RecentActivities" ? "recentActivityFilter" : "frequentlyUsedFilter";
+                    const sTabName = oActionParameters.openUI === "RecentActivities" ? "recentActivityFilter" : "frequentlyUsedFilter";
                     const [QuickAccess] = await ushellUtils.requireAsync(["sap/ushell/ui/QuickAccess"]);
                     QuickAccess.openQuickAccessDialog(sTabName);
                 } else {
-                    Log.error("Request to open unknown User Interface: '" + oActionParameters.openUI + "'");
+                    Log.error(`Request to open unknown User Interface: '${oActionParameters.openUI}'`);
                 }
                 oEvent.preventDefault();
             } else if (oActionParameters.url === "") {
                 oEvent.preventDefault(); // prevent navigation to empty url
             } else if (Config.last("/core/shell/enableRecentActivity") && Config.last("/core/shell/enableRecentActivityLogging")) {
-                var oRecentEntry = {
+                const oRecentEntry = {
                     title: oEvent.getParameter("parameters").title,
                     url: oActionParameters.url,
                     appType: ushellLibrary.AppType.URL,
@@ -544,13 +541,13 @@ sap.ui.define([
 
         /**
          * Performs an external navigation and forwards the shell hash information.
-         * @param oShellHash The shell hash
+         * @param {object} oShellHash The shell hash
          * @returns {Promise} Resolves
          * @private
          */
         _performIntentBasedNavigation: function (oShellHash) {
             return sap.ushell.Container.getServiceAsync("CrossApplicationNavigation")
-                .then(function (oCrossAppNav) {
+                .then((oCrossAppNav) => {
                     oCrossAppNav.toExternal({
                         target: {
                             semanticObject: oShellHash.semanticObject,
@@ -583,7 +580,7 @@ sap.ui.define([
         },
 
         _createTile: function () {
-            var oTile = new LaunchpadTile({
+            const oTile = new LaunchpadTile({
                 long: "{long}",
                 // The model flag draggedInTabBarToSourceGroup was set for the tile in when it was dragged on TabBar between groups
                 isDraggedInTabBarToSourceGroup: "{draggedInTabBarToSourceGroup}",
@@ -619,9 +616,9 @@ sap.ui.define([
                 deletePress: [this.oController._dashboardDeleteTileHandler, this.oController],
                 press: [this.oController.dashboardTilePress, this.oController]
             });
-            var oNavContainer = Core.byId("viewPortContainer");
+            const oNavContainer = Core.byId("viewPortContainer");
             oTile.addEventDelegate({
-                onclick: function (/*oEvent*/) {
+                onclick: function (/* oEvent */) {
                     Measurement.start("FLP:DashboardGroupsBox.onclick", "Click on tile", "FLP");
                     Measurement.start("FLP:OpenApplicationonClick", "Open Application", "FLP");
 
@@ -637,13 +634,13 @@ sap.ui.define([
         },
 
         _updateGroupHeaderVisibility: function () {
-            var aGroups = this.oGroupsContainer.getGroups();
-            var bEditMode = this.oModel.getProperty("/tileActionModeActive");
-            var bAnchorbar = this.oController.getView().oAnchorNavigationBar.getVisible();
-            var iFirstVisible;
-            var iVisibleGroups = 0;
+            const aGroups = this.oGroupsContainer.getGroups();
+            const bEditMode = this.oModel.getProperty("/tileActionModeActive");
+            const bAnchorbar = this.oController.getView().oAnchorNavigationBar.getVisible();
+            let iFirstVisible;
+            let iVisibleGroups = 0;
 
-            for (var i = 0; i < aGroups.length; i++) {
+            for (let i = 0; i < aGroups.length; i++) {
                 if (aGroups[i].getProperty("visible")) {
                     iVisibleGroups++;
 
@@ -656,13 +653,13 @@ sap.ui.define([
             }
 
             if (iFirstVisible !== undefined) {
-                var bVisible = bEditMode || (iVisibleGroups === 1 && !bAnchorbar);
+                const bVisible = bEditMode || (iVisibleGroups === 1 && !bAnchorbar);
                 aGroups[iFirstVisible].setShowGroupHeader(bVisible);
             }
         },
 
         _handleActionModeChange: function () {
-            var bActiveMode = this.oModel.getProperty("/tileActionModeActive");
+            const bActiveMode = this.oModel.getProperty("/tileActionModeActive");
             if (bActiveMode) {
                 this._addTileContainersContent();
             } else {
@@ -673,9 +670,9 @@ sap.ui.define([
         },
 
         _addTileContainersContent: function () {
-            var aGroups = this.oGroupsContainer.getGroups();
-            for (var i = 0; i < aGroups.length; i++) {
-                var oGroup = aGroups[i];
+            const aGroups = this.oGroupsContainer.getGroups();
+            for (let i = 0; i < aGroups.length; i++) {
+                const oGroup = aGroups[i];
 
                 if (!oGroup.getBeforeContent().length) {
                     oGroup.addBeforeContent(new Button({
@@ -713,7 +710,7 @@ sap.ui.define([
         },
 
         _getHeaderActions: function () {
-            var aHeaderButtons = [];
+            const aHeaderButtons = [];
 
             aHeaderButtons.push(new Button({
                 text: {
@@ -734,14 +731,14 @@ sap.ui.define([
                 visible: "{= ${/enableHideGroups} && !${isGroupLocked} && !${isDefaultGroup}}",
                 enabled: "{= !${/editTitle}}",
                 press: function (oEvent) {
-                    var oSource = oEvent.getSource(),
-                        oGroupBindingCtx = oSource.getBindingContext(),
-                        oModel = oGroupBindingCtx.getModel(),
-                        sPath = oGroupBindingCtx.getPath(),
-                        bValue = oModel.getProperty(sPath + "/isGroupVisible");
+                    const oSource = oEvent.getSource();
+                    const oGroupBindingCtx = oSource.getBindingContext();
+                    const oModel = oGroupBindingCtx.getModel();
+                    const sPath = oGroupBindingCtx.getPath();
+                    const bValue = oModel.getProperty(`${sPath}/isGroupVisible`);
 
                     // temporary work around until sap.m.Button announces a label change to the user.
-                    var oMResources = Core.getLibraryResourceBundle("sap.m");
+                    const oMResources = Core.getLibraryResourceBundle("sap.m");
                     this._oInvisibleMessageInstance.announce([
                         resources.i18n.getText(bValue ? "Group.nowBeingHidden" : "Group.nowBeingShown"),
                         resources.i18n.getText("Section.ButtonLabelChanged"),
@@ -772,8 +769,8 @@ sap.ui.define([
                 visible: "{= !${isDefaultGroup}}",
                 enabled: "{= !${/editTitle}}",
                 press: function (oEvent) {
-                    var oSource = oEvent.getSource(),
-                        oGroupBindingCtx = oSource.getBindingContext();
+                    const oSource = oEvent.getSource();
+                    const oGroupBindingCtx = oSource.getBindingContext();
                     this.oController._handleGroupDeletion(oGroupBindingCtx);
                 }.bind(this)
             }).addStyleClass("sapUshellHeaderActionButton"));
@@ -782,14 +779,14 @@ sap.ui.define([
         },
 
         _handleAddTileToGroup: function (oEvent) {
-            //Fix internal incident #1780370222 2017
+            // Fix internal incident #1780370222 2017
             if (document.toDetail) {
                 document.toDetail();
             }
             Component.getOwnerComponentFor(this.oController.getView().parentComponent).getRouter().navTo("appfinder", {
-                "innerHash*": "catalog/" + JSON.stringify({
+                "innerHash*": `catalog/${JSON.stringify({
                     targetGroup: encodeURIComponent(oEvent.getSource().getBindingContext().sPath)
-                })
+                })}`
             });
         },