@openui5/sap.ui.documentation 1.98.0 → 1.101.0

package/src/sap/ui/documentation/sdk/controller/Sample.controller.js

@@ -6,45 +6,47 @@
 
 
 sap.ui.define([
-    "sap/ui/thirdparty/jquery",
-    "sap/ui/documentation/sdk/controller/SampleBaseController",
-    "sap/ui/model/json/JSONModel",
-    "sap/ui/core/Component",
-    "sap/ui/core/ComponentContainer",
-    "sap/ui/documentation/sdk/controller/util/ControlsInfo",
-    "sap/ui/documentation/sdk/util/ToggleFullScreenHandler",
-    "sap/m/Text",
-    "sap/ui/core/HTML",
-    "sap/m/library",
-    "sap/base/Log",
+	"sap/ui/documentation/sdk/controller/SampleBaseController",
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/model/resource/ResourceModel",
+	"sap/ui/core/Component",
+	"sap/ui/core/ComponentContainer",
+	"sap/ui/documentation/sdk/controller/util/ControlsInfo",
+	"sap/ui/documentation/sdk/util/ToggleFullScreenHandler",
+	"sap/m/BusyDialog",
+	"sap/m/Text",
+	"sap/ui/core/HTML",
+	"sap/m/library",
+	"sap/base/Log",
 	"sap/base/util/UriParameters",
 	"sap/ui/core/Fragment",
-	"sap/ui/documentation/sdk/util/Resources"
+	"sap/ui/documentation/sdk/util/Resources",
+	"./config/sampleForwardingConfig",
+	"sap/base/strings/capitalize"
 ], function(
-    jQuery,
 	SampleBaseController,
 	JSONModel,
+	ResourceModel,
 	Component,
 	ComponentContainer,
 	ControlsInfo,
 	ToggleFullScreenHandler,
+	BusyDialog,
 	Text,
 	HTML,
 	mobileLibrary,
 	Log,
 	UriParameters,
 	Fragment,
-	ResourcesUtil
+	ResourcesUtil,
+	sampleForwardingConfig,
+	capitalize
 ) {
 		"use strict";
 
 		// shortcut for sap.m.URLHelper
 		var URLHelper = mobileLibrary.URLHelper;
 
-		var COZY = "cozy",
-			COMPACT = "compact",
-			CONDENSED = "condensed";
-
 		return SampleBaseController.extend("sap.ui.documentation.sdk.controller.Sample", {
 			/* =========================================================== */
 			/* lifecycle methods										   */
@@ -60,34 +62,18 @@ sap.ui.define([
 					showNewTab: false,
 					rtaLoaded: false
 				});
-				this._oSampleIframeSettings = {
-					densityMode: COMPACT,
-					themeActive: "sap_fiori_3",
-					rtl: false
-				};
 
 				this._sId = null; // Used to hold sample ID
 				this._sEntityId = null; // Used to hold entity ID for the sample currently shown
-
-				// Load runtime authoring asynchronously
-				if (!ResourcesUtil.getHasProxy()) {
-					Promise.all([
-						sap.ui.getCore().loadLibrary("sap.ui.fl", {async: true}),
-						sap.ui.getCore().loadLibrary("sap.ui.rta", {async: true})
-					]).then(function () {
-						sap.ui.require([
-							"sap/ui/fl/Utils",
-							"sap/ui/fl/FakeLrepConnectorLocalStorage",
-							"sap/ui/core/util/reflection/JsControlTreeModifier"
-						], this._loadRTA.bind(this));
-					}.bind(this));
-				}
+				this.router = this.getRouter();
 
 				this.getView().setModel(this.oModel);
 
 				this.bus = sap.ui.getCore().getEventBus();
 				this.setDefaultSampleTheme();
 				this.bus.subscribe("themeChanged", "onDemoKitThemeChanged", this.onDemoKitThemeChanged, this);
+
+				this.getOwnerComponent()._sSampleIframeOrigin = ResourcesUtil.getConfig() !== "." ? ResourcesUtil.getConfig() : window.origin;
 			},
 
 			/* =========================================================== */
@@ -104,6 +90,14 @@ sap.ui.define([
 				this._sEntityId = event.getParameter("arguments").entityId;
 
 				this.byId("page").setBusy(true);
+
+				if (sampleForwardingConfig[this._sId]) {
+					return this.router.navTo("sample", {
+						entityId: sampleForwardingConfig[this._sId].entityId,
+						sampleId: sampleForwardingConfig[this._sId].sampleId
+					}, true);
+				}
+
 				this.getModel("appView").setProperty("/bHasMaster", false);
 
 				ControlsInfo.loadData().then(this._loadSample.bind(this));
@@ -152,24 +146,17 @@ sap.ui.define([
 
 				// set page title
 				oModelData.title = "Sample: " + oSample.name;
-
-				this._createComponent()
-					.then(function (oComponentContainer) {
+				oModelData.showNewTab = true;
+				oModelData.id = oSample.id;
+				oModelData.name = oSample.name;
+				oModelData.details = oSample.details;
+				oModelData.description = oSample.description;
+				oModelData.showSettings = true;
+
+				this._createIframe()
+					.then(function (oSampleConfig) {
 						// Store a reference to the currently opened sample on the application component
-						this.getOwnerComponent()._oCurrentOpenedSample = oComponentContainer ? oComponentContainer : undefined;
-
-						//get config
-						var oComponent = Component.get(oComponentContainer.getComponent());
-						var oConfig = (oComponent.getMetadata()) ? oComponent.getMetadata().getConfig() : null;
-						var oSampleConfig = oConfig && oConfig.sample || {};
-
-						// only have the option to run standalone if there is an iframe
-						oModelData.showNewTab = !!oSampleConfig.iframe || !!ResourcesUtil.getHasProxy();
-						oModelData.id = oSample.id;
-						oModelData.name = oSample.name;
-						oModelData.details = oSample.details;
-						oModelData.description = oSample.description;
-						oModelData.showSettings = !!ResourcesUtil.getHasProxy();
+						this.getOwnerComponent()._oCurrentOpenedSample = this._oHtmlControl;
 
 						if (oSampleConfig) {
 
@@ -188,31 +175,11 @@ sap.ui.define([
 									this._updateFileContent(sRef, sFile);
 								}
 							}
-
-							if (oSampleConfig.iframe || ResourcesUtil.getHasProxy()) {
-								oComponentContainer = this._createIframe(oComponentContainer, oSampleConfig.iframe);
-							} else {
-								this.sIFrameUrl = null;
-							}
+							// Sets the current iframe URL or restores it to "undefined"
+							oModelData.iframe = oSampleConfig.iframe;
+							oPage.setProperty("enableScrolling", !!oSampleConfig.stretch, true);
 						}
 
-						// Sets the current iframe URL or restores it to "undefined"
-						oModelData.iframe = oSampleConfig.iframe || ResourcesUtil.getHasProxy();
-
-						// handle stretch content
-						var bStretch = !!oSampleConfig.stretch;
-						var sHeight = bStretch ? "100%" : null;
-						oPage.setEnableScrolling(!bStretch);
-						if (oComponentContainer.setHeight) {
-							oComponentContainer.setHeight(sHeight);
-						}
-						// add content
-						oPage.removeAllContent();
-						oPage.addContent(oComponentContainer);
-
-						// scroll to top of page
-						oPage.scrollTo(0);
-
 						this.getAPIReferenceCheckPromise(oSample.entityId).then(function (bHasAPIReference) {
 							this.getView().byId("apiRefButton").setVisible(bHasAPIReference);
 						}.bind(this));
@@ -236,41 +203,59 @@ sap.ui.define([
 			 * @public
 			 */
 			handleSettings: function () {
-				var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-					oSampleFrameCore = oSampleFrame.sap.ui.getCore(),
-					oView;
 
 				if (!this._oMessageBundle) {
-					this._oMessageBundle = new oSampleFrame.sap.ui.model.resource.ResourceModel({
+					this._oMessageBundle = new ResourceModel({
 						bundleName: "sap.ui.documentation.messagebundle"
 					});
 				}
 
 				if (!this._oSettingsDialog) {
-					this._oSettingsDialog = new oSampleFrame.sap.ui.xmlfragment("sap.ui.documentation.sdk.view.appSettingsDialog", this);
+					this._oSettingsDialog = sap.ui.xmlfragment("sample", "sap.ui.documentation.sdk.view.appSettingsDialog", this);
 
-					oView = oSampleFrameCore.byId("__xmlview0");
-					oView.setModel(this._oMessageBundle, "i18n");
-					oView.addDependent(this._oSettingsDialog);
+					// oView = sap.ui.getCore().byId("__xmlview0") || sap.ui.getCore().byId("__container0");
+					this._oSettingsDialog.setModel(this._oMessageBundle, "i18n");
+					// oView.addDependent(this._oSettingsDialog);
 				}
 
-				setTimeout(function () {
-					var oAppSettings = oSampleFrameCore.getConfiguration(),
-						oThemeSelect = oSampleFrameCore.byId("ThemeSelect"),
-						sUriParamTheme = UriParameters.fromQuery(window.location.search).get("sap-theme"),
-						bDensityMode = this._oSampleIframeSettings.densityMode;
+				this.loadSampleSettings().then(function() {
+					this._oSettingsDialog.open();
+				}.bind(this)).catch(function(err) {
+					Log.error(err);
+				});
+			},
 
-					// Theme select
-					oThemeSelect.setSelectedKey(sUriParamTheme ? sUriParamTheme : oAppSettings.getTheme());
+			loadSampleSettings: function() {
+				return new Promise(function (resolve, reject) {
+					var oIframe = this._oHtmlControl.getDomRef();
+					oIframe.contentWindow.postMessage({
+						type: "SETTINGS",
+						reason: "get"
+					}, this.getOwnerComponent()._sSampleIframeOrigin);
 
-					// RTL
-					oSampleFrameCore.byId("RTLSwitch").setState(oAppSettings.getRTL());
+					window.addEventListener("message", loadSettings);
 
-					// Density mode select
-					oSampleFrameCore.byId("DensityModeSwitch").setSelectedKey(bDensityMode);
+					function loadSettings(eMessage) {
+						if (eMessage.data.type === "SETTINGS") {
+							var oThemeSelect = sap.ui.getCore().byId("sample--ThemeSelect");
 
-					this._oSettingsDialog.open();
-				}.bind(this), 0);
+						// Theme select
+						oThemeSelect.setSelectedKey(eMessage.data.data.theme);
+
+						// RTL
+						sap.ui.getCore().byId("sample--RTLSwitch").setState(eMessage.data.data.RTL);
+
+						// Density mode select
+						sap.ui.getCore().byId("sample--DensityModeSwitch").setSelectedKey(eMessage.data.data.density.slice(9).toLowerCase());
+
+						window.removeEventListener("message", loadSettings);
+						resolve();
+						}
+					}
+					setTimeout(function() {
+						reject("The sample iframe is not loading settings");
+					},3000);
+				}.bind(this));
 			},
 
 			/**
@@ -282,22 +267,17 @@ sap.ui.define([
 			},
 
 			handleSaveAppSettings: function () {
-				var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-					oSampleFrameCore = oSampleFrame.sap.ui.getCore(),
-					sDensityMode = oSampleFrameCore.byId("DensityModeSwitch").getSelectedKey(),
-					sTheme = oSampleFrameCore.byId("ThemeSelect").getSelectedKey(),
-					bRTL = oSampleFrameCore.byId("RTLSwitch").getState(),
-					oView = oSampleFrameCore.byId("__xmlview0");
+				var	sDensityMode = sap.ui.getCore().byId("sample--DensityModeSwitch").getSelectedKey(),
+					sTheme = sap.ui.getCore().byId("sample--ThemeSelect").getSelectedKey(),
+					bRTL = sap.ui.getCore().byId("sample--RTLSwitch").getState();
 
 				this._oSettingsDialog.close();
 
 				// Lazy loading of busy dialog
 				if (!this._oBusyDialog) {
-					oSampleFrame.sap.ui.require(["sap/m/BusyDialog"], function () {
-						this._oBusyDialog = new oSampleFrame.sap.m.BusyDialog();
-						oView.addDependent(this._oBusyDialog);
-						this._handleBusyDialog();
-					}.bind(this));
+					this._oBusyDialog = new BusyDialog();
+					// oView.addDependent(this._oBusyDialog);
+					this._handleBusyDialog();
 				} else {
 					this._handleBusyDialog();
 				}
@@ -314,45 +294,16 @@ sap.ui.define([
 			 * @private
 			 */
 			_applyAppConfiguration: function(sThemeActive, sDensityMode, bRTL){
-				var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-					oSampleFrameCore = oSampleFrame.sap.ui.getCore();
-
-				if (this._oSampleIframeSettings.densityMode !== sDensityMode) {
-					this._oSampleIframeSettings.densityMode = sDensityMode;
-					this._toggleContentDensityClasses(oSampleFrame.jQuery("body"), sDensityMode);
-				}
-
-				if (this._oSampleIframeSettings.rtl !== bRTL) {
-					oSampleFrameCore.getConfiguration().setRTL(bRTL);
-					this._oSampleIframeSettings.rtl = bRTL;
-				}
-
-				if (oSampleFrameCore.getConfiguration().getTheme() !== sThemeActive) {
-					oSampleFrameCore.applyTheme(sThemeActive);
-					this._oSampleIframeSettings.themeActive = sThemeActive;
-				} else if (this._oSampleIframeSettings.densityMode !== sDensityMode) {
-					// Notify Core for content density change only if no theme change happened
-					oSampleFrameCore.notifyContentDensityChanged();
-				}
-			},
-
-			/**
-			 * Toggles content density classes in the provided html body
-			 * @param {object} oBody the html body to set the correct class on
-			 * @param {string} sDensityMode content density mode
-			 * @private
-			 */
-			_toggleContentDensityClasses: function(oBody, sDensityMode){
-				switch (sDensityMode) {
-					case COMPACT:
-						oBody.toggleClass("sapUiSizeCompact", true).toggleClass("sapUiSizeCozy", false).toggleClass("sapUiSizeCondensed", false);
-						break;
-					case CONDENSED:
-						oBody.toggleClass("sapUiSizeCondensed", true).toggleClass("sapUiSizeCozy", false).toggleClass("sapUiSizeCompact", true);
-						break;
-					default:
-						oBody.toggleClass("sapUiSizeCozy", true).toggleClass("sapUiSizeCondensed", false).toggleClass("sapUiSizeCompact", false);
-				}
+				var oIframe = this._oHtmlControl.getDomRef();
+				oIframe.contentWindow.postMessage({
+					type: "SETTINGS",
+					reason: "set",
+					data: {
+						"density": "sapUiSize" + capitalize(sDensityMode),
+						"RTL": bRTL,
+						"theme": sThemeActive
+					}
+				}, this.getOwnerComponent()._sSampleIframeOrigin);
 			},
 
 			/**
@@ -422,7 +373,7 @@ sap.ui.define([
 			/**
 			 * Extends the sSampleId with the relative path defined in sIframePath and returns the resulting path.
 			 * @param {string} sSampleId
-			 * @param {string} sIframe
+			 * @param {string} sIframePath
 			 * @returns {string}
 			 * @private
 			 */
@@ -443,140 +394,93 @@ sap.ui.define([
 				return sSampleId;
 			},
 
-			_createIframe : function (oIframeContent, vIframe) {
-				var sSampleId = this._sId,
+			_createIframe : function () {
+				return new Promise(function (resolve, reject) {
+					var sSampleId = this._sId,
 					sIframePath = "",
 					rExtractFilename = /\/([^\/]*)$/,// extracts everything after the last slash (e.g. some/path/index.html -> index.html)
 					rStripUI5Ending = /\..+$/,// removes everything after the first dot in the filename (e.g. someFile.qunit.html -> .qunit.html)
 					aFileNameMatches,
 					sFileName,
-					sFileEnding;
-
-				if (typeof vIframe === "string") {
-					sIframePath = this._resolveIframePath(sSampleId, vIframe);
-
-					// strip the file extension to be able to use jQuery.sap.getModulePath
-					aFileNameMatches = rExtractFilename.exec(vIframe);
-					sFileName = (aFileNameMatches && aFileNameMatches.length > 1 ? aFileNameMatches[1] : vIframe);
-					sFileEnding = rStripUI5Ending.exec(sFileName)[0];
-					var sIframeWithoutUI5Ending = sFileName.replace(rStripUI5Ending, "");
-
-					// combine namespace with the file name again
-					this.sIFrameUrl = sap.ui.require.toUrl((sIframePath + "/" + sIframeWithoutUI5Ending).replace(/\./g, "/")) + sFileEnding || ".html";
-				} else if (ResourcesUtil.getHasProxy()) {
-					var sSamplePath =  ResourcesUtil.getResourceOriginPath(sap.ui.require.toUrl(this._sId.replace(/\./g, "/"))),
-						sSampleOrigin = (window['sap-ui-documentation-config'] && window['sap-ui-documentation-config'].demoKitResourceOrigin) || "",
-						sSampleVersion = ResourcesUtil.getResourcesVersion();
+					sFileEnding,
+					vIframe;
 
-					this.sIFrameUrl =
-						"resources/sap/ui/documentation/sdk/index.html" +
-						"?sap-ui-xx-sample-id=" + sSampleId
-						+ "&&sap-ui-xx-sample-path=" + sSamplePath
-						+ "&&sap-ui-xx-sample-origin=" + sSampleOrigin
-						+ "&&sap-ui-xx-sample-version=" + sSampleVersion;
-				} else {
-					Log.error("no iframe source was provided");
-					return;
-				}
-
-				if (!this._oHtmlControl) {
-					var oComponent = this.getOwnerComponent();
-
-					// Guarantees the sample initially to have the same content density, as the whole Demo Kit
-					switch (oComponent.getContentDensityClass()) {
-						case "sapUiSizeCompact":
-							this._oSampleIframeSettings.densityMode = COMPACT;
-							break;
-						case "sapUiSizeCondensed":
-							this._oSampleIframeSettings.densityMode = CONDENSED;
-							break;
-						default:
-							this._oSampleIframeSettings.densityMode = COZY;
-					}
+					this.fResolve = resolve;
+					this.fReject = reject;
+					var sSampleOrigin = (window['sap-ui-documentation-config'] && window['sap-ui-documentation-config'].demoKitResourceOrigin) || "",
+						sSampleVersion = ResourcesUtil.getResourcesVersion();
 
-					this._oHtmlControl = new HTML({
-						id : "sampleFrame",
-						content : '<iframe src="' + this.sIFrameUrl + '" id="sampleFrame" frameBorder="0"></iframe>'
-					}).addEventDelegate({
-						onAfterRendering : function () {
-
-							// Do not attach on "load" event on every onAfterRendering of the HTML control
-							if (!this._oHtmlControl._jQueryHTMLControlLoadEventAttached) {
-								this._oHtmlControl.$().on("load", function () {
-									var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-										oSampleFrameCore = oSampleFrame.sap.ui.getCore(),
-										oFrame = document.getElementById("sampleFrame");
-
-									this._oMessageBundle = null;
-									this._oSettingsDialog = null;
-									this._oBusyDialog = null;
-
-									if (this.oModel.getData().iframe) {
-										Promise.all([
-											oSampleFrameCore.loadLibrary("sap.ui.fl", {async: true}),
-											oSampleFrameCore.loadLibrary("sap.ui.rta", {async: true})
-										]).then(function () {
-											oSampleFrame.sap.ui.require([
-												"sap/ui/fl/Utils",
-												"sap/ui/fl/FakeLrepConnectorLocalStorage",
-												"sap/ui/core/util/reflection/JsControlTreeModifier"
-											], this._loadRTA.bind(this));
-										}.bind(this));
-
-
-										oFrame.onToggleAdaptationMode = function () {
-											oSampleFrame.sap.ui.require([
-												"sap/ui/rta/api/startKeyUserAdaptation"
-											], function (
-												startKeyUserAdaptation
-											) {
-												if (!this._oRTA) {
-													var oContainer = oSampleFrameCore.byId("__container0");
-
-													startKeyUserAdaptation({
-														rootControl : oContainer.getComponentInstance()
-													}).then(function(oRta) {
-														this._oRTA = oRta;
-														oContainer.$().css({"padding-top": "2.5rem", "box-sizing": "border-box"});
-														this._oRTA.attachStop(function () {
-															oContainer.$().css({"padding-top": "0", "box-sizing": "content-box"});
-															this._oRTA.destroy();
-															delete this._oRTA;
-														}.bind(this));
-													}.bind(this));
-												}
-											}.bind(this));
-										};
+					this.sIFrameUrl = ResourcesUtil.getResourceOrigin() +
+						"/resources/sap/ui/documentation/sdk/index.html" +
+						(new URL(document.location.href).search ? new URL(document.location.href).search + "&" : "?") +
+						"sap-ui-xx-sample-id=" + sSampleId
+						+ "&sap-ui-xx-sample-origin=" + sSampleOrigin + sSampleVersion
+						+ "&sap-ui-xx-dk-origin=" + window.location.origin;
+
+					if (!this._oHtmlControl) {
+
+						var fnMessage =  function (eMessage) {
+							if (eMessage.data.type === "INIT") {
+								var oConfiguration = sap.ui.getCore().getConfiguration();
+								if (eMessage.data.config && eMessage.data.config.sample && eMessage.data.config.sample.iframe) {
+									sSampleId = this._sId;
+									vIframe = eMessage.data.config.sample.iframe;
+									sIframePath = this._resolveIframePath(sSampleId, vIframe);
+
+									//vlaid only for samples that contains own index.html
+									// strip the file extension to be able to use jQuery.sap.getModulePath
+									aFileNameMatches = rExtractFilename.exec(vIframe);
+									sFileName = (aFileNameMatches && aFileNameMatches.length > 1 ? aFileNameMatches[1] : vIframe);
+									sFileEnding = rStripUI5Ending.exec(sFileName)[0];
+									var sIframeWithoutUI5Ending = sFileName.replace(rStripUI5Ending, "");
+
+									// combine namespace with the file name again
+									this.sIFrameUrl = (sap.ui.require.toUrl((sIframePath + "/" + sIframeWithoutUI5Ending).replace(/\./g, "/")) + sFileEnding || ".html")
+									+ "?sap-ui-theme=" + sap.ui.getCore().getConfiguration().getTheme();
+									this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
+								}
+								this._oHtmlControl.getDomRef().contentWindow.postMessage({
+									type: "SETTINGS",
+									reason: "set",
+									data: {
+										"density": this.getOwnerComponent().getContentDensityClass(),
+										"RTL": oConfiguration.getRTL(),
+										"theme": oConfiguration.getTheme()
 									}
-
-									// Apply theme settings to iframe sample
-									oSampleFrame.sap.ui.getCore().attachInit(function () {
-										oSampleFrameCore.applyTheme(ResourcesUtil.getHasProxy() ?
-											this._oSampleIframeSettings.themeActive : this._oCore.getConfiguration().getTheme());
-										oSampleFrameCore.getConfiguration().setRTL(ResourcesUtil.getHasProxy() ?
-											this._oSampleIframeSettings.rtl : this._oCore.getConfiguration().getRTL());
-										this._toggleContentDensityClasses(oSampleFrame.jQuery('body'), this._oSampleIframeSettings.densityMode);
-
-										// Notify Core for content density change
-										oSampleFrameCore.notifyContentDensityChanged();
-									}.bind(this));
-								}.bind(this));
-
-								this._oHtmlControl._jQueryHTMLControlLoadEventAttached = true;
+								}, this.getOwnerComponent()._sSampleIframeOrigin);
+								this.fResolve(eMessage.data.config.sample);
+							} else if (eMessage.data.type === "ERR") {
+								this.fReject(eMessage.data.data.msg);
+							} else if (eMessage.data.type === "RTA") {
+								this._loadRTA.call(this);
 							}
+						}.bind(this);
+
+						this._oHtmlControl = new HTML({
+							id : "sampleFrame",
+							content : '<iframe src="' + this.sIFrameUrl + '" id="sampleFrame" frameBorder="0"></iframe>'
+						}).addEventDelegate({
+							onBeforeRendering: function () {
+								window.removeEventListener("message", fnMessage);
+							}
+						})
+						.addEventDelegate({
+							onAfterRendering: function () {
+								window.addEventListener("message", fnMessage);
+							}
+						});
+					} else {
+						// If we already have the control just navigate to the new URL
+						this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
+					}
+					this.byId("page").removeAllContent();
+					this.byId("page").addContent(this._oHtmlControl);
 
-						}.bind(this)
-					});
-				} else {
-					// If we already have the control just navigate to the new URL
-					this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
-				}
-
-				return this._oHtmlControl;
-
+				}.bind(this));
 			},
 
 			_createComponent : function () {
+
 				// create component only once
 				var sCompId = 'sampleComp-' + this._sId;
 				var sCompName = this._sId;
@@ -605,10 +509,10 @@ sap.ui.define([
 			},
 
 			onDemoKitThemeChanged: function(sChannelId, sEventId, oData) {
-				if (this._oHtmlControl && !ResourcesUtil.getHasProxy()) {
-					this._oHtmlControl.$()[0].contentWindow.sap.ui.getCore().applyTheme(oData.sThemeActive);
+				if (this._oHtmlControl && this.getModel().getProperty("/iframe")) {
+					this._applySearchParamValueToIframeURL("sap-ui-theme", oData.sThemeActive);
+					this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
 				}
-				this.setDefaultSampleTheme();
 			},
 
 			onNavBack : function (oEvt) {
@@ -646,24 +550,9 @@ sap.ui.define([
 				this.sIFrameUrl = this.sIFrameUrl + decodeURI(oIFrameURL.search);
 			},
 
-			_loadRTA: function (
-					Utils,
-					FakeLrepConnectorLocalStorage,
-					JsControlTreeModifier
-				) {
+			_loadRTA: function () {
 					var oModelData = this.oModel.getData();
 
-					// fake stable IDs
-					JsControlTreeModifier.checkControlId = function () {
-						return true;
-					};
-					Utils.checkControlId = function() {
-						return true;
-					};
-
-					FakeLrepConnectorLocalStorage.enableFakeConnector({
-						"isProductiveSystem": true
-					});
 					oModelData.rtaLoaded = true;
 
 					this.oModel.setData(oModelData);
@@ -677,29 +566,17 @@ sap.ui.define([
 			},
 
 			onToggleAdaptationMode : function (oEvt) {
-				if (this.oModel.getData().iframe) {
-					window.document.getElementsByTagName("iframe")[0].onToggleAdaptationMode();
-					return;
+				if (!this._oHtmlControl || !this._oHtmlControl.getDomRef()) {
+					return false;
 				}
-				sap.ui.require([
-					"sap/ui/rta/api/startKeyUserAdaptation"
-				], function (
-					startKeyUserAdaptation
-				) {
-					if (!this._oRTA) {
-						var oContainer = this.byId("page").getContent()[0];
-
-						startKeyUserAdaptation({
-							rootControl : oContainer.getComponentInstance()
-						}).then(function(oRta) {
-							this._oRTA = oRta;
-							this._oRTA.attachStop(function () {
-								this._oRTA.destroy();
-								delete this._oRTA;
-							}.bind(this));
-						}.bind(this));
+
+				var oIframe = this._oHtmlControl.getDomRef();
+				oIframe.contentWindow.postMessage({
+					type: "RTA",
+					data: {
+						"msg": "Start the RTA"
 					}
-				}.bind(this));
+				}, this.getOwnerComponent()._sSampleIframeOrigin);
 			},
 
 			onRouteNotFound: function() {