@sapui5/sap.ushell 1.138.1 → 1.139.0

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

@@ -21,7 +21,7 @@ sap.ui.define([
     "sap/ushell/Config",
     "sap/ushell/adapters/cdm/v3/_LaunchPage/readUtils",
     "sap/ushell/Container"
-], function (
+], (
     BaseObject,
     EventBus,
     TileStateInternal,
@@ -38,11 +38,11 @@ sap.ui.define([
     Config,
     LaunchPageReadUtils,
     Container
-) {
+) => {
     "use strict";
 
-    var oCatalogsManagerInstance;
-    var CatalogsManager = BaseObject.extend("sap.ushell.components.CatalogsManager", {
+    let oCatalogsManagerInstance;
+    const CatalogsManager = BaseObject.extend("sap.ushell.components.CatalogsManager", {
         metadata: {
             publicMethods: [
                 "createGroup",
@@ -67,12 +67,12 @@ sap.ui.define([
         _aDoables: [],
 
         constructor: function (sId, mSettings) {
-            this.oLaunchPageServicePromise = Container.getServiceAsync("FlpLaunchPage").then(function (oLaunchPageService) {
+            this.oLaunchPageServicePromise = Container.getServiceAsync("FlpLaunchPage").then((oLaunchPageService) => {
                 this.oLaunchPageService = oLaunchPageService;
                 return oLaunchPageService;
-            }.bind(this));
+            });
 
-            //TODO should be removed when AppFinder and Homepage use separate model
+            // TODO should be removed when AppFinder and Homepage use separate model
             this.oTileCatalogToGroupsMap = {};
             this.tagsPool = [];
             this.iInitialLoad = 100;
@@ -83,7 +83,7 @@ sap.ui.define([
              * @deprecated since 1.120
              */
             if (!Config.last("/core/spaces/enabled")) {
-                var oHomepageManagerData = {
+                const oHomepageManagerData = {
                     model: this.oModel
                 };
 
@@ -98,7 +98,7 @@ sap.ui.define([
         },
 
         registerEvents: function () {
-            var oEventBus = EventBus.getInstance();
+            const oEventBus = EventBus.getInstance();
             oEventBus.subscribe("renderCatalog", this.loadAllCatalogs, this);
             // Doable objects are kept in a global array to enable their off-ing later on.
             this._aDoables = [];
@@ -113,9 +113,9 @@ sap.ui.define([
         },
 
         unregisterEvents: function () {
-            var oEventBus = EventBus.getInstance();
+            const oEventBus = EventBus.getInstance();
             oEventBus.unsubscribe("renderCatalog", this.loadAllCatalogs, this);
-            this._aDoables.forEach(function (oDoable) {
+            this._aDoables.forEach((oDoable) => {
                 oDoable.off();
             });
             this._aDoables = [];
@@ -126,9 +126,9 @@ sap.ui.define([
             return this.oModel;
         },
 
-        loadAllCatalogs: function (/*sChannelId, sEventId, oData*/) {
-            var oGroupsPromise = new jQuery.Deferred();
-            var that = this;
+        loadAllCatalogs: function (/* sChannelId, sEventId, oData */) {
+            let oGroupsPromise = new jQuery.Deferred();
+            const that = this;
 
             // automatically resolving the group's promise for the scenario where the groups are
             // already loaded (so the group's promise Done callback will execute automatically is such a case)
@@ -136,17 +136,17 @@ sap.ui.define([
 
             // this is a local function (which could be invoked at 2 points in this method).
             // this sets a Done callback on the promise object of the groups.
-            var setDoneCBForGroups = function () {
+            function setDoneCBForGroups () {
                 /**
                  * @deprecated since 1.120
                  */
-                oGroupsPromise.done(function () {
-                    var aGroups = that.getModel().getProperty("/groups");
+                oGroupsPromise.done(() => {
+                    const aGroups = that.getModel().getProperty("/groups");
                     if (aGroups && aGroups.length !== 0) {
                         that.updateTilesAssociation();
                     }
                 });
-            };
+            }
 
             if (!this.oModel.getProperty("/catalogs")) {
                 /**
@@ -154,7 +154,7 @@ sap.ui.define([
                  */
                 // catalog also needs groups
                 if (!this.oModel.getProperty("/groups") || this.oModel.getProperty("/groups").length === 0) {
-                    //Because of segmentation, some pins can be not selected
+                    // Because of segmentation, some pins can be not selected
                     if (!Config.last("/core/spaces/enabled")) {
                         oGroupsPromise = this.oHomepageManager.loadPersonalizedGroups();
                     }
@@ -178,31 +178,31 @@ sap.ui.define([
                 Measurement.pause("FLP:DashboardManager.BuildCatalogModelWithRendering");
 
                 // Trigger loading of catalogs
-                this.oLaunchPageServicePromise.then(function (oLaunchPageService) {
+                this.oLaunchPageServicePromise.then((oLaunchPageService) => {
                     oLaunchPageService.getCatalogs()
                         // There's a need to make sure that onDoneLoadingCatalogs is called only after all catalogs are loaded
                         // (i.e. all calls to addCatalogToModel are finished).
                         // For this, all the promise objects that are generated inside addCatalogToModel are generated into this.aPromises,
                         // and jQuery.when calls onDoneLoadingCatalogs only after all the promises are resolved
-                        .done(function (catalogs) {
-                            var aInitialCatalog = catalogs.slice(0, this.iInitialLoad);
+                        .done((catalogs) => {
+                            const aInitialCatalog = catalogs.slice(0, this.iInitialLoad);
 
                             Measurement.end("FLP:DashboardManager.GetCatalogsRequest");
 
                             this.aPromises = aInitialCatalog.map(this.addCatalogToModel.bind(this));
                             Promise.all(this.aPromises)
                                 .then(this.processPendingCatalogs.bind(this))
-                                .then(function () {
+                                .then(() => {
                                     this.aPromises = catalogs.slice(this.iInitialLoad).map(this.addCatalogToModel.bind(this));
                                     Promise.all(this.aPromises)
                                         .then(this.processPendingCatalogs.bind(this));
-                                }.bind(this))
+                                })
                                 .then(this.onDoneLoadingCatalogs.bind(this, catalogs))
                                 .then(setDoneCBForGroups);
-                        }.bind(this))
-                        //in case of a severe error, show an error message
+                        })
+                        // in case of a severe error, show an error message
                         .fail(MessagingHelper.showLocalizedErrorHelper("fail_to_load_catalog_msg"));
-                }.bind(this));
+                });
             } else {
                 // when groups are loaded we can map the catalog tiles <-> groups map
                 setDoneCBForGroups();
@@ -222,20 +222,20 @@ sap.ui.define([
          * @deprecated since 1.120
          */
         mapCatalogTilesToGroups: function () {
-            var that = this;
+            const that = this;
             this.oTileCatalogToGroupsMap = {};
 
             // calculate the relation between the CatalogTile and the instances.
-            var aGroups = this.oModel.getProperty("/groups");
-            aGroups.forEach(function (oGroup) {
-                ["tiles", "links"].forEach(function (sAttribute) {
-                    var aTiles = oGroup[sAttribute];
+            const aGroups = this.oModel.getProperty("/groups");
+            aGroups.forEach((oGroup) => {
+                ["tiles", "links"].forEach((sAttribute) => {
+                    const aTiles = oGroup[sAttribute];
                     if (aTiles) {
-                        for (var tileInd = 0; tileInd < aTiles.length; ++tileInd) {
+                        for (let tileInd = 0; tileInd < aTiles.length; ++tileInd) {
                             // no stableIds required, because this is only used in classic homepage
-                            var tileId = encodeURIComponent(that.oLaunchPageService.getCatalogTileId(aTiles[tileInd].object));
-                            var tileGroups = that.oTileCatalogToGroupsMap[tileId] || [];
-                            var groupId = that.oLaunchPageService.getGroupId(oGroup.object);
+                            const tileId = encodeURIComponent(that.oLaunchPageService.getCatalogTileId(aTiles[tileInd].object));
+                            const tileGroups = that.oTileCatalogToGroupsMap[tileId] || [];
+                            const groupId = that.oLaunchPageService.getGroupId(oGroup.object);
                             // We make sure the group is visible and not locked, otherwise we should not put it in the map it fills.
                             if (tileGroups.indexOf(groupId) === -1
                                 && (typeof (oGroup.isGroupVisible) === "undefined" || oGroup.isGroupVisible)
@@ -253,17 +253,17 @@ sap.ui.define([
          * @deprecated since 1.120
          */
         updateCatalogTilesToGroupsMap: function () {
-            var tileId;
-            var associatedGroups;
-            var aGroups;
-            var aCatalog = this.getModel().getProperty("/catalogs");
+            let tileId;
+            let associatedGroups;
+            let aGroups;
+            const aCatalog = this.getModel().getProperty("/catalogs");
             if (aCatalog) { // if the catalogTile model doesn't exist, it will be updated in some time later
-                for (var index = 0; index < aCatalog.length; index++) {
-                    var aCatalogAppBoxes = aCatalog[index].appBoxes;
+                for (let index = 0; index < aCatalog.length; index++) {
+                    const aCatalogAppBoxes = aCatalog[index].appBoxes;
                     if (aCatalogAppBoxes) {
                         // iterate over all the appBoxes.
-                        for (var aCatalogAppBoxesIndex = 0; aCatalogAppBoxesIndex < aCatalogAppBoxes.length; aCatalogAppBoxesIndex++) {
-                            var oAppBoxTile = aCatalogAppBoxes[aCatalogAppBoxesIndex];
+                        for (let aCatalogAppBoxesIndex = 0; aCatalogAppBoxesIndex < aCatalogAppBoxes.length; aCatalogAppBoxesIndex++) {
+                            const oAppBoxTile = aCatalogAppBoxes[aCatalogAppBoxesIndex];
                             // no stableIds required, because this is only used in classic homepage
                             tileId = encodeURIComponent(this.oLaunchPageService.getCatalogTileId(oAppBoxTile.src));
                             // get the mapping of the associated groups map.
@@ -273,11 +273,11 @@ sap.ui.define([
                         }
                     }
 
-                    var aCatalogCustom = aCatalog[index].customTiles;
+                    const aCatalogCustom = aCatalog[index].customTiles;
                     if (aCatalogCustom) {
                         // iterate over all the appBoxes.
-                        for (var aCatalogCustomIndex = 0; aCatalogCustomIndex < aCatalogCustom.length; aCatalogCustomIndex++) {
-                            var oCustomTile = aCatalogCustom[aCatalogCustomIndex];
+                        for (let aCatalogCustomIndex = 0; aCatalogCustomIndex < aCatalogCustom.length; aCatalogCustomIndex++) {
+                            const oCustomTile = aCatalogCustom[aCatalogCustomIndex];
                             tileId = encodeURIComponent(this.oLaunchPageService.getCatalogTileId(oCustomTile.src));
                             // get the mapping of the associated groups map.
                             aGroups = this.oTileCatalogToGroupsMap[tileId];
@@ -334,7 +334,7 @@ sap.ui.define([
          *
          */
         addCatalogToModel: function (oCatalog) {
-            var oCatalogModel = {
+            const oCatalogModel = {
                 title: this.oLaunchPageService.getCatalogTitle(oCatalog),
                 id: this.oLaunchPageService.getCatalogId(oCatalog),
                 numberTilesSupportedOnCurrectDevice: 0,
@@ -345,32 +345,32 @@ sap.ui.define([
 
             Measurement.resume("FLP:DashboardManager.getCatalogTiles");
 
-            return new Promise(function (resolve, reject) {
+            return new Promise((resolve, reject) => {
                 this.oLaunchPageService.getCatalogTiles(oCatalog)
-                    .done(function (oCatalogEntry) {
+                    .done((oCatalogEntry) => {
                         Measurement.pause("FLP:DashboardManager.getCatalogTiles");
                         resolve({
                             oCatalogEntry: oCatalogEntry,
                             oCatalogModel: oCatalogModel
                         });
                     })
-                    .fail(function (sError) {
+                    .fail((sError) => {
                         MessagingHelper.showLocalizedErrorHelper("fail_to_load_catalog_tiles_msg");
                         reject(sError);
                     });
-            }.bind(this));
+            });
         },
 
         getTagList: function (maxTags) {
-            var indexedTags = {};
-            var tempTagsLst = [];
+            const indexedTags = {};
+            const tempTagsLst = [];
 
             if (this.oModel.getProperty("/tagList") && this.oModel.getProperty("/tagList").length > 0) {
                 this.tagsPool.concat(this.oModel.getProperty("/tagList"));
             }
 
-            for (var ind = 0; ind < this.tagsPool.length; ind++) {
-                var oTag = this.tagsPool[ind];
+            for (let ind = 0; ind < this.tagsPool.length; ind++) {
+                const oTag = this.tagsPool[ind];
                 if (indexedTags[oTag]) {
                     indexedTags[oTag]++;
                 } else {
@@ -379,11 +379,11 @@ sap.ui.define([
             }
 
             // find the place in the sortedTopTiles.
-            for (var tag in indexedTags) {
+            for (const tag in indexedTags) {
                 tempTagsLst.push({ tag: tag, occ: indexedTags[tag] });
             }
 
-            var sorted = tempTagsLst.sort(function (a, b) {
+            const sorted = tempTagsLst.sort((a, b) => {
                 return b.occ - a.occ;
             });
 
@@ -401,9 +401,9 @@ sap.ui.define([
          * @returns {Promise<undefined>} Resolves once the processing is done.
          */
         processPendingCatalogs: function (aPendingCatalogQueue) {
-            var aCurrentCatalogs = this.oModel.getProperty("/catalogs");
-            var oEventBus = EventBus.getInstance();
-            var aAllEntryInCatalogMaster = this.oModel.getProperty("/masterCatalogs") || [{
+            const aCurrentCatalogs = this.oModel.getProperty("/catalogs");
+            const oEventBus = EventBus.getInstance();
+            const aAllEntryInCatalogMaster = this.oModel.getProperty("/masterCatalogs") || [{
                 title: MessagingHelper.getLocalizedText("all")
             }];
             Measurement.end("FLP:DashboardManager.getCatalogTiles");
@@ -411,13 +411,13 @@ sap.ui.define([
 
             // Check if a catalog with the given title already exists in the model.
             // The catalogs are required to be processed one after each other to maintain the correct order
-            var oCatalogProcessPromise = aPendingCatalogQueue.reduce(function (oProcessPromise, oPendingCatalogEntry) {
-                return oProcessPromise.then(function () {
-                    var bIsNewCatalog;
-                    var oCatalogObject;
-                    var oCatalogEntry = oPendingCatalogEntry.oCatalogEntry;
-                    var oCatalogModel = oPendingCatalogEntry.oCatalogModel;
-                    var oExistingCatalogInModel = this.searchModelCatalogByTitle(oCatalogModel.title);
+            const oCatalogProcessPromise = aPendingCatalogQueue.reduce((oProcessPromise, oPendingCatalogEntry) => {
+                return oProcessPromise.then(() => {
+                    let bIsNewCatalog;
+                    let oCatalogObject;
+                    const oCatalogEntry = oPendingCatalogEntry.oCatalogEntry;
+                    const oCatalogModel = oPendingCatalogEntry.oCatalogModel;
+                    const oExistingCatalogInModel = this.searchModelCatalogByTitle(oCatalogModel.title);
 
                     if (oExistingCatalogInModel.result) {
                         oCatalogObject = this.oModel.getProperty("/catalogs")[oExistingCatalogInModel.indexOfPreviousInstanceInModel];
@@ -427,13 +427,13 @@ sap.ui.define([
                         oCatalogObject = oCatalogModel;
                     }
 
-                    var aEntryProcessPromises = oCatalogEntry.map(function (oCatalogTile) {
+                    const aEntryProcessPromises = oCatalogEntry.map((oCatalogTile) => {
                         return this._processCatalogObjectForModel(oCatalogObject, oCatalogTile);
-                    }.bind(this));
+                    });
 
                     return Promise.all(aEntryProcessPromises)
-                        .then(function () {
-                            //Update model just if catalog has tiles or appBox.
+                        .then(() => {
+                            // Update model just if catalog has tiles or appBox.
                             if (oCatalogObject.appBoxes.length > 0 || oCatalogObject.customTiles.length > 0) {
                                 if (bIsNewCatalog) {
                                     aCurrentCatalogs.push(oCatalogModel);
@@ -445,22 +445,22 @@ sap.ui.define([
                             if (this.oModel.getProperty("/enableCatalogTagFilter") === true) {
                                 this.getTagList();
                             }
-                        }.bind(this));
-                }.bind(this));
-            }.bind(this), Promise.resolve());
+                        });
+                });
+            }, Promise.resolve());
 
-            return oCatalogProcessPromise.then(function () {
+            return oCatalogProcessPromise.then(() => {
                 this.oModel.setProperty("/masterCatalogs", aAllEntryInCatalogMaster);
                 this.oModel.setProperty("/catalogs", aCurrentCatalogs);
                 oEventBus.publish("launchpad", "afterCatalogSegment");
-                setTimeout(function () {
+                setTimeout(() => {
                     // the first segment has been loaded and rendered
                     ushellUtils.setPerformanceMark("FLP-TTI-AppFinder", { bUseUniqueMark: true });
                     EventHub.emit("firstCatalogSegmentCompleteLoaded", true);
                 }, 0); // Catalogs have not yet been rendered but after a setTimeout they have been
 
                 Measurement.pause("FLP:DashboardManager.BuildCatalogModelWithRendering");
-            }.bind(this));
+            });
         },
 
         _processCatalogObjectForModel: function (oCurrentCatalogObject, oCatalogTile) {
@@ -472,14 +472,14 @@ sap.ui.define([
                             oCurrentCatalogObject.appBoxes.push(oAppBox);
                         });
                 }
-                return this.createCatalogTiles(oCatalogTile).then(function (oCatalogTileNew) {
+                return this.createCatalogTiles(oCatalogTile).then((oCatalogTileNew) => {
                     oCurrentCatalogObject.customTiles.push(oCatalogTileNew);
                     // add the getTileView to an array of functions that will be executed once the catalog finishes loading
                     // we need this array in order to call geTileView for all customTiles. see incident: ******
                     if (!this.aFnToGetTileView) {
                         this.aFnToGetTileView = [];
                     }
-                }.bind(this));
+                });
             }
             return Promise.resolve();
         },
@@ -497,14 +497,14 @@ sap.ui.define([
          *   - numOfTilesInCatalog - the number of tiles in the catalog with the given title
          */
         searchModelCatalogByTitle: function (catalogTitle) {
-            var catalogs = this.oModel.getProperty("/catalogs");
-            var catalogTitleExists = false;
-            var indexOfPreviousInstance;
-            var numOfTilesInCatalog = 0;
-            var bGeneralCatalogAppeared = false;
-
-            var tempCatalog;
-            for (var index = 0; index < catalogs.length; ++index) {
+            const catalogs = this.oModel.getProperty("/catalogs");
+            let catalogTitleExists = false;
+            let indexOfPreviousInstance;
+            let numOfTilesInCatalog = 0;
+            let bGeneralCatalogAppeared = false;
+
+            let tempCatalog;
+            for (let index = 0; index < catalogs.length; ++index) {
                 tempCatalog = catalogs[index];
                 // If this is the catalogsLoading catalog - remember that it was read since the found index should be reduced by 1
                 if (tempCatalog.title === ushellResources.i18n.getText("catalogsLoading")) {
@@ -533,7 +533,7 @@ sap.ui.define([
          * @private
          */
         _getCatalogTileId: function (oCatalogTile) {
-            var sCatalogTileId = this.oLaunchPageService.getStableCatalogTileId(oCatalogTile);
+            let sCatalogTileId = this.oLaunchPageService.getStableCatalogTileId(oCatalogTile);
 
             /**
              * @deprecated since 1.120
@@ -582,18 +582,18 @@ sap.ui.define([
         },
 
         onDoneLoadingCatalogs: function (aCatalogs) {
-            var aCatalogTilePromises = aCatalogs.map(function (oCatalog) {
-                return new Promise(function (resolve, reject) {
+            const aCatalogTilePromises = aCatalogs.map((oCatalog) => {
+                return new Promise((resolve, reject) => {
                     this.oLaunchPageService.getCatalogTiles(oCatalog)
                         .done(resolve)
                         .fail(reject);
-                }.bind(this));
-            }.bind(this));
+                });
+            });
 
-            Promise.all(aCatalogTilePromises).then(function (aResCatalogTile) {
-                var noTiles = true;
+            Promise.all(aCatalogTilePromises).then((aResCatalogTile) => {
+                let noTiles = true;
 
-                for (var iIndexResCatalogTile = 0; iIndexResCatalogTile < aResCatalogTile.length; iIndexResCatalogTile++) {
+                for (let iIndexResCatalogTile = 0; iIndexResCatalogTile < aResCatalogTile.length; iIndexResCatalogTile++) {
                     if (aResCatalogTile[iIndexResCatalogTile].length !== 0) {
                         noTiles = false;
                         break;
@@ -603,14 +603,14 @@ sap.ui.define([
                 if (noTiles || !aCatalogs.length) {
                     this.oModel.setProperty("/catalogsNoDataText", ushellResources.i18n.getText("noCatalogs"));
                 }
-            }.bind(this));
+            });
 
-            //Publish event catalog finished loading.
-            var oEventBus = EventBus.getInstance();
+            // Publish event catalog finished loading.
+            const oEventBus = EventBus.getInstance();
             oEventBus.publish("launchpad", "catalogContentLoaded");
 
-            var aLoadedCatalogs = aCatalogs.filter(function (oCatalog) {
-                var sCatalogError = this.oLaunchPageService.getCatalogError(oCatalog);
+            const aLoadedCatalogs = aCatalogs.filter((oCatalog) => {
+                const sCatalogError = this.oLaunchPageService.getCatalogError(oCatalog);
                 if (sCatalogError) {
                     Log.error(
                         "A catalog could not be loaded",
@@ -619,8 +619,8 @@ sap.ui.define([
                     );
                 }
                 return !sCatalogError;
-            }.bind(this));
-            //check if some of the catalogs failed to load
+            });
+            // check if some of the catalogs failed to load
             if (aLoadedCatalogs.length !== aCatalogs.length) {
                 MessagingHelper.showLocalizedError("partialCatalogFail");
             }
@@ -628,21 +628,21 @@ sap.ui.define([
             ushellUtils.handleTilesVisibility();
         },
 
-        createCatalogTiles: async function (oCatalogTile/*, bGetTileKeyWords*/) {
+        createCatalogTiles: async function (oCatalogTile/* , bGetTileKeyWords */) {
             let oTileViewPromise = Promise.resolve();
 
             // if it's not a dynamic or static tile, we need to call the getCatalogTileView already here to make the search work
             // the keywords for Smart Business tiles are only there if their view was rendered before
             const sChipId = oCatalogTile.getChip && oCatalogTile.getChip().getBaseChipId && oCatalogTile.getChip().getBaseChipId();
             if (sChipId && ["X-SAP-UI2-CHIP:/UI2/DYNAMIC_APPLAUNCHER", "X-SAP-UI2-CHIP:/UI2/STATIC_APPLAUNCHER"].indexOf(sChipId) === -1) {
-                oTileViewPromise = new Promise(function (resolve, reject) {
+                oTileViewPromise = new Promise((resolve, reject) => {
                     this.oLaunchPageService.getCatalogTileViewControl(oCatalogTile)
                         .done(resolve)
                         .fail(reject);
-                }.bind(this));
+                });
             }
 
-            return oTileViewPromise.then(async function (oTileView) {
+            return oTileViewPromise.then(async (oTileView) => {
                 const sCatalogTileId = encodeURIComponent(this._getCatalogTileId(oCatalogTile));
                 const aAssociatedGrps = this.oTileCatalogToGroupsMap[sCatalogTileId] || [];
                 const aTileTags = this.oLaunchPageService.getCatalogTileTags(oCatalogTile) || [];
@@ -673,7 +673,7 @@ sap.ui.define([
                     tileType: oCatalogTile.tileType,
                     contentProviderLabel: contentProviderLabel
                 };
-            }.bind(this));
+            });
         },
 
         /**
@@ -685,32 +685,32 @@ sap.ui.define([
          * @deprecated since 1.112
          */
         createGroupAndSaveTile: function (oData) {
-            var oCatalogTileContext = oData.catalogTileContext;
-            var sNewTitle = oData.newGroupName;
-            var oDeferred = new jQuery.Deferred();
+            const oCatalogTileContext = oData.catalogTileContext;
+            const sNewTitle = oData.newGroupName;
+            const oDeferred = new jQuery.Deferred();
 
             if (ushellUtils.validHash(sNewTitle) && oCatalogTileContext) {
-                this.createGroup(sNewTitle).then(function (oContext) {
+                this.createGroup(sNewTitle).then((oContext) => {
                     // Add HeaderActions and before and after content of newly created group,
                     // if the dashboard is already loaded and in edit mode.
-                    var oDashboardView = this.oHomepageManager.getDashboardView();
+                    const oDashboardView = this.oHomepageManager.getDashboardView();
                     if (oDashboardView && oDashboardView.getModel().getProperty("/tileActionModeActive")) {
                         EventBus.getInstance().publish("launchpad", "AddTileContainerContent");
                     }
 
-                    var oResponseData = {};
+                    let oResponseData = {};
 
                     this.createTile({
                         catalogTileContext: oCatalogTileContext,
                         groupContext: oContext
-                    }).done(function (data) {
+                    }).done((data) => {
                         oResponseData = { group: data.group, status: 1, action: "addTileToNewGroup" }; // 1 - success
                         oDeferred.resolve(oResponseData);
-                    }).fail(function (data) {
+                    }).fail((data) => {
                         oResponseData = { group: data.group, status: 0, action: "addTileToNewGroup" }; // 0 - failure
                         oDeferred.resolve(oResponseData);
                     });
-                }.bind(this));
+                });
             }
             return oDeferred.promise();
         },
@@ -724,20 +724,20 @@ sap.ui.define([
          * @deprecated since 1.112
          */
         createGroup: function (sTitle) {
-            var that = this;
-            var oDeferred = new jQuery.Deferred();
+            const that = this;
+            const oDeferred = new jQuery.Deferred();
             if (!ushellUtils.validHash(sTitle)) {
                 return oDeferred.reject({ status: 0, action: "createNewGroup" }); // 0 - failure
             }
 
-            var oResultPromise = this.oLaunchPageService.addGroup(sTitle);
-            oResultPromise.done(function (oGroup/*, sGroupId*/) {
-                var oGroupContext = that.oHomepageManager.addGroupToModel(oGroup);
+            const oResultPromise = this.oLaunchPageService.addGroup(sTitle);
+            oResultPromise.done((oGroup/* , sGroupId */) => {
+                const oGroupContext = that.oHomepageManager.addGroupToModel(oGroup);
                 oDeferred.resolve(oGroupContext);
             });
-            oResultPromise.fail(function () {
+            oResultPromise.fail(() => {
                 MessagingHelper.showLocalizedError("fail_to_create_group_msg");
-                var oResponseData = { status: 0, action: "createNewGroup" }; // 0 - failure
+                const oResponseData = { status: 0, action: "createNewGroup" }; // 0 - failure
                 oDeferred.resolve(oResponseData); // 0 - failure
             });
 
@@ -753,16 +753,16 @@ sap.ui.define([
          * @deprecated since 1.112
          */
         createTile: function (oData) {
-            var that = this;
-            var oCatalogTileContext = oData.catalogTileContext;
-            var oContext = oData.groupContext;
-            var oGroup = this.oModel.getProperty(oContext.getPath());
-            var sGroupId = oGroup.groupId;
-            var oDeferred = new jQuery.Deferred();
-            var oResponseData = {};
+            const that = this;
+            const oCatalogTileContext = oData.catalogTileContext;
+            const oContext = oData.groupContext;
+            const oGroup = this.oModel.getProperty(oContext.getPath());
+            const sGroupId = oGroup.groupId;
+            const oDeferred = new jQuery.Deferred();
+            let oResponseData = {};
 
             // publish event for UserActivityLog
-            var oEventBus = EventBus.getInstance();
+            const oEventBus = EventBus.getInstance();
             oEventBus.publish("launchpad", "addTile", {
                 catalogTileContext: oCatalogTileContext,
                 groupContext: oContext
@@ -774,15 +774,15 @@ sap.ui.define([
                 return Promise.resolve(oResponseData);
             }
 
-            var oResultPromise = this.oLaunchPageService.addTile(oCatalogTileContext.getProperty("src"), oContext.getProperty("object"));
-            oResultPromise.done(function (oTile) {
-                var aGroups = that.oModel.getProperty("/groups");
-                var sGroupPath = GroupsHelper.getModelPathOfGroup(aGroups, sGroupId);
+            const oResultPromise = this.oLaunchPageService.addTile(oCatalogTileContext.getProperty("src"), oContext.getProperty("object"));
+            oResultPromise.done((oTile) => {
+                const aGroups = that.oModel.getProperty("/groups");
+                const sGroupPath = GroupsHelper.getModelPathOfGroup(aGroups, sGroupId);
 
                 that.oHomepageManager.addTileToGroup(sGroupPath, oTile);
                 oResponseData = { group: oGroup, status: 1, action: "add" }; // 1 - success
                 oDeferred.resolve(oResponseData);
-            }).fail(function () {
+            }).fail(() => {
                 MessagingHelper.showLocalizedError("fail_to_add_tile_msg");
                 oResponseData = { group: oGroup, status: 0, action: "add" }; // 0 - failure
                 oDeferred.resolve(oResponseData);
@@ -802,23 +802,23 @@ sap.ui.define([
          * @deprecated since 1.112
          */
         deleteCatalogTileFromGroup: function (oData) {
-            var that = this;
-            var sDeletedTileCatalogId = decodeURIComponent(oData.tileId);
-            var iGroupIndex = oData.groupIndex;
-            var oGroup = this.oModel.getProperty("/groups/" + iGroupIndex);
-            var deferred = new jQuery.Deferred();
-            var aDeleteTilePromises = [];
-            var aRemovedTileIds = [];
-
-            ["tiles", "links"].forEach(function (sAttribute) {
-                oGroup[sAttribute].forEach(function (oTile) {
+            const that = this;
+            const sDeletedTileCatalogId = decodeURIComponent(oData.tileId);
+            const iGroupIndex = oData.groupIndex;
+            const oGroup = this.oModel.getProperty(`/groups/${iGroupIndex}`);
+            const deferred = new jQuery.Deferred();
+            const aDeleteTilePromises = [];
+            const aRemovedTileIds = [];
+
+            ["tiles", "links"].forEach((sAttribute) => {
+                oGroup[sAttribute].forEach((oTile) => {
                     // no stableIds required, because this is only used in classic homepage
-                    var sTmpTileCatalogId = that.oLaunchPageService.getCatalogTileId(oTile.object);
+                    const sTmpTileCatalogId = that.oLaunchPageService.getCatalogTileId(oTile.object);
                     if (sTmpTileCatalogId === sDeletedTileCatalogId) {
                         // Initialize oPositiveDeferred object that will later be resolved with the status of the delete request
-                        var oPositiveDeferred = new jQuery.Deferred();
+                        const oPositiveDeferred = new jQuery.Deferred();
                         // Send the delete request to the server
-                        var oDeletePromise = that.oLaunchPageService.removeTile(oGroup.object, oTile.object);
+                        const oDeletePromise = that.oLaunchPageService.removeTile(oGroup.object, oTile.object);
 
                         oDeletePromise.done(
                             (function (oDeferred) {
@@ -843,10 +843,10 @@ sap.ui.define([
             });
 
             // Wait for all of the delete requests before resolving the deferred
-            jQuery.when.apply(jQuery, aDeleteTilePromises).done(function (result) {
-                //If some promise was rejected, some tiles was not removed
-                var bSuccess = aDeleteTilePromises.length === aRemovedTileIds.length;
-                //Update groups for removed tiles
+            jQuery.when.apply(jQuery, aDeleteTilePromises).done((result) => {
+                // If some promise was rejected, some tiles was not removed
+                const bSuccess = aDeleteTilePromises.length === aRemovedTileIds.length;
+                // Update groups for removed tiles
                 that.oHomepageManager.deleteTilesFromGroup(oGroup.groupId, aRemovedTileIds);
                 that.updateTilesAssociation();
                 deferred.resolve({ group: oGroup, status: bSuccess, action: "remove" });
@@ -861,7 +861,7 @@ sap.ui.define([
          * @returns {int} result the catalog tile index.
          */
         calculateCatalogTileIndex: function (catalogIndex, numberOfExistingTiles, iTile) {
-            var result = parseInt(catalogIndex * 100000, 10);
+            let result = parseInt(catalogIndex * 100000, 10);
             result += (numberOfExistingTiles !== undefined ? numberOfExistingTiles : 0) + iTile;
             return result;
         },
@@ -895,7 +895,7 @@ sap.ui.define([
         },
 
         _getIsAppBox: function (oCatalogTile) {
-            var bIsAppBox;
+            let bIsAppBox;
 
             /*
              * When appFinderDisplayMode is set to "tiles", non-custom tiles will have the same display as custom tiles
@@ -905,7 +905,7 @@ sap.ui.define([
              */
 
             // get appFinder display mode from configuration
-            var sAppFinderDisplayMode = this.oModel.getProperty("/appFinderDisplayMode") || "appBoxes";
+            const sAppFinderDisplayMode = this.oModel.getProperty("/appFinderDisplayMode") || "appBoxes";
 
             // determine the catalog tile display mode:
             if (sAppFinderDisplayMode.toLowerCase() === "tiles") {