Trygve/simple-liveresults
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Implemented my own tab code, so bootstrap could be removed.

Browse Source
This commit is contained in:
Trygve
2021-02-13 00:21:00 +01:00
parent b3da48ab6d
commit 55bf96bb2b
4 changed files with 118 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.php
View File

@@ -7,7 +7,6 @@
<title>Liveresultater</title>
<link rel="icon" type="image/png" href="./common/kok-144x144.png">
<link rel="stylesheet" href="common/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="common/main.css">
</head>
@@ -34,19 +33,19 @@
</div>
</header>
<div class="container alert alert-warning hiddendiv" role="alert" id="ConnectionAlert">
Du har mistet kontakten med serveren. Last inn sida på nytt får å koble til igjen <button type="button" class="btn btn-warning" onclick="location.reload()">Last inn på nytt</button>
</div>
<ul class="container nav nav-pills bd-highlight" id="classes-tabs" role="tablist" style="margin-bottom: 1rem; margin-top: 1rem;">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="alle-tab" data-toggle="tab" href="#alle" role="tab" aria-controls="alle" aria-selected="true">Alle klasser</a>
<ul class="tab-list" id="classes-tabs" role="tablist" style="margin-bottom: 1rem; margin-top: 1rem;">
<li class="tab" role="presentation">
<a class="tab-button active" id="alle-tab" data-toggle="tab" href="#alle" onclick="changeTab('alle')" role="tab" aria-controls="alle" aria-selected="true">Alle klasser</a>
</li>
</ul>
<div class="tab-content" id="classes-tab-content">
<div class="tab-pane fade show active" id="alle" role="tabpanel" aria-labelledby="alle">
<div class="container alert alert-warning hiddendiv" role="alert" id="ConnectionAlert">
Du har mistet kontakten med serveren. Last inn sida på nytt får å koble til igjen <button type="button" class="btn btn-warning" onclick="location.reload()">Last inn på nytt</button>
</div>
<div class="tab-container" id="classes-tab-content">
<div class="tab-content active" id="alle" role="tabpanel" aria-labelledby="alle">
<div class="all-result" id="alle-cont"></div>
</div>
</div>
@@ -55,6 +54,6 @@
<script src="liveresults.js"></script>
<script src="common/bootstrap/js/bootstrap.min.js"></script>
<script src="ui.js"></script>
</body>
</html>