-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathVAI.html
51 lines (48 loc) · 3.37 KB
/
VAI.html
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Value-Added Index</title>
<link rel="shortcut icon" type="image/jpg" href="./assets/bullet_logo.png" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/bootstrap-table.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="./css/VAI.css">
</head>
<body>
<div id="nav-placeholder" style="height: 100px;"> </div>
<div style="position: fixed; width: 100%; height: Calc(100% - 100px); background: white; overflow: scroll;">
<h1 style="text-align: center; font-size: 28px; margin-bottom: 10px; margin-top: 10px;"> Value-Added Index (VAI) </h1>
<h3 class="helpLink"> <a href="https://higheredlabs.blogspot.com/2021/04/how-to-use-value-added-index-vai.html"> How to Use the Value-Added Index </a> </h3>
<div style="margin: 0 auto; width: 80%; min-width: 800px; max-width: 1200px;">
<div id="toolbar">
<button id="national" class="btn btn-primary" enabled onclick="loadData(`national`)">
National
</button>
<button id="non_national" class="btn btn-outline-primary" enabled onclick="loadData(`non-national`)">
Other 4-Year
</button>
</div>
<table id="table" data-toggle="table" data-search="true" data-pagination="true" data-toolbar="#toolbar" data-page-list="[10, 25, 50, 100, 200, All]">
<thead>
<tr>
<th data-sortable="true" data-field="Rank">Rank</th>
<th data-sortable="true" data-field="Name">Name</th>
<th data-sortable="true" data-field="VA Retention">Value Added Retention</th>
<th data-sortable="true" data-field="VA Graduation">VA Graduation</th>
<th data-sortable="true" data-field="Graduation Rate">Graduation Rate</th>
<th data-sortable="true" data-field="US News Rank"> US News Rank</th>
</tr>
</thead>
</table>
</div>
</div>
<script type="text/javascript" src="./js/VAI.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>
</body>
</html>