@sapui5/sap.ushell 1.138.1 → 1.139.0

package/src/main/js/sap/ushell/components/tiles/applauncherdynamic/DynamicTile.controller.js

@@ -16,7 +16,7 @@ sap.ui.define([
     "sap/ushell/utils",
     "sap/ushell/EventHub",
     "sap/ushell/Container"
-], function (
+], (
     EventBus,
     ushellLibrary,
     Controller,
@@ -32,21 +32,21 @@ sap.ui.define([
     ushellUtils,
     EventHub,
     Container
-) {
+) => {
     "use strict";
 
     // shortcut for sap.m.GenericTileScope
-    var GenericTileScope = mobileLibrary.GenericTileScope;
+    const GenericTileScope = mobileLibrary.GenericTileScope;
 
     // shortcut for sap.m.GenericTileMode
-    var GenericTileMode = mobileLibrary.GenericTileMode;
+    const GenericTileMode = mobileLibrary.GenericTileMode;
 
     // shortcut for sap.ushell.AppType
-    var AppType = ushellLibrary.AppType;
+    const AppType = ushellLibrary.AppType;
 
     /* global hasher */
 
-    var COMPONENT_NAME = "sap.ushell.components.tiles.applauncherdynamic.DynamicTile";
+    const COMPONENT_NAME = "sap.ushell.components.tiles.applauncherdynamic.DynamicTile";
 
     return Controller.extend(COMPONENT_NAME, {
         _aDoables: [],
@@ -59,7 +59,7 @@ sap.ui.define([
         REFRESH_INTERVAL_MIN: 10,
 
         constructTargetUrlWithSapSystem: function (sNavigationTargetUrl, sSystem) {
-            var oHash;
+            let oHash;
 
             if (sSystem) { // propagate system to target application
                 // when the navigation url is hash we want to make sure system parameter is in the parameters part
@@ -70,22 +70,22 @@ sap.ui.define([
                         oHash.params = {};
                     }
                     oHash.params["sap-system"] = sSystem;
-                    sNavigationTargetUrl = "#" + UrlParsing.constructShellHash(oHash);
+                    sNavigationTargetUrl = `#${UrlParsing.constructShellHash(oHash)}`;
                 } else {
-                    sNavigationTargetUrl += ((sNavigationTargetUrl.indexOf("?") < 0) ? "?" : "&") + "sap-system=" + sSystem;
+                    sNavigationTargetUrl += `${(sNavigationTargetUrl.indexOf("?") < 0) ? "?" : "&"}sap-system=${sSystem}`;
                 }
             }
             return sNavigationTargetUrl;
         },
 
         onInit: function () {
-            var that = this;
-            var oView = this.getView();
-            var oViewData = oView.getViewData();
-            var oTileApi = oViewData.chip;
-            var oConfig = tileUtils.getAppLauncherConfig(oTileApi, oTileApi.configurationUi.isEnabled(), false);
-            var sNavigationTargetUrlInit = oConfig.navigation_target_url;
-            var sSystem = oTileApi.url.getApplicationSystem();
+            const that = this;
+            const oView = this.getView();
+            const oViewData = oView.getViewData();
+            const oTileApi = oViewData.chip;
+            const oConfig = tileUtils.getAppLauncherConfig(oTileApi, oTileApi.configurationUi.isEnabled(), false);
+            const sNavigationTargetUrlInit = oConfig.navigation_target_url;
+            const sSystem = oTileApi.url.getApplicationSystem();
 
             this.sConfigNavigationTargetUrlOld = oConfig.navigation_target_url;
             Log.setLevel(2, COMPONENT_NAME);
@@ -93,7 +93,7 @@ sap.ui.define([
             this.bIsRequestCompleted = false;
             this.navigationTargetUrl = this.constructTargetUrlWithSapSystem(sNavigationTargetUrlInit, sSystem);
 
-            var oModel = new JSONModel({
+            const oModel = new JSONModel({
                 sizeBehavior: Config.last("/core/home/sizeBehavior"),
                 wrappingType: Config.last("/core/home/wrappingType"),
                 config: oConfig,
@@ -106,14 +106,14 @@ sap.ui.define([
             });
             oView.setModel(oModel);
             // listen for changes of the size behavior, as the end user can change it in the settings (if enabled)
-            this._aDoables.push(Config.on("/core/home/sizeBehavior").do(function (sSizeBehavior) {
+            this._aDoables.push(Config.on("/core/home/sizeBehavior").do((sSizeBehavior) => {
                 oModel.setProperty("/sizeBehavior", sSizeBehavior);
             }));
 
             // implement types contact
             // default is Tile
             if (oTileApi.types) {
-                oTileApi.types.attachSetType(function (sType) {
+                oTileApi.types.attachSetType((sType) => {
                     if (that.tileType !== sType) {
                         if (sType === "link") {
                             oModel.setProperty("/mode", GenericTileMode.LineMode);
@@ -132,10 +132,10 @@ sap.ui.define([
             // implement search contract
             if (oTileApi.search) {
                 // split and clean keyword string (may be comma + space delimited)
-                var sKeywords = oView.getModel().getProperty("/config/display_search_keywords");
-                var aKeywords = sKeywords
+                const sKeywords = oView.getModel().getProperty("/config/display_search_keywords");
+                const aKeywords = sKeywords
                     .split(/[, ]+/)
-                    .filter(function (n, i) { return n && n !== ""; });
+                    .filter((n, i) => { return n && n !== ""; });
 
                 // add title, subtitle, info and number unit (if present) to keywords for better FLP searching
                 if (oConfig.display_title_text && oConfig.display_title_text !== "" &&
@@ -161,7 +161,7 @@ sap.ui.define([
                 // defined in search contract:
                 oTileApi.search.setKeywords(aKeywords);
                 oTileApi.search.attachHighlight(
-                    function (aHighlightWords) {
+                    (aHighlightWords) => {
                         // update model for highlighted search term
                         oView.getModel().setProperty("/search/display_highlight_terms", aHighlightWords);
                     }
@@ -171,7 +171,7 @@ sap.ui.define([
             // implement bag update handler
             if (oTileApi.bag && oTileApi.bag.attachBagsUpdated) {
                 // is only called by the FLP for bookmark tiles which have been updated via bookmark service
-                oTileApi.bag.attachBagsUpdated(function (aUpdatedBagIds) {
+                oTileApi.bag.attachBagsUpdated((aUpdatedBagIds) => {
                     if (aUpdatedBagIds.indexOf("tileProperties") > -1) {
                         tileUtils._updateTilePropertiesTexts(oView, oTileApi.bag.getBag("tileProperties"));
                     }
@@ -181,7 +181,7 @@ sap.ui.define([
             // implement configuration update handler
             if (oTileApi.configuration && oTileApi.configuration.attachConfigurationUpdated) {
                 // is only called by the FLP for bookmark tiles which have been updated via bookmark service
-                oTileApi.configuration.attachConfigurationUpdated(function (aUpdatedConfigKeys) {
+                oTileApi.configuration.attachConfigurationUpdated((aUpdatedConfigKeys) => {
                     if (aUpdatedConfigKeys.indexOf("tileConfiguration") > -1) {
                         tileUtils._updateTileConfiguration(oView, oTileApi.configuration.getParameterValueAsString("tileConfiguration"));
                     }
@@ -200,11 +200,11 @@ sap.ui.define([
 
             // implement configurationUi contract: setup configuration UI
             if (oTileApi.configurationUi.isEnabled()) {
-                oTileApi.configurationUi.setAsyncUiProvider(function () {
+                oTileApi.configurationUi.setAsyncUiProvider(() => {
                     return tileUtils.getConfigurationUi(
                         oView,
                         "sap.ushell.components.tiles.applauncherdynamic.Configuration"
-                    ).then(function (oConfigurationUi) {
+                    ).then((oConfigurationUi) => {
                         oTileApi.configurationUi.attachCancel(that.onCancelConfiguration.bind(null, oConfigurationUi));
                         oTileApi.configurationUi.attachSave(that.onSaveConfiguration.bind(null, oConfigurationUi));
                         return oConfigurationUi;
@@ -238,8 +238,8 @@ sap.ui.define([
 
             // attach the tile actions provider for the actions contract
             if (oTileApi.actions) {
-                var aExtendedActions;
-                var aActions = oConfig.actions;
+                let aExtendedActions;
+                const aActions = oConfig.actions;
                 if (aActions) {
                     aExtendedActions = aActions.slice();
                 } else {
@@ -247,12 +247,12 @@ sap.ui.define([
                 }
 
                 if (Config.last("/core/shell/enablePersonalization")) {
-                    var sType = oModel.getProperty("/mode") === GenericTileMode.LineMode ? "link" : "tile";
-                    var tileSettingsAction = tileUtils.getTileSettingsAction(oModel, this.onSaveRuntimeSettings.bind(this), sType);
+                    const sType = oModel.getProperty("/mode") === GenericTileMode.LineMode ? "link" : "tile";
+                    const tileSettingsAction = tileUtils.getTileSettingsAction(oModel, this.onSaveRuntimeSettings.bind(this), sType);
                     aExtendedActions.push(tileSettingsAction);
                 }
 
-                oTileApi.actions.setActionsProvider(function () {
+                oTileApi.actions.setActionsProvider(() => {
                     return aExtendedActions;
                 });
             }
@@ -282,7 +282,7 @@ sap.ui.define([
                 this.oDataRequest.destroy();
             }
             EventBus.getInstance().unsubscribe("launchpad", "sessionTimeout", this._clearRequest, this);
-            this._aDoables.forEach(function (oDoable) {
+            this._aDoables.forEach((oDoable) => {
                 oDoable.off();
             });
             this._aDoables = [];
@@ -290,14 +290,14 @@ sap.ui.define([
 
         // trigger to show the configuration UI if the tile is pressed in Admin mode
         onPress: function (oEvent) {
-            var oView = this.getView();
-            var oViewData = oView.getViewData();
-            var oModel = oView.getModel();
-            var sTargetUrl = oModel.getProperty("/nav/navigation_target_url");
-            var oTileApi = oViewData.chip;
-            var oTileConfig = oModel.getProperty("/config");
-
-            //scope is property of generic tile. It's default value is "Display"
+            const oView = this.getView();
+            const oViewData = oView.getViewData();
+            const oModel = oView.getModel();
+            const sTargetUrl = oModel.getProperty("/nav/navigation_target_url");
+            const oTileApi = oViewData.chip;
+            const oTileConfig = oModel.getProperty("/config");
+
+            // scope is property of generic tile. It's default value is "Display"
             if (oEvent.getSource().getScope && oEvent.getSource().getScope() === GenericTileScope.Display) {
                 if (oTileApi.configurationUi.isEnabled()) {
                     oTileApi.configurationUi.display();
@@ -313,9 +313,9 @@ sap.ui.define([
                         hasher.setHash(sTargetUrl);
                     } else {
                         // add theURL to recent activity log
-                        var bLogRecentActivity = Config.last("/core/shell/enableRecentActivity") && Config.last("/core/shell/enableRecentActivityLogging");
+                        const bLogRecentActivity = Config.last("/core/shell/enableRecentActivity") && Config.last("/core/shell/enableRecentActivityLogging");
                         if (bLogRecentActivity) {
-                            var oRecentEntry = {
+                            const oRecentEntry = {
                                 title: oTileConfig.display_title_text,
                                 appType: AppType.URL,
                                 url: oTileConfig.navigation_target_url,
@@ -332,11 +332,11 @@ sap.ui.define([
 
         // tile settings action UI save handler
         onSaveRuntimeSettings: function (oSettingsView) {
-            var oView = this.getView();
-            var oViewModel = oView.getModel();
-            var oTileApi = oView.getViewData().chip;
-            var oConfigToSave = oViewModel.getProperty("/config");
-            var oSettingsViewModel = oSettingsView.getModel();
+            const oView = this.getView();
+            const oViewModel = oView.getModel();
+            const oTileApi = oView.getViewData().chip;
+            const oConfigToSave = oViewModel.getProperty("/config");
+            const oSettingsViewModel = oSettingsView.getModel();
 
             oConfigToSave.display_title_text = oSettingsViewModel.getProperty("/title") || "";
             oConfigToSave.display_subtitle_text = oSettingsViewModel.getProperty("/subtitle") || "";
@@ -344,7 +344,7 @@ sap.ui.define([
             oConfigToSave.display_search_keywords = oSettingsViewModel.getProperty("/keywords") || "";
 
             // use bag contract in order to store translatable properties
-            var tilePropertiesBag = oTileApi.bag.getBag("tileProperties");
+            const tilePropertiesBag = oTileApi.bag.getBag("tileProperties");
             tilePropertiesBag.setText("display_title_text", oConfigToSave.display_title_text);
             tilePropertiesBag.setText("display_subtitle_text", oConfigToSave.display_subtitle_text);
             tilePropertiesBag.setText("display_info_text", oConfigToSave.display_info_text);
@@ -357,7 +357,7 @@ sap.ui.define([
             // saving the relevant properties
             tilePropertiesBag.save(
                 // success handler
-                function () {
+                () => {
                     Log.debug("property bag 'tileProperties' saved successfully");
 
                     // update the local tile's config - saving changes on the Model
@@ -379,14 +379,14 @@ sap.ui.define([
         // configuration save handler
         onSaveConfiguration: function (oConfigurationView) {
             // the deferred object required from the configurationUi contract
-            var oDeferred = new jQuery.Deferred();
-            var oModel = oConfigurationView.getModel();
+            const oDeferred = new jQuery.Deferred();
+            const oModel = oConfigurationView.getModel();
             // tile model placed into configuration model by getConfigurationUi
-            var oTileModel = oModel.getProperty("/tileModel");
-            var oTileApi = oConfigurationView.getViewData().chip;
-            var aTileNavigationActions = tileUtils.tileActionsRows2TileActionsArray(oModel.getProperty("/config/tile_actions_rows"));
+            const oTileModel = oModel.getProperty("/tileModel");
+            const oTileApi = oConfigurationView.getViewData().chip;
+            const aTileNavigationActions = tileUtils.tileActionsRows2TileActionsArray(oModel.getProperty("/config/tile_actions_rows"));
             // get the configuration to save from the model
-            var configToSave = {
+            const configToSave = {
                 display_icon_url: oModel.getProperty("/config/display_icon_url"),
                 display_number_unit: oModel.getProperty("/config/display_number_unit"),
                 service_url: oModel.getProperty("/config/service_url"),
@@ -398,8 +398,8 @@ sap.ui.define([
                 navigation_semantic_parameters: (oModel.getProperty("/config/navigation_semantic_parameters") || "").trim(),
                 display_search_keywords: oModel.getProperty("/config/display_search_keywords")
             };
-            //If the input fields icon, semantic object and action are failing the input validations, then through an error message requesting the user to enter/correct those fields
-            var bReject = tileUtils.checkInputOnSaveConfig(oConfigurationView);
+            // If the input fields icon, semantic object and action are failing the input validations, then through an error message requesting the user to enter/correct those fields
+            let bReject = tileUtils.checkInputOnSaveConfig(oConfigurationView);
             if (!bReject) {
                 bReject = tileUtils.checkTileActions(oConfigurationView);
             }
@@ -414,14 +414,14 @@ sap.ui.define([
             }
 
             // use bag contract in order to store translatable properties
-            var tilePropertiesBag = oTileApi.bag.getBag("tileProperties");
+            const tilePropertiesBag = oTileApi.bag.getBag("tileProperties");
             tilePropertiesBag.setText("display_title_text", oModel.getProperty("/config/display_title_text"));
             tilePropertiesBag.setText("display_subtitle_text", oModel.getProperty("/config/display_subtitle_text"));
             tilePropertiesBag.setText("display_info_text", oModel.getProperty("/config/display_info_text"));
             tilePropertiesBag.setText("display_search_keywords", configToSave.display_search_keywords);
 
-            var tileNavigationActionsBag = oTileApi.bag.getBag("tileNavigationActions");
-            //forward populating of tile navigation actions array into the bag, to Utils
+            const tileNavigationActionsBag = oTileApi.bag.getBag("tileNavigationActions");
+            // forward populating of tile navigation actions array into the bag, to Utils
             tileUtils.populateTileNavigationActionsBag(tileNavigationActionsBag, aTileNavigationActions);
 
             function logErrorAndReject (oError, oErrorInfo) {
@@ -433,12 +433,12 @@ sap.ui.define([
             oTileApi.writeConfiguration.setParameterValues(
                 { tileConfiguration: JSON.stringify(configToSave) },
                 // success handler
-                function () {
-                    var oConfigurationConfig = tileUtils.getAppLauncherConfig(oTileApi, false, false);
+                () => {
+                    const oConfigurationConfig = tileUtils.getAppLauncherConfig(oTileApi, false, false);
                     // get tile config data in admin mode
-                    var oTileConfig = tileUtils.getAppLauncherConfig(oTileApi, true, false);
+                    const oTileConfig = tileUtils.getAppLauncherConfig(oTileApi, true, false);
                     // switching the model under the tile -> keep the tile model
-                    var oModel = new JSONModel({
+                    const oModel = new JSONModel({
                         config: oConfigurationConfig,
                         // keep tile model
                         tileModel: oTileModel
@@ -458,14 +458,14 @@ sap.ui.define([
 
                     tilePropertiesBag.save(
                         // success handler
-                        function () {
+                        () => {
                             Log.debug("property bag 'tileProperties' saved successfully");
                             // update possibly changed values via contracts
                             if (oTileApi.title) {
                                 oTileApi.title.setTitle(
                                     oConfigurationConfig.display_title_text,
                                     // success handler
-                                    function () {
+                                    () => {
                                         oDeferred.resolve();
                                     },
                                     logErrorAndReject // error handler
@@ -479,7 +479,7 @@ sap.ui.define([
 
                     tileNavigationActionsBag.save(
                         // success handler
-                        function () {
+                        () => {
                             Log.debug("property bag 'navigationProperties' saved successfully");
                         },
                         logErrorAndReject // error handler
@@ -492,15 +492,15 @@ sap.ui.define([
         },
 
         successHandlerFn: function (oResult) {
-            var oView = this.getView();
-            var oModel = oView.getModel();
-            var oConfig = oModel.getProperty("/config");
-            var sNavigationTargetUrl = oModel.getProperty("/config/navigation_target_url");
-            var iRefreshInterval = oModel.getProperty("/config/service_refresh_interval");
-            var sServiceUrl = oModel.getProperty("/config/service_url");
-            var oViewData = oView.getViewData();
-            var oTileApi = oViewData.chip;
-            var sSystem = oTileApi.url.getApplicationSystem();
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const oConfig = oModel.getProperty("/config");
+            const sNavigationTargetUrl = oModel.getProperty("/config/navigation_target_url");
+            let iRefreshInterval = oModel.getProperty("/config/service_refresh_interval");
+            const sServiceUrl = oModel.getProperty("/config/service_url");
+            const oViewData = oView.getViewData();
+            const oTileApi = oViewData.chip;
+            const sSystem = oTileApi.url.getApplicationSystem();
 
             if (oViewData.properties && oViewData.properties.info) {
                 if (typeof oResult === "object") {
@@ -508,7 +508,7 @@ sap.ui.define([
                 }
             }
 
-            var oDataToDisplay = tileUtils.getDataToDisplay(oConfig, oResult);
+            const oDataToDisplay = tileUtils.getDataToDisplay(oConfig, oResult);
 
             // set data to display
             oModel.setProperty("/data", oDataToDisplay);
@@ -529,38 +529,38 @@ sap.ui.define([
             if (iRefreshInterval > 0) {
                 iRefreshInterval = Math.max(iRefreshInterval, this.REFRESH_INTERVAL_MIN);
 
-                Log.info("Wait " + iRefreshInterval + " seconds before calling " + sServiceUrl + " again", null, COMPONENT_NAME);
+                Log.info(`Wait ${iRefreshInterval} seconds before calling ${sServiceUrl} again`, null, COMPONENT_NAME);
                 this.refeshAfterInterval(iRefreshInterval);
             }
         },
 
         // error handler
         errorHandlerFn: function (oMessage, bIsWarning) {
-            var oView = this.getView();
-            var oModel = oView.getModel();
-            var sServiceUrl = oModel.getProperty("/config/service_url");
-            var sMessage = oMessage && oMessage.message ? oMessage.message : oMessage;
+            const oView = this.getView();
+            const oModel = oView.getModel();
+            const sServiceUrl = oModel.getProperty("/config/service_url");
+            let sMessage = oMessage && oMessage.message ? oMessage.message : oMessage;
 
             if (oMessage.statusText === "Abort" || oMessage.aborted === true) {
-                Log.info("Data request from service " + sServiceUrl + " was aborted", null, COMPONENT_NAME);
+                Log.info(`Data request from service ${sServiceUrl} was aborted`, null, COMPONENT_NAME);
             } else {
                 if (oMessage.response) {
-                    sMessage += " - " + oMessage.response.statusCode + " "
-                        + oMessage.response.statusText;
+                    sMessage += ` - ${oMessage.response.statusCode} ${
+                        oMessage.response.statusText}`;
                 }
-                var fnLogFunction = bIsWarning ? Log.warning : Log.error;
+                const fnLogFunction = bIsWarning ? Log.warning : Log.error;
 
                 // Display error in English only
-                fnLogFunction("Failed to update data via service\n service URL: " + sServiceUrl + "\n " + sMessage, null, COMPONENT_NAME);
+                fnLogFunction(`Failed to update data via service\n service URL: ${sServiceUrl}\n ${sMessage}`, null, COMPONENT_NAME);
 
                 this._setTileIntoErrorState();
             }
         },
 
         _setTileIntoErrorState: function () {
-            var oResourceBundle = tileUtils.getResourceBundle();
-            var oModel = this.getView().getModel();
-            var oConfig = oModel.getProperty("/config");
+            const oResourceBundle = tileUtils.getResourceBundle();
+            const oModel = this.getView().getModel();
+            const oConfig = oModel.getProperty("/config");
 
             oModel.setProperty("/data",
                 tileUtils.getDataToDisplay(oConfig, {
@@ -572,23 +572,23 @@ sap.ui.define([
         },
 
         // configuration cancel handler
-        onCancelConfiguration: function (oConfigurationView/*, successHandler, errorHandle*/) {
+        onCancelConfiguration: function (oConfigurationView/* , successHandler, errorHandle */) {
             // reload old configuration and display
-            var oViewData = oConfigurationView.getViewData();
-            var oModel = oConfigurationView.getModel();
+            const oViewData = oConfigurationView.getViewData();
+            const oModel = oConfigurationView.getModel();
             // tile model placed into configuration model by getConfigurationUi
-            var oTileModel = oModel.getProperty("/tileModel");
-            var oTileApi = oViewData.chip;
-            var oCurrentConfig = tileUtils.getAppLauncherConfig(oTileApi, false, false);
+            const oTileModel = oModel.getProperty("/tileModel");
+            const oTileApi = oViewData.chip;
+            const oCurrentConfig = tileUtils.getAppLauncherConfig(oTileApi, false, false);
 
             oModel.setData({ config: oCurrentConfig, tileModel: oTileModel }, false);
         },
 
         loadData: function () {
-            var oView = this.getView();
-            var oTileApi = oView.getViewData().chip;
-            var oModel = oView.getModel();
-            var sUrl = oModel.getProperty("/config/service_url");
+            const oView = this.getView();
+            const oTileApi = oView.getViewData().chip;
+            const oModel = oView.getModel();
+            let sUrl = oModel.getProperty("/config/service_url");
 
             if (/;o=([;/?]|$)/.test(sUrl)) { // URL has placeholder segment parameter ;o=
                 sUrl = oTileApi.url.addSystemToServiceUrl(sUrl);
@@ -606,7 +606,7 @@ sap.ui.define([
                     this.oDataRequest.destroy();
                 }
                 this.sRequestUrl = sUrl;
-                var oOptions = {
+                const oOptions = {
                     dataSource: oModel.getProperty("/config/data_source")
                 };
                 this.oDataRequest = new DynamicTileRequest(sUrl, this.successHandlerFn.bind(this), this.errorHandlerFn.bind(this), "", oOptions);
@@ -616,9 +616,9 @@ sap.ui.define([
         },
 
         refreshTile: function () {
-            var oView = this.getView();
-            var oViewData = oView.getViewData();
-            var isVisible = oViewData.chip.visible.isVisible();
+            const oView = this.getView();
+            const oViewData = oView.getViewData();
+            const isVisible = oViewData.chip.visible.isVisible();
             if (isVisible && this.bNeedsRefresh) {
                 this.bNeedsRefresh = false;
                 this.loadData();
@@ -627,13 +627,13 @@ sap.ui.define([
 
         refeshAfterInterval: function (iRefreshInterval) {
             this.iNrOfTimerRunning++;
-            this.timer = window.setTimeout(function () {
+            this.timer = window.setTimeout(() => {
                 this.iNrOfTimerRunning--;
                 if (this.iNrOfTimerRunning === 0) {
                     this.bNeedsRefresh = true;
                     this.refreshTile();
                 }
-            }.bind(this), ushellUtils.sanitizeTimeoutDelay(iRefreshInterval * 1000));
+            }, ushellUtils.sanitizeTimeoutDelay(iRefreshInterval * 1000));
         },
 
         refreshHandler: function () {

package/src/main/js/sap/ushell/components/tiles/applauncherdynamic/DynamicTile.view.js

@@ -11,17 +11,17 @@ sap.ui.define([
     "sap/m/library",
     "sap/m/NumericContent",
     "sap/ushell/components/tiles/applauncherdynamic/DynamicTile.controller" // Controller needs to be loaded
-], function (
+], (
     View,
     GenericTile,
     TileContent,
     mobileLibrary,
     NumericContent
-) {
+) => {
     "use strict";
 
     // shortcut for sap.m.ValueColor
-    var ValueColor = mobileLibrary.ValueColor;
+    const ValueColor = mobileLibrary.ValueColor;
 
     return View.extend("sap.ushell.components.tiles.applauncherdynamic.DynamicTile", {
         getControllerName: function () {
@@ -36,9 +36,9 @@ sap.ui.define([
         },
 
         getTileControl: function () {
-            var oController = this.getController();
+            const oController = this.getController();
 
-            //Return the GenericTile if it already exists instead of creating a new one
+            // Return the GenericTile if it already exists instead of creating a new one
             if (this.getContent().length === 1) {
                 return this.getContent()[0];
             }
@@ -73,11 +73,11 @@ sap.ui.define([
                         }
                     },
                     unit: "{/data/display_number_unit}",
-                    //We'll utilize NumericContent for the "Dynamic" content.
+                    // We'll utilize NumericContent for the "Dynamic" content.
                     content: [new NumericContent({
                         scale: "{/data/display_number_factor}",
                         value: "{/data/display_number_value}",
-                        truncateValueTo: 5, //Otherwise, The default value is 4.
+                        truncateValueTo: 5, // Otherwise, The default value is 4.
                         indicator: "{/data/display_state_arrow}",
                         valueColor: {
                             path: "/data/display_number_state",

package/src/main/js/sap/ushell/components/tiles/cdm/applauncher/Component.js

@@ -3,7 +3,7 @@
 sap.ui.define([
     "sap/ui/core/mvc/XMLView",
     "sap/ui/core/UIComponent"
-], function (XMLView, UIComponent) {
+], (XMLView, UIComponent) => {
     "use strict";
 
     return UIComponent.extend("sap.ushell.components.tiles.cdm.applauncher.Component", {
@@ -16,13 +16,13 @@ sap.ui.define([
             // take tile configuration from manifest - if exists
             // take tile personalization from component properties - if exists
             // merging the tile configuration and tile personalization
-            var oComponentData = this.getComponentData();
-            var oP13n = oComponentData.properties.tilePersonalization || {};
+            const oComponentData = this.getComponentData();
+            const oP13n = oComponentData.properties.tilePersonalization || {};
 
             // adding sap-system to configuration
-            var oStartupParams = oComponentData.startupParameters;
+            const oStartupParams = oComponentData.startupParameters;
             if (oStartupParams && oStartupParams["sap-system"]) {
-                //sap-system is always an array. we take the first value
+                // sap-system is always an array. we take the first value
                 oP13n["sap-system"] = oStartupParams["sap-system"][0];
             }
             return XMLView.create({
@@ -31,14 +31,14 @@ sap.ui.define([
                     properties: oComponentData.properties,
                     configuration: oP13n
                 }
-            }).then(function (oView) {
+            }).then((oView) => {
                 this._oController = oView.getController();
                 oView.getContent()[0].bindTileContent({
                     path: "/properties",
                     factory: this._oController._getTileContent.bind(this._oController)
                 });
                 return oView;
-            }.bind(this));
+            });
         },
 
         // interface to be provided by the tile