seitime-frappe/frappe/public/js/frappe/widgets/utils.js

function generate_route(item) {
	const type = item.type.toLowerCase()
	if (type === "doctype") {
		item.doctype = item.name;
	}
	let route = "";
	if (!item.route) {
		if (item.link) {
			route = strip(item.link, "#");
		} else if (type === "doctype") {
			if (frappe.model.is_tree(item.doctype)) {
				route = "Tree/" + item.doctype;
			} else if (frappe.model.is_single(item.doctype)) {
				route = "Form/" + item.doctype;
			} else {
				if (item.filters) {
					frappe.route_options = item.filters;
				}
				route = "List/" + item.doctype;
			}
		} else if (type === "report" && item.is_query_report) {
			route = "query-report/" + item.name;
		} else if (type === "report") {
			route = "List/" + item.doctype + "/Report/" + item.name;
		} else if (type === "page") {
			route = item.name;
		} else if (type === "dashboard") {
			route = "dashboard/" + item.name;
		}

		route = "#" + route;
	} else {
		route = item.route;
	}

	if (item.route_options) {
		route +=
			"?" +
			$.map(item.route_options, function(value, key) {
				return (
					encodeURIComponent(key) + "=" + encodeURIComponent(value)
				);
			}).join("&");
	}

	// if(type==="page" || type==="help" || type==="report" ||
	// (item.doctype && frappe.model.can_read(item.doctype))) {
	//     item.shown = true;
	// }
	return route;
}

function generate_grid(data) {
	function add(a, b) {
		return a + b;
	}

	const grid_max_cols = 6

	// Split the data into multiple arrays
	// Each array will contain grid elements of one row
	let processed = []
	let temp = []
	let init = 0
	data.forEach((data) => {
		init = init + data.columns;
		if (init > grid_max_cols) {
			init = data.columns
			processed.push(temp)
			temp = []
		}
		temp.push(data)
	})

	processed.push(temp)

	let grid_template = [];

	processed.forEach((data, index) => {
		let aa = data.map(dd => {
			return Array.apply(null, Array(dd.columns)).map(String.prototype.valueOf, dd.name)
		}).flat()

		if (aa.length < grid_max_cols) {
			let diff = grid_max_cols - aa.length;
			for (let ii = 0; ii < diff; ii++) {
				aa.push(`grid-${index}-${ii}`)
			}
		}

		grid_template.push(aa.join(" "))
	})
	let grid_template_area = ""

	grid_template.forEach(temp => {
		grid_template_area += `"${temp}" `
	})

	return grid_template_area
}

const build_summary_item = (summary) => {
	if (summary.type == "separator") {
		return $(`<div class="summary-separator">
			<div class="summary-value ${summary.color ? summary.color.toLowerCase() : 'text-muted' }">${ summary.value }</div>
		</div>`);
	}
	let df = {fieldtype: summary.datatype};
	let doc = null;

	if (summary.datatype == "Currency") {
		df.options = "currency";
		doc = {currency: summary.currency};
	}

	let value = frappe.format(summary.value, df, { only_value: true }, doc);
	let color = summary.indicator
		? summary.indicator.toLowerCase()
		: summary.color
			? summary.color.toLowerCase()
			: '';

	return $(`<div class="summary-item">
		<span class="summary-label">${summary.label}</span>
		<div class="summary-value ${color}">${ value }</div>
	</div>`);
};

function shorten_number(number, country) {
	country = (country == 'India') ? country : '';
	const number_system = get_number_system(country);
	let x = Math.abs(Math.round(number));
	for (const map of number_system) {
		if (x >= map.divisor) {
			return Math.round(number/map.divisor) +  ' ' + map.symbol;
		}
	}
	return number.toFixed();
}

function get_number_system(country) {
	let number_system_map = {
		'India':
			[{
				divisor: 1.0e+7,
				symbol: 'Cr'
			},
			{
				divisor: 1.0e+5,
				symbol: 'Lakh'
			}],
		'':
			[{
				divisor: 1.0e+12,
				symbol: 'T'
			},
			{
				divisor: 1.0e+9,
				symbol: 'B'
			},
			{
				divisor: 1.0e+6,
				symbol: 'M'
			}]
	};
	return number_system_map[country];
}

export { generate_route, generate_grid, build_summary_item, shorten_number };