-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathVAC.html
128 lines (125 loc) · 8.58 KB
/
VAC.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!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 and Cost Tool</title>
<link rel="shortcut icon" type="image/jpg" href="./assets/bullet_logo.png" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<link rel="stylesheet" type="text/css" href="./css/VAC.css">
</head>
<body>
<div id="nav-placeholder" style="height: 100px;"> </div>
<div class="mainContainer">
<h1 style="text-align: center; font-size: 28px; margin-bottom: 10px; margin-top: 10px;"> Value-Added and Cost Tool (VAC) </h1>
<h3 class="helpLink"> <a href="https://higheredlabs.blogspot.com/2021/04/how-to-use-value-added-and-cost-tools.html"> How to Use the Value-Added and Cost Tool </a> </h3>
<div class="chartContainer">
<div class="chartFilters" id="chartFilters">
<div class="chartFilterContainer">
<div class="chartFilter filter1" id="bagranting" onclick="populateMenu(`bagranting_list`)"> National/Other 4-Year <span class="filterCaret" style="font-size: 10px"> ▼ </span> </div>
<div class="bagranting_list filter_list" id="bagranting_list">
<div class="OkButton"> OK </div>
<div class="filter_item_container" onclick="updateParameters(`F`, [1], [`75_101`])">
<span class="enabled_check" id="75_101"> ✓ </span>
<span class="filter_item"> National </span>
</div>
<div class="filter_item_container" onclick="updateParameters(`F`, [0], [`75_100`])">
<span class="enabled_check" id="75_100"> ✓ </span>
<span class="filter_item"> Other 4-Year </span>
</div>
</div>
</div>
<div class="chartFilterContainer">
<div class="chartFilter filter4" id="pubpriv" onclick="populateMenu(`pubpriv_list`)"> Public/Private <span class="filterCaret" style="font-size: 10px"> ▼ </span> </div>
<div class="pubpriv_list filter_list" id="pubpriv_list">
<div class="OkButton"> OK </div>
<div class="filter_item_container" onclick="updateParameters(`H`, [1], [`50_101`])">
<span class="enabled_check" id="50_101"> ✓ </span>
<span class="filter_item"> Public </span>
</div>
<div class="filter_item_container" onclick="updateParameters(`H`, [2], [`50_102`])">
<span class="enabled_check" id="50_102"> ✓ </span>
<span class="filter_item"> Private </span>
</div>
</div>
</div>
<div class="chartFilterContainer">
<div class="chartFilter filter3" id="regiontest" onclick="populateMenu(`region_test`)"> Region/State <span class="filterCaret" style="font-size: 10px"> ▼ </span> </div>
<div class="region_list filter_list" id="region_test">
<div class="OkButton"> OK </div>
<div class="filter_item_container" onclick="checkAllStates()">
<span class="filter_item head_filter_item"> All </span>
<span class="enabled_check" id="35_1000"> ✓ </span>
</div>
</div>
</div>
<div class="chartFilterContainer">
<div class="chartFilter filter4" id="usnewsrank" onclick="populateMenu(`usnewsrank_list`)"> US News Rank <span class="filterCaret" style="font-size: 10px"> ▼ </span> </div>
<div class="usnewsrank_list filter_list" id="usnewsrank_list" style="width: 199px;">
<div class="OkButton"> OK </div>
<div class="usnewsrank_cont">
<div class="usnewsrank_input_c">
<label class="inputlabel" for="rankmin"> Min </label>
<input class="input_m" type="number" id="rankmin" value=1 name="rankmin" min=1>
</div>
<div class="usnewsrank_input_c">
<label class="inputlabel" for="rankmax"> Max </label>
<input class="input_m" type="number" id="rankmax" value=381 name="rankmax" max=500>
</div>
</div>
</div>
</div>
<div class="chartFilterContainer">
<div class="chartFilter filter5" id="income" onclick="populateMenu(`income_list`)"> Average Cost by Income <span class="filterCaret" style="font-size: 10px"> ▼ </span> </div>
<div class="income_list filter_list" id="income_list">
<div class="OkButton"> OK </div>
<div class="filter_item_container" onclick="incomeFilter(`Z`, `69_101`)">
<span class="enabled_check showCheck" id="69_101"> ✓ </span>
<span class="filter_item" id="69_101_t"> Average Cost Overall </span>
</div>
<div class="filter_item_container" onclick="incomeFilter(`U`, `69_102`)">
<span class="enabled_check" id="69_102"> ✓ </span>
<span class="filter_item" id="69_102_t"> $0 - $30,000 </span>
</div>
<div class="filter_item_container" onclick="incomeFilter(`V`, `69_103`)">
<span class="enabled_check" id="69_103"> ✓ </span>
<span class="filter_item" id="69_103_t"> $30,001 - $48,000 </span>
</div>
<div class="filter_item_container" onclick="incomeFilter(`W`, `69_104`)">
<span class="enabled_check" id="69_104"> ✓ </span>
<span class="filter_item" id="69_104_t"> $48,001 - $75,000 </span>
</div>
<div class="filter_item_container" onclick="incomeFilter(`X`, `69_105`)">
<span class="enabled_check" id="69_105"> ✓ </span>
<span class="filter_item" id="69_105_t"> $75,001 - $110,000 </span>
</div>
<div class="filter_item_container" onclick="incomeFilter(`Y`, `69_106`)">
<span class="enabled_check" id="69_106"> ✓ </span>
<span class="filter_item" id="69_106_t"> $110,001+ </span>
</div>
</div>
</div>
</div>
<div style="height: 700px">
<canvas class="myChart" id="myChart"></canvas>
</div>
</div>
<div class="chartSearchContainer">
<input type="text" style="box-sizing: border-box; border-radius: 5px" id="myInput" onkeyup="filterUni()" placeholder="Search for university...">
<table id="uniTableAll">
<tbody id="uniTable" class="uniTable">
</tbody>
</table>
</div>
</div>
<script type="text/javascript" src="./js/VAC.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>