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'use strict';

const Output = $id("Output");
const Version = $id("Version");
const TemplateMoties = $id("TemplateMoties");

(function ()
{
	PageEvents();
	Init();
})();

function PageEvents()
{
	document.addEventListener("click", function (e)
	{
		if (typeof window[e.target.id] === "function")
			window[e.target.id].call(e, e);
	});

	$id("RefreshCache").on("click", function (e)
	{
		if ($id("RefreshCache").checked)
			Moties();
		else
			MotiesCached();
	});
}

function Init()
{
	HelloWorld();
	MotiesCached();
}

function NewApi(url, datain, outputelement, templateelement, append)
{
	netproxy(url, datain, function ()
	{
		outputelement.Template(templateelement, this, append);
	});
}

function HelloWorld()
{
	netproxy("./api/HelloWorld", null, function ()
	{
		Version.innerText = this.Version;
	});

}

function Moties()
{
	NewApi("./api/Moties", { MakeCache : true }, Output, TemplateMoties, false);
}

function MotiesCached()
{
	NewApi("./api/MotiesCached", {}, Output, TemplateMoties, false);
}