@openui5/sap.tnt/src/sap/tnt/ToolPageRenderer.js

OpenUI5 UI Library sap.tnt

/*!
 * OpenUI5
 * (c) Copyright 2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

sap.ui.define([
	"sap/ui/Device"
], function (Device) {
	"use strict";

	/**
	 * ToolPage renderer
	 * @namespace
	 */
	var ToolPageRenderer = {
		apiVersion: 2
	};

	/**
	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
	 *
	 * @param {sap.ui.core.RenderManager} oRM the RenderManager that can be used for writing to the render output buffer
	 * @param {sap.tnt.ToolPage} oControl an object representation of the control that should be rendered
	 */
	ToolPageRenderer.render = function (oRM, oControl) {
		oRM.openStart("div", oControl)
			.class("sapTntToolPage");

		if (oControl.getSideContent()) {
			oRM.class("sapTntToolPageWithSideContent");
		}

		if (oControl._isLayoutS()) {
			oRM.class("sapTntToolPage-LayoutS");
		}

		oRM.openEnd();

		this.renderHeader(oRM, oControl);

		this.renderContent(oRM, oControl);

		oRM.close("div");
	};

	ToolPageRenderer.renderHeader = function (oRM, oControl) {
		var oHeader = oControl.getHeader(),
			oSubHeader = oControl.getSubHeader();

		if (oHeader || oSubHeader) {
			oRM.openStart("div")
				.class("sapTntToolPageHeaderWrapper");

			if (oHeader && oSubHeader && oSubHeader.getVisible()) {
				oRM.class("sapTntToolPageHeaderWithSubHeaderWrapper");
			}

			oRM.openEnd();
			oRM.openStart("header").openEnd();
		}

		if (oHeader) {
			oRM.openStart("div", oControl.getId() + "-header")
				.class("sapTntToolPageHeader")
				.openEnd();

			oRM.renderControl(oHeader);

			oRM.close("div");
		}

		if (oSubHeader && oSubHeader.getVisible()) {
			oRM.openStart("div", oControl.getId() + "-subHeader")
				.class("sapTntToolPageHeader")
				.openEnd();

			oRM.renderControl(oSubHeader);

			oRM.close("div");
		}

		if (oHeader || oSubHeader) {
			oRM.close("header");
			oRM.close("div");
		}

	};

	ToolPageRenderer.renderContent = function (oRM, oControl) {
		oRM.openStart("div").class("sapTntToolPageContentWrapper");

		if (oControl._isLayoutS() || !oControl.getSideExpanded()) {
			oRM.class("sapTntToolPageAsideCollapsed");
		}

		oRM.openEnd();

		this.renderAsideContent(oRM, oControl);
		this.renderMainContent(oRM, oControl);

		oRM.close("div");
	};

	ToolPageRenderer.renderAsideContent = function (oRM, oControl) {
		var oSideContent = oControl.getSideContent();
		if (!oSideContent || !oSideContent.getVisible()) {
			return;
		}

		oRM.openStart("aside", oControl.getId() + "-aside").class("sapTntToolPageAside").openEnd();

			oRM.openStart("div").class("sapTntToolPageAsideContent").openEnd();

			var bSideExpanded = oControl.getSideExpanded();
			if (oSideContent && oSideContent.getExpanded() !== bSideExpanded) {
				oSideContent.setExpanded(bSideExpanded);
			}

			// The render of the aggregation should be after the above statement,
			// due to class manipulations inside the aggregation.
			oRM.renderControl(oSideContent);

			oRM.close("div");

		oRM.close("aside");
	};

	ToolPageRenderer.renderMainContent = function (oRM, oControl) {
		var aMainContent = oControl.getMainContents();
		if (!aMainContent) {
			return;
		}

		oRM.openStart("div", oControl.getId() + "-main")
			.class("sapTntToolPageMain")
			.class("sapTntToolPageMainBackground-" + oControl.getContentBackgroundDesign())
			.openEnd();

			oRM.openStart("div").class("sapTntToolPageMainContent").openEnd();

				oRM.openStart("div").class("sapTntToolPageMainContentWrapper").openEnd();

				aMainContent.forEach(oRM.renderControl, oRM);

				oRM.close("div");

			oRM.close("div");

		oRM.close("div");
	};

	return ToolPageRenderer;
}, /* bExport= */ true);