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
|
// ==============================================================================
// Copyright (C) 2019 - Philip Paquette, Steven Bocco
//
// This program is free software: you can redistribute it and/or modify it under
// the terms of the GNU Affero General Public License as published by the Free
// Software Foundation, either version 3 of the License, or (at your option) any
// later version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
// FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
// details.
//
// You should have received a copy of the GNU Affero General Public License along
// with this program. If not, see <https://www.gnu.org/licenses/>.
// ==============================================================================
import $ from "jquery";
export class DOMPastMap {
constructor(svgElement, onHover) {
this.svg = svgElement;
this.cbHover = onHover;
this.game = null;
this.orders = null;
this.mapData = null;
this.onProvinceHover = this.onProvinceHover.bind(this);
this.onLabelHover = this.onLabelHover.bind(this);
this.onUnitHover = this.onUnitHover.bind(this);
}
provinceNameToMapID(name) {
return `_${name.toLowerCase()}___${this.svg.parentNode.id}`;
}
mapID(id) {
return `${id}___${this.svg.parentNode.id}`;
}
onHover(name) {
const orders = [];
if (this.orders) {
for (let powerOrders of Object.values(this.orders)) {
if (powerOrders) {
for (let order of powerOrders) {
const pieces = order.split(/ +/);
if (pieces[1].slice(0, 3) === name.toUpperCase().slice(0, 3))
orders.push(order);
}
}
}
}
return orders;
}
handleSvgPath(svgPath) {
const province = this.mapData.getProvince(svgPath.id);
if (province) {
this.cbHover(province.name, this.onHover(province.name));
}
}
getPathFromProvince(province) {
let path = this.svg.getElementById(this.provinceNameToMapID(province.name));
if (!path) {
for (let alias of province.aliases) {
path = this.svg.getElementById(this.provinceNameToMapID(alias));
if (path)
break;
}
}
return path;
}
onProvinceHover(event) {
this.handleSvgPath(event.target);
}
onLabelHover(event) {
const province = this.mapData.getProvince(event.target.textContent);
if (province) {
const path = this.getPathFromProvince(province);
if (path)
this.handleSvgPath(path);
}
}
onUnitHover(event) {
const province = this.mapData.getProvince(event.target.getAttribute('diplomacyUnit'));
if (province) {
let path = this.getPathFromProvince(province);
if (!path && province.isCoast())
path = this.svg.getElementById(this.provinceNameToMapID(province.parent.name));
if (path) {
this.handleSvgPath(path);
}
}
}
update(game, mapData, orders) {
this.game = game;
this.mapData = mapData;
this.orders = orders;
// I don't yet know why I should place this here. Maybe because unit are re-rendered manually at every reloading ?
$(`#${this.svg.parentNode.id} svg use[diplomacyUnit]`).hover(this.onUnitHover);
}
init(game, mapData, orders) {
$(`#${this.svg.parentNode.id} svg path`).hover(this.onProvinceHover).mouseleave(() => this.cbHover(null, null));
$(`#${this.mapID('BriefLabelLayer')} text`).hover(this.onLabelHover);
this.update(game, mapData, orders);
}
}
|
