@openui5/sap.ui.demokit/src/sap/ui/demokit/TagCloudRenderer.js

OpenUI5 UI Library sap.ui.demokit

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

// Provides default renderer for control sap.ui.demokit.TagCloud
sap.ui.define(function() {
	"use strict";


	/**
	 * TagCloud renderer.
	 * @namespace
	 * @alias sap.ui.demokit.TagCloudRenderer
	 */
	var TagCloudRenderer = {
	};


	/**
	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
	 *
	 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
	 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
	 */
	TagCloudRenderer.render = function(oRenderManager, oControl){
		var rm = oRenderManager;
		rm.write("<div");
		rm.writeControlData(oControl);
		rm.addClass("sapUiTagCloud");
		rm.writeClasses();
		rm.write(">"); // div element

		var tags = oControl.getTags();
		if ( !tags || !tags.length ) {
			return;
		}

		//Compute min / max weight
		var fsMin = oControl.getMinFontSize(),
			fsScale = oControl.getMaxFontSize() - fsMin,
			wMinMax = this.computeWeightRange(tags),
			wMin = wMinMax.min,
			wScale = wMinMax.max - wMin;

		var fontsize = wScale === 0 ? function(w) { return fsMin; } : function(w) {
			return fsMin + (w - wMin) / wScale * fsScale;
		};

		// render each tag.
		for (var i = 0; i < tags.length; i++) {
			var tag = tags[i];
			rm.write("<span");
			rm.writeElementData(tag);
			rm.writeAttribute("class","sapUiTagCloudTextNormal");
			if (tag.getTooltip_AsString()) {
				rm.writeAttributeEscaped("title",tag.getTooltip_AsString());
			}
			//Compute font size relative to weight
			rm.writeAttribute("style","font-size:" + fontsize(tag.getWeight()) + "px;");
			rm.write(">"); // span element
			rm.writeEscaped(tag.getText());
			rm.write("</span>");
		}

		rm.write("</div>");
	};

	TagCloudRenderer.computeWeightRange = function(tags){
		var min = tags[0].getWeight(), max = min;
		for (var i = 1; i < tags.length; i++) {
			var w = tags[i].getWeight();
			if (w > max) {max = w;}
			if (w < min) {min = w;}
		}
		return {min:min, max:max};
	};


	return TagCloudRenderer;

}, /* bExport= */ true);