[new] It just worked
This commit is contained in:
193
views/index.html
193
views/index.html
@@ -29,6 +29,8 @@
|
||||
<script src="/static/themes/fas/theme.js" type="text/javascript"></script>
|
||||
<script src="/static/themes/explorer-fas/theme.js" type="text/javascript"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Ubuntu+Mono" />
|
||||
|
||||
<!-- My Script -->
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<script src="/static/js/postrequest.js"></script>
|
||||
@@ -39,7 +41,7 @@
|
||||
<body data-spy="scroll" data-target="#main-nav" data-offset="0">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-md bg-dark navbar-dark sticky-top" id="main-nav">
|
||||
<a class="navbar-brand" href="/">TSP Workshop <span class="badge badge-primary"><span id="user_counts">0</span> Online</span></a>
|
||||
<a class="navbar-brand" href="/">TSP Workshop <span class="badge badge-primary" id="status"><span id="user_counts">0</span> Online</span></a>
|
||||
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon "></span>
|
||||
</button>
|
||||
@@ -86,7 +88,7 @@
|
||||
|
||||
|
||||
<div id="leaderboard">
|
||||
<section class="section" id="section0">
|
||||
<!-- <section class="section" id="section0">
|
||||
<div class="slide">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
@@ -100,9 +102,7 @@
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">ulysses16.tsp</th>
|
||||
<th scope="col">att48.tsp</th>
|
||||
<th scope="col">st70.tsp</th>
|
||||
<th scope="col">a280.tsp</th>
|
||||
<th scope="colthead-dark">a280.tsp</th>
|
||||
<th scope="col">pcb442.tsp</th>
|
||||
<th scope="col">dsj1000.tsp</th>
|
||||
</tr>
|
||||
@@ -203,6 +203,141 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<section id="tabs" class="section project-tab" id="section0">
|
||||
<div class="slide">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12">
|
||||
<div class="display-3 mb-5">Leaderboard</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nav>
|
||||
<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
|
||||
<a class="nav-item nav-link active" id="nav-ulysses16-tab" data-toggle="tab" href="#nav-ulysses16" role="tab" aria-controls="nav-ulysses16" aria-selected="true">ulysses16</a>
|
||||
<a class="nav-item nav-link" id="nav-att48-tab" data-toggle="tab" href="#nav-att48" role="tab" aria-controls="nav-att48" aria-selected="false">att48</a>
|
||||
<a class="nav-item nav-link" id="nav-st70-tab" data-toggle="tab" href="#nav-st70" role="tab" aria-controls="nav-st70" aria-selected="false">st70</a>
|
||||
<a class="nav-item nav-link" id="nav-a280-tab" data-toggle="tab" href="#nav-a280" role="tab" aria-controls="nav-a280" aria-selected="false">a280</a>
|
||||
<a class="nav-item nav-link" id="nav-pcb442-tab" data-toggle="tab" href="#nav-pcb442" role="tab" aria-controls="nav-pcb442" aria-selected="false">pcb442</a>
|
||||
<a class="nav-item nav-link" id="nav-dsj1000-tab" data-toggle="tab" href="#nav-dsj1000" role="tab" aria-controls="nav-dsj1000" aria-selected="false">dsj1000</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="tab-content" id="nav-tabContent">
|
||||
<div class="tab-pane fade show active" id="nav-ulysses16" role="tabpanel" aria-labelledby="nav-ulysses16-tab">
|
||||
<table class="table leaderboard-table" cellspacing="0">
|
||||
<thead class="thead-dark ">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Fitness</th>
|
||||
<th>Remark</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="ulysses16-last">
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-att48" role="tabpanel" aria-labelledby="nav-att48-tab">
|
||||
<table class="table leaderboard-table" cellspacing="0">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Fitness</th>
|
||||
<th>Remark</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="att48-last">
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-st70" role="tabpanel" aria-labelledby="nav-st70-tab">
|
||||
<table class="table leaderboard-table" cellspacing="0">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Fitness</th>
|
||||
<th>Remark</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="st70-last">
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-a280" role="tabpanel" aria-labelledby="nav-a280-tab">
|
||||
<table class="table leaderboard-table" cellspacing="0">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Fitness</th>
|
||||
<th>Remark</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="a280-last">
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-pcb442" role="tabpanel" aria-labelledby="nav-pcb442-tab">
|
||||
<table class="table leaderboard-table" cellspacing="0">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Fitness</th>
|
||||
<th>Remark</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="pcb442-last">
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-dsj1000" role="tabpanel" aria-labelledby="nav-dsj1000-tab">
|
||||
<table class="table leaderboard-table" cellspacing="0">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Fitness</th>
|
||||
<th>Remark</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="dsj1000-last">
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
<td> - </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
@@ -232,50 +367,50 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col">ulysses16.tsp</th>
|
||||
<td>Inf</td>
|
||||
<td>Inf</td>
|
||||
<td id="ulysses16_your">Inf</td>
|
||||
<td id="ulysses16_best">Inf</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary" id="ulysses16_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">att48.tsp</th>
|
||||
<td>Inf</td>
|
||||
<td>Inf</td>
|
||||
<td id="att48_your">Inf</td>
|
||||
<td id="att48_best">Inf</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary" id="att48_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">st70.tsp</th>
|
||||
<td>Inf</td>
|
||||
<td>Inf</td>
|
||||
<td id="st70_your">Inf</td>
|
||||
<td id="st70_best">Inf</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary" id="st70_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">a280.tsp</th>
|
||||
<td>Inf</td>
|
||||
<td>Inf</td>
|
||||
<td id="a280_your">Inf</td>
|
||||
<td id="a280_best">Inf</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary" id="a280_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">pcb442.tsp</th>
|
||||
<td>Inf</td>
|
||||
<td>Inf</td>
|
||||
<td id="pcb442_your">Inf</td>
|
||||
<td id="pcb442_best">Inf</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary" id="pcb442_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">dsj1000.tsp</th>
|
||||
<td>Inf</td>
|
||||
<td>Inf</td>
|
||||
<td id="dsj1000_your">Inf</td>
|
||||
<td id="dsj1000_best">Inf</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
<button type="submit" class="btn btn-primary" id="dsj1000_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -283,14 +418,14 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="row mb-3" id="submission_info">
|
||||
<div class="col col-4">
|
||||
<label for="">Your Name</label>
|
||||
<input class="form-control form-control-lg" type="text" placeholder="Your Name">
|
||||
<input class="form-control form-control-lg" type="text" placeholder="Your Name" id="submit_name">
|
||||
</div>
|
||||
<div class="col col-8">
|
||||
<label for="">Description</label>
|
||||
<input class="form-control form-control-lg" type="text" placeholder="Precisely describe your submission.">
|
||||
<input class="form-control form-control-lg" type="text" placeholder="Precisely describe your submission." id="submit_desc">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -304,9 +439,13 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="row mb-5" id="console-box">
|
||||
<ul id="console"></ul> <!-- I will hold the log messages -->
|
||||
<div class="col col-12">
|
||||
<ul id="console"></ul> <!-- I will hold the log messages -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user