define([
	'golden-layout',
	'jarmon',
	'./cfg/jarmon-winston.js',
	'./components/gl/jarmon-tabbed-chart-ui.js',
	'./components/gl/html.js',
], function(
	GoldenLayout,
	jarmon,
	cfgWinston,
	glJarmon,
	glHTML,
) {
	jQuery.migrateMute = true;

	// set the default plot range
	for (var i = 0; i < jarmon.timeRangeShortcuts.length; i++) {
		if (jarmon.timeRangeShortcuts[i][0] === 'last day') {
			jarmon.timeRangeShortcuts[i][2] = true;
		}
	}

	var layoutManager = new GoldenLayout({
		settings: {
			showCloseIcon: false,
		},
		content: [{
			type: 'row',
			content: [
				{
					title: 'winston',
					isClosable: false,
					type: 'component',
					componentName: 'jarmon:tabbed-chart-ui',
					componentState: cfgWinston,
				},
				{
					title: 'TLS',
					isClosable: false,
					type: 'component',
					componentName: 'html',
					componentState: document.getElementById("tls").innerHTML,
				},
			],
		}],
	}, document.body);
	layoutManager.registerComponent('jarmon:tabbed-chart-ui', glJarmon);
	layoutManager.registerComponent('html', glHTML);

	layoutManager.init();
});