restzetels/anpstemmen.html at master · Inferi0r/restzetels · 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
<!DOCTYPE html>
<html>
<head>
    <script src="js/metrics.js" defer></script>
    <title>ANP Stemmen</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav>
        <ul>
            <div class="nav-center">
                <li><a href="index.html">Zetels</a></li>
                <li><a href="stemcijfers.html">Stemcijfers ANP</a></li>
                <li><a class="active" href="anpstemmen.html">ANP Stemmen</a></li>
                <li><a href="anpupdates.html">ANP Updates</a></li>
                <li><a href="nosupdates.html">NOS Updates</a></li>
            </div>
            <li class="right-controls">
              <span id="completedBadge" class="info-badge" style="display:none;"></span>
              <select id="yearSelect" class="year-select" aria-label="Kies verkiezingsjaar"></select>
            </li>
        </ul>
    </nav>

    <p>Laatste update ANP: <span id="lastUpdate"></span></p>
    <!-- New element for showing the last updated region and timestamp -->
    <p id="lastUpdateContainer"></p>
    <p id="lastUpdatedLocalRegion"></p>
    <h2 class="title-enhanced">Statistieken</h2>
    <div id="statsTableContainer"></div>
    <h2 class="title-enhanced">ANP Stemmen per partij</h2>
    <div id="tableContainer"></div>

    <!-- Include unified script -->
   <script src="js/config.js" defer></script>
   <script src="js/year-nav.js" defer></script>
   <script src="js/data.js" defer></script>
   <script src="js/ui.js" defer></script>
   <script src="js/auto_refresh.js" defer></script>
   <script src="js/anpstemmen.js" defer></script>

    <script>
        window.addEventListener('DOMContentLoaded', function(){
          function loadYearData(year) { ANPStemmenApp.loadANPStemmen(year); }
          if (window.YearNav && window.AutoRefresh) {
            YearNav.init({ load: loadYearData });
            AutoRefresh.init({ load: loadYearData });
          } else {
            const t = setInterval(function(){
              if (window.YearNav && window.AutoRefresh) {
                clearInterval(t);
                YearNav.init({ load: loadYearData });
                AutoRefresh.init({ load: loadYearData });
              }
            }, 10);
          }
        });
    </script>
</body>
</html>