Hochschulprojekte
/
f1vis
0
0
Fork 0
Code Issues Pull Requests Activity
f1vis/index.html

87 lines
3.7 KiB
HTML
Raw Normal View History

Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<!doctype html>
<html lang="de">
Initial import, no function so far
2017-11-15 19:22:57 +01:00
<head>
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>F1Vis Projekt</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Our custom styles -->
<link rel="stylesheet" type="text/css" href="css/main.css">
Initial import, no function so far
2017-11-15 19:22:57 +01:00
</head>
<body>
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#">F1Vis</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(aktuelle Seite)</span></a>
</li>
<li class="nav-item dropdown">
Add first glimpse of year selector, remove sample pie chart.
2017-12-08 13:50:41 +01:00
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Coding-Guidlines!</a>
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<div class="dropdown-menu" aria-labelledby="dropdown01">
Add first glimpse of year selector, remove sample pie chart.
2017-12-08 13:50:41 +01:00
<a class="dropdown-item" href="#">Einrückungen mit zwei Leerzeichen</a>
<a class="dropdown-item" href="#">Charset ist UTF-8</a>
<a class="dropdown-item" href="#">Keine Panik!</a>
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
</div>
</li>
</ul>
</div>
</nav>
Migrate loadmask to Bootstrap
2017-11-15 21:22:05 +01:00
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<main role="main" class="container">
- (temporarily) disabled the loading window (until it's working properly..) - changed the dimensons of the diagram. Now all mouseover text fit in - Only show years with lapData. - return arrays instead of objects in the preprocessor for the races and seaons
2017-12-17 10:38:48 +01:00
<div class="content-box">
Add first glimpse of year selector, remove sample pie chart.
2017-12-08 13:50:41 +01:00
<form>
<div class="form-group">
<label for="seasonByYearSelector">Wähle ein Jahr aus!</label>
<select class="form-control" id="seasonByYearSelector">
<!-- This is filled using JS. -->
</select>
</div>
</form>
</div>
First Visualization of Race Data
2017-12-11 01:26:27 +01:00
<div class="content-box chart-box">
<div id="lineGraphBox"></div>
</div>
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
</main><!-- /.container -->
Migrate loadmask to Bootstrap
2017-11-15 21:22:05 +01:00
<div id="loading-dialog" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true" style="padding-top:15%; overflow-y:visible;">
<div class="modal-dialog modal-m">
<div class="modal-content">
Move preprocessing code into its own file
2017-11-16 23:21:54 +01:00
<div class="modal-header">Wir bereiten gerade alles vor ...<br>Bitte haben Sie einen Augenblick Geduld.</div>
Migrate loadmask to Bootstrap
2017-11-15 21:22:05 +01:00
<div class="modal-body">
Animate progress bar
2017-11-15 21:24:55 +01:00
<div class="progress" style="margin-bottom:0;">
<div class="progress-bar progress-bar-striped progress-bar-animated active" style="width:100%"></div>
Migrate loadmask to Bootstrap
2017-11-15 21:22:05 +01:00
</div>
</div>
</div>
</div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<!-- Bootstrap core JavaScript
================================================== -->
<script src="js/jquery/jquery-3.2.1.min.js"></script>
<script src="js/popper/popper.min.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- D3.js and our own JavaScript
================================================== -->
<script type="text/javascript" src="js/d3/d3.min.js"></script>
Move loading dialog logic to util.js
2017-11-16 23:08:14 +01:00
<script type="text/javascript" src="js/util.js"></script>
Move preprocessing code into its own file
2017-11-16 23:21:54 +01:00
<script type="text/javascript" src="js/preprocessor.js"></script>
Added processor which provides a function to get a Race by raceId
2017-12-08 13:37:04 +01:00
<script type="text/javascript" src="js/processor.js"></script>
Add a first example query to fetch driver nationality numbers
2017-11-18 12:49:33 +01:00
<script type="text/javascript" src="js/queries.js"></script>
Add a bit of sample code for a pie chart
2017-11-16 23:57:21 +01:00
<script type="text/javascript" src="js/diagrams.js"></script>
Introduce Bootstrap and dependencies
2017-11-15 21:01:28 +01:00
<script type="text/javascript" src="js/main.js"></script>
Initial import, no function so far
2017-11-15 19:22:57 +01:00
</body>
Added processor which provides a function to get a Race by raceId
2017-12-08 13:37:04 +01:00
</html>