MondayFight/cross.html at main · Bebul/MondayFight · GitHub

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
<!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 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">
    <link rel="stylesheet" href="css/time-slider.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="actualities.html">Hot News</a>
                <a href="hallOfFame.html">Síň slávy ♕</a>
                <a href="chessboard.html">Krotitelé šachovnic</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="archiv2025.html">Archiv 2025</a>
                <a href="cards.html">Duel Cards</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>
    <div><b>Vyber období:</b></div>
    <div id="seasons"></div>
    <div id="slider" class="time-slider" style="margin-bottom:30px"></div>

    <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, initDateSlider} from "./js/cross.mjs"

  function mainPage(data) {
    let criterion = document.selectDataType.criterion
    for (let i = 0; i < criterion.length; i++) {
      criterion[i].addEventListener('click', function() {
        criterionChanged(data, "#crossTable", createCrossTable)
      });
    }

    initDateSlider(data, (data) => criterionChanged(data, "#crossTable", createCrossTable))
    criterionChanged(data, "#crossTable", createCrossTable)
    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>