-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch_doc.html
executable file
·142 lines (118 loc) · 4.9 KB
/
search_doc.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
<!doctype html>
<html>
<head>
<title>medical cloud-set</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<style type="text/css">
.c_col{
border-top:1px solid #ccc;
}
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e{
padding-top:5px;
padding-bottom: 5px;
font-size: 12px;
}
</style>
<script src ="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function()
{
var uid = GetUrlValue('uid');
document.getElementById("uid").value = uid;
//var hide_text = document.getElementById('uid');
document.getElementById('uid').style.display = 'none';
document.getElementById('avail').style.display = 'none';
console.log(document.getElementById("uid").value);
function GetUrlValue(VarSearch)
{
var SearchString = window.location.search.substring(1);
var VariableArray = SearchString.split('&');
for(var i = 0; i < VariableArray.length; i++)
{
var KeyValuePair = VariableArray[i].split('=');
if(KeyValuePair[0] == VarSearch)
{
return KeyValuePair[1];
}
}
}
});
</script>
</head>
<body>
<div data-role="page" id="one">
<div data-role="header" data-theme="b">
<h1 style="font-size:1.3em;line-height:1.3em;">Enter Info</h1>
</div><!-- /header -->
<div data-role="content">
<div class="c_content_body">
<h4 style="text-align:center">Please fill in the information below</h4>
<form action ="get_param.html" method ="get" data-ajax = "false" >
<label><input type="radio" name="person" value ="name">Name</label>
<label><input type="radio" name="person" value ="speciality">Speciality</label>
<label><input type="radio" name="person" value = "loc">Location</label>
<input type ="text" id ="uid" value="" name="uid" ></input>
<input type ="text" id ="avail" value="true" name="avail" ></input>
<input type="text" placeholder="Enter search here" data-type="search" name = "search_text">
<input type= "submit" data-theme="b" data-transition="slide" data-icon="arrow-r" data-iconpos="right" value = "Search" on>
</form>
</div>
</div><!-- /content -->
<div data-role="footer" data-theme="b">
<p style="text-align:center">Medical Cloud</p>
</div><!-- /footer -->
</div><!-- /page -->
<div data-role="page" id="two">
<div data-role="header" data-theme="b">
<h1 style="font-size:1.3em;line-height:1.3em;">Search Results</h1>
</div><!-- /header -->
<div data-role="content">
<h4 style="text-align:center">Search results are displayed below</h4>
<div class="ui-grid-d c_col" >
<div class="ui-block-a"><b>Name</b></div>
<div class="ui-block-b"><b>Speciality</b></div>
<div class="ui-block-c"><b>Location</b></div>
<div class="ui-block-d"><b>Availability</b></div>
<div class="ui-block-e"><b>Time</b></div>
<div class="ui-block-a">Block A</div>
<div class="ui-block-b">Block B</div>
<div class="ui-block-c">Block C</div>
<div class="ui-block-d">Block D</div>
<div class="ui-block-e">Block E</div>
<div class="ui-block-a">Block A</div>
<div class="ui-block-b">Block B</div>
<div class="ui-block-c">Block C</div>
<div class="ui-block-d">Block D</div>
<div class="ui-block-e">Block E</div>
</div><!-- /grid-b -->
<br><br>
<a href="#three" data-theme="b" data-role="button" data-transition="slide" data-icon="arrow-r" data-iconpos="right">Feedback Form</a>
</div><!-- /content -->
<div data-role="footer" data-theme="b">
<p style="text-align:center">Project X</p>
</div><!-- /footer -->
</div><!-- /page -->
<div data-role="page" id="three">
<div data-role="header" data-theme="b">
<h1 style="font-size:1.3em;line-height:1.3em;">Feedback</h1>
</div><!-- /header -->
<div data-role="content">
<h4>Please complete the feedback form</h4>
<form action="" method ="get">
<label for="slider-1">Rating (Scale from 1-10, 10 being the best)</label>
<input type="range" name="slider-1" id="slider-1" value="8" min="1" max="10" />
<label for="textarea">Comments:</label>
<textarea name="textarea" id="textarea"></textarea><br>
<input type="submit" value="Submit" data-theme="b">
</div>
</form>
</div><!-- /content -->
<div data-role="footer" data-theme="b">
<p style="text-align:center">Project X</p>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>