@openui5/sap.ui.documentation 1.97.1 → 1.99.1

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

@@ -17,8 +17,10 @@ sap.ui.define([
     "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"
 ], function(
     jQuery,
 	SampleBaseController,
@@ -31,14 +33,20 @@ sap.ui.define([
 	HTML,
 	mobileLibrary,
 	Log,
+	UriParameters,
 	Fragment,
-	ResourcesUtil
+	ResourcesUtil,
+	sampleForwardingConfig
 ) {
 		"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										   */
@@ -54,15 +62,29 @@ 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
+				this.router = this.getRouter();
 
 				// Load runtime authoring asynchronously
-				Promise.all([
-					sap.ui.getCore().loadLibrary("sap.ui.fl", {async: true}),
-					sap.ui.getCore().loadLibrary("sap.ui.rta", {async: true})
-				]).then(this._loadRTA.bind(this));
+				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.getView().setModel(this.oModel);
 
@@ -85,6 +107,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));
@@ -145,11 +175,12 @@ sap.ui.define([
 						var oSampleConfig = oConfig && oConfig.sample || {};
 
 						// only have the option to run standalone if there is an iframe
-						oModelData.showNewTab = !!oSampleConfig.iframe || ResourcesUtil.getHasProxy();
+						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();
 
 						if (oSampleConfig) {
 
@@ -211,6 +242,141 @@ sap.ui.define([
 					});
 			},
 
+			/**
+			 * Opens the View settings dialog
+			 * @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({
+						bundleName: "sap.ui.documentation.messagebundle"
+					});
+				}
+
+				if (!this._oSettingsDialog) {
+					this._oSettingsDialog = new oSampleFrame.sap.ui.xmlfragment("sap.ui.documentation.sdk.view.appSettingsDialog", this);
+
+					oView = oSampleFrameCore.byId("__xmlview0");
+					oView.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;
+
+					// Theme select
+					oThemeSelect.setSelectedKey(sUriParamTheme ? sUriParamTheme : oAppSettings.getTheme());
+
+					// RTL
+					oSampleFrameCore.byId("RTLSwitch").setState(oAppSettings.getRTL());
+
+					// Density mode select
+					oSampleFrameCore.byId("DensityModeSwitch").setSelectedKey(bDensityMode);
+
+					this._oSettingsDialog.open();
+				}.bind(this), 0);
+			},
+
+			/**
+			 * Closes the View settings dialog
+			 * @public
+			 */
+			handleCloseAppSettings: function () {
+				this._oSettingsDialog.close();
+			},
+
+			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");
+
+				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));
+				} else {
+					this._handleBusyDialog();
+				}
+
+				// handle settings change
+				this._applyAppConfiguration(sTheme, sDensityMode, bRTL);
+			},
+
+			/**
+			 * Apply content configuration
+			 * @param {string} sThemeActive name of the theme
+			 * @param {string} sDensityMode content density mode
+			 * @param {boolean} bRTL right to left mode
+			 * @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);
+				}
+			},
+
+			/**
+			 * Handles View settings dialog
+			 * @public
+			 */
+			_handleBusyDialog : function () {
+				this._oBusyDialog.open();
+				setTimeout(function () {
+					this._oBusyDialog.close();
+				}.bind(this), 1000);
+			},
+
 			_updateFileContent: function(sRef, sFile) {
 				this.fetchSourceFile(sRef + "/" + sFile).then(function(vContent) {
 					var aFiles = this.oModel.getProperty("/files");
@@ -267,7 +433,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
 			 */
@@ -325,6 +491,20 @@ sap.ui.define([
 				}
 
 				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._oHtmlControl = new HTML({
 						id : "sampleFrame",
 						content : '<iframe src="' + this.sIFrameUrl + '" id="sampleFrame" frameBorder="0"></iframe>'
@@ -335,17 +515,58 @@ sap.ui.define([
 							if (!this._oHtmlControl._jQueryHTMLControlLoadEventAttached) {
 								this._oHtmlControl.$().on("load", function () {
 									var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-										oSampleFrameCore = oSampleFrame.sap.ui.getCore();
+										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));
+										};
+									}
 
 									// Apply theme settings to iframe sample
 									oSampleFrame.sap.ui.getCore().attachInit(function () {
-										var bCompact = jQuery(document.body).hasClass("sapUiSizeCompact");
-
-										oSampleFrameCore.applyTheme(ResourcesUtil.getHasProxy() ? this._sDefaultSampleTheme : this._oCore.getConfiguration().getTheme());
-										oSampleFrameCore.getConfiguration().setRTL(this._oCore.getConfiguration().getRTL());
-										oSampleFrame.jQuery('body')
-											.toggleClass("sapUiSizeCompact", bCompact)
-											.toggleClass("sapUiSizeCozy", !bCompact);
+										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();
@@ -395,7 +616,7 @@ sap.ui.define([
 			},
 
 			onDemoKitThemeChanged: function(sChannelId, sEventId, oData) {
-				if (this._oHtmlControl) {
+				if (this._oHtmlControl && !ResourcesUtil.getHasProxy()) {
 					this._oHtmlControl.$()[0].contentWindow.sap.ui.getCore().applyTheme(oData.sThemeActive);
 				}
 				this.setDefaultSampleTheme();
@@ -436,12 +657,7 @@ sap.ui.define([
 				this.sIFrameUrl = this.sIFrameUrl + decodeURI(oIFrameURL.search);
 			},
 
-			_loadRTA: function () {
-				sap.ui.require([
-					"sap/ui/fl/Utils",
-					"sap/ui/fl/FakeLrepConnectorLocalStorage",
-					"sap/ui/core/util/reflection/JsControlTreeModifier"
-				], function (
+			_loadRTA: function (
 					Utils,
 					FakeLrepConnectorLocalStorage,
 					JsControlTreeModifier
@@ -469,18 +685,23 @@ sap.ui.define([
 							this._oRTA = null;
 						}
 					}, this);
-				}.bind(this));
 			},
 
 			onToggleAdaptationMode : function (oEvt) {
+				if (this.oModel.getData().iframe) {
+					window.document.getElementsByTagName("iframe")[0].onToggleAdaptationMode();
+					return;
+				}
 				sap.ui.require([
 					"sap/ui/rta/api/startKeyUserAdaptation"
 				], function (
 					startKeyUserAdaptation
 				) {
 					if (!this._oRTA) {
+						var oContainer = this.byId("page").getContent()[0];
+
 						startKeyUserAdaptation({
-							rootControl : this.byId("page").getContent()[0].getComponentInstance()
+							rootControl : oContainer.getComponentInstance()
 						}).then(function(oRta) {
 							this._oRTA = oRta;
 							this._oRTA.attachStop(function () {

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

@@ -405,7 +405,7 @@ sap.ui.define([
 			/**
 			 *  Iterates over all links marked as external and adds a icon and disclaimer proxy
 			 *
-			 * @param oElement, the dom ref to the container
+			 * @param {Element} oElement the DOM ref to the container
 			 * @private
 			 */
 			_fixExternalLinks: function (oElement) {
@@ -432,7 +432,7 @@ sap.ui.define([
 			 *  1. First loop - calculates the sum of all colgroup children
 			 *  2. Second loop - transforms the origin values to percent
 			 *
-			 * @param oElement, the dom ref to the container
+			 * @param {Element} oElement the DOM ref to the container
 			 * @private
 			 */
 			_computeColumnGroupValues: function (oElement) {
@@ -471,8 +471,8 @@ sap.ui.define([
 			 * 1) The link is a non SAP and the icon image is link-external.png
 			 * 2) The link is a SAP and the icon image is link-sap.png
 			 *
-			 * @param aDomRef, the dom ref to the external link
-			 * @param sHref, the url string
+			 * @param {Element} aDomRef the DOM ref to the external link
+			 * @param {string} sHref the url string
 			 * @private
 			 */
 			_addIconToExternalUrl: function (aDomRef, sHref) {
@@ -529,9 +529,9 @@ sap.ui.define([
 			 * 3) The first seven symbols from the ID used in the Demo Kit URLs are added at the end
 			 * 4) The file type is added at the end “.md”
 			 *
-			 * @param sUrl, the url of the file in the internal repo
-			 * @param sTitle, the title of the file
-			 * @returns {string}, the url of the file in the GitHub repo
+			 * @param {string} sUrl the url of the file in the internal repo
+			 * @param {string} sTitle the title of the file
+			 * @returns {string} the url of the file in the GitHub repo
 			 * @private
 			 */
 			_formatToGitHubUrl: function(sUrl, sTitle) {

package/src/sap/ui/documentation/sdk/controller/config/sampleForwardingConfig.js

@@ -0,0 +1,40 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([], function () {
+	"use strict";
+
+	return {
+		"sap.f.sample.IllustratedMessageInCardNoActivities": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInCardNoActivities"
+		},
+		"sap.f.sample.IllustratedMessageInCardNoEmail": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInCardNoEmail"
+		},
+		"sap.f.sample.IllustratedMessageInDialog": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInDialog"
+		},
+		"sap.f.sample.IllustratedMessageInPage": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInPage"
+		},
+		"sap.f.sample.IllustratedMessageInPageTNT": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInPageTNT"
+		},
+		"sap.f.sample.IllustratedMessageSessionTimeout": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageSessionTimeout"
+		},
+		"sap.f.sample.Avatar": {
+			entityId: "sap.m.Avatar",
+			sampleId: "sap.m.sample.Avatar"
+		}
+	};
+});

package/src/sap/ui/documentation/sdk/controller/util/datatable/filters/DataTableFilterDropDownRenderer.js

@@ -34,6 +34,7 @@ sap.ui.define([],
             oRm.text('Filter');
             oRm.close('a');
             oRm.openStart("ul", oControl.getId() + "-optionsList");
+			oRm.attr("tabindex", 0);
             if (!oControl.getProperty("expanded")){
                 oRm.style("display", "none");
             }
@@ -56,9 +57,14 @@ sap.ui.define([],
                     oRm.attr("checked", "true");
                 }
                 oRm.attr("type", "checkbox");
+				oRm.attr("id", "dropDownFilterOption" + index);
                 oRm.attr("index", index);
                 oRm.voidEnd();
-                oRm.text(sOption);
+				oRm.openStart("label");
+				oRm.attr("for", "dropDownFilterOption" + index);
+				oRm.openEnd("label");
+				oRm.text(sOption);
+				oRm.close("label");
                 oRm.close("li");
             });
 

package/src/sap/ui/documentation/sdk/css/style.css

@@ -1816,12 +1816,21 @@ html[dir="rtl"] .sapUiDemoKitTreeItemIcon {
 .sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel:after {
 	content: "";
 	position: absolute;
-	bottom: 0;
+	bottom: 0.188rem;
 	left: 0.5rem;
 	right: 2.5rem;
 	padding-right: 1rem;
 	border-bottom: 0.188rem solid #d1e8ff;
-	border-radius: 0.125rem 0.125rem 0 0;
+	border-radius: 0.125rem;
+}
+
+.sapUiTheme-sap_fiori_3.sapUiMedia-Std-Phone .sapTntToolHeader .sapMSlt.sapUiDocumentationSelect,
+.sap-phone .sapTntToolHeader .sapMSlt.sapUiDocumentationSelect {
+	height: 2.75rem;
+}
+
+.sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel {
+	border: none;
 }
 
 /* SAP Quartz Light theme - end */

package/src/sap/ui/documentation/sdk/index.html

@@ -3,6 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval';"/>
 	<title>SAPUI5 Navigation</title>
 	<script>
 
@@ -10,24 +11,37 @@
 			sSamplePath = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-path'),
 			sOrigin = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-origin'),
 			sVersion = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-version'),
-
+			sOriginEncoded,
+			oBaseTag,
+			oScriptTag,
 			oPath = {};
+
 		if (!sOrigin || sOrigin == ".") {
 			sOrigin = window.location.origin + (window.location.pathname.includes("testsuite") ? "/testsuite" : "");
 		} else {
-			sOrigin = sOrigin + sVersion;
+			sOrigin = new URL(sOrigin, document.baseURI).pathname + sVersion;
 		}
 
-		oPath[sSampleId.replace(/\./g, "/")] = sSamplePath;
-		oPath["sap/ui/demo/mock"] = sOrigin + "/test-resources/sap/ui/documentation/sdk";
+		sOriginEncoded = encodeURI(sOrigin);
+
+		oPath[sSampleId.replace(/\./g, "/")] = encodeURI(sSamplePath);
+		oPath["sap/ui/demo/mock"] = sOriginEncoded + "/test-resources/sap/ui/documentation/sdk";
 		oPath["test-resources/sap/ui/documentation/sdk"] = ".";
-		oPath["sap/uxap/sample"] = sOrigin + "/test-resources/sap/uxap/demokit/sample";
+		oPath["sap/uxap/sample"] = sOriginEncoded + "/test-resources/sap/uxap/demokit/sample";
 
+		oBaseTag = document.createElement("base");
+		oBaseTag.setAttribute("href", sOriginEncoded + "/");
+		document.head.appendChild(oBaseTag);
 
+		oScriptTag = document.createElement("script");
+		oScriptTag.setAttribute("src", sOriginEncoded + "/resources/sap-ui-core.js");
+		oScriptTag.setAttribute("id", "sap-ui-bootstrap");
+		oScriptTag.setAttribute("data-sap-ui-compatVersion", "edge");
+		oScriptTag.dataset.sapUiAsync = true;
+		oScriptTag.dataset.sapUiLibs = "sap.m";
+		oScriptTag.dataset.sapUiResourceroots = JSON.stringify(oPath);
 
-		document.write("<script src=" + sOrigin  + '/resources/sap-ui-core.js' + " id='sap-ui-bootstrap' " +
-				"data-sap-ui-libs='sap.m' data-sap-ui-bindingSyntax='complex' data-sap-ui-compatVersion='edge'></scr" + "ipt>");
-		document.write("<base href=" + sOrigin + "/>");
+		document.write(oScriptTag.outerHTML);
 
 	</script>
 </head>

package/src/sap/ui/documentation/sdk/util/DocumentationRouter.js

@@ -255,7 +255,9 @@ sap.ui.define([
 		bParsed = /^blob:/.test(sTarget)
 			|| /^https?:\/\//.test(sTarget)
 			|| /^test-resources\//.test(sTarget)
-			|| /^resources\//.test(sTarget);
+			|| /^resources\//.test(sTarget)
+			|| /^tel:/.test(sTarget)
+			|| /^mailto:/.test(sTarget);
 
 		// If we have no target by here we give up
 		if (sTarget && !bParsed) {

package/src/sap/ui/documentation/sdk/view/NewsPopover.fragment.xml

@@ -2,7 +2,7 @@
 	xmlns="sap.m"
 	xmlns:core="sap.ui.core">
 	<ResponsivePopover
-		id="myPopover"
+		id="newsPopover"
 		placement="Bottom"
 		title="{i18n>APP_NEWS_BTN_TOOLTIP}">
 			<beginButton>
@@ -24,7 +24,7 @@
 			items="{path:  'news>/items', templateShareable: false}"
 			>
 			<layoutData>
-				<FlexItemData maxHeight="450px" />
+				<FlexItemData maxHeight="450px" maxWidth="600px" />
 			</layoutData>
 
 			<NotificationListItem

package/src/sap/ui/documentation/sdk/view/Sample.view.xml

@@ -61,7 +61,7 @@
 							class="sapUiHideOnPhone"
 							tooltip="{i18n>SAMPLE_ADAPT_BTN_TOOLTIP}"
 							press="onToggleAdaptationMode"
-							visible="{= !${/iframe} && ${/rtaLoaded}}" />
+							visible="{= ${/rtaLoaded}}" />
 					<Button
 							id="code"
 							icon="sap-icon://syntax"
@@ -72,6 +72,10 @@
 							tooltip="{i18n>SAMPLE_NEW_TAB_BTN_TOOLTIP}"
 							icon="sap-icon://inspect"
 							press="onNewTab" />
+					<Button id="sampleSettings"
+							visible="{= ${/showSettings}}"
+							icon="sap-icon://action-settings"
+							press="handleSettings" />
 					<Button
 							class="sapUiHideOnPhone"
 							text="{i18n>SAMPLE_DOWNLOAD_BTN_TOOLTIP}"