HyperHDR/www/js/processing.js at master · awawa-dev/HyperHDR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
$(document).ready( function() {

	performTranslation();

	var editor_color = null;
	var editor_smoothing = null;
	var editor_blackborder = null;

	function watchForRate()
	{
		var newFps = editor_smoothing.getEditor('root.smoothing.updateFrequency').getValue();
		if (!isNaN(newFps) && newFps > 0 && Math.round(1000.0/newFps) * newFps != 1000)
		{
			newFps = Math.round(1000.0/newFps);
			newFps = 1000.0/newFps;
			$('#realFps').text(newFps.toFixed(2));
		}
		else
			$('#realFps').text("");
	};

	$(window.hyperhdr).off("cmd-hasLedClock-update").on("cmd-hasLedClock-update", function(event)
	{
		if (event.response.success)
		{
			var interval = event.response.info.hasLedClock;
			if ( !isNaN(interval) && interval > 0)
			{
				var label = $("div[data-schemapath='root.smoothing.updateFrequency'] label.required");
				if (label != null)
					label.append( `<br/><span class="text-danger"><small>${$.i18n("controlled_by_led_driver")}</small></span>` );
				editor_smoothing.getEditor('root.smoothing.updateFrequency').setValue(1000/interval);
				editor_smoothing.getEditor('root.smoothing.updateFrequency').disable();
			}
		}
	});

	requestHasLedClock();

	{
		//color
		$('#conf_cont').append(createOptPanel('<svg data-src="svg/image_processing_color_calibration.svg" fill="currentColor" class="svg4hyperhdr"></svg>', $.i18n("edt_conf_color_heading_title"), 'editor_container_color', 'btn_submit_color'));
		$('#conf_cont').append(createHelpTable(window.schema.color.properties, $.i18n("edt_conf_color_heading_title")));

		//smoothing
		$('#conf_cont').append(createOptPanel('<svg data-src="svg/image_processing_smoothing.svg" fill="currentColor" class="svg4hyperhdr"></svg>', $.i18n("edt_conf_smooth_heading_title"), 'editor_container_smoothing', 'btn_submit_smoothing'));
		$('#conf_cont').append(createHelpTable(window.schema.smoothing.properties, $.i18n("edt_conf_smooth_heading_title")));

		//blackborder
		$('#conf_cont').append(createOptPanel('<svg data-src="svg/image_processing_blackborder.svg" fill="currentColor" class="svg4hyperhdr"></svg>', $.i18n("edt_conf_bb_heading_title"), 'editor_container_blackborder', 'btn_submit_blackborder'));
		$('#conf_cont').append(createHelpTable(window.schema.blackborderdetector.properties, $.i18n("edt_conf_bb_heading_title")));

		//automatic tone mapping
		$('#conf_cont').append(createOptPanel('<svg data-src="svg/hdr.svg" fill="currentColor" class="svg4hyperhdr"></svg>', $.i18n("edt_automatic_tone_mapping_title"), 'editor_container_automatic_tone_mapping', 'btn_submit_automatic_tone_mapping'));
		$('#conf_cont').append(createHelpTable(window.schema.automaticToneMapping.properties, $.i18n("edt_automatic_tone_mapping_title")));
	}

	//color
	editor_color = createJsonEditor('editor_container_color', {
		color              : window.schema.color
	}, true, true, undefined, true);

	editor_color.on('change',function() {
		editor_color.validate().length ? $('#btn_submit_color').attr('disabled', true) : $('#btn_submit_color').attr('disabled', false);
	});

	$('#btn_submit_color').off().on('click',function() {
		requestWriteConfig(editor_color.getValue());
	});

	//smoothing
	editor_smoothing = createJsonEditor('editor_container_smoothing', {
		smoothing          : window.schema.smoothing
	}, true, true, undefined, true);

	editor_smoothing.on('change',function() {
		editor_smoothing.validate().length ? $('#btn_submit_smoothing').attr('disabled', true) : $('#btn_submit_smoothing').attr('disabled', false);

	});

	$('#btn_submit_smoothing').off().on('click',function() {
		requestWriteConfig(editor_smoothing.getValue());
	});

	var appendFps = $("div[data-schemapath='root.smoothing.updateFrequency'] div.input-group-text");
	if (appendFps != null)
	{
		let realRefreshRate = document.createElement("span");
		realRefreshRate.setAttribute("id", "realFps");
		appendFps.get(0).prepend(realRefreshRate);
	};

	editor_smoothing.watch('root.smoothing.updateFrequency',() => {
		watchForRate();
	});
	watchForRate();

	//blackborder
	editor_blackborder = createJsonEditor('editor_container_blackborder', {
		blackborderdetector: window.schema.blackborderdetector
	}, true, true, undefined, true);

	editor_blackborder.on('change',function() {
		editor_blackborder.validate().length ? $('#btn_submit_blackborder').attr('disabled', true) : $('#btn_submit_blackborder').attr('disabled', false);
	});

	$('#btn_submit_blackborder').off().on('click',function() {
		requestWriteConfig(editor_blackborder.getValue());
	});

	//tone mapping
	editor_automatic_tone_mapping = createJsonEditor('editor_container_automatic_tone_mapping', {
		automaticToneMapping: window.schema.automaticToneMapping
	}, true, true, undefined, false);

	editor_automatic_tone_mapping.on('change',function() {
		editor_automatic_tone_mapping.validate().length ? $('#btn_submit_automatic_tone_mapping').attr('disabled', true) : $('#btn_submit_automatic_tone_mapping').attr('disabled', false);
	});

	$('#btn_submit_automatic_tone_mapping').off().on('click',function() {
		requestWriteConfig(editor_automatic_tone_mapping.getValue());
	});

	//create introduction
	if(window.showOptHelp)
	{
		createHint("intro", $.i18n('conf_colors_color_intro'), "editor_container_color");
		createHint("intro", $.i18n('conf_colors_smoothing_intro'), "editor_container_smoothing");
		createHint("intro", $.i18n('conf_colors_blackborder_intro'), "editor_container_blackborder");
		createHint("intro", $.i18n('edt_automatic_tone_mapping_enable_explain'), "editor_container_automatic_tone_mapping");
	}

	removeOverlay();
});