-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstimulus.html
133 lines (128 loc) · 5.38 KB
/
stimulus.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
<html>
<head>
<title>Stimly</title>
<script src="lib/jquery.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<script src="lib/chart.js"></script>
<script src="lib/underscore-min.js"></script>
<script src="lib/AIRAliases.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib//flot/jquery.flot.js"></script>
<script src="lib//flot/jquery.flot.selection.js"></script>
<script src="lib//flot/jquery.flot.axislabels.js"></script>
<script src="lib//flot/jquery.flot.labels.js"></script>
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>
<script src="js/picture.js"></script>
<script src="js/validate.js"></script>
<script src="js/stats.js"></script>
<script src="js/parse.js"></script>
<script src="js/export.js"></script>
<script src="js/charting.js"></script>
<script src="js/main.js"></script>
<link href="css/style.css" rel="stylesheet"/>
<link href="css/pictures.css" rel="stylesheet"/>
<link href="css/settings.css" rel="stylesheet"/>
<link href="css/chart.css" rel="stylesheet"/>
</head>
<body>
<div class="container">
<header>
<nav class="navbar-inverse navbar-fixed-top" id="nav">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Stimly</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapsed">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-collapsed">
<ul class="nav navbar-nav">
<li class="navItem"><a class="settingsNav">Settings</a></li>
<li class="navItem"><a class="groupsNav">Groups</a></li>
<li class="navItem"><a class="graphsNav">Graphs</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="settingsContainer">
<div class="form-container col-sm-offset-2 col-sm-8">
<h1 align="center">Stimly</h1>
<div class="row col-sm-12">
<div id="error-alert">
</div>
<form id="input-form" class="form-horizontal">
<div class="form-group">
<label class="col-sm-6 control-label" for="pictureDirectory">Picture Directory:</label>
<div class="col-sm-6">
<input id="picture-directory" type="file">
</div>
</div>
<div class="form-group">
<label class="col-sm-6 control-label" for="ratingFile">Ratings File: <a href="#" onclick="window.open('ratings_info.html','name','width=370,height=500')">(?)</a></label>
<div class="col-sm-6">
<input id="ratings-file" type="file">
</div>
</div>
<div class="form-group">
<label class="col-sm-6 control-label" for="numGroups">Number of Groups:</label>
<div class="col-sm-2">
<input type="text" class="form-control" id="num-groups" type="text" length="2">
<span id="num-groups-error" class="glyphicon glyphicon-remove form-control-feedback hide" aria-hidden="true"></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-6 control-label" for="picsPerGroup">Number of Pictures per Group:</label>
<div class="col-sm-2">
<input type="text" class="form-control" id="pics-per-group" type="text" length="2">
<span id="pics-per-group-error" class="glyphicon glyphicon-remove form-control-feedback hide" aria-hidden="true"></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-6 control-label" for="ratingPerGroup">Average Rating per Group:</label>
<div class="col-sm-2">
<input type="text" class="form-control" id="rating-per-group" type="text" length="10">
<span id="rating-per-group-error" class="glyphicon glyphicon-remove form-control-feedback hide" aria-hidden="true"></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-6 control-label"></label>
<div class="col-sm-4">
<input class="btn btn-primary" id="submit" type="submit">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="groupsContainer">
<div>
<button class="btn btn-primary export-pics">Export Pictures</button>
<div class="export-msg"></div>
</div>
<div class="row sorted-row">
</div>
<div class="row sorted-row">
</div>
<div class="row unsorted-row">
<div class="group unsorted-group">
<div class="inner-group">
<div class="unsorted-header"><h4>Unsorted Pictures</h4></div>
<div class="pic-box">
<!-- Pictures loaded in here through main.js -->
</div>
</div>
</div>
</div>
</div>
<div class="graphsContainer">
</div>
</main>
<footer>
</footer>
</div>
</body>
</html>