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

const Output = $id("Output");
const TemplateList = $id("TemplateList");
const TemplateObjectProperties = $id("TemplateObjectProperties");
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);
	});

	Output.on("click", function (e)
	{
		var tr = e.target.parentElement;
		if (tr.tagName !== "TR")
			return;
		ShowCollection(tr.qsall('td')[1].innerText);
	});
}

function Init()
{
	HelloWorld();
}

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

}

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

function ShowCollection(colName)
{
	NewApi("./api/ShowCollection", { ColName: colName }, Output, TemplateObjectProperties, false);
}


function ShowCollections()
{
	NewApi("./api/ShowCollections", {}, Output, TemplateList, false);
}

function Personen()
{
	NewApi("./api/Personen", {}, Output, TemplateNevenfuncties, false);
}

function Fracties()
{
	NewApi("./api/Fracties", {}, Output, TemplateObjectProperties, false);
}

function Documenten()
{
	NewApi("./api/Documenten", { search: "Wilders" }, Output, TemplateObjectProperties, false);
}