-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathVAM.html
100 lines (97 loc) · 6.24 KB
/
VAM.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
<!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 Matrix 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/VAM.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 Matrix (VAM) </h1>
<h3 class="helpLink"> <a href="https://higheredlabs.blogspot.com/2021/04/how-to-use-value-added-matrix-vam.html"> How to Use the Value Added Matrix </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(`G`, [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(`G`, [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(`I`, [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(`I`, [2], [`50_102`])">
<span class="enabled_check" id="50_102"> ✓ </span>
<span class="filter_item"> Private </span>
</div>
</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=381>
</div>
</div>
</div>
</div>
</div>
<div class="chartFilterContainer">
</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..">
<table id="uniTableAll">
<tbody id="uniTable" class="uniTable">
</tbody>
</table>
</div>
</div>
<script type="text/javascript" src="./js/VAM.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>
</body>
</html>