-
Notifications
You must be signed in to change notification settings - Fork 0
/
clsfilecreator.html
134 lines (123 loc) · 4.38 KB
/
clsfilecreator.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
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/smart_wizard.css"/>
<link rel="stylesheet" type="text/css" href="css/w2ui-1.4.3.css"/>
<link rel="stylesheet" type="text/css" href="css/clsfilecreator.css"/>
<!-- jQuery JS-->
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="js/jquery.smartWizard.js"></script>
<script src="js/w2ui-1.4.3.js"></script>
<script src="js/FileSaver.min.js"></script>
<script src="js/gp_lib.js"></script>
<script src="js/gpUtil.js"></script>
<script src="js/clsfilecreator.js"></script>
</head>
<body style="height: 95%">
<div id="fileLoaded"></div>
<div id="creator" class="swMain">
<ul>
<li>
<a href="#step-1">
<label class="stepNumber">1</label>
<span class="stepDesc">
Samples<br />
<small>Select Samples</small>
</span>
</a>
</li>
<li>
<a href="#step-2">
<label class="stepNumber">2</label>
<span class="stepDesc">
Define Classes<br />
<small>Define the class</small>
</span>
</a>
</li>
<li>
<a href="#step-3">
<label class="stepNumber">3</label>
<span class="stepDesc">
Assign Classes<br />
<small>Assign samples to classes</small>
</span>
</a>
</li>
<li>
<a href="#step-4">
<label class="stepNumber">4</label>
<span class="stepDesc">
Summary<br />
<small>Review class assignments</small>
</span>
</a>
</li>
<li>
<a href="#step-5">
<label class="stepNumber">5</label>
<span class="stepDesc">
Save<br />
<small>Create and save CLS File</small>
</span>
</a>
</li>
</ul>
<div id="step-1">
<h2 class="StepTitle">Select the samples to include in the CLS file</h2>
</div>
<div id="step-2">
<h2 class="StepTitle">Define the classes</h2>
<div id="classesMainDiv">
<div id="classesTableDiv">
<div id="classToolbar" style="padding: 4px; border: 1px solid silver; border-radius: 3px"></div>
<div id="classesGrid"></div>
</div>
</div>
</div>
<div id="step-3">
<h2 class="StepTitle">Assign the samples to classes</h2>
<!-- step content -->
<div id="sampleGrid"></div>
<div id="assignClassDiv" class="w2ui-button">
<div>
<input type="image" src="images/black_right_arrow.png" id="assignClassBtn" height="32" width="52"/>
</div>
<div>
<input type="image" src="images/black_left_arrow.png" id="unassignClassBtn" height="32" width="52"/>
</div>
</div>
<div id="sampleAndClassDiv">
<div class="w2ui-field w2ui-span3">
<div id="classSelector">
<label>Class: <select id="selectedClass"></select></label>
</div>
</div>
<div id="sampleAndClassGrid"></div>
</div>
</div>
<div id="step-4">
<h2 class="StepTitle">Class Assignment Summary</h2>
<!-- step content -->
<div id="classAssignmentSummary"></div>
</div>
<div id="step-5">
<h2 class="StepTitle">Save CLS file</h2>
<!-- step content -->
<div id="saveCLS">
<label for="clsFileName">Enter file name:</label>
<input type="text" id="clsFileName"/>
<div>
<label><input type="radio" name="saveMethod" value="gp"/>Save file to GenePattern Files Tab </label>
<div id="selectGpDir">
<span id="selectedDir"></span><button id="gpDir" class="btn">Select directory</button>
<div style="padding-top: 5px;">(may need to refresh the files tab afterward)</div>
</div>
<br/>
<label><input type="radio" name="saveMethod" value="download"/>View/Download file</label><br/>
</div>
</div>
</div>
</div>
</body>
</html>