@sapui5/sap.ushell 1.138.1 → 1.139.1

package/src/main/js/sap/ushell/components/HomepageManager.js

@@ -36,7 +36,7 @@ sap.ui.define([
     "sap/ui/performance/Measurement",
     "sap/ushell/Config",
     "sap/ushell/Container"
-], function (
+], (
     jQuery,
     Core,
     Theming,
@@ -67,13 +67,13 @@ sap.ui.define([
     Measurement,
     Config,
     Container
-) {
+) => {
     "use strict";
 
     // shortcut for sap.m.GenericTileScope
-    var GenericTileScope = mobileLibrary.GenericTileScope;
+    const GenericTileScope = mobileLibrary.GenericTileScope;
 
-    var analyticsConstants = {
+    const analyticsConstants = {
         PERSONALIZATION: "FLP: Personalization",
         RENAME_GROUP: "FLP: Rename Group",
         MOVE_GROUP: "FLP: Move Group",
@@ -84,10 +84,10 @@ sap.ui.define([
         MOVE_TILE: "FLP: Move Tile"
     };
 
-    var aDoables = [];
+    const aDoables = [];
 
-    var oHomepageManagerInstance;
-    var oHomepageManager = BaseObject.extend("sap.ushell.components.HomepageManager", {
+    let oHomepageManagerInstance;
+    const oHomepageManager = BaseObject.extend("sap.ushell.components.HomepageManager", {
         metadata: {
             publicMethods: [
                 "getModel",
@@ -111,13 +111,13 @@ sap.ui.define([
             }
 
             this.oServiceLoadingPromise = Container.getServiceAsync("FlpLaunchPage")
-                .then(function (oLaunchPageService) {
+                .then((oLaunchPageService) => {
                     this.oPageBuilderService = oLaunchPageService;
                     // add Remove action for all tiles
                     this.oPageBuilderService.registerTileActionsProvider(this._addFLPActionsToTile.bind(this));
                     this.oPageOperationAdapter = PersistentPageOperationAdapter.getInstance(oLaunchPageService);
                     this.bLinkPersonalizationSupported = this.oPageOperationAdapter.isLinkPersonalizationSupported();
-                }.bind(this));
+                });
 
             // when the core theme changes, it's required to calculate again, which tiles are visible. In case of
             // dynamic tiles, a request should be triggered. In some cases it can happen, that the tile visibility
@@ -150,24 +150,24 @@ sap.ui.define([
             });
             // get 'home' view from the router
             if (this.oRouter) {
-                var oTarget = this.oRouter.getTarget("home");
-                oTarget.attachDisplay(function (oEvent) {
+                const oTarget = this.oRouter.getTarget("home");
+                oTarget.attachDisplay((oEvent) => {
                     this.oDashboardView = oEvent.getParameter("view");
-                }.bind(this));
+                });
             }
             // Workaround:
             // Event hub emits event when we register. It emits value 'false' and without the workaround it would trigger
             // loading of the content again. So we keep the value when we register.
 
-            var bEnableTransientMode = oShellConfig.last("/core/home/enableTransientMode");
+            let bEnableTransientMode = oShellConfig.last("/core/home/enableTransientMode");
             aDoables.push(oShellConfig.on("/core/home/enableTransientMode").do(
-                function (bNewEnableTransientMode) {
+                (bNewEnableTransientMode) => {
                     if (bEnableTransientMode === bNewEnableTransientMode) {
                         return;
                     }
                     bEnableTransientMode = bNewEnableTransientMode;
                     this._changeMode(bNewEnableTransientMode);
-                }.bind(this)
+                }
             ));
 
             this.oModel.bindProperty("/tileActionModeActive").attachChange(this._changeLinksScope.bind(this));
@@ -200,7 +200,7 @@ sap.ui.define([
         },
 
         isBlindLoading: function () {
-            var homePageGroupDisplay = oShellConfig.last("/core/home/homePageGroupDisplay");
+            const homePageGroupDisplay = oShellConfig.last("/core/home/homePageGroupDisplay");
             if ((homePageGroupDisplay === undefined || homePageGroupDisplay === "scroll") && this.bIsScrollModeAccordingKPI) {
                 Log.info("isBlindLoading reason IsScrollModeAccordingKPI and IsScrollMode: true");
                 return true;
@@ -213,18 +213,18 @@ sap.ui.define([
         },
 
         createMoveActionDialog: function (sId) {
-            var oMoveDialog = new SelectDialog(sId, {
+            const oMoveDialog = new SelectDialog(sId, {
                 title: oResources.i18n.getText("moveTileDialog_title"),
                 rememberSelections: false,
                 // search: a search handler is attached by the calling function
                 contentWidth: "400px",
                 contentHeight: "auto",
                 confirm: function (oEvent) {
-                    var aContexts = oEvent.getParameter("selectedContexts");
+                    const aContexts = oEvent.getParameter("selectedContexts");
                     this.publishMoveActionEvents(aContexts, sId);
                 }.bind(this),
                 cancel: function () {
-                    var oCurrentlyFocusedTile = document.querySelector(".sapUshellTile[tabindex=\"0\"]");
+                    const oCurrentlyFocusedTile = document.querySelector(".sapUshellTile[tabindex=\"0\"]");
                     if (oCurrentlyFocusedTile) {
                         oCurrentlyFocusedTile.focus();
                     }
@@ -241,11 +241,11 @@ sap.ui.define([
         },
 
         publishMoveActionEvents: function (aContexts, sSource) {
-            var oEventBus = Core.getEventBus();
+            const oEventBus = Core.getEventBus();
             if (aContexts.length) {
-                var stileType = this.tileType === "link" ? "links" : "tiles";
-                var sGroupId = aContexts[0].getObject().groupId;
-                var oEventData = {
+                const stileType = this.tileType === "link" ? "links" : "tiles";
+                const sGroupId = aContexts[0].getObject().groupId;
+                const oEventData = {
                     sTileId: this.tileUuid,
                     sToItems: stileType,
                     sFromItems: stileType,
@@ -256,8 +256,8 @@ sap.ui.define([
                 };
 
                 if (Device.system.desktop) {
-                    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) => {
                             oEventData.callBack = ComponentKeysHandlerInstance.callbackSetFocus.bind(ComponentKeysHandlerInstance);
                             oEventBus.publish("launchpad", "scrollToGroup", { groupId: sGroupId });
                             oEventBus.publish("launchpad", "movetile", oEventData);
@@ -271,10 +271,10 @@ sap.ui.define([
         },
 
         _changeLinksScope: function (oEvent) {
-            var that = this;
+            const that = this;
             if (this.bLinkPersonalizationSupported) {
-                var bIsTileActionModeActive = oEvent.getSource().getValue();
-                this.oModel.getProperty("/groups").forEach(function (oGroup, index) {
+                const bIsTileActionModeActive = oEvent.getSource().getValue();
+                this.oModel.getProperty("/groups").forEach((oGroup, index) => {
                     if (!oGroup.isGroupLocked) {
                         that._changeGroupLinksScope(oGroup, bIsTileActionModeActive ? "Actions" : "Display");
                     }
@@ -283,15 +283,15 @@ sap.ui.define([
         },
 
         _changeGroupLinksScope: function (oGroup, scope) {
-            var that = this;
+            const that = this;
 
-            oGroup.links.forEach(function (oLink, index) {
+            oGroup.links.forEach((oLink, index) => {
                 that._changeLinkScope(oLink.content[0], scope);
             });
         },
 
         _changeLinkScope: function (oLink, scope) {
-            var oLinkView;
+            let oLinkView;
             if (oLink.getScope) {
                 oLinkView = oLink;
             } else if (oLink.getContent) { // hack for demo content
@@ -305,7 +305,7 @@ sap.ui.define([
         },
 
         registerEvents: function () {
-            var oEventBus = Core.getEventBus();
+            const oEventBus = Core.getEventBus();
             oEventBus.subscribe("launchpad", "addBookmarkTile", this._createBookmark, this);
             oEventBus.subscribe("launchpad", "tabSelected", this.getSegmentTabContentViews, this);
             oEventBus.subscribe("sap.ushell.services.Bookmark", "bookmarkTileAdded", this._addBookmarkToModel, this);
@@ -327,11 +327,11 @@ sap.ui.define([
         },
 
         _changeMode: function (bTransientMode) {
-            var aGroups = this.getModel().getProperty("/groups");
+            const aGroups = this.getModel().getProperty("/groups");
             if (bTransientMode) {
                 this.oPageOperationAdapter = TransientPageOperationAdapter.getInstance();
                 // remove all references to server object
-                var aTransformedGroupModel = this.oPageOperationAdapter.transformGroupModel(aGroups);
+                const aTransformedGroupModel = this.oPageOperationAdapter.transformGroupModel(aGroups);
                 this.getModel().setProperty("/groups", aTransformedGroupModel);
             } else {
                 this.oPageOperationAdapter = PersistentPageOperationAdapter.getInstance();
@@ -343,9 +343,9 @@ sap.ui.define([
         },
 
         _addFLPActionsToTile: function (oTile) {
-            var aActions = [];
+            const aActions = [];
             if (oShellConfig.last("/core/shell/enablePersonalization")) {
-                var bLinkPersonalizationSupportedForTile = this.bLinkPersonalizationSupported
+                const bLinkPersonalizationSupportedForTile = this.bLinkPersonalizationSupported
                     && this.oPageOperationAdapter.isLinkPersonalizationSupported(oTile);
                 aActions.push(this._getMoveTileAction(oTile));
 
@@ -362,25 +362,25 @@ sap.ui.define([
          * @since 1.107.0
          */
         getPersonalizableGroups: function () {
-            var aGroups = this.getModel().getProperty("/groups");
-            return aGroups.filter(function (oGroup) {
+            const aGroups = this.getModel().getProperty("/groups");
+            return aGroups.filter((oGroup) => {
                 return !oGroup.isGroupLocked;
             });
         },
 
         _getConvertTileAction: function (oTile) {
-            var oEventBus = Core.getEventBus();
-            var sTileType = this.oPageOperationAdapter.getTileType(oTile);
-            var sKey = ((sTileType === "tile") ? "ConvertToLink" : "ConvertToTile");
+            const oEventBus = Core.getEventBus();
+            const sTileType = this.oPageOperationAdapter.getTileType(oTile);
+            const sKey = ((sTileType === "tile") ? "ConvertToLink" : "ConvertToTile");
             return {
                 id: sKey,
                 text: oResources.i18n.getText(sKey),
                 press: function (oSourceTile) {
-                    var oConvertInfo = { tile: oSourceTile };
+                    const oConvertInfo = { tile: oSourceTile };
 
                     if (Device.system.desktop) {
-                        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) => {
                                 oConvertInfo.callBack = ComponentKeysHandlerInstance.callbackSetFocus.bind(ComponentKeysHandlerInstance);
                                 oEventBus.publish("launchpad", "convertTile", oConvertInfo);
                             });
@@ -393,26 +393,26 @@ sap.ui.define([
         },
 
         _getMoveTileAction: function (oTile) {
-            var sKey = "moveTile_action";
+            const sKey = "moveTile_action";
             return {
                 id: sKey,
                 text: oResources.i18n.getText(sKey),
                 press: function (oPressedTile) {
                     this.tileType = this.oPageOperationAdapter.getTileType(oTile);
-                    var bIsTile = (this.tileType === "tile");
+                    const bIsTile = (this.tileType === "tile");
                     this.tileUuid = this.getModelTileById(this.oPageOperationAdapter.getTileId(oTile), (bIsTile ? "tiles" : "links")).uuid;
-                    var sGroupId = oPressedTile.getParent().getProperty("groupId");
-                    var oSameGroupFilter = new Filter("groupId", FilterOperator.NE, sGroupId);
-                    var fnSearchHandler = function (oEvent) {
-                        var sValue = oEvent.getParameter("value");
-                        var oFilter = new Filter("title", FilterOperator.Contains, sValue);
-                        var oBinding = oEvent.getSource().getBinding("items");
+                    const sGroupId = oPressedTile.getParent().getProperty("groupId");
+                    const oSameGroupFilter = new Filter("groupId", FilterOperator.NE, sGroupId);
+                    const fnSearchHandler = function (oEvent) {
+                        const sValue = oEvent.getParameter("value");
+                        const oFilter = new Filter("title", FilterOperator.Contains, sValue);
+                        const oBinding = oEvent.getSource().getBinding("items");
                         oBinding.filter([oFilter, this.oGroupNotLockedFilter, oSameGroupFilter]);
                     }.bind(this);
 
-                    var oMoveDialog = (bIsTile ? this.moveTileDialog : this.moveLinkDialog);
+                    let oMoveDialog = (bIsTile ? this.moveTileDialog : this.moveLinkDialog);
                     if (!oMoveDialog) {
-                        oMoveDialog = this.createMoveActionDialog("move" + this.tileType + "Dialog");
+                        oMoveDialog = this.createMoveActionDialog(`move${this.tileType}Dialog`);
                         oMoveDialog.setModel(this.oModel);
                         if (bIsTile) {
                             this.moveTileDialog = oMoveDialog;
@@ -434,11 +434,11 @@ sap.ui.define([
             if (!oSourceTile) {
                 return;
             }
-            var pfx = ["webkit", ""];
+            const pfx = ["webkit", ""];
             function prefixedEvent (element, type) {
-                for (var i = 0; i < pfx.length; i++) {
+                for (let i = 0; i < pfx.length; i++) {
                     type = type.toLowerCase();
-                    oSourceTile.attachBrowserEvent(pfx[i] + type, function (oEvent) {
+                    oSourceTile.attachBrowserEvent(pfx[i] + type, (oEvent) => {
                         if (oEvent.originalEvent && oEvent.originalEvent.animationName === "sapUshellTileEntranceAnimation") {
                             oSourceTile.removeStyleClass("sapUshellTileEntrance");
                         }
@@ -450,7 +450,7 @@ sap.ui.define([
         },
 
         destroy: function () {
-            var oEventBus = Core.getEventBus();
+            const oEventBus = Core.getEventBus();
             oEventBus.unsubscribe("launchpad", "addBookmarkTile", this._createBookmark, this);
             oEventBus.unsubscribe("launchpad", "loadDashboardGroups", this.loadPersonalizedGroups, this);
             oEventBus.unsubscribe("launchpad", "createGroupAt", this._createGroupAt, this);
@@ -465,7 +465,7 @@ sap.ui.define([
             oEventBus.unsubscribe("launchpad", "dashboardModelContentLoaded", this._modelLoaded, this);
             Theming.detachApplied(oUtils.handleTilesVisibility);
 
-            aDoables.forEach(function (oDoable) {
+            aDoables.forEach((oDoable) => {
                 oDoable.off();
             });
 
@@ -481,18 +481,18 @@ sap.ui.define([
         },
 
         _createBookmark: function (sChannelId, sEventId, oData) {
-            var tileGroup = oData.group ? oData.group.object : "";
+            const tileGroup = oData.group ? oData.group.object : "";
 
             delete oData.group;
 
             function addBookmark () {
-                Container.getServiceAsync("BookmarkV2").then(function (oBookmarkService) {
+                Container.getServiceAsync("BookmarkV2").then((oBookmarkService) => {
                     oBookmarkService.addBookmark(oData, tileGroup)
-                        .then(function () {
+                        .then(() => {
                             // the tile is added to our model in "_addBookmarkToModel" here we just show the success toast.
                             oMessagingHelper.showLocalizedMessage("tile_created_msg");
                         })
-                        .catch(function (sMsg) {
+                        .catch((sMsg) => {
                             Log.error(
                                 "Failed to add bookmark",
                                 sMsg,
@@ -501,7 +501,7 @@ sap.ui.define([
                             oMessagingHelper.showLocalizedError("fail_to_add_tile_msg");
                         })
                         .finally(this._checkRequestQueue.bind(this));
-                }.bind(this));
+                });
             }
 
             this._addRequest(addBookmark.bind(this));
@@ -513,10 +513,14 @@ sap.ui.define([
          * This function will be called also if an application used the bookmark service directly to add a bookmark.
          * the bookmark service publishes an event so that we will be able to update the model.
          * This method doesn't display a success toast since the application should show success or failure messages
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _addBookmarkToModel: function (sChannelId, sEventId, oData) {
-            var oTile = oData.tile;
-            var oGroup = oData.group;
+            const oTile = oData.tile;
+            let oGroup = oData.group;
 
             if (!oData || !oTile) {
                 this.bIsGroupsModelDirty = true;
@@ -528,8 +532,8 @@ sap.ui.define([
 
             // If no group was specified then the target group is the default one.
             if (!oGroup) {
-                var aGroups = this.getModel().getProperty("/groups");
-                for (var iIndex = 0; iIndex < aGroups.length; iIndex++) {
+                const aGroups = this.getModel().getProperty("/groups");
+                for (let iIndex = 0; iIndex < aGroups.length; iIndex++) {
                     if (aGroups[iIndex].isDefaultGroup === true) {
                         oGroup = aGroups[iIndex].object;
                         break;
@@ -539,36 +543,36 @@ sap.ui.define([
 
             // The create bookmark popup should not contain the locked groups anyway,
             // so this call not suppose to happen for a target locked group (we may as well always send false)
-            var indexOfGroup = this._getIndexOfGroupByObject(oGroup);
-            var targetGroup = this.oModel.getProperty("/groups/" + indexOfGroup);
-            var newTile = this.oPageOperationAdapter.getPreparedTileModel(oTile, targetGroup.isGroupLocked);
+            const indexOfGroup = this._getIndexOfGroupByObject(oGroup);
+            const targetGroup = this.oModel.getProperty(`/groups/${indexOfGroup}`);
+            const newTile = this.oPageOperationAdapter.getPreparedTileModel(oTile, targetGroup.isGroupLocked);
             this.getTileView(newTile);
 
             // The function calcVisibilityModes requires the group from the model
             targetGroup.tiles.push(newTile);
             targetGroup.visibilityModes = oUtils.calcVisibilityModes(targetGroup, true);
-            var iNumTiles = targetGroup.tiles.length;
+            const iNumTiles = targetGroup.tiles.length;
             this._updateModelWithTileView(indexOfGroup, iNumTiles);
 
-            this.oModel.setProperty("/groups/" + indexOfGroup, targetGroup);
+            this.oModel.setProperty(`/groups/${indexOfGroup}`, targetGroup);
         },
 
         _refreshGroupInModel: function (sChannelId, sEventId, sGroupId) {
-            var that = this;
+            const that = this;
 
             this.oPageOperationAdapter.refreshGroup(sGroupId).then(
-                function (oGroupModel) {
+                (oGroupModel) => {
                     if (!oGroupModel) {
                         return;
                     }
-                    var indexOfGroup = that._getIndexOfGroupByObject(oGroupModel.object);
+                    const indexOfGroup = that._getIndexOfGroupByObject(oGroupModel.object);
 
                     oGroupModel.visibilityModes = oUtils.calcVisibilityModes(oGroupModel.object, true);
-                    that.oModel.setProperty("/groups/" + indexOfGroup, oGroupModel);
+                    that.oModel.setProperty(`/groups/${indexOfGroup}`, oGroupModel);
 
                     // The old group tiles are lost, get the tile views
                     if (oGroupModel.tiles) {
-                        oGroupModel.tiles.forEach(function (tile) {
+                        oGroupModel.tiles.forEach((tile) => {
                             that.getTileView(tile);
                         });
                     }
@@ -582,8 +586,8 @@ sap.ui.define([
 
         _handleAfterSortable: function (fFunc) {
             return function () {
-                var outerArgs = Array.prototype.slice.call(arguments);
-                this.oSortableDeferred.done(function () {
+                const outerArgs = Array.prototype.slice.call(arguments);
+                this.oSortableDeferred.done(() => {
                     fFunc.apply(null, outerArgs);
                 });
             }.bind(this);
@@ -593,13 +597,17 @@ sap.ui.define([
          * oData should have the following parameters:
          * title
          * location
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _createGroupAt: function (sChannelId, sEventId, oData) {
-            var newGroupIndex = parseInt(oData.location, 10);
-            var aGroups = this.oModel.getProperty("/groups");
-            var oGroup = this.oPageOperationAdapter.getPreparedGroupModel(null, false, newGroupIndex === aGroups.length, oData);
-            var oModel = this.oModel;
-            var i;
+            const newGroupIndex = parseInt(oData.location, 10);
+            const aGroups = this.oModel.getProperty("/groups");
+            const oGroup = this.oPageOperationAdapter.getPreparedGroupModel(null, false, newGroupIndex === aGroups.length, oData);
+            const oModel = this.oModel;
+            let i;
 
             oGroup.index = newGroupIndex;
 
@@ -616,7 +624,7 @@ sap.ui.define([
         },
 
         _getIndexOfGroupByObject: function (oServerGroupObject) {
-            var aGroups = this.oModel.getProperty("/groups");
+            const aGroups = this.oModel.getProperty("/groups");
             return this.oPageOperationAdapter.getIndexOfGroup(aGroups, oServerGroupObject);
         },
 
@@ -625,14 +633,14 @@ sap.ui.define([
         },
 
         addTileToGroup: function (sGroupPath, oTile) {
-            var sTilePath = sGroupPath + "/tiles";
-            var oGroup = this.oModel.getProperty(sGroupPath);
-            var iNumTiles = this.oModel.getProperty(sTilePath).length;
+            const sTilePath = `${sGroupPath}/tiles`;
+            const oGroup = this.oModel.getProperty(sGroupPath);
+            const iNumTiles = this.oModel.getProperty(sTilePath).length;
 
             // Locked groups cannot be added with tiles,
             // so the target group will not be locked, however just for safety we will check the target group locking state
-            var isGroupLocked = this.oModel.getProperty(sGroupPath + "/isGroupLocked");
-            var personalization = this.oModel.getProperty("/personalization");
+            const isGroupLocked = this.oModel.getProperty(`${sGroupPath}/isGroupLocked`);
+            const personalization = this.oModel.getProperty("/personalization");
 
             oGroup.tiles[iNumTiles] = this.oPageOperationAdapter.getPreparedTileModel(oTile, isGroupLocked);
             this.getTileView(oGroup.tiles[iNumTiles]);
@@ -648,9 +656,9 @@ sap.ui.define([
          * @param {string[]} aCatalogTileIds Array of catalog tile ids
          */
         addTilesToGroupByCatalogTileId: function (oGroup, aCatalogTileIds) {
-            var oGroupContext = oGroup.getBindingContext();
+            const oGroupContext = oGroup.getBindingContext();
 
-            for (var i = 0; i < aCatalogTileIds.length; i++) {
+            for (let i = 0; i < aCatalogTileIds.length; i++) {
                 this.addTileToGroupByCatalogTileId(oGroupContext.sPath, aCatalogTileIds[i]);
             }
         },
@@ -660,34 +668,34 @@ sap.ui.define([
                 return;
             }
 
-            var oTileModel = this.oPageOperationAdapter.getTileModelByCatalogTileId(sCatalogTileId);
+            const oTileModel = this.oPageOperationAdapter.getTileModelByCatalogTileId(sCatalogTileId);
 
             if (!oTileModel) {
                 return;
             }
             this.oDashboardLoadingManager.setTileResolved(oTileModel);
-            var iNumTiles = this.oModel.getProperty(sGroupPath + "/tiles").length;
-            var oGroupModel = this.oModel.getProperty(sGroupPath);
+            const iNumTiles = this.oModel.getProperty(`${sGroupPath}/tiles`).length;
+            const oGroupModel = this.oModel.getProperty(sGroupPath);
             oGroupModel.tiles[iNumTiles] = oTileModel;
             this.oModel.setProperty(sGroupPath, oGroupModel);
         },
 
         _getPathOfTile: function (sTileId) {
-            var aGroups = this.oModel.getProperty("/groups");
+            const aGroups = this.oModel.getProperty("/groups");
 
-            for (var nGroupIndex = 0; nGroupIndex < aGroups.length; ++nGroupIndex) {
-                var oGroup = aGroups[nGroupIndex];
-                var aTiles = oGroup.tiles;
-                var aLinks = oGroup.links;
+            for (let nGroupIndex = 0; nGroupIndex < aGroups.length; ++nGroupIndex) {
+                const oGroup = aGroups[nGroupIndex];
+                const aTiles = oGroup.tiles;
+                const aLinks = oGroup.links;
 
-                for (var nTileIndex = 0; nTileIndex < aTiles.length; ++nTileIndex) {
+                for (let nTileIndex = 0; nTileIndex < aTiles.length; ++nTileIndex) {
                     if (aTiles[nTileIndex].uuid === sTileId) {
-                        return "/groups/" + nGroupIndex + "/tiles/" + nTileIndex;
+                        return `/groups/${nGroupIndex}/tiles/${nTileIndex}`;
                     }
                 }
-                for (var nLinkIndex = 0; nLinkIndex < aLinks.length; ++nLinkIndex) {
+                for (let nLinkIndex = 0; nLinkIndex < aLinks.length; ++nLinkIndex) {
                     if (aLinks[nLinkIndex].uuid === sTileId) {
-                        return "/groups/" + nGroupIndex + "/links/" + nLinkIndex;
+                        return `/groups/${nGroupIndex}/links/${nLinkIndex}`;
                     }
                 }
             }
@@ -698,7 +706,7 @@ sap.ui.define([
         // see http://stackoverflow.com/questions/5306680/move-an-array-element-from-one-array-position-to-another
         _moveInArray: function (aArray, nFromIndex, nToIndex) {
             if (nToIndex >= aArray.length) {
-                var k = nToIndex - aArray.length;
+                let k = nToIndex - aArray.length;
                 while ((k--) + 1) {
                     aArray.push(undefined);
                 }
@@ -707,7 +715,7 @@ sap.ui.define([
         },
 
         _updateGroupIndices: function (aArray) {
-            for (var k = 0; k < aArray.length; k++) {
+            for (let k = 0; k < aArray.length; k++) {
                 aArray[k].index = k;
             }
         },
@@ -715,28 +723,32 @@ sap.ui.define([
         /**
          * oData should have the following parameters
          * groupId
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _deleteGroup: function (sChannelId, sEventId, oData) {
-            var oModel = this.oModel;
-            var sGroupId = oData.groupId;
-            var aGroups = oModel.getProperty("/groups");
-            var nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
-            var bIsLast = aGroups.length - 1 === nGroupIndex;
-
-            var nextSelectedItemIndex = bIsLast ? nGroupIndex - 1 : nGroupIndex;
-            oDestroyHelper.destroyFLPAggregationModel(oModel.getProperty("/groups/" + nGroupIndex));
+            const oModel = this.oModel;
+            const sGroupId = oData.groupId;
+            const aGroups = oModel.getProperty("/groups");
+            const nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
+            const bIsLast = aGroups.length - 1 === nGroupIndex;
+
+            const nextSelectedItemIndex = bIsLast ? nGroupIndex - 1 : nGroupIndex;
+            oDestroyHelper.destroyFLPAggregationModel(oModel.getProperty(`/groups/${nGroupIndex}`));
             // remove deleted group from the model
-            var oDeletedGroupModel = aGroups.splice(nGroupIndex, 1)[0];
+            const oDeletedGroupModel = aGroups.splice(nGroupIndex, 1)[0];
 
             if (bIsLast) {
-                oModel.setProperty("/groups/" + nextSelectedItemIndex + "/isLastGroup", bIsLast);
+                oModel.setProperty(`/groups/${nextSelectedItemIndex}/isLastGroup`, bIsLast);
             }
 
             oModel.setProperty("/groups", aGroups);
             this._updateGroupIndices(aGroups);
 
             if (nextSelectedItemIndex >= 0) {
-                window.setTimeout(function () {
+                window.setTimeout(() => {
                     Core.getEventBus().publish("launchpad", "scrollToGroup", {
                         groupId: oModel.getProperty("/groups")[nextSelectedItemIndex].groupId
                     });
@@ -745,13 +757,13 @@ sap.ui.define([
 
             function deleteGroup () {
                 this.oPageOperationAdapter.deleteGroup(oDeletedGroupModel).then(
-                    function () {
+                    () => {
                         oMessagingHelper.showLocalizedMessage("group_deleted_msg", [oDeletedGroupModel.title]);
                         this._checkRequestQueue();
-                    }.bind(this),
-                    function () {
+                    },
+                    () => {
                         this._resetGroupsOnFailure("fail_to_delete_group_msg");
-                    }.bind(this)
+                    }
                 );
             }
 
@@ -761,31 +773,35 @@ sap.ui.define([
         /**
          * oData should have the following parameters
          * groupId
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _resetGroup: function (sChannelId, sEventId, oData) {
-            var that = this;
-            var sGroupId = oData.groupId;
-            var oModel = this.oModel;
-            var aGroups = oModel.getProperty("/groups");
-            var nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
-            var bDefaultGroup = that.oModel.getProperty("/groups/indexOfDefaultGroup") === nGroupIndex;
-            var oGroupModel = oModel.getProperty("/groups/" + nGroupIndex);
+            const that = this;
+            const sGroupId = oData.groupId;
+            const oModel = this.oModel;
+            const aGroups = oModel.getProperty("/groups");
+            const nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
+            const bDefaultGroup = that.oModel.getProperty("/groups/indexOfDefaultGroup") === nGroupIndex;
+            const oGroupModel = oModel.getProperty(`/groups/${nGroupIndex}`);
 
-            oModel.setProperty("/groups/" + nGroupIndex + "/sortable", false);
+            oModel.setProperty(`/groups/${nGroupIndex}/sortable`, false);
 
             function resetGroup () {
                 that.oPageOperationAdapter.resetGroup(oGroupModel, bDefaultGroup).then(
-                    function (oResetedObject) {
-                        that._handleAfterSortable(function (sGroupId, oOldGroupModel, oResetedGroupModel) {
-                            var aGroups = that.oModel.getProperty("/groups");
-                            var nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
+                    (oResetedObject) => {
+                        that._handleAfterSortable((sGroupId, oOldGroupModel, oResetedGroupModel) => {
+                            const aGroups = that.oModel.getProperty("/groups");
+                            const nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
 
                             that._loadGroup(nGroupIndex, oResetedGroupModel || oOldGroupModel);
                             oMessagingHelper.showLocalizedMessage("group_reset_msg", [oOldGroupModel.title]);
-                            that.oModel.setProperty("/groups/" + nGroupIndex + "/sortable", true);
+                            that.oModel.setProperty(`/groups/${nGroupIndex}/sortable`, true);
 
-                            var oGroupControl = Core.byId("dashboardGroups").getGroupControlByGroupId(sGroupId);
-                            var oLinks = oGroupControl.getBindingContext().getObject().links;
+                            const oGroupControl = Core.byId("dashboardGroups").getGroupControlByGroupId(sGroupId);
+                            const oLinks = oGroupControl.getBindingContext().getObject().links;
 
                             if (oLinks && oLinks.length && !oGroupControl.getIsGroupLocked()) {
                                 that._changeGroupLinksScope(
@@ -802,7 +818,7 @@ sap.ui.define([
                             }
                         })(sGroupId, oGroupModel, oResetedObject);
                         that._checkRequestQueue();
-                    }, function () {
+                    }, () => {
                         that._resetGroupsOnFailure("fail_to_reset_group_msg");
                     }
                 );
@@ -814,6 +830,10 @@ sap.ui.define([
          * oData should have the following parameters
          * fromIndex
          * toIndex
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _moveGroup: function (sChannelId, sEventId, oData) {
             if (isNaN(oData.fromIndex)) {
@@ -821,12 +841,12 @@ sap.ui.define([
                 return;
             }
 
-            var iFromIndex = oData.fromIndex;
-            var iToIndex = oData.toIndex;
-            var oModel = this.oModel;
-            var aGroups = oModel.getProperty("/groups");
-            var bActionMode = oModel.getProperty("/tileActionModeActive");
-            var that = this;
+            let iFromIndex = oData.fromIndex;
+            let iToIndex = oData.toIndex;
+            const oModel = this.oModel;
+            let aGroups = oModel.getProperty("/groups");
+            const bActionMode = oModel.getProperty("/tileActionModeActive");
+            const that = this;
 
             // Fix the indices to support hidden groups
             if (!bActionMode) {
@@ -834,32 +854,32 @@ sap.ui.define([
             }
 
             // Move var definition after fixing the from index.
-            var oGroup = aGroups[iFromIndex];
-            var sGroupId = oGroup.groupId;
+            const oGroup = aGroups[iFromIndex];
+            const sGroupId = oGroup.groupId;
             // Fix the to index accordingly
             if (!bActionMode) {
                 iToIndex = this._adjustToGroupIndex(iToIndex, aGroups, sGroupId);
             }
 
-            var oDestinationGroup = aGroups[iToIndex];
+            const oDestinationGroup = aGroups[iToIndex];
             this._moveInArray(aGroups, iFromIndex, iToIndex);
             this._updateGroupIndices(aGroups);
-            for (var i = 0; i < aGroups.length - 1; i++) {
+            for (let i = 0; i < aGroups.length - 1; i++) {
                 aGroups[i].isLastGroup = false;
             }
             aGroups[aGroups.length - 1].isLastGroup = true;
             oModel.setProperty("/groups", aGroups);
 
             function moveGroup () {
-                aGroups = oModel.getProperty("/groups"); //Update aGroups. Can be change before callback
-                var oGroup = oModel.getProperty(oGroupsHelper.getModelPathOfGroup(aGroups, sGroupId));
+                aGroups = oModel.getProperty("/groups"); // Update aGroups. Can be change before callback
+                const oGroup = oModel.getProperty(oGroupsHelper.getModelPathOfGroup(aGroups, sGroupId));
                 if (!oGroup.object) {
                     return;
                 }
 
                 that.oPageOperationAdapter.getOriginalGroupIndex(oDestinationGroup, aGroups).then(
-                    function (iIndexTo) {
-                        var oIndicesInModel = {
+                    (iIndexTo) => {
+                        const oIndicesInModel = {
                             iFromIndex: iFromIndex,
                             iToIndex: iToIndex
                         };
@@ -867,7 +887,7 @@ sap.ui.define([
                     }
                 ).then(
                     that._checkRequestQueue.bind(that),
-                    function () {
+                    () => {
                         that._resetGroupsOnFailure("fail_to_move_group_msg");
                     }
                 );
@@ -877,14 +897,18 @@ sap.ui.define([
         },
 
         /**
-         * toIndex - The index in the UI of the required group new index. (it is not including the group itself)
-         * groups - The list of groups in the model (including hidden and visible groups)
-         * The function returns the new index to be used in the model - since there might be hidden groups that should be taken in account
+         * The function returns the new index to be used in the model - since there might be hidden groups,
+         * that should be taken in account
+         *
+         * @param {int} toIndex The index in the UI of the required group new index. (it is not including the group itself)
+         * @param {object[]} groups The list of groups in the model. (including hidden and visible groups)
+         * @param {int} groupId The group id.
+         * @returns {int} the new index to be used in the model.
          */
         _adjustToGroupIndex: function (toIndex, groups, groupId) {
-            var visibleCounter = 0;
-            var bIsGroupIncluded = false;
-            var i = 0;
+            let visibleCounter = 0;
+            let bIsGroupIncluded = false;
+            let i;
             // In order to get the new index, count all groups (visible+hidden) up to the new index received from the UI.
             for (i = 0; i < groups.length && visibleCounter < toIndex; i++) {
                 if (groups[i].isGroupVisible) {
@@ -902,8 +926,8 @@ sap.ui.define([
         },
 
         _adjustFromGroupIndex: function (index, groups) {
-            var visibleGroupsCounter = 0;
-            for (var i = 0; i < groups.length; i++) {
+            let visibleGroupsCounter = 0;
+            for (let i = 0; i < groups.length; i++) {
                 if (groups[i].isGroupVisible) {
                     visibleGroupsCounter++;
                 }
@@ -919,47 +943,51 @@ sap.ui.define([
          * oData should have the following parameters
          * groupId
          * newTitle
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _changeGroupTitle: function (sChannelId, sEventId, oData) {
-            var that = this;
-            var sNewTitle = oData.newTitle;
-            var aGroups = this.oModel.getProperty("/groups");
-            var sModelGroupId = oData.groupId;
-            var nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sModelGroupId);
-            var bDefaultGroup = that.oModel.getProperty("/groups/indexOfDefaultGroup") === nGroupIndex;
-            var oGroupModel = this.oModel.getProperty("/groups/" + nGroupIndex);
-            var sOldTitle = oGroupModel.title;
+            const that = this;
+            const sNewTitle = oData.newTitle;
+            const aGroups = this.oModel.getProperty("/groups");
+            const sModelGroupId = oData.groupId;
+            const nGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sModelGroupId);
+            const bDefaultGroup = that.oModel.getProperty("/groups/indexOfDefaultGroup") === nGroupIndex;
+            const oGroupModel = this.oModel.getProperty(`/groups/${nGroupIndex}`);
+            const sOldTitle = oGroupModel.title;
 
-            this.oModel.setProperty("/groups/" + nGroupIndex + "/title", sNewTitle);
+            this.oModel.setProperty(`/groups/${nGroupIndex}/title`, sNewTitle);
 
             function addGroup () {
-                var oAddGroupPromise;
+                let oAddGroupPromise;
                 if (oGroupModel.isLastGroup) {
                     oAddGroupPromise = that.oPageOperationAdapter.addGroupAt(oGroupModel, undefined, bDefaultGroup);
                 } else {
-                    var oNextGroup = that.oModel.getProperty("/groups")[nGroupIndex + 1];
+                    const oNextGroup = that.oModel.getProperty("/groups")[nGroupIndex + 1];
                     // groups can be sorted in PageAdapter and have different order compare to the model
                     // For this reason we need firstly get the correct index of the next group and then add new group before it.
                     oAddGroupPromise = that.oPageOperationAdapter.getOriginalGroupIndex(oNextGroup, aGroups).then(
-                        function (iIndex) {
+                        (iIndex) => {
                             return that.oPageOperationAdapter.addGroupAt(oGroupModel, iIndex, bDefaultGroup);
                         }
                     );
                 }
 
                 oAddGroupPromise.then(
-                    function (oNewPreparedGroupModel) {
+                    (oNewPreparedGroupModel) => {
                         // Theoretically can be case that the server is slow and user start the dnd tiles.
-                        that._handleAfterSortable(function (sGroupId, oNewGroupModel) {
+                        that._handleAfterSortable((sGroupId, oNewGroupModel) => {
                             // group model can be changed
-                            var aUpdatedGroups = that.oModel.getProperty("/groups");
-                            var iGroupIndex = oGroupsHelper.getIndexOfGroup(aUpdatedGroups, sGroupId);
-                            var oOldGroupModel = aUpdatedGroups[iGroupIndex];
+                            const aUpdatedGroups = that.oModel.getProperty("/groups");
+                            const iGroupIndex = oGroupsHelper.getIndexOfGroup(aUpdatedGroups, sGroupId);
+                            const oOldGroupModel = aUpdatedGroups[iGroupIndex];
 
                             // The group might be already further personalized therefore update all properties
                             // but the tiles and the links. Otherwise the tiles which were already added to model get removed
                             // BCP: 2030578465
-                            Object.keys(oNewGroupModel).forEach(function (sKey) {
+                            Object.keys(oNewGroupModel).forEach((sKey) => {
                                 if (sKey === "tiles" || sKey === "links") {
                                     return;
                                 }
@@ -969,7 +997,7 @@ sap.ui.define([
 
                             that._checkRequestQueue();
                         })(sModelGroupId, oNewPreparedGroupModel);
-                    }, function () {
+                    }, () => {
                         that._resetGroupsOnFailure("fail_to_create_group_msg");
                     }
                 );
@@ -977,9 +1005,9 @@ sap.ui.define([
 
             function renameGroup () {
                 this.oPageOperationAdapter.renameGroup(oGroupModel, sNewTitle, sOldTitle).then(
-                    function () {
+                    () => {
                         that._checkRequestQueue();
-                    }, function () {
+                    }, () => {
                         that._resetGroupsOnFailure("fail_to_rename_group_msg");
                     }
                 );
@@ -1004,9 +1032,9 @@ sap.ui.define([
          * @returns {object} The group context
          */
         addGroupToModel: function (oGroup) {
-            var oGroupModel = this.oPageOperationAdapter.getPreparedGroupModel(oGroup, false, true, { isRendered: true });
-            var aGroups = this.oModel.getProperty("/groups");
-            var nGroupIndex = aGroups.length; //push new group at the end of list
+            const oGroupModel = this.oPageOperationAdapter.getPreparedGroupModel(oGroup, false, true, { isRendered: true });
+            const aGroups = this.oModel.getProperty("/groups");
+            const nGroupIndex = aGroups.length; // push new group at the end of list
 
             if (nGroupIndex > 0) {
                 aGroups[nGroupIndex - 1].isLastGroup = false;
@@ -1015,7 +1043,7 @@ sap.ui.define([
             aGroups.push(oGroupModel);
             this.oModel.setProperty("/groups/", aGroups);
 
-            var oContextGroup = new Context(this.oModel, "/groups/" + nGroupIndex);
+            const oContextGroup = new Context(this.oModel, `/groups/${nGroupIndex}`);
             return oContextGroup;
         },
 
@@ -1024,11 +1052,15 @@ sap.ui.define([
          * oData should have the following parameters
          * tileId
          * groupId
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _deleteTile: function (sChannelId, sEventId, oData) {
-            var sTileId = oData.tileId;
-            var aGroups = this.oModel.getProperty("/groups");
-            var sItems = oData.items || "tiles";
+            const sTileId = oData.tileId;
+            const aGroups = this.oModel.getProperty("/groups");
+            const sItems = oData.items || "tiles";
 
             function deleteTile (group, tileModel) {
                 this.oPageOperationAdapter.removeTile(group, tileModel)
@@ -1045,9 +1077,9 @@ sap.ui.define([
              * @param {string} tileType determines the aggregation, the tile was in (tiles or links)
              */
             function focusNextTile (tileIndex, group, tileType) {
-                var oDashboardGroups = Core.byId("dashboardGroups");
-                var oGroupControl = oDashboardGroups.getGroupControlByGroupId(group.groupId);
-                var oNextTile;
+                const oDashboardGroups = Core.byId("dashboardGroups");
+                const oGroupControl = oDashboardGroups.getGroupControlByGroupId(group.groupId);
+                let oNextTile;
 
                 if (tileType === "tiles") {
                     if (tileIndex + 1 === group[tileType].length) {
@@ -1055,7 +1087,7 @@ sap.ui.define([
                     }
                     // the tiles aggregation already behaves correctly in all other cases.
                 } else {
-                    var aLinks = oGroupControl.getLinks();
+                    const aLinks = oGroupControl.getLinks();
 
                     if (tileIndex + 1 === aLinks.length) {
                         if (aLinks.length === 1) {
@@ -1068,29 +1100,29 @@ sap.ui.define([
                     }
                 }
                 if (oNextTile) {
-                    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(oNextTile.$());
                         });
                     });
                 }
             }
 
-            for (var nGroupIndex = 0; nGroupIndex < aGroups.length; ++nGroupIndex) {
-                var oGroup = aGroups[nGroupIndex];
-                for (var nTileIndex = 0; nTileIndex < oGroup[sItems].length; ++nTileIndex) {
-                    var oTmpTile = oGroup[sItems][nTileIndex];
+            for (let nGroupIndex = 0; nGroupIndex < aGroups.length; ++nGroupIndex) {
+                const oGroup = aGroups[nGroupIndex];
+                for (let nTileIndex = 0; nTileIndex < oGroup[sItems].length; ++nTileIndex) {
+                    const oTmpTile = oGroup[sItems][nTileIndex];
                     if (oTmpTile.uuid === sTileId) {
                         if (Device.system.desktop) {
                             focusNextTile(nTileIndex, oGroup, sItems);
                         }
                         // Remove tile from group.
-                        oDestroyHelper.destroyTileModel(this.oModel.getProperty("/groups/" + nGroupIndex + "/" + sItems + "/" + nTileIndex));
-                        var oTileModel = oGroup[sItems].splice(nTileIndex, 1)[0];
-                        var personalization = this.oModel.getProperty("/personalization");
+                        oDestroyHelper.destroyTileModel(this.oModel.getProperty(`/groups/${nGroupIndex}/${sItems}/${nTileIndex}`));
+                        const oTileModel = oGroup[sItems].splice(nTileIndex, 1)[0];
+                        const personalization = this.oModel.getProperty("/personalization");
 
                         oGroup.visibilityModes = oUtils.calcVisibilityModes(oGroup, personalization);
-                        this.oModel.setProperty("/groups/" + nGroupIndex, oGroup);
+                        this.oModel.setProperty(`/groups/${nGroupIndex}`, oGroup);
                         this._addRequest(deleteTile.bind(this, oGroup, oTileModel));
                         oUtils.handleTilesVisibility();
                         return;
@@ -1106,25 +1138,25 @@ sap.ui.define([
          * @param {string[]} aRemovedTilesIds Array of the tile uuids to remove
          */
         deleteTilesFromGroup: function (sGroupId, aRemovedTilesIds) {
-            var aGroups = this.oModel.getProperty("/groups");
-            var iGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
-            var oGroup = this.oModel.getProperty("/groups/" + iGroupIndex);
-            var aFilteredTiles = [];
+            const aGroups = this.oModel.getProperty("/groups");
+            const iGroupIndex = oGroupsHelper.getIndexOfGroup(aGroups, sGroupId);
+            const oGroup = this.oModel.getProperty(`/groups/${iGroupIndex}`);
+            let aFilteredTiles = [];
 
-            ["tiles", "links"].forEach(function (sAttribute) {
-                aFilteredTiles = oGroup[sAttribute].filter(function (oTile) {
+            ["tiles", "links"].forEach((sAttribute) => {
+                aFilteredTiles = oGroup[sAttribute].filter((oTile) => {
                     return aRemovedTilesIds.indexOf(oTile.uuid) < 0;
                 });
                 oGroup[sAttribute] = aFilteredTiles;
             });
 
             oGroup.visibilityModes = oUtils.calcVisibilityModes(oGroup, true);
-            this.oModel.setProperty("/groups/" + iGroupIndex, oGroup);
+            this.oModel.setProperty(`/groups/${iGroupIndex}`, oGroup);
         },
 
         _getGroupIndex: function (sId) {
-            var aGroups = this.oModel.getProperty("/groups");
-            var oGroupInfo = this._getNewGroupInfo(aGroups, sId);
+            const aGroups = this.oModel.getProperty("/groups");
+            const oGroupInfo = this._getNewGroupInfo(aGroups, sId);
             if (oGroupInfo) {
                 return oGroupInfo.newGroupIndex;
             }
@@ -1141,24 +1173,24 @@ sap.ui.define([
          * @deprecated since 1.112
          */
         _convertTile: function (sChannelId, sEventId, oData) {
-            var oSourceTile = oData.tile ? oData.tile : oData;
-            var nGroupIndex = oData.srcGroupId ? this._getGroupIndex(oData.srcGroupId) : undefined;
-            var oSourceGroup = oData.srcGroupId
-                ? this.oModel.getProperty("/groups/" + nGroupIndex)
+            const oSourceTile = oData.tile ? oData.tile : oData;
+            const nGroupIndex = oData.srcGroupId ? this._getGroupIndex(oData.srcGroupId) : undefined;
+            const oSourceGroup = oData.srcGroupId
+                ? this.oModel.getProperty(`/groups/${nGroupIndex}`)
                 : oSourceTile.getParent().getBindingContext().getObject();
-            var aTileBindingContext = oSourceTile.getBindingContext().sPath.split("/");
-            var oTileModel = oSourceTile.getBindingContext().getObject();
-            var sOldType = aTileBindingContext[aTileBindingContext.length - 2];
-            var sTileId = oTileModel.uuid;
-            var curTileIndex = parseInt(aTileBindingContext[aTileBindingContext.length - 1], 10);
-            var newTileIndex = oData.toIndex !== undefined ? oData.toIndex : undefined;
-            var bActionMode = this.oModel.getProperty("/tileActionModeActive");
-            var newGroupIndex = oData.toGroupId ? this._getGroupIndex(oData.toGroupId) : oSourceGroup.index;
-            var oTargetGroup = oData.toGroupId ? this.oModel.getProperty("/groups/" + newGroupIndex) : oSourceGroup;
-            var that = this;
-
-            var oIndexInfo = this._getIndexForConvert(sOldType, curTileIndex, newTileIndex, oSourceGroup, oTargetGroup);
-            var sourceInfo = {
+            const aTileBindingContext = oSourceTile.getBindingContext().sPath.split("/");
+            const oTileModel = oSourceTile.getBindingContext().getObject();
+            const sOldType = aTileBindingContext[aTileBindingContext.length - 2];
+            const sTileId = oTileModel.uuid;
+            const curTileIndex = parseInt(aTileBindingContext[aTileBindingContext.length - 1], 10);
+            const newTileIndex = oData.toIndex !== undefined ? oData.toIndex : undefined;
+            const bActionMode = this.oModel.getProperty("/tileActionModeActive");
+            const newGroupIndex = oData.toGroupId ? this._getGroupIndex(oData.toGroupId) : oSourceGroup.index;
+            const oTargetGroup = oData.toGroupId ? this.oModel.getProperty(`/groups/${newGroupIndex}`) : oSourceGroup;
+            const that = this;
+
+            const oIndexInfo = this._getIndexForConvert(sOldType, curTileIndex, newTileIndex, oSourceGroup, oTargetGroup);
+            const sourceInfo = {
                 tileIndex: curTileIndex,
                 groupIndex: nGroupIndex,
                 group: oSourceGroup
@@ -1167,7 +1199,7 @@ sap.ui.define([
             function convertTile () {
                 // setting a flag on the Tile's object to disable opening the Tile's action until backend requests finish (see DashboardContent.view)
                 oTileModel.tileIsBeingMoved = true;
-                var oResultPromise = this.oPageOperationAdapter.moveTile(
+                const oResultPromise = this.oPageOperationAdapter.moveTile(
                     oTileModel,
                     oIndexInfo,
                     oSourceGroup,
@@ -1175,11 +1207,11 @@ sap.ui.define([
                     (sOldType === "links") ? "tile" : "link"
                 );
 
-                oResultPromise.then(function (oNewTileInfo) {
+                oResultPromise.then((oNewTileInfo) => {
                     // we call to _handleAfterSortable to handle the case in which convertTile is called by dragAndDrop flow
-                    that._handleAfterSortable(function (sTileId, oNewTileInfo) {
-                        var sTilePath = that._getPathOfTile(sTileId);
-                        var oView = oNewTileInfo.content;
+                    that._handleAfterSortable((sTileId, oNewTileInfo) => {
+                        const sTilePath = that._getPathOfTile(sTileId);
+                        const oView = oNewTileInfo.content;
 
                         // If we cannot find the tile, it might have been deleted -> Check!
                         if (sTilePath) {
@@ -1194,12 +1226,12 @@ sap.ui.define([
                                 MessageToast.show(oResources.i18n.getText("PageRuntime.Message.VisualizationMovedAndConverted"));
                             }
 
-                            var oTargetGroupInfo = {
+                            const oTargetGroupInfo = {
                                 tileIndex: newTileIndex,
                                 groupIndex: newGroupIndex,
                                 group: oTargetGroup
                             };
-                            var tileInfo = {
+                            const tileInfo = {
                                 tile: oTileModel,
                                 view: oView,
                                 type: sOldType,
@@ -1216,7 +1248,7 @@ sap.ui.define([
                         }
                     })(sTileId, oNewTileInfo);
                     that._checkRequestQueue();
-                }, function () {
+                }, () => {
                     that._handleAfterSortable(that._resetGroupsOnFailure.bind(that))("fail_to_move_tile_msg");
                 });
             }
@@ -1225,8 +1257,8 @@ sap.ui.define([
 
         replaceTileViewAfterConvert: function (oSourceInfo, oDstInfo, oTileInfo) {
             // get the old view from tile's model
-            var oTile = oTileInfo.tile;
-            var oldViewContent = oTile.content;
+            const oTile = oTileInfo.tile;
+            const oldViewContent = oTile.content;
             // first we set new view, new tile object and new Id. And reset the move-scenario flag
             oTile.tileIsBeingMoved = false;
             oTile.content = [oTileInfo.view];
@@ -1241,8 +1273,8 @@ sap.ui.define([
                 oDstInfo.group[oTileInfo.type === "tiles" ? "links" : "tiles"].push(oTile);
             }
 
-            this.oModel.setProperty("/groups/" + oDstInfo.groupIndex, oDstInfo.group);
-            this.oModel.setProperty("/groups/" + oSourceInfo.groupIndex, oSourceInfo.group);
+            this.oModel.setProperty(`/groups/${oDstInfo.groupIndex}`, oDstInfo.group);
+            this.oModel.setProperty(`/groups/${oSourceInfo.groupIndex}`, oSourceInfo.group);
 
             // handle animation
             if (oTileInfo.type === "links") {
@@ -1257,10 +1289,15 @@ sap.ui.define([
         },
 
         /**
-         * sType: the type of the tile (lineMode/ContentMode) before the convert action
+         * @param {string} sType the type of the tile (lineMode/ContentMode) before the convert action.
+         * @param {int} curTileIndex the index of the current tile.
+         * @param {int} newTileIndexInShellModel the index of the new tile.
+         * @param {object} oGroup the group object.
+         * @param {object} oDstGroup the destination group object.
+         * @returns {object} that contains the current tile index and the new tile index.
          */
         _getIndexForConvert: function (sType, curTileIndex, newTileIndexInShellModel, oGroup, oDstGroup) {
-            var nNewTileIndex;
+            let nNewTileIndex;
             if (sType === "tiles") {
                 // If we convert ContentMode-tile to link
                 // then we want to enter the new link to the end of the array or to provided newTileIndex
@@ -1281,7 +1318,7 @@ sap.ui.define([
         },
 
         _getIndexForMove: function (sType, curTileIndex, newTileIndexInShellModel, oDstGroup, oSourceGroup) {
-            var nNewTileIndex;
+            let nNewTileIndex;
             if (sType === "tiles") {
                 // case move tile
                 nNewTileIndex = newTileIndexInShellModel !== undefined ? newTileIndexInShellModel : oDstGroup[sType].length;
@@ -1298,10 +1335,10 @@ sap.ui.define([
         },
 
         _getTileInfo: function (aGroups, sTileId, sItems) {
-            for (var nTmpGroupIndex = 0; nTmpGroupIndex < aGroups.length; ++nTmpGroupIndex) {
-                var oTmpGroup = aGroups[nTmpGroupIndex];
-                for (var nTmpTileIndex = 0; nTmpTileIndex < oTmpGroup[sItems].length; ++nTmpTileIndex) {
-                    var oTmpTile = oTmpGroup[sItems][nTmpTileIndex];
+            for (let nTmpGroupIndex = 0; nTmpGroupIndex < aGroups.length; ++nTmpGroupIndex) {
+                const oTmpGroup = aGroups[nTmpGroupIndex];
+                for (let nTmpTileIndex = 0; nTmpTileIndex < oTmpGroup[sItems].length; ++nTmpTileIndex) {
+                    const oTmpTile = oTmpGroup[sItems][nTmpTileIndex];
                     if (oTmpTile.uuid === sTileId) {
                         // the order is oTile, nTileIndex, oOldGroup, nOldGroupIndex
                         return {
@@ -1319,8 +1356,8 @@ sap.ui.define([
 
         // should be considered to improve by inserting the logic into _getTileInfo function
         _getNewGroupInfo: function (aGroups, sNewGroupId) {
-            for (var nTmpGroupIndex = 0; nTmpGroupIndex < aGroups.length; ++nTmpGroupIndex) {
-                var oTmpGroup = aGroups[nTmpGroupIndex];
+            for (let nTmpGroupIndex = 0; nTmpGroupIndex < aGroups.length; ++nTmpGroupIndex) {
+                const oTmpGroup = aGroups[nTmpGroupIndex];
                 if (oTmpGroup.groupId === sNewGroupId) {
                     // order is oNewGroup, nNewGroupIndex
                     return {
@@ -1339,22 +1376,26 @@ sap.ui.define([
          * toGroupId
          * fromIndex
          * toIndex can be null => append as last tile in group
+         *
+         * @param {string} sChannelId the channel id.
+         * @param {string} sEventId the event id.
+         * @param {object} oData the event data.
          */
         _moveTile: function (sChannelId, sEventId, oData) {
-            var nNewIndex = oData.toIndex;
-            var sNewGroupId = oData.toGroupId;
-            var sTileId = oData.sTileId;
-            var sSource = oData.source;
-            var sType = oData.sTileType === "tiles" || oData.sTileType === "tile" ? "tile" : "link";
-            var sToItems = oData.sToItems;
-            var sFromItems = oData.sFromItems;
-            var bActionMode = this.oModel.getProperty("/tileActionModeActive");
-            var aGroups = this.oModel.getProperty("/groups");
-            var oTileInfo = this._getTileInfo(aGroups, sTileId, sFromItems);
-            var oGroupInfo = this._getNewGroupInfo(aGroups, sNewGroupId);
-            var that = this;
-
-            var bIsLastTileMovingOverPlusButton = (oTileInfo.tileIndex === oGroupInfo.oNewGroup.tiles.length - 1) && (nNewIndex >= oGroupInfo.oNewGroup.tiles.length);
+            let nNewIndex = oData.toIndex;
+            const sNewGroupId = oData.toGroupId;
+            const sTileId = oData.sTileId;
+            const sSource = oData.source;
+            const sType = oData.sTileType === "tiles" || oData.sTileType === "tile" ? "tile" : "link";
+            const sToItems = oData.sToItems;
+            const sFromItems = oData.sFromItems;
+            const bActionMode = this.oModel.getProperty("/tileActionModeActive");
+            const aGroups = this.oModel.getProperty("/groups");
+            const oTileInfo = this._getTileInfo(aGroups, sTileId, sFromItems);
+            const oGroupInfo = this._getNewGroupInfo(aGroups, sNewGroupId);
+            const that = this;
+
+            const bIsLastTileMovingOverPlusButton = (oTileInfo.tileIndex === oGroupInfo.oNewGroup.tiles.length - 1) && (nNewIndex >= oGroupInfo.oNewGroup.tiles.length);
             if ((oTileInfo.tileIndex === nNewIndex || bIsLastTileMovingOverPlusButton) && (oTileInfo.oGroup.groupId === oGroupInfo.oNewGroup.groupId)) {
                 return; // aborting because the action is not a real move
             }
@@ -1393,13 +1434,13 @@ sap.ui.define([
                     this._moveInArray(oTileInfo.oGroup[sToItems], oTileInfo.tileIndex, nNewIndex);
                 }
 
-                this.oModel.setProperty("/groups/" + oTileInfo.groupIndex + "/" + sToItems, oTileInfo.oGroup[sToItems]);
+                this.oModel.setProperty(`/groups/${oTileInfo.groupIndex}/${sToItems}`, oTileInfo.oGroup[sToItems]);
             } else {
                 // remove from old group
-                var personalization = this.oModel.getProperty("/personalization");
+                const personalization = this.oModel.getProperty("/personalization");
                 oTileInfo.oGroup[sFromItems].splice(oTileInfo.tileIndex, 1);
                 oTileInfo.oGroup.visibilityModes = oUtils.calcVisibilityModes(oTileInfo.oGroup, personalization);
-                this.oModel.setProperty("/groups/" + oTileInfo.groupIndex + "/" + sFromItems, oTileInfo.oGroup[sFromItems]);
+                this.oModel.setProperty(`/groups/${oTileInfo.groupIndex}/${sFromItems}`, oTileInfo.oGroup[sFromItems]);
 
                 // add to new group
                 if (nNewIndex === null || nNewIndex === undefined) {
@@ -1412,7 +1453,7 @@ sap.ui.define([
                     oGroupInfo.oNewGroup[sToItems].splice(nNewIndex, 0, oTileInfo.oTile);
                 }
                 oGroupInfo.oNewGroup.visibilityModes = oUtils.calcVisibilityModes(oGroupInfo.oNewGroup, personalization);
-                this.oModel.setProperty("/groups/" + oGroupInfo.newGroupIndex + "/" + sToItems, oGroupInfo.oNewGroup[sToItems]);
+                this.oModel.setProperty(`/groups/${oGroupInfo.newGroupIndex}/${sToItems}`, oGroupInfo.oNewGroup[sToItems]);
             }
 
             // recalculate the associated groups for catalog tiles
@@ -1422,9 +1463,9 @@ sap.ui.define([
 
             // change in backend
             function moveTile () {
-                var oSourceGroup = this.oModel.getProperty("/groups/" + oTileInfo.groupIndex);
-                var oTargetGroup = this.oModel.getProperty("/groups/" + oGroupInfo.newGroupIndex);
-                var oIndexInfo = this._getIndexForMove(sFromItems, oTileInfo.tileIndex, nNewIndex, oGroupInfo.oNewGroup, oSourceGroup);
+                const oSourceGroup = this.oModel.getProperty(`/groups/${oTileInfo.groupIndex}`);
+                const oTargetGroup = this.oModel.getProperty(`/groups/${oGroupInfo.newGroupIndex}`);
+                const oIndexInfo = this._getIndexForMove(sFromItems, oTileInfo.tileIndex, nNewIndex, oGroupInfo.oNewGroup, oSourceGroup);
 
                 // setting a flag on the Tile's object to disable opening the Tile's action until backend requests finish (see DashboardContent.view)
                 oTileInfo.oTile.tileIsBeingMoved = true;
@@ -1434,14 +1475,14 @@ sap.ui.define([
                     oSourceGroup,
                     oTargetGroup,
                     sType
-                ).then(function (oNewTileInfo) {
-                    var sTilePath = that._getPathOfTile(sTileId);
+                ).then((oNewTileInfo) => {
+                    const sTilePath = that._getPathOfTile(sTileId);
                     if (sTilePath) {
-                        that.oModel.setProperty(sTilePath + "/object", oNewTileInfo.object);
-                        that.oModel.setProperty(sTilePath + "/originalTileId", oNewTileInfo.originalTileId);
+                        that.oModel.setProperty(`${sTilePath}/object`, oNewTileInfo.object);
+                        that.oModel.setProperty(`${sTilePath}/originalTileId`, oNewTileInfo.originalTileId);
 
-                        var oldViewContent = that.oModel.getProperty(sTilePath + "/content");
-                        var oView = oNewTileInfo.content;
+                        const oldViewContent = that.oModel.getProperty(`${sTilePath}/content`);
+                        const oView = oNewTileInfo.content;
 
                         // set the new view
                         if (sToItems === "links") {
@@ -1451,16 +1492,16 @@ sap.ui.define([
                             oTileInfo.oTile.content = [oView];
                             that.oModel.setProperty(sTilePath, extend({}, oTileInfo.oTile));
                             that.oModel.setProperty(
-                                "/groups/" + oGroupInfo.newGroupIndex + "/" + sToItems,
-                                that.oModel.getProperty("/groups/" + oGroupInfo.newGroupIndex + "/" + sToItems)
+                                `/groups/${oGroupInfo.newGroupIndex}/${sToItems}`,
+                                that.oModel.getProperty(`/groups/${oGroupInfo.newGroupIndex}/${sToItems}`)
                             );
                         } else {
-                            that.oModel.setProperty(sTilePath + "/content", [oView]);
+                            that.oModel.setProperty(`${sTilePath}/content`, [oView]);
                         }
 
                         // destroy the old view
                         if (oldViewContent && oldViewContent[0]) {
-                            var origOnAfterRendering = oView.onAfterRendering;
+                            const origOnAfterRendering = oView.onAfterRendering;
                             oView.onAfterRendering = function () {
                                 origOnAfterRendering.apply(this);
                                 oldViewContent[0].destroy();
@@ -1469,7 +1510,7 @@ sap.ui.define([
                         }
 
                         // reset the move-scenario flag
-                        that.oModel.setProperty(sTilePath + "/tileIsBeingMoved", false);
+                        that.oModel.setProperty(`${sTilePath}/tileIsBeingMoved`, false);
                         if (oData.callBack) {
                             oData.callBack(oView);
                         }
@@ -1477,7 +1518,7 @@ sap.ui.define([
                         MessageToast.show(oResources.i18n.getText("PageRuntime.Message.VisualizationMoved"));
                     }
                     that._checkRequestQueue();
-                }, function () {
+                }, () => {
                     that._resetGroupsOnFailure("fail_to_move_tile_msg");
                 });
             }
@@ -1486,9 +1527,9 @@ sap.ui.define([
 
         // Adjust the moved-tile new index according to the visible+hidden tiles
         _adjustTileIndex: function (newLocationIndex, oTile, newGroup, sItems) {
-            var visibleCounter = 0;
-            var bIsTileIncluded = false;
-            var i = 0;
+            let visibleCounter = 0;
+            let bIsTileIncluded = false;
+            let i = 0;
             // In order to get the new index, count all tiles (visible+hidden) up to the new index received from the UI.
             for (i = 0; i < newGroup[sItems].length && visibleCounter < newLocationIndex; i++) {
                 if (newGroup[sItems][i].isTileIntentSupported) {
@@ -1561,10 +1602,10 @@ sap.ui.define([
         },
 
         _bindSegment: function (aGroups, segment) {
-            for (var segIndex = 0; segIndex < segment.length; segIndex++) {
-                var oSegGroup = segment[segIndex];
-                var groupIndex = oSegGroup.index;
-                var oGrp = aGroups[groupIndex];
+            for (let segIndex = 0; segIndex < segment.length; segIndex++) {
+                const oSegGroup = segment[segIndex];
+                const groupIndex = oSegGroup.index;
+                const oGrp = aGroups[groupIndex];
                 if (oGrp) {
                     oGrp.isRendered = true;
                     oGrp.tiles = oGrp.tiles.concat(oSegGroup.tiles);
@@ -1576,17 +1617,17 @@ sap.ui.define([
         },
 
         createGroupsModelFrame: function (aGroups, personalization) {
-            var aCloneGroups = [];
-            var fnCreateFlatGroupClone = function (oGroup) {
-                var clnGroup = extend({}, oGroup);
+            const aCloneGroups = [];
+            function fnCreateFlatGroupClone (oGroup) {
+                const clnGroup = extend({}, oGroup);
                 clnGroup.tiles = [];
                 clnGroup.pendingLinks = [];
                 clnGroup.links = [];
                 return clnGroup;
-            };
+            }
 
-            for (var iGroupIndex = 0; iGroupIndex < aGroups.length; iGroupIndex++) {
-                var oOrgGroup = aGroups[iGroupIndex];
+            for (let iGroupIndex = 0; iGroupIndex < aGroups.length; iGroupIndex++) {
+                const oOrgGroup = aGroups[iGroupIndex];
                 aCloneGroups[iGroupIndex] = fnCreateFlatGroupClone(oOrgGroup);
                 // group variable setup.
                 aCloneGroups[iGroupIndex].isRendered = false;
@@ -1597,16 +1638,16 @@ sap.ui.define([
         },
 
         _splitGroups: function (aGroups, iFirstVisibleGroupIndex) {
-            var tempSegment = [];
-            var segmentHeight = 0;
-            var bIsTabsMode = this.oModel.getProperty("/homePageGroupDisplay") === "tabs";
-            var bEnablePersonalization = this.oModel.getProperty("/personalization");
-            var iCurrentSegmentSize = 0;
+            let tempSegment = [];
+            let segmentHeight = 0;
+            const bIsTabsMode = this.oModel.getProperty("/homePageGroupDisplay") === "tabs";
+            const bEnablePersonalization = this.oModel.getProperty("/personalization");
+            let iCurrentSegmentSize = 0;
 
-            var maxSegmentSize = 500;
+            const maxSegmentSize = 500;
 
-            for (var iGroupIndex = 0; iGroupIndex < aGroups.length; iGroupIndex++) {
-                var oGroup = aGroups[iGroupIndex];
+            for (let iGroupIndex = 0; iGroupIndex < aGroups.length; iGroupIndex++) {
+                const oGroup = aGroups[iGroupIndex];
                 tempSegment.push(oGroup);
 
                 if (!this.segmentsStore.length) {
@@ -1647,7 +1688,7 @@ sap.ui.define([
          *   If segmentStore is empty, return the input model without changes.
          */
         _processSegment: function (modelGroups) {
-            var groupSegment = this.segmentsStore.shift();
+            const groupSegment = this.segmentsStore.shift();
 
             if (!groupSegment) {
                 return modelGroups;
@@ -1664,11 +1705,11 @@ sap.ui.define([
         },
 
         getSegmentContentViews: function (groupSegment) {
-            var nTilesIndex;
-            var oSegmentTile;
+            let nTilesIndex;
+            let oSegmentTile;
 
-            for (var nGroupSegmentIndex = 0; nGroupSegmentIndex < groupSegment.length; nGroupSegmentIndex++) {
-                var oSegmentGroup = groupSegment[nGroupSegmentIndex];
+            for (let nGroupSegmentIndex = 0; nGroupSegmentIndex < groupSegment.length; nGroupSegmentIndex++) {
+                const oSegmentGroup = groupSegment[nGroupSegmentIndex];
                 for (nTilesIndex = 0; nTilesIndex < oSegmentGroup.tiles.length; nTilesIndex++) {
                     oSegmentTile = oSegmentGroup.tiles[nTilesIndex];
                     if (oSegmentTile.isTileIntentSupported) {
@@ -1687,10 +1728,10 @@ sap.ui.define([
         },
 
         getSegmentTabContentViews: function (sChannelId, sEventId, iProcessTileViewSegmentsForGroup) {
-            var nTilesIndex;
-            var oSegmentTile;
-            var iSegmentsGroup = iProcessTileViewSegmentsForGroup.iSelectedGroup;
-            var oGroup = this.oModel.getProperty("/groups/" + iSegmentsGroup);
+            let nTilesIndex;
+            let oSegmentTile;
+            const iSegmentsGroup = iProcessTileViewSegmentsForGroup.iSelectedGroup;
+            const oGroup = this.oModel.getProperty(`/groups/${iSegmentsGroup}`);
 
             for (nTilesIndex = 0; nTilesIndex < oGroup.tiles.length; nTilesIndex++) {
                 oSegmentTile = oGroup.tiles[nTilesIndex];
@@ -1734,7 +1775,7 @@ sap.ui.define([
             // Frames of the remain groups are copied to the model because:
             // 1) To show the AnchorNavigationBar with all groups
             // 2) Avoid rerendering of the DashboardContainer if there are > 2 segments (avoid "jumping" of the page)
-            var aGroupModel = this.oModel.getProperty("/groups");
+            const aGroupModel = this.oModel.getProperty("/groups");
 
             if (this.aGroupsFrame) {
                 Array.prototype.push.apply(aGroupModel, this.aGroupsFrame);
@@ -1753,8 +1794,8 @@ sap.ui.define([
          * @private
          */
         _initializeAnchorNavigationBar: function () {
-            var oDashboardView = oHomepageManagerInstance.getDashboardView();
-            var oAnchorItemTemplate = oDashboardView.getAnchorItemTemplate();
+            const oDashboardView = oHomepageManagerInstance.getDashboardView();
+            const oAnchorItemTemplate = oDashboardView.getAnchorItemTemplate();
             this.oDashboardView.oAnchorNavigationBar.bindAggregation("groups", {
                 path: "/groups",
                 template: oAnchorItemTemplate
@@ -1770,22 +1811,22 @@ sap.ui.define([
          * @private
          */
         _processRemainingSegments: function () {
-            var aUpdatedGroupModel;
+            let aUpdatedGroupModel;
 
             if (this.segmentsStore.length > 0) {
-                window.setTimeout(function () {
+                window.setTimeout(() => {
                     aUpdatedGroupModel = this._processSegment(this.oModel.getProperty("/groups"));
                     this.oModel.setProperty("/groups", aUpdatedGroupModel);
                     this.bIsFirstSegment = false;
                     this._processRemainingSegments();
-                }.bind(this), 0);
+                }, 0);
             } else {
-                //publish event dashboard model finished loading.
+                // publish event dashboard model finished loading.
                 this.bIsGroupsModelLoading = false;
                 this._updateModelWithTileView(0, 0);
                 oUtils.handleTilesVisibility();
                 Core.getEventBus().publish("launchpad", "dashboardModelContentLoaded");
-                //update pin in the AppFinder
+                // update pin in the AppFinder
                 oEventHub.emit("updateGroups", Date.now());
             }
         },
@@ -1819,13 +1860,13 @@ sap.ui.define([
                 return;
             }
 
-            var i = 0;
-            var indexOfDefaultGroup;
-            var iGroupsInModel = 0;
-            var numberOfVisibleTiles = 0;
-            var numberOfVisibleGroup = 0;
-            var iFirstVisibleGroup = null;
-            var aPreparedGroupModel = [];
+            let i = 0;
+            let indexOfDefaultGroup;
+            let iGroupsInModel = 0;
+            let numberOfVisibleTiles = 0;
+            let numberOfVisibleGroup = 0;
+            let iFirstVisibleGroup = null;
+            let aPreparedGroupModel = [];
 
             this.bIsGroupsModelLoading = true;
             try {
@@ -1835,16 +1876,16 @@ sap.ui.define([
             }
 
             for (i = aGroups.length; i < iGroupsInModel; ++i) {
-                oDestroyHelper.destroyFLPAggregationModel(this.oModel.getProperty("/groups/" + i));
+                oDestroyHelper.destroyFLPAggregationModel(this.oModel.getProperty(`/groups/${i}`));
             }
 
             if (!this.PagingManager) {
-                var iAvailableWidth = jQuery("#dashboardGroups").width();
+                let iAvailableWidth = jQuery("#dashboardGroups").width();
                 if (!iAvailableWidth) {
                     iAvailableWidth = window.innerWidth;
                 }
 
-                var iAvailableHeight = jQuery("#sapUshellDashboardPage-cont").height();
+                let iAvailableHeight = jQuery("#sapUshellDashboardPage-cont").height();
                 if (iAvailableHeight < 100) {
                     iAvailableHeight = window.innerHeight;
                 }
@@ -1858,7 +1899,7 @@ sap.ui.define([
                 });
             }
 
-            aGroups.forEach(function (oGroup) {
+            aGroups.forEach((oGroup) => {
                 if (oGroup.isGroupVisible) {
                     // Hidden tilesAndLinks not calculate for the bIsScrollModeAccordingKPI
                     numberOfVisibleTiles += oGroup.tiles.length;
@@ -1885,10 +1926,10 @@ sap.ui.define([
             }
 
             this._splitGroups(aGroups, iFirstVisibleGroup);
-            var iFirstSegmentSize = this.segmentsStore[0]
+            const iFirstSegmentSize = this.segmentsStore[0]
                 ? this.segmentsStore[0].length
                 : 0;
-            var aFirstSegmentFrame = this.aGroupsFrame.splice(0, iFirstSegmentSize);
+            const aFirstSegmentFrame = this.aGroupsFrame.splice(0, iFirstSegmentSize);
 
             Measurement.start("FLP:DashboardManager._processSegment", "_processSegment", "FLP");
             // remain frames will be added to the model in handleFirstSegmentLoaded,
@@ -1897,7 +1938,7 @@ sap.ui.define([
 
             // save default group index
 
-            aGroups.every(function (oGroup, iGroupIndex) {
+            aGroups.every((oGroup, iGroupIndex) => {
                 if (oGroup.isDefaultGroup) {
                     indexOfDefaultGroup = iGroupIndex;
                     return false;
@@ -1907,10 +1948,10 @@ sap.ui.define([
             aPreparedGroupModel.indexOfDefaultGroup = indexOfDefaultGroup;
 
             if (this.oModel.getProperty("/homePageGroupDisplay") === "tabs") {
-                var oDashboardView = this.getDashboardView();
+                const oDashboardView = this.getDashboardView();
                 if (oDashboardView) { // oDashboardView may be not yet available if the AppFinder opens at start
-                    var oDashboardGroupsBox = oDashboardView.oDashboardGroupsBox;
-                    var oGroupsBinding = oDashboardGroupsBox.getBinding("groups");
+                    const oDashboardGroupsBox = oDashboardView.oDashboardGroupsBox;
+                    const oGroupsBinding = oDashboardGroupsBox.getBinding("groups");
                     if (oGroupsBinding) {
                         oGroupsBinding.filter([oDashboardView.oFilterSelectedGroup]);
                     }
@@ -1922,9 +1963,9 @@ sap.ui.define([
             this.oModel.setProperty("/groups", aPreparedGroupModel);
             this.aGroupModel = aPreparedGroupModel;
             // start to load other segments when first segment was completely loaded (placeholders and static views)
-            if (this.oDashboardView) { //Homepage start
+            if (this.oDashboardView) { // Homepage start
                 oEventHub.once("firstSegmentCompleteLoaded")
-                    .do(function () {
+                    .do(() => {
                         // the first segment has been loaded and rendered; this is valid with and without blind-loading
                         oUtils.setPerformanceMark("FLP-TTI-Homepage", { bUseUniqueMark: true });
                     })
@@ -1938,12 +1979,12 @@ sap.ui.define([
                  * For the cases different from homepage, we don't wait "firstSegmentCompleteLoaded" event and
                  * start to load remain segment.
                  */
-                setTimeout(function () {
+                setTimeout(() => {
                     Array.prototype.push.apply(this.aGroupModel, this.aGroupsFrame);
                     this.aGroupsFrame = null;
                     this.bStartLoadRemainSegment = true;
                     this._processRemainingSegments();
-                }.bind(this), 0);
+                }, 0);
             }
 
             if (!this.bIsFirstSegmentViewLoaded && this.isBlindLoading()) {
@@ -1966,11 +2007,11 @@ sap.ui.define([
          * @returns {boolean} whether at least one tile in the given Segment is visible.
          */
         _isAtLeastOneTileVisibleInASegment: function (aSegment) {
-            var oGroup;
-            var oTile;
-            for (var i = 0; i < aSegment.length; ++i) {
+            let oGroup;
+            let oTile;
+            for (let i = 0; i < aSegment.length; ++i) {
                 oGroup = aSegment[i];
-                for (var j = 0; j < oGroup.tiles.length; ++j) {
+                for (let j = 0; j < oGroup.tiles.length; ++j) {
                     oTile = oGroup.tiles[j];
                     if (oTile.isTileIntentSupported) {
                         return true;
@@ -1992,11 +2033,11 @@ sap.ui.define([
          *      The prepared group model
          */
         _loadGroup: function (nIndex, oNewGroupModel) {
-            var that = this;
-            var sGroupPath = "/groups/" + nIndex;
-            var oOldGroupModel = that.oModel.getProperty(sGroupPath);
-            var bIsLast = oOldGroupModel.isLastGroup;
-            var sOldGroupId = oOldGroupModel.groupId;
+            const that = this;
+            const sGroupPath = `/groups/${nIndex}`;
+            const oOldGroupModel = that.oModel.getProperty(sGroupPath);
+            const bIsLast = oOldGroupModel.isLastGroup;
+            const sOldGroupId = oOldGroupModel.groupId;
 
             oDestroyHelper.destroyFLPAggregationModel(oOldGroupModel);
 
@@ -2012,7 +2053,7 @@ sap.ui.define([
         },
 
         _hasPendingLinks: function (aModelLinks) {
-            for (var i = 0; i < aModelLinks.length; i++) {
+            for (let i = 0; i < aModelLinks.length; i++) {
                 if (aModelLinks[i].content[0] === undefined) {
                     return true;
                 }
@@ -2026,7 +2067,7 @@ sap.ui.define([
         },
 
         _updateModelWithTileView: function (startGroup, startTile) {
-            var that = this;
+            const that = this;
 
             /*
              * in order to avoid many updates to the model we wait to allow
@@ -2037,24 +2078,24 @@ sap.ui.define([
             if (this.tileViewUpdateTimeoutID) {
                 clearTimeout(this.tileViewUpdateTimeoutID);
             }
-            this.tileViewUpdateTimeoutID = window.setTimeout(function () {
+            this.tileViewUpdateTimeoutID = window.setTimeout(() => {
                 that.tileViewUpdateTimeoutID = undefined;
                 // wait to update until the personalization operation is done to avoid rendering the tiles during D&D operation
-                that.oSortableDeferred.done(function () {
+                that.oSortableDeferred.done(() => {
                     that._updateModelWithTilesViews(startGroup, startTile);
                 });
             }, 50);
         },
 
         _updateGroupModelWithTilesViews: function (aTiles, startTile, handledUpdatesIndex, isLink) {
-            var stTile = startTile || 0;
+            const stTile = startTile || 0;
 
-            for (var j = stTile; j < aTiles.length; j = j + 1) {
+            for (let j = stTile; j < aTiles.length; j = j + 1) {
                 // group tiles loop - get the tile model
-                var oTileModel = aTiles[j];
-                for (var q = 0; q < this.tileViewUpdateQueue.length; q++) {
+                const oTileModel = aTiles[j];
+                for (let q = 0; q < this.tileViewUpdateQueue.length; q++) {
                     // updated tiles view queue loop - check if the current tile was updated
-                    var oUpdatedTile = this.tileViewUpdateQueue[q];
+                    const oUpdatedTile = this.tileViewUpdateQueue[q];
                     if (oTileModel.uuid === oUpdatedTile.uuid) {
                         // mark tileViewUpdate index for removal oUpdatedTile from tileViewUpdateQueue.
                         handledUpdatesIndex.push(q);
@@ -2070,8 +2111,8 @@ sap.ui.define([
                             this.oDashboardLoadingManager.setTileResolved(oTileModel);
 
                             // in some cases tile size can be different then the initial value, therefore we read and set the size again
-                            var sSize = this.oPageOperationAdapter.getTileSize(oTileModel.object);
-                            var bLong = ((sSize !== null) && (sSize === "1x2")) || false;
+                            const sSize = this.oPageOperationAdapter.getTileSize(oTileModel.object);
+                            const bLong = ((sSize !== null) && (sSize === "1x2")) || false;
                             if (oTileModel.long !== bLong) {
                                 oTileModel.long = bLong;
                             }
@@ -2086,9 +2127,9 @@ sap.ui.define([
         },
 
         _updateModelWithTilesViews: function (startGroup, startTile) {
-            var aGroups = this.oModel.getProperty("/groups");
-            var stGroup = startGroup || 0;
-            var handledUpdatesIndex = [];
+            const aGroups = this.oModel.getProperty("/groups");
+            const stGroup = startGroup || 0;
+            const handledUpdatesIndex = [];
 
             if (!aGroups || this.tileViewUpdateQueue.length === 0) {
                 return;
@@ -2096,8 +2137,8 @@ sap.ui.define([
 
             // go over the tiles in the model and search for tiles to update.
             // tiles are identified using uuid
-            for (var i = stGroup; i < aGroups.length; i = i + 1) {
-                //group loop - get the groups tiles
+            for (let i = stGroup; i < aGroups.length; i = i + 1) {
+                // group loop - get the groups tiles
                 this._updateGroupModelWithTilesViews(aGroups[i].tiles, startTile, handledUpdatesIndex);
                 if (aGroups[i].links) {
                     this._updateGroupModelWithTilesViews(aGroups[i].links, startTile, handledUpdatesIndex, true);
@@ -2112,7 +2153,7 @@ sap.ui.define([
             }
 
             // clear the handled updates from the tempTileViewUpdateQueue and set the model
-            var tempTileViewUpdateQueue = []; var tileViewUpdateQueueIndex;
+            const tempTileViewUpdateQueue = []; let tileViewUpdateQueueIndex;
             for (tileViewUpdateQueueIndex = 0; tileViewUpdateQueueIndex < this.tileViewUpdateQueue.length; tileViewUpdateQueueIndex++) {
                 if (handledUpdatesIndex.indexOf(tileViewUpdateQueueIndex) === -1) {
                     tempTileViewUpdateQueue.push(this.tileViewUpdateQueue[tileViewUpdateQueueIndex]);
@@ -2124,11 +2165,11 @@ sap.ui.define([
         },
 
         getModelTileById: function (sId, sItems) {
-            var aGroups = this.oModel.getProperty("/groups");
-            var oModelTile;
-            var bFound = false;
-            aGroups.every(function (oGroup) {
-                oGroup[sItems].every(function (oTile) {
+            const aGroups = this.oModel.getProperty("/groups");
+            let oModelTile;
+            let bFound = false;
+            aGroups.every((oGroup) => {
+                oGroup[sItems].every((oTile) => {
                     if (oTile.uuid === sId || oTile.originalTileId === sId) {
                         oModelTile = oTile;
                         bFound = true;
@@ -2141,16 +2182,16 @@ sap.ui.define([
         },
 
         _attachLinkPressHandlers: function (oView) {
-            var oEventBus = Core.getEventBus();
-            var oTileView = oView.attachPress ? oView : oView.getContent()[0]; // a hack to support demoContent
+            const oEventBus = Core.getEventBus();
+            const oTileView = oView.attachPress ? oView : oView.getContent()[0]; // a hack to support demoContent
             oTileView.attachPress(function (oEvent) {
-                var bTileBeingMoved = oView.getBindingContext().getObject().tileIsBeingMoved;
+                const bTileBeingMoved = oView.getBindingContext().getObject().tileIsBeingMoved;
                 if (!bTileBeingMoved && this.getScope && this.getScope() === "Actions") {
                     switch (oEvent.getParameters().action) {
                         case "Press":
-                            var sState = oView.getState ? oView.getState() : "";
+                            const sState = oView.getState ? oView.getState() : "";
                             if (sState !== "Failed") {
-                                var oActionMode = sap.ui.require("sap/ushell/components/homepage/ActionMode");
+                                const oActionMode = sap.ui.require("sap/ushell/components/homepage/ActionMode");
 
                                 if (oActionMode) {
                                     oActionMode._openActionsMenu(oEvent);
@@ -2160,7 +2201,7 @@ sap.ui.define([
                             }
                             break;
                         case "Remove":
-                            var tileUuid = oView.getBindingContext().getObject().uuid;
+                            const tileUuid = oView.getBindingContext().getObject().uuid;
                             oEventBus.publish("launchpad", "deleteTile", { tileId: tileUuid, items: "links" });
                             break;
                         default: break;
@@ -2180,23 +2221,23 @@ sap.ui.define([
                 case "tabs":
                     this._handleDisplayModeChangeToTabs();
                     break;
-                //no default
+                // no default
             }
         },
 
         _handleDisplayModeChangeToTabs: function () {
-            var iSelectedGroup = this.oModel.getProperty("/iSelectedGroup");
-            var aGroups = this.oModel.getProperty("/groups");
+            const iSelectedGroup = this.oModel.getProperty("/iSelectedGroup");
+            const aGroups = this.oModel.getProperty("/groups");
 
             this.oDashboardLoadingManager.manageTilesView();
 
             if (aGroups.length > 0) {
                 // update selected group based on selected anchor item
-                for (var i = 0; i < aGroups.length; i++) {
-                    this.oModel.setProperty("/groups/" + i + "/isGroupSelected", false);
+                for (let i = 0; i < aGroups.length; i++) {
+                    this.oModel.setProperty(`/groups/${i}/isGroupSelected`, false);
                 }
 
-                this.oModel.setProperty("/groups/" + iSelectedGroup + "/isGroupSelected", true);
+                this.oModel.setProperty(`/groups/${iSelectedGroup}/isGroupSelected`, true);
             }
         },
 
@@ -2205,15 +2246,15 @@ sap.ui.define([
                 return;
             }
 
-            var aGroups = this.oModel.getProperty("/groups");
-            var aLinks = [];
-            var j;
+            const aGroups = this.oModel.getProperty("/groups");
+            let aLinks = [];
+            let j;
 
-            for (var i = 0; i < aGroups.length; i++) {
-                var oGroup = aGroups[i];
-                var aTiles = oGroup.tiles || [];
+            for (let i = 0; i < aGroups.length; i++) {
+                const oGroup = aGroups[i];
+                const aTiles = oGroup.tiles || [];
                 for (j = 0; j < aTiles.length; j++) {
-                    var oTile = aTiles[j];
+                    const oTile = aTiles[j];
                     if (oTile.content.length === 0) {
                         this.getTileView(oTile, i);
                     }
@@ -2226,10 +2267,10 @@ sap.ui.define([
             }
             this.oModel.refresh(false);
 
-            var iSelectedGroupIndex = this.oModel.getProperty("/iSelectedGroup");
+            const iSelectedGroupIndex = this.oModel.getProperty("/iSelectedGroup");
 
             if (iSelectedGroupIndex) {
-                setTimeout(function () {
+                setTimeout(() => {
                     Core.getEventBus().publish("launchpad", "scrollToGroup", {
                         groupId: aGroups[iSelectedGroupIndex].groupId
                     });
@@ -2238,12 +2279,12 @@ sap.ui.define([
         },
 
         getTileViewsFromArray: function (aRequestTileViews) {
-            var that = this;
+            const that = this;
 
             if (aRequestTileViews.length === 0) {
                 return;
             }
-            aRequestTileViews.forEach(function (oRequestTileView) {
+            aRequestTileViews.forEach((oRequestTileView) => {
                 that.getTileView(oRequestTileView.oTile, oRequestTileView.iGroup);
             });
             // trigger to refresh binding.
@@ -2264,7 +2305,7 @@ sap.ui.define([
          * @private
          */
         getTileView: function (tileOrCard, groupPosition) {
-            var sType = this.oPageOperationAdapter.getTileType(tileOrCard.object);
+            const sType = this.oPageOperationAdapter.getTileType(tileOrCard.object);
 
             if (this.oDashboardLoadingManager.isTileViewRequestIssued(tileOrCard)) {
                 // No need to get the tile view, the request was already issued.
@@ -2286,7 +2327,7 @@ sap.ui.define([
          * @private
          */
         _loadCardData: function (card) {
-            var oCard = Core.byId(card.controlId);
+            const oCard = Core.byId(card.controlId);
 
             if (oCard && oCard.setManifest && this.isBlindLoading()) {
                 oCard.setManifest(card.manifest);
@@ -2308,14 +2349,14 @@ sap.ui.define([
          * @private
          */
         _loadTileData: function (tile, groupPosition, tileType) {
-            var that = this;
-            var oDfd = this.oPageOperationAdapter.getTileView(tile);
-            var oGroupLinks;
-            var fUpdateModelWithView = this._addModelToTileViewUpdateQueue;
-            var oTileView;
-            var bNeedRefreshLinks = false;
-            var sTileUUID = tile.uuid;
-            var bSkipModelUpdate = false;
+            const that = this;
+            const oDfd = this.oPageOperationAdapter.getTileView(tile);
+            let oGroupLinks;
+            const fUpdateModelWithView = this._addModelToTileViewUpdateQueue;
+            let oTileView;
+            let bNeedRefreshLinks = false;
+            const sTileUUID = tile.uuid;
+            let bSkipModelUpdate = false;
 
             // The Deferred is already resolved for standard tiles.
             // The goal is to update the model for standard tiles in one place in order to trigger invalidation once.
@@ -2325,7 +2366,7 @@ sap.ui.define([
             }
 
             // Register done and fail handlers for the getTileView API.
-            oDfd.done(function (oView) {
+            oDfd.done((oView) => {
                 // Set the value of the target when the view is valid and make sure it is not a custom tile
                 if (oView.oController && oView.oController.navigationTargetUrl && !tile.isCustomTile) {
                     tile.target = oView.oController.navigationTargetUrl;
@@ -2336,7 +2377,7 @@ sap.ui.define([
                 // In CDM content, the tile's view should have this function
                 if (oTileView.getComponentInstance) {
                     Measurement.average("FLP:getComponentInstance", "get info for navMode", "FLP1");
-                    var oCompData = oTileView.getComponentInstance().getComponentData();
+                    const oCompData = oTileView.getComponentInstance().getComponentData();
 
                     if (oCompData && oCompData.properties) {
                         tile.navigationMode = oCompData.properties.navigationMode;
@@ -2346,7 +2387,7 @@ sap.ui.define([
                 }
 
                 that.oDashboardLoadingManager.setTileResolved(tile);
-                var sMode = oView.getMode ? oView.getMode() : "ContentMode";
+                const sMode = oView.getMode ? oView.getMode() : "ContentMode";
 
                 // If the tileType is link and the personalization is supported by the platform, the the link must support personalization
                 if (that.bLinkPersonalizationSupported && sMode === "LineMode") {
@@ -2354,13 +2395,13 @@ sap.ui.define([
                     that._attachLinkPressHandlers(oTileView);
 
                     if (groupPosition >= 0) {
-                        var aGroups = that.oModel.getProperty("/groups");
+                        const aGroups = that.oModel.getProperty("/groups");
 
                         if (aGroups[groupPosition]) {
                             tile.content = [oTileView];
-                            oGroupLinks = that.oModel.getProperty("/groups/" + groupPosition + "/links");
-                            that.oModel.setProperty("/groups/" + groupPosition + "/links", []);
-                            that.oModel.setProperty("/groups/" + groupPosition + "/links", oGroupLinks);
+                            oGroupLinks = that.oModel.getProperty(`/groups/${groupPosition}/links`);
+                            that.oModel.setProperty(`/groups/${groupPosition}/links`, []);
+                            that.oModel.setProperty(`/groups/${groupPosition}/links`, oGroupLinks);
                         }
                     }
                 } else if (that.isBlindLoading()) {
@@ -2377,8 +2418,8 @@ sap.ui.define([
 
                 if (that.isBlindLoading()) {
                     // in some cases tile size can be different then the initial value therefore we read and set the size again
-                    var sSize = that.oPageOperationAdapter.getTileSize(tile.object);
-                    var bLong = sSize === "1x2";
+                    const sSize = that.oPageOperationAdapter.getTileSize(tile.object);
+                    const bLong = sSize === "1x2";
                     if (tile.long !== bLong) {
                         tile.long = bLong;
                         that.oModel.refresh(false);
@@ -2387,9 +2428,9 @@ sap.ui.define([
                     tile.content = [oTileView];
 
                     if (bNeedRefreshLinks) {
-                        oGroupLinks = that.oModel.getProperty("/groups/" + groupPosition + "/links");
-                        that.oModel.setProperty("/groups/" + groupPosition + "/links", []);
-                        that.oModel.setProperty("/groups/" + groupPosition + "/links", oGroupLinks);
+                        oGroupLinks = that.oModel.getProperty(`/groups/${groupPosition}/links`);
+                        that.oModel.setProperty(`/groups/${groupPosition}/links`, []);
+                        that.oModel.setProperty(`/groups/${groupPosition}/links`, oGroupLinks);
                     }
                 } else if (tile.content.length === 0) {
                     tile.content = [oTileView];
@@ -2399,7 +2440,7 @@ sap.ui.define([
                 }
             });
 
-            oDfd.fail(function () {
+            oDfd.fail(() => {
                 if (that.oPageOperationAdapter.getTileType(tile.object) === "link" && that.bLinkPersonalizationSupported) {
                     // In case call is synchronize we set the view with 'TileState' control with 'Failed' status
                     oTileView = that.oPageOperationAdapter.getFailedLinkView(tile);
@@ -2440,8 +2481,8 @@ sap.ui.define([
          * @deprecated since 1.112. Deprecated together with the classic homepage.
          */
         loadPersonalizedGroups: function () {
-            var that = this;
-            var oDeferred = new jQuery.Deferred();
+            const that = this;
+            const oDeferred = new jQuery.Deferred();
 
             if (this.bIsGroupsRequestPending) {
                 Log.info("loadPersonalizedGroups was skipped because there is already a pending request.");
@@ -2452,15 +2493,15 @@ sap.ui.define([
 
             this.oServiceLoadingPromise
                 .then(that.loadLibraryForCardModuleIfNeeded)
-                .then(function () {
+                .then(() => {
                     return that.oPageOperationAdapter.getPage();
                 })
-                .then(function (aGroups) {
+                .then((aGroups) => {
                     that._setGroupModel(aGroups);
                     that.bIsGroupsRequestPending = false;
                     oDeferred.resolve();
                 })
-                .catch(function (vError) {
+                .catch((vError) => {
                     Log.error("Loading of personalized groups failed.", vError, "sap.ushell.components.HomepageManager");
                     oMessagingHelper.showLocalizedError("fail_to_load_groups_msg");
                     that.bIsGroupsRequestPending = false;