-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcross.html
142 lines (121 loc) · 5.5 KB
/
cross.html
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
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="cs">
<head>
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, target-densitydpi=device-dpi"/>
<meta http-equiv="Cache-Control" content="max-age=3600" />
<meta charset="UTF-8">
<title>"Monday Fight Cross"</title>
<link href="dist/css/tabulator.min.css" rel="stylesheet">
<link rel="icon" type="image/png" href="favicon.png"/>
<script src="chess.js/chess.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="dist/js/tabulator.min.js"></script>
<script type="text/javascript" src="pgn/pgn-bundle.js"></script>
<script type="text/javascript" src="js/minimal.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/mf.css">
<link rel="stylesheet" href="css/lichess-analyze-lite.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CX3WGLDEW7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CX3WGLDEW7');
</script>
</head>
<body>
<div class="body">
<div class="mondayFightCaption">
<img src="img/pohar.png" style="position: absolute; z-index: -1; height:80px; float:left; margin:-2px -20px 0 0px"/>
<span class="icon"><a href="javascript:void(0);" onclick="showMondayFightMenu()" style="color:#00b5ad">
<i class="fa fa-bars hamburger"></i>
</a>
</span>
<span class="captionText">Cross table</span>
<div class="topnav">
<div id="myLinks">
<a href="index.html">Main page</a>
<a href="cards.html">Duel Cards</a>
<a href="actualities.html">Hot News</a>
<a href="tables.html">Leaderboards</a>
<a href="cross.html">Cross table</a>
<a href="openings.html">Openings table</a>
<a href="search.html">Search Engine</a>
<a href="archiv2020.html">Archiv 2020</a>
<a href="archiv2021.html">Archiv 2021</a>
<a href="archiv2022.html">Archiv 2022</a>
<a href="archiv2023.html">Archiv 2023</a>
<a href="archiv2024.html">Archiv 2024</a>
<a href="players.html">Players</a>
</div>
</div>
</div>
<div class="article first" style="margin-top:15px">
<b style="margin-left:70px">Tip:</b> klik do tabulky na políčko odpovídající dvěma hráčům vygeneruje tabulku obsahující všechny vzájemné Monday Fight partie. Bohužel chybí ty partie, které se dohrály až po vypršení turnajového limitu. Všichni zde jistě postrádáme cenné skalpy.
</div>
<br>
<form name="selectDataType">
<b>Vyber kritérium:</b>
<input type="radio" name="criterion" value="score" checked="true" />
<label>Vzájemné skóre</label>
<input type="radio" name="criterion" value="rating" />
<label>Pohyb ratingu</label>
</form>
<form name="selectSeason">
<b>Vyber období:</b>
<input type="radio" name="season" value="2020" />
<label>2020</label>
<input type="radio" name="season" value="2021" />
<label>2021</label>
<input type="radio" name="season" value="2022" />
<label>2022</label>
<input type="radio" name="season" value="2023" />
<label>2023</label>
<input type="radio" name="season" value="2024" checked="true" />
<label>2024</label>
<input type="radio" name="season" value="year" />
<label>Plovoucí rok</label>
<input type="radio" name="season" value="all" />
<label>Za celou dobu</label>
</form>
<div id="crossTable"></div>
<h2 id="gamesListTitle">Games list</h2>
<div id="openingsTable"></div>
<div id="mostlyAsWhite"></div>
<div id="mostlyAsBlack"></div>
<div id="gamesList" style="margin-top: 10px">
<div id="gameListTableplwhite"></div>
<div id="gameListTableplblack"></div>
<div id="gameListTableplall"></div>
<div id="gameListTableBar"></div>
<div id="gameListTable"></div>
</div>
</div>
<script type="module">
import {MF, LoadMFData} from "./js/tournamentsData.mjs"
import {createGameListTable} from "./js/mondayFight.mjs"
import {createOpeningsTable, createCrossTable, criterionChanged} from "./js/cross.mjs"
function mainPage(data) {
let seasons = document.selectSeason.season
for (let i = 0; i < seasons.length; i++) {
seasons[i].addEventListener('click', function() {
criterionChanged(data, "#crossTable", createCrossTable)
});
}
let criterion = document.selectDataType.criterion
for (let i = 0; i < criterion.length; i++) {
criterion[i].addEventListener('click', function() {
criterionChanged(data, "#crossTable", createCrossTable)
});
}
let theFights = MF.filterYear(data.mondayFights(), 2024)
createCrossTable(data, theFights, "#crossTable")
let games = data.tournamentGames()[data.currentGameListTableIx]
createOpeningsTable(data, [games], "#openingsTable", null, "all", false)
createGameListTable(data.tournamentGames()[data.currentGameListTableIx], "#gameListTable", true)
}
LoadMFData(mainPage)
</script>
</body>
</html>