@openui5/sap.ui.rta 1.117.1 → 1.118.0

package/src/sap/ui/rta/toolbar/Base.js

@@ -29,13 +29,12 @@ sap.ui.define([
 	 * @extends sap.m.HBox
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.48
 	 * @alias sap.ui.rta.toolbar.Base
-	 * @experimental Since 1.48. This class is experimental. The API might be changed in future.
 	 */
 
 	var Base = HBox.extend("sap.ui.rta.toolbar.Base", {
@@ -68,9 +67,10 @@ sap.ui.define([
 				textResources: "object"
 			}
 		},
-		constructor: function() {
+		// eslint-disable-next-line object-shorthand
+		constructor: function(...aArgs) {
 			// call parent constructor
-			HBox.apply(this, arguments);
+			HBox.apply(this, aArgs);
 
 			this._oExtensions = {};
 			this.setAlignItems("Center");
@@ -97,23 +97,26 @@ sap.ui.define([
 	/**
 	 * @override
 	 */
-	Base.prototype.init = function() {
+	Base.prototype.init = function(...aArgs) {
 		this._oResourceModel = new ResourceModel({
 			bundle: sap.ui.getCore().getLibraryResourceBundle("sap.ui.rta")
 		});
-		HBox.prototype.init.apply(this, arguments);
+		HBox.prototype.init.apply(this, aArgs);
 		// Assign the model object to the SAPUI5 core using the name "i18n"
 		this.setModel(this._oResourceModel, "i18n");
+		this._fnOnScrollBound = this._onScroll.bind(this);
+		window.addEventListener("scroll", this._fnOnScrollBound, true);
 		return this.buildContent();
 	};
 
-	Base.prototype.exit = function() {
+	Base.prototype.exit = function(...aArgs) {
 		Object.values(this._oExtensions).forEach(function(oExtension) {
 			oExtension.destroy();
 		});
 		this._oExtensions = {};
+		window.removeEventListener("scroll", this._fnOnScrollBound, true);
 
-		HBox.prototype.exit.apply(this, arguments);
+		HBox.prototype.exit.apply(this, aArgs);
 	};
 
 	/**
@@ -151,7 +154,7 @@ sap.ui.define([
 	 * @param {sap.ui.base.Event} oEvent - Event object
 	 */
 	Base.prototype.eventHandler = function(sEventName, oEvent) {
-		this["fire" + sEventName](oEvent.getParameters());
+		this[`fire${sEventName}`](oEvent.getParameters());
 	};
 
 	/**
@@ -194,7 +197,7 @@ sap.ui.define([
 		// 1) create Promise and wait until DomRef is available
 		return new Promise(function(fnResolve) {
 			var oDelegate = {
-				onAfterRendering: function() {
+				onAfterRendering() {
 					this.removeEventDelegate(oDelegate);
 					fnResolve();
 				}
@@ -249,7 +252,7 @@ sap.ui.define([
 	 * @public
 	 */
 	Base.prototype.getControl = function(sName) {
-		return sap.ui.getCore().byId("sapUiRta_" + sName);
+		return sap.ui.getCore().byId(`sapUiRta_${sName}`);
 	};
 
 	/**
@@ -260,5 +263,16 @@ sap.ui.define([
 		this.setZIndex(ZIndexManager.getNextZIndex());
 	};
 
+	Base.prototype._onScroll = function() {
+		var oDomElement = this.getDomRef();
+		// In some cases, there is a scroll event before
+		// the DOM Element is created
+		if (!oDomElement) {
+			return;
+		}
+		var sScrollClass = "sapUiRtaToolbar_scrolling";
+		oDomElement.classList.toggle(sScrollClass, window.scrollY > 0);
+	};
+
 	return Base;
 });

package/src/sap/ui/rta/toolbar/BaseRenderer.js

@@ -20,10 +20,10 @@ function(
 
 	BaseRenderer.render = function(oRM, oControl) {
 		oRM.class("sapUiRtaToolbar");
-		oRM.class("color_" + oControl.getColor());
+		oRM.class(`color_${oControl.getColor()}`);
 
 		// setting type if exists
-		oControl.type && oRM.class("type_" + oControl.type);
+		oControl.type && oRM.class(`type_${oControl.type}`);
 
 		// setting z-index if exists
 		var iZIndex = oControl.getZIndex();

package/src/sap/ui/rta/toolbar/FeedbackDialog.fragment.xml

@@ -1,7 +1,7 @@
 <core:FragmentDefinition
-    xmlns:core="sap.ui.core"
-    xmlns="sap.m"
-    xmlns:util="sap.ui.fl.util">
+	xmlns:core="sap.ui.core"
+	xmlns="sap.m"
+	xmlns:util="sap.ui.fl.util">
 	<Dialog
 		id="sapUiRtaFeedbackIFrameDialog"
 		title="{i18n>TIT_FEEDBACK}"
@@ -11,7 +11,7 @@
 		<content>
 			<util:IFrame
 				id="sapUiRtaFeedbackIFrameDialog_iFrame"
-				url="{= ${feedbackModel>/url}}"
+				url="{feedbackModel>/url}"
 				height="46rem"/>
 		</content>
 		<buttons>

package/src/sap/ui/rta/toolbar/Fiori.js

@@ -32,13 +32,12 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.48
 	 * @alias sap.ui.rta.toolbar.Fiori
-	 * @experimental Since 1.48. This class is experimental. API might be changed in future.
 	 */
 	var Fiori = Adaptation.extend("sap.ui.rta.toolbar.Fiori", {
 		metadata: {
@@ -48,19 +47,19 @@ function(
 		type: "fiori"
 	});
 
-	Fiori.prototype.init = function() {
+	Fiori.prototype.init = function(...aArgs) {
 		this._oRenderer = Utils.getFiori2Renderer();
 		this._oFioriHeader = this._oRenderer.getRootControl().getShellHeader();
-		Adaptation.prototype.init.apply(this, arguments);
+		Adaptation.prototype.init.apply(this, aArgs);
 	};
 
-	Fiori.prototype.show = function() {
+	Fiori.prototype.show = function(...aArgs) {
 		this._oFioriHeader.addStyleClass(FIORI_HIDDEN_CLASS);
-		return Adaptation.prototype.show.apply(this, arguments);
+		return Adaptation.prototype.show.apply(this, aArgs);
 	};
 
-	Fiori.prototype.buildControls = function() {
-		return Adaptation.prototype.buildControls.apply(this, arguments).then(function(aControls) {
+	Fiori.prototype.buildControls = function(...aArgs) {
+		return Adaptation.prototype.buildControls.apply(this, aArgs).then(function(aControls) {
 			var sLogoPath = this._oFioriHeader.getLogo();
 
 			if (this._oFioriHeader.getShowLogo() && sLogoPath) {
@@ -81,10 +80,10 @@ function(
 
 				// first control is the left HBox
 				this.getControl("iconBox").addItem(
-					new Image(this.getId() + "_fragment--sapUiRta_icon", {
+					new Image(`${this.getId()}_fragment--sapUiRta_icon`, {
 						src: sLogoPath,
-						width: iWidth ? iWidth + "px" : iWidth,
-						height: iHeight ? iHeight + "px" : iHeight
+						width: iWidth ? `${iWidth}px` : iWidth,
+						height: iHeight ? `${iHeight}px` : iHeight
 					})
 				);
 			}
@@ -95,8 +94,8 @@ function(
 	/**
 	 * @inheritDoc
 	 */
-	Fiori.prototype.hide = function() {
-		return Adaptation.prototype.hide.apply(this, arguments)
+	Fiori.prototype.hide = function(...aArgs) {
+		return Adaptation.prototype.hide.apply(this, aArgs)
 		.then(function() {
 			this._oFioriHeader.removeStyleClass(FIORI_HIDDEN_CLASS);
 		}.bind(this));
@@ -109,8 +108,8 @@ function(
 		if (iWidth !== iNaturalWidth || iHeight !== iNaturalHeight) {
 			Log.error([
 				"sap.ui.rta: please check Fiori Launchpad logo, expected size is",
-				iWidth + "x" + iHeight + ",",
-				"but actual is " + iNaturalWidth + "x" + iNaturalHeight
+				`${iWidth}x${iHeight},`,
+				`but actual is ${iNaturalWidth}x${iNaturalHeight}`
 			].join(" "));
 		}
 	};
@@ -123,7 +122,8 @@ function(
 		Adaptation.prototype._restoreHiddenElements.apply(this);
 	};
 
-	Fiori.prototype._hideElementsOnIntersection = function(sSectionName, aEntries) {
+	Fiori.prototype._hideElementsOnIntersection = function(...aArgs) {
+		const [sSectionName, aEntries] = aArgs;
 		var bWiderThanLogo;
 
 		if (aEntries[0].intersectionRatio === 0) {
@@ -141,12 +141,12 @@ function(
 				this._iLogoVisibilityLimit = this._calculateWindowWidth(aEntries);
 				this._setLogoVisibility(false);
 				if (bWiderThanLogo) {
-					Adaptation.prototype._hideElementsOnIntersection.apply(this, arguments);
+					Adaptation.prototype._hideElementsOnIntersection.apply(this, aArgs);
 				}
 				return;
 			}
 		}
-		Adaptation.prototype._hideElementsOnIntersection.apply(this, arguments);
+		Adaptation.prototype._hideElementsOnIntersection.apply(this, aArgs);
 	};
 
 	Fiori.prototype._setLogoVisibility = function(bVisible) {
@@ -156,11 +156,11 @@ function(
 		oIconSpacer.setVisible(bVisible);
 	};
 
-	Fiori.prototype.destroy = function() {
+	Fiori.prototype.destroy = function(...aArgs) {
 		// In case of destroy() without normal hide() call
 		this._oFioriHeader.removeStyleClass(FIORI_HIDDEN_CLASS);
 
-		Adaptation.prototype.destroy.apply(this, arguments);
+		Adaptation.prototype.destroy.apply(this, aArgs);
 	};
 
 	return Fiori;

package/src/sap/ui/rta/toolbar/FioriLike.js

@@ -20,13 +20,12 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.84
 	 * @alias sap.ui.rta.toolbar.FioriLike
-	 * @experimental Since 1.84. This class is experimental. API might be changed in future.
 	 */
 	var FioriLike = Adaptation.extend("sap.ui.rta.toolbar.FioriLike", {
 		metadata: {

package/src/sap/ui/rta/toolbar/OverflowToolbarButton.js

@@ -23,13 +23,12 @@ sap.ui.define([
 	 * @extends sap.m.OverflowToolbarButton
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.94
 	 * @alias sap.ui.rta.toolbar.OverflowToolbarButton
-	 * @experimental Since 1.94. This class is experimental. The API might be changed in the future.
 	 */
 
 	var OverflowToolbarButton = SapMOverflowToolbarButton.extend("sap.ui.rta.toolbar.OverflowToolbarButton", {
@@ -50,8 +49,8 @@ sap.ui.define([
 	 *
 	 * @private
 	 */
-	OverflowToolbarButton.prototype._onBeforeEnterOverflow = function() {
-		SapMOverflowToolbarButton.prototype._onBeforeEnterOverflow.apply(this, arguments);
+	OverflowToolbarButton.prototype._onBeforeEnterOverflow = function(...aArgs) {
+		SapMOverflowToolbarButton.prototype._onBeforeEnterOverflow.apply(this, aArgs);
 		this.setVisibleIcon(this.getIcon());
 		this.setIcon("");
 	};
@@ -61,8 +60,8 @@ sap.ui.define([
 	 *
 	 * @private
 	 */
-	OverflowToolbarButton.prototype._onAfterExitOverflow = function() {
-		SapMOverflowToolbarButton.prototype._onAfterExitOverflow.apply(this, arguments);
+	OverflowToolbarButton.prototype._onAfterExitOverflow = function(...aArgs) {
+		SapMOverflowToolbarButton.prototype._onAfterExitOverflow.apply(this, aArgs);
 		this.setIcon(this.getVisibleIcon());
 	};
 

package/src/sap/ui/rta/toolbar/Personalization.js

@@ -22,13 +22,12 @@ function(
 	 * @extends sap.ui.rta.toolbar.Base
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.48
 	 * @alias sap.ui.rta.toolbar.Personalization
-	 * @experimental Since 1.48. This class is experimental. API might be changed in future.
 	 */
 	var Personalization = Base.extend("sap.ui.rta.toolbar.Personalization", {
 		renderer: "sap.ui.rta.toolbar.BaseRenderer",
@@ -43,8 +42,9 @@ function(
 				restore: {}
 			}
 		},
-		constructor: function() {
-			Base.apply(this, arguments);
+		// eslint-disable-next-line object-shorthand
+		constructor: function(...aArgs) {
+			Base.apply(this, aArgs);
 			this.setJustifyContent("End");
 		}
 	});

package/src/sap/ui/rta/toolbar/Standalone.js

@@ -20,13 +20,12 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.48
 	 * @alias sap.ui.rta.toolbar.Standalone
-	 * @experimental Since 1.48. This class is experimental. API might be changed in future.
 	 */
 	var Standalone = Adaptation.extend("sap.ui.rta.toolbar.Standalone", {
 		metadata: {

package/src/sap/ui/rta/toolbar/contextBased/ManageAdaptations.js

@@ -17,7 +17,8 @@ sap.ui.define([
 	"sap/ui/model/Filter",
 	"sap/ui/model/FilterOperator",
 	"sap/ui/model/json/JSONModel",
-	"sap/ui/core/date/UI5Date"
+	"sap/ui/core/date/UI5Date",
+	"sap/ui/performance/Measurement"
 ],
 function(
 	Log,
@@ -31,20 +32,21 @@ function(
 	Filter,
 	FilterOperator,
 	JSONModel,
-	UI5Date
+	UI5Date,
+	Measurement
 ) {
 	"use strict";
 
 	var oRanking = {
 		Initial: 0,
 		Default: 1024,
-		Before: function(iRank) {
+		Before(iRank) {
 			return iRank + 1024;
 		},
-		Between: function(iRank1, iRank2) {
+		Between(iRank1, iRank2) {
 			return (iRank1 + iRank2) / 2;
 		},
-		After: function(iRank) {
+		After(iRank) {
 			return iRank + 0.5;
 		}
 	};
@@ -57,17 +59,19 @@ function(
 				}
 			}
 		},
-		constructor: function() {
-			ManagedObject.prototype.constructor.apply(this, arguments);
+		// eslint-disable-next-line object-shorthand
+		constructor: function(...aArgs) {
+			ManagedObject.prototype.constructor.apply(this, aArgs);
 			this.oTextResources = this.getToolbar().getTextResources();
 		}
 	});
 
 	ManageAdaptations.prototype.openManageAdaptationDialog = function() {
+		Measurement.start("onCBAOpenManageAdaptationDialog", "Measurement of opening the manage context-based adaptation dialog");
 		if (!this._oManageAdaptationDialogPromise) {
 			this._oManageAdaptationDialogPromise = Fragment.load({
 				name: "sap.ui.rta.toolbar.contextBased.ManageAdaptationsDialog",
-				id: this.getToolbar().getId() + "_fragment--sapUiRta_manageAdaptationDialog",
+				id: `${this.getToolbar().getId()}_fragment--sapUiRta_manageAdaptationDialog`,
 				controller: {
 					formatContextColumnCell: formatContextColumnCell.bind(this),
 					formatContextColumnTooltip: formatContextColumnTooltip.bind(this),
@@ -94,9 +98,15 @@ function(
 		return this._oManageAdaptationDialogPromise
 		.then(function() {
 			this._oRtaInformation = this.getToolbar().getRtaInformation();
-			return ContextBasedAdaptationsAPI.load({control: this._oRtaInformation.rootControl, layer: this._oRtaInformation.flexSettings.layer});
+			return ContextBasedAdaptationsAPI.load({
+				control: this._oRtaInformation.rootControl,
+				layer: this._oRtaInformation.flexSettings.layer
+			});
 		}.bind(this)).then(function(oAdaptations) {
-			this.oAdaptationsModel = ContextBasedAdaptationsAPI.getAdaptationsModel({control: this._oRtaInformation.rootControl, layer: this._oRtaInformation.flexSettings.layer});
+			this.oAdaptationsModel = ContextBasedAdaptationsAPI.getAdaptationsModel({
+				control: this._oRtaInformation.rootControl,
+				layer: this._oRtaInformation.flexSettings.layer
+			});
 			this.oAdaptationsModel.updateAdaptations(oAdaptations.adaptations);
 			this.oReferenceAdaptationsData = JSON.parse(JSON.stringify(this.oAdaptationsModel.getProperty("/adaptations")));
 			this._oOriginAdaptationsData = JSON.parse(JSON.stringify(this.oAdaptationsModel.getProperty("/allAdaptations")));
@@ -104,6 +114,8 @@ function(
 			this._oManageAdaptationDialog.setModel(this.oAdaptationsModel, "contextBased");
 			this._oManageAdaptationDialog.setModel(this._oControlConfigurationModel, "controlConfiguration");
 			getAdaptationsTable.call(this).attachSelectionChange(onSelectionChange.bind(this));
+			Measurement.end("onCBAOpenManageAdaptationDialog");
+			Measurement.getActive() && Log.info(`onCBAOpenManageAdaptationDialog: ${Measurement.getMeasurement("onCBAOpenManageAdaptationDialog").time} ms`);
 			return this._oManageAdaptationDialog.open();
 		}.bind(this)
 		).catch(function(oError) {
@@ -117,8 +129,8 @@ function(
 
 	// ------ formatting ------
 	function formatContextColumnCell(aRoles) {
-		return aRoles.length + " " + (aRoles.length > 1 ?
-			this.oTextResources.getText("TXT_TABLE_CONTEXT_CELL_ROLES") : this.oTextResources.getText("TXT_TABLE_CONTEXT_CELL_ROLE"));
+		return `${aRoles.length} ${aRoles.length > 1 ?
+			this.oTextResources.getText("TXT_TABLE_CONTEXT_CELL_ROLES") : this.oTextResources.getText("TXT_TABLE_CONTEXT_CELL_ROLE")}`;
 	}
 
 	function formatContextColumnTooltip(aRoles) {
@@ -135,7 +147,7 @@ function(
 			minute: "numeric"
 		};
 		var sLanguage = sap.ui.getCore().getConfiguration().getLanguage();
-		return sModifiedBy + "\n" + oUi5Date.toLocaleTimeString(sLanguage, oOptions);
+		return `${sModifiedBy}\n${oUi5Date.toLocaleTimeString(sLanguage, oOptions)}`;
 	}
 
 	function onSelectionChange(oEvent) {
@@ -176,7 +188,7 @@ function(
 			var oFilterByTitle = new Filter("title", FilterOperator.Contains, sQuery);
 			var oFilterByContextId = new Filter({
 				path: "contexts/role",
-				test: function(aRoles) {
+				test(aRoles) {
 					return aRoles.some(function(sRole) {
 						return sRole.includes(sQuery.toUpperCase());
 					});
@@ -286,7 +298,10 @@ function(
 		// set the rank property and update the model to refresh the bindings
 		this.oAdaptationsModel.setProperty("rank", iNewRank, oDraggedItemContext);
 		sortByRank(this.oAdaptationsModel);
-		var oAllUpdatedAdaptations = Object.assign(this.oAdaptationsModel.getProperty("/allAdaptations"), this.oAdaptationsModel.getProperty("/adaptations"));
+		var oAllUpdatedAdaptations = Object.assign(
+			this.oAdaptationsModel.getProperty("/allAdaptations"),
+			this.oAdaptationsModel.getProperty("/adaptations")
+		);
 		this.oAdaptationsModel.updateAdaptations(oAllUpdatedAdaptations);
 		enableSaveButton.call(this, didAdaptationsPriorityChange.call(this));
 	}
@@ -309,7 +324,7 @@ function(
 	}
 
 	function getControlInDialog(sId) {
-		return this.getToolbar().getControl("manageAdaptationDialog--" + sId);
+		return this.getToolbar().getControl(`manageAdaptationDialog--${sId}`);
 	}
 
 	function getDefaultApplicationTable() {
@@ -350,17 +365,25 @@ function(
 	function onSaveReorderedAdaptations() {
 		Utils.checkDraftOverwrite(this.getToolbar().getModel("versions")).then(function() {
 			var oRtaInformation = this.getToolbar().getRtaInformation();
-			var aAdaptationPriorities = this.oAdaptationsModel.getProperty("/adaptations").map(function(oAdaptation) { return oAdaptation.id; });
-			return ContextBasedAdaptationsAPI.reorder({control: oRtaInformation.rootControl, layer: oRtaInformation.flexSettings.layer, parameters: {priorities: aAdaptationPriorities}});
+			var aAdaptationPriorities = this.oAdaptationsModel.getProperty("/adaptations")
+			.map(function(oAdaptation) { return oAdaptation.id; });
+			return ContextBasedAdaptationsAPI.reorder({
+				control: oRtaInformation.rootControl,
+				layer: oRtaInformation.flexSettings.layer,
+				parameters: {priorities: aAdaptationPriorities}
+			});
 		}.bind(this)).then(function() {
-			var oAllUpdatedAdaptations = Object.assign(this.oAdaptationsModel.getProperty("/allAdaptations"), this.oAdaptationsModel.getProperty("/adaptations"));
+			var oAllUpdatedAdaptations = Object.assign(
+				this.oAdaptationsModel.getProperty("/allAdaptations"),
+				this.oAdaptationsModel.getProperty("/adaptations")
+			);
 			this.oAdaptationsModel.updateAdaptations(oAllUpdatedAdaptations);
 			onCloseDialog.call(this);
 		}.bind(this))
 		.catch(function(oError) {
 			if (oError !== "cancel") {
 				Utils.showMessageBox("error", "MSG_LREP_TRANSFER_ERROR", { titleKey: "BTN_MANAGE_APP_CTX", error: oError});
-				Log.error("sap.ui.rta: " + oError.stack || oError.message || oError);
+				Log.error(`sap.ui.rta: ${oError.stack || oError.message || oError}`);
 			}
 		});
 	}

package/src/sap/ui/rta/toolbar/contextBased/SaveAsAdaptation.js

@@ -15,7 +15,8 @@ sap.ui.define([
 	"sap/ui/fl/write/api/ContextBasedAdaptationsAPI",
 	"sap/ui/fl/write/api/ContextSharingAPI",
 	"sap/ui/rta/Utils",
-	"sap/ui/model/json/JSONModel"
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/performance/Measurement"
 ], function(
 	ManagedObject,
 	Log,
@@ -27,12 +28,13 @@ sap.ui.define([
 	ContextBasedAdaptationsAPI,
 	ContextSharingAPI,
 	Utils,
-	JSONModel
+	JSONModel,
+	Measurement
 ) {
 	"use strict";
 
 	// shortcut for sap.ui.core.ValueState
-	var ValueState = coreLibrary.ValueState;
+	var {ValueState} = coreLibrary;
 
 	/**
 	 * Controller for the <code>sap.ui.rta.toolbar.contextBased.SaveAsAdaptation</code> controls.
@@ -41,7 +43,7 @@ sap.ui.define([
 	 * @class
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
@@ -56,8 +58,9 @@ sap.ui.define([
 				}
 			}
 		},
-		constructor: function() {
-			ManagedObject.prototype.constructor.apply(this, arguments);
+		// eslint-disable-next-line object-shorthand
+		constructor: function(...aArgs) {
+			ManagedObject.prototype.constructor.apply(this, aArgs);
 			this.oTextResources = this.getToolbar().getTextResources();
 		}
 	});
@@ -67,7 +70,7 @@ sap.ui.define([
 		if (!this._oAddAdaptationDialogPromise) {
 			this._oAddAdaptationDialogPromise = Fragment.load({
 				name: "sap.ui.rta.toolbar.contextBased.SaveAsAdaptationDialog",
-				id: this.getToolbar().getId() + "_fragment--sapUiRta_addAdaptationDialog",
+				id: `${this.getToolbar().getId()}_fragment--sapUiRta_addAdaptationDialog`,
 				controller: {
 					onAdaptationTitleChange: onAdaptationTitleChange.bind(this),
 					onSaveAsAdaptation: onSaveAsAdaptation.bind(this),
@@ -165,6 +168,7 @@ sap.ui.define([
 		oContextBasedAdaptation.priority = getAdaptationPriority.call(this);
 		var oRtaInformation = this.getToolbar().getRtaInformation();
 		if (this._bIsEditMode) {
+			Measurement.start("onCBAUpdateAdaptation", "Measurement of updating a context-based adaptation");
 			oContextBasedAdaptation.adaptationId = this._mEditProperties.adaptationId;
 			ContextBasedAdaptationsAPI.update({
 				control: oRtaInformation.rootControl,
@@ -175,6 +179,8 @@ sap.ui.define([
 			.then(function(oContextBasedAdaptation, oResponse) {
 				if (oResponse.status === 200) {
 					this.oAdaptationsModel.updateAdaptationContent(oContextBasedAdaptation);
+					Measurement.end("onCBAUpdateAdaptation");
+					Measurement.getActive() && Log.info(`onCBAUpdateAdaptation: ${Measurement.getMeasurement("onCBAUpdateAdaptation").time} ms`);
 				}
 			}.bind(this, oContextBasedAdaptation))
 			.catch(function(oError) {
@@ -185,6 +191,7 @@ sap.ui.define([
 				Utils.showMessageBox("error", sMessage, oOptions);
 			});
 		} else {
+			Measurement.start("onCBASaveAsAdaptation", "Measurement of saving a context-based adaptation");
 			BusyIndicator.show();
 			ContextBasedAdaptationsAPI.create({
 				control: oRtaInformation.rootControl,
@@ -193,6 +200,8 @@ sap.ui.define([
 			}).then(function() {
 				BusyIndicator.hide();
 				this.getToolbar().fireEvent("switchAdaptation", {adaptationId: oContextBasedAdaptation.id, trigger: "SaveAs"});
+				Measurement.end("onCBASaveAsAdaptation");
+				Measurement.getActive() && Log.info(`onCBASaveAsAdaptation: ${Measurement.getMeasurement("onCBASaveAsAdaptation").time} ms`);
 			}.bind(this)).catch(function(oError) {
 				BusyIndicator.hide();
 				Log.error(oError.stack);