-
Notifications
You must be signed in to change notification settings - Fork 0
/
dashboard.html
151 lines (131 loc) · 4.72 KB
/
dashboard.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="dashboard.css" />
<link href="tabcontent.css" rel="stylesheet" type="text/css" />
<script src="tabcontent.js" type="text/javascript"></script>
<script type="text/javascript" src = "dashboard.js"></script>
<script type="text/javascript" src = "functions.js"></script>
<script type="text/javascript">
function showdisplay(str)
{
if (str == "")
{
document.getElementById("labs").innerHTML = "";
return;
}
else
{
var x = document.forms["myform"]["selectbyinstitute"].value;
var y = document.forms["myform"]["selectbydiscipline"].value;
var z = document.forms["myform"]["selectbystatus"].value;
var w = document.forms["myform"]["selectbyintegrationlevel"].value;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("test").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST", "getlabsbyinstitute.php", true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("p=" + x + "&q=" + y + "&r=" + z + "&s=" + w);
}
}
</script>
<body onload='showdisplay(str)'>
<div class = "a"></div>
<div id="header">Virtual Labs' Dashboard
<div id = "login"><button type="button" onclick="Log in">Log In</button></div>
<div class = "vlabsIcon" > </div>
<div></div>
<ul class="tabs">
<li><a href="#view4">Search</a></li>
<li><a href="#view1" onclick="showLabs(this.value)">Labs</a></li>
<li><a href="#view2" onclick="showInstitutes(this.value)">Institutes</a></li>
<li><a href="#view3" onclick="showDisciplines(this.value)">Discipline</a></li>
<li><a href="#view5" onclick="showDevelopers(this.value)">Developers</a></li>
<li><a href="#view6" onclick="showTechnologies(this.value)">Technologies</a></li>
</ul>
<div class="tabcontents">
<div id="view1">
<h4 id="labs" align="center">labs</h4>
</div>
<div id="view2">
<h4 id="institutes" align="center">institutes</h4>
</div>
<div id="view3">
<h4 id="disciplines" align="center">disciplines</h4>
</div>
<div id="view5">
<h4 id="developers" align="center">developers</h4>
</div>
<div id="view6">
<h4 id="technologies" align="center">technlogies</h4>
</div>
</div>
<div class="tabcontents">
<div id="view4">
<form name="myform">
<br> Select institute name:
<select name ="selectbyinstitute">
<option value="0">None</option>
<option value="1">Amritha University</option>
<option value="2">COEP</option>
<option value="3">Dayalbagh</option>
<option value="4">IIIT-H</option>
<option value="5">IIT-Bombay</option>
<option value="6">IIT-Delhi</option>
<option value="7">IIT-Guwahati</option>
<option value="8">IIT-Kanpur</option>
<option value="9">IIT-Kharagpur</option>
<option value="10">IIT-Madras</option>
<option value="11"> IIT-Roorkee</option>
<option value="12">NIT-K</option>
</select><br>
<br> Select discipline name:
<select name ="selectbydiscipline">
<option value="0">None</option>
<option value="1">Aerospace Engineering</option>
<option value="2">Biotechnology and Biomedical Engineering</option>
<option value="3">Chemical Engineering</option>
<option value="4">Chemical Sciences</option>
<option value="5">Civil Engineering</option>
<option value="6">Computer Science & Engineering</option>
<option value="7">Electrical Engineering</option>
<option value="8">Electronics & Communications</option>
<option value="9">Humanities</option>
<option value="10"> Mechanical Engineering</option>
<option value="11">Physical Sciences</option>
<option value="12">Textile Department</option>
</select>
<br><br>
<br>Select Status:
<select name ="selectbystatus">
<option value="None">None</option>
<option value="Hosted">Hosted</option>
<option value="Not Hosted">Not Hosted</option>
<option value="Hosted with simulations">Hosted with simulations</option>
</select>
<br><br>Select Integration Level:
<select name = "selectbyintegrationlevel">
<option value="None">None</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br><br>
<input type="button" value="submit" onclick="showdisplay(this.value)"></innput>
</form>
<h4 id="test" align="center"></h4>
</div>
</div>
</body>
</html>