Newer
Older
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
// Imports
import * as PartyModel from "/services/model/party-model.js";
import * as AreaModel from "/services/model/area-model.js";
export async function mount(parent) {
const flowComponent = new FlowComponent(parent);
return flowComponent;
}
class FlowComponent {
constructor(parent) {
this.parent = parent;
this.PartyModel = PartyModel.getPartyModel();
this.AreaModel = AreaModel.getAreaModel();
}
resultFlowTemplate(zone) {
let resultHandler = this;
let html = document.createElement("div");
html.classList = "card-list card-no-hover";
html.innerHTML = /* HTML */ `
<div class="card-content clickable">
<div id="flow-content-${zone.ID}" class="content">
<h5 class="title is-5">${zone.Name}</h5>
</div>
</div>
`;
html.addEventListener("click", async () => {
if (this.parent.parent.zone == "sections") {
let area = await this.AreaModel.getArea(zone.AreaID);
this.parent.refreshSections(area);
document.getElementById("select-sections").value = zone.ID;
document.getElementById("select-areas").value = zone.AreaID;
resultHandler.areaDisplayed = area;
resultHandler.sectionDisplayed = area.Sections[0];
} else {
document.getElementById("select-areas").value = zone.ID;
resultHandler.areaDisplayed = area;
}
this.parent.displayZoneResults(zone);
});
return html;
}
async displayFlowAreas() {
let areasResults = this.parent.parent.results.areasResults;
areasResults.sort(function (a, b) {
return b.DateCompletion - a.DateCompletion;
});
for (let j in areasResults) {
let area = areasResults[j];
if (area.status === this.parent.parent.filter) {
document
.getElementById("news-flow")
.appendChild(this.resultFlowTemplate(area));
for (let i in area.candidateLists) {
let party = await this.PartyModel.getParty(
area.candidateLists[i].PartyID
);
document.getElementById(
"flow-content-" + area.ID
).innerHTML += await this.parent.parent.progressBarTemplate(
area.candidateLists[i],
party.Color
);
}
}
}
}
async displayFlowSections() {
let sections = [];
this.parent.parent.results.areasResults.forEach((area) => {
sections = sections.concat(area.Sections);
});
sections.sort(function (a, b) {
return b.DateCompletion - a.DateCompletion;
});
for (let j in sections) {
let section = sections[j];
if (section.status === this.parent.parent.filter) {
document
.getElementById("news-flow")
.appendChild(this.resultFlowTemplate(section));
for (let i in section.candidateLists) {
let party = await this.PartyModel.getParty(
section.candidateLists[i].PartyID
);
document.getElementById(
"flow-content-" + section.ID
).innerHTML += await this.parent.parent.progressBarTemplate(
section.candidateLists[i],
party.Color
);
}
}
}
}
}