[fix] do not use fullpage.js

This commit is contained in:
Wu Han 2021-01-08 23:06:37 +00:00
parent a213f4e89f
commit 64bfe7ceb2
5 changed files with 87 additions and 126 deletions

View File

@ -69,14 +69,15 @@ module.exports = (app, router, upload) => {
}
})
res.end(result)
break
default:
res.sendStatus(404);
break;
res.sendStatus(404)
break
}
}
else if (req.query.type === 'json') {
res.set({"Content-Disposition":"attachment; filename=\"" + tsp_list[req.query.tsp] + ".json\""})
// res.header("Content-Type",'application/json');
// res.header("Content-Type",'application/json')
data = {}
switch (parseInt(req.query.tsp)) {
case 0:
@ -166,10 +167,10 @@ module.exports = (app, router, upload) => {
default:
break;
}
res.end(JSON.stringify(data));
res.end(JSON.stringify(data))
}
else {
res.sendStatus(404);
res.sendStatus(404)
}
});

View File

@ -1,28 +1,9 @@
body {
overflow-x: hidden;
font-size: 18px;
position: relative;
min-height: 100vh;
}
html, body {
height: 100%;
width: 100%;
background-color: #FFF;
}
body {
position: relative;
min-height: 100vh;
}
body::after {
content: '';
display: block;
height: 220px;
/* Set same as footer's height */
}
/*-------- Navbar --------*/
.navbar .nav-link {
@ -52,6 +33,15 @@ body::after {
color: #000 !important;
}
#overview {
min-height: 100%;
}
#leaderboard {
background-color: #FAFAFA;
min-height: 800px;
}
.project-tab #tabs{
background: #007b5e;
border: 1px solid transparent;
@ -114,7 +104,7 @@ body::after {
}
.subfooter {
position: absolute;
/* position: absolute; */
bottom: 60px;
width: 100%;
height: 160px;
@ -159,7 +149,7 @@ body::after {
}
.footer {
position: absolute;
/* position: absolute; */
bottom: 0;
width: 100%;
height: 60px;

View File

@ -18,11 +18,6 @@
<!-- Console Log -->
<script type="application/javascript" src="//cdn.rawgit.com/Alorel/console-log-html/master/console-log-html.min.js"></script>
<!-- FullPage -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.js"></script>
<!-- File Input -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.3/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
@ -32,6 +27,7 @@
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" />
<!-- Snackbar -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/node-snackbar@0.1.16/src/js/snackbar.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/snackbar.min.css" />
@ -64,40 +60,31 @@
</div>
</nav>
<div id="fullpage">
<div id="overview">
<section class="section" id="section2">
<div class="slide">
<div class="container">
<div class="row">
<div class="col-12">
<div class="display-4 mt-5 mb-5 text-center">Traveling Salesman Problem</div>
</div>
</div>
<div class="row mb-5">
<div class="col-12">
<div class="embed-responsive embed-responsive-16by9 box-shadow">
<iframe class="embed-responsive-item" src="/preview.html" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
</div>
<div id="overview">
<section>
<div class="container">
<div class="row">
<div class="col-12">
<div class="display-4 mt-5 mb-5 text-center">Traveling Salesman Problem</div>
</div>
</div>
<div class="row pb-5 mb-5">
<div class="col-12">
<div class="embed-responsive embed-responsive-16by9 box-shadow">
<iframe class="embed-responsive-item" src="/preview.html" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
</div>
<div id="leaderboard">
<section id="tabs" class="section project-tab" id="section0">
<div class="slide">
<section id="tabs" class="project-tab">
<div class="container">
<div class="row text-center">
<div class="col-12">
<div class="display-4 mb-5">Leaderboard</div>
<div class="display-4 mt-5 mb-5">Leaderboard</div>
</div>
</div>
<div class="row">
@ -237,19 +224,16 @@
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="submission">
<section class="section" id="section1">
<div class="slide">
<section>
<div class="container">
<div class="row">
<div class="col col-12">
<h1 class="mt-5 mb-5">Your Submission</h1>
<p class="display-4 mt-5 mb-5 text-center">Your Submission</p>
</div>
</div>
@ -257,16 +241,16 @@
<div class="col col-12">
<table class="table">
<thead class="thead-dark">
<tr>
<tr>
<th scope="col">Problem</th>
<th scope="col">Your Solution</th>
<th scope="col">Best Solution</th>
<th scope="col">Download</th>
<th scope="col"></th>
</tr>
</tr>
</thead>
<tbody>
<tr>
<tr>
<th scope="col">ulysses16</th>
<td id="ulysses16_your">-</td>
<td id="ulysses16_best">Inf</td>
@ -276,8 +260,8 @@
<td>
<button type="submit" class="btn btn-primary" id="ulysses16_submit">Submit</button>
</td>
</tr>
<tr>
</tr>
<tr>
<th scope="col">att48</th>
<td id="att48_your">-</td>
<td id="att48_best">Inf</td>
@ -287,8 +271,8 @@
<td>
<button type="submit" class="btn btn-primary" id="att48_submit">Submit</button>
</td>
</tr>
<tr>
</tr>
<tr>
<th scope="col">st70</th>
<td id="st70_your">-</td>
<td id="st70_best">Inf</td>
@ -298,8 +282,8 @@
<td>
<button type="submit" class="btn btn-primary" id="st70_submit">Submit</button>
</td>
</tr>
<tr>
</tr>
<tr>
<th scope="col">a280</th>
<td id="a280_your">-</td>
<td id="a280_best">Inf</td>
@ -309,8 +293,8 @@
<td>
<button type="submit" class="btn btn-primary" id="a280_submit">Submit</button>
</td>
</tr>
<tr>
</tr>
<tr>
<th scope="col">pcb442</th>
<td id="pcb442_your">-</td>
<td id="pcb442_best">Inf</td>
@ -320,8 +304,8 @@
<td>
<button type="submit" class="btn btn-primary" id="pcb442_submit">Submit</button>
</td>
</tr>
<tr>
</tr>
<tr>
<th scope="col">dsj1000</th>
<td id="dsj1000_your">-</td>
<td id="dsj1000_best">Inf</td>
@ -331,9 +315,9 @@
<td>
<button type="submit" class="btn btn-primary" id="dsj1000_submit">Submit</button>
</td>
</tr>
</tr>
</tbody>
</table>
</table>
</div>
</div>
@ -367,49 +351,47 @@
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Congradulations</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Congradulations</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Your model has been uploaded, nice work!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
<div class="modal-body">
Your model has been uploaded, nice work!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="resultModalLabel">Congradulations</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<!-- Modal -->
<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="resultModalLabel">Congradulations</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Hi, here's your result.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
<div class="modal-body">
Hi, here's your result.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
<!-- SubFooter -->
<footer id="sub-footer" class="subfooter">
<div class="container">

View File

@ -6,18 +6,6 @@ $( document ).ready( () => {
$('body').scrollspy({ target: '#main-nav', offset: 130 })
$('#fullpage').fullpage({
// anchors: ['underPage', 'gradPage', 'phdPage'],
sectionsColor: ['#ffffff', '#f8f8f8'],
autoScrolling: false,
css3: true,
fitToSection: false,
afterLoad: function(anchorLink, index) {
// history.pushState(null, null, "");
// console.log(anchorLink);
}
});
// Initialize Console
ConsoleLogHTML.connect(document.getElementById("console")); // Redirect log messages
// ConsoleLogHTML.disconnect(); // Stop redirecting
@ -329,4 +317,4 @@ function downloadRes(id, tsp, file) {
else {
console.log(id, 'json')
}
}
}

View File

@ -1,5 +1,5 @@
const fs = require('fs')
const MAX_LEADERBOARD = 10
const MAX_LEADERBOARD = 20
// Web Server
var express = require('express')