forked from jkguiang/AutoDQM
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
executable file
·124 lines (111 loc) · 6.52 KB
/
index.php
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
<html>
<head>
<title>AutoDQM</title>
<!-- Latest compiled and minified Boostrap CSS and Javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Tab Icon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- My Code -->
<script src="src/js/index.js"></script>
<!-- CSS -->
<style>
.container-wide {
padding: 0 50px !important;
}
.loader {
text-align: center;
margin: auto;
border: 6px solid #f3f3f3; /* Light grey */
border-top: 6px solid #3498db; /* Blue */
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<ul class="nav nav-tabs" id="navbar" role="tablist">
<li role="presentation" class="active"><a href="./">AutoDQM</a></li>
<li role="presentation"><a href="search.php">Search</a></li>
<li role="presentation"><a href="database.php">Database</a></li>
<li role="presentation"><a id="plots_url" href="plots.php">Plots</a></li>
</ul>
<div class="container-wide">
<div class="row">
<div class="col-lg-6">
<div class="row"><h2>Sample</h2><hr></div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label for="sample_list">Name</label>
<select class="form-control" id="sample_list">
<option value="none">Select Sample</option>
<option value="SingleMuon">SingleMuon</option>
<option value="Cosmics">Cosmics</option>
</select>
</div>
</div>
<div class="col-lg-6">
<!-- Cosnics Run Entry -->
<div class="form-group row">
<form id="Cosmics" action="/" method="post" role="form">
<div class="form-group">
<label for="Cosmics_dataInput">Data Run Number</label>
<input type="text" class="form-control" id="Cosmics_dataInput" onkeyup="updt_sample()" placeholder="e.g. 300811">
<hr style="margin:0px; height:10px; visibility:hidden;" />
<label for="Cosmics_refInput">Reference Run Number</label>
<input type="text" class="form-control" id="Cosmics_refInput" onkeyup="updt_sample()" placeholder="e.g. 301531">
</div>
</form>
<!-- SingleMuon Run Entry -->
<form id="SingleMuon" action="/" method="post" role="form">
<div class="form-group">
<label for="SingleMuon_dataInput">Data Run Number</label>
<input type="text" class="form-control" id="SingleMuon_dataInput" onkeyup="updt_sample()" placeholder="e.g. 300811">
<hr style="margin:0px; height:10px; visibility:hidden;" />
<label for="SingleMuon_refInput">Reference Run Number</label>
<input type="text" class="form-control" id="SingleMuon_refInput" onkeyup="updt_sample()" placeholder="e.g. 301531">
</div>
</form>
</div>
</div>
</div>
</div> <!-- End top left column -->
<div class="col-lg-6">
<p><br /></p>
<div class="list-group">
<li class="list-group-item">Requirements</li>
<li class="list-group-item list-group-item-danger" id="sample_chk">Sample form filled</li>
</div>
</div>
</div>
<hr>
<p><br /></p>
<div class="row">
<div class="col-lg-3">
</div> <!-- end secondary row left padding -->
<div class="col-lg-6">
<div class="text-center">
<button id="submit" type="submit" class="btn btn-lg btn-success">Submit</button>
<p><br /></p>
<a href="plots.php"><div class="alert alert-success" id="finished">Success! Please navigate to the 'Plots' page to view the results.</div></a>
<div class="alert alert-danger" id="input_err">Error: Incomplete input.</div>
<div class="alert alert-danger" id="internal_err">Error: Internal error.</div>
</div>
<div class="loader" id="load"></div>
<div class="text-center"><small class="form-text text-muted" id="load_msg">Loading...</small></div>
</div> <!-- end secondary row middle col -->
<div class="col-lg-3">
</div> <!-- end secondary row right padding -->
</div> <!-- end secondary row -->
</div> <!-- end container -->
</body>
</html>