-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (65 loc) · 3.73 KB
/
index.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
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.min.js"></script>
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript" src="file_loader.js"></script>
<script type="text/javascript" src="md5.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="primer_css.css">
<title>WSI Loader</title>
<meta charset="UTF-8">
</head>
<body data-color-mode="auto" data-light-theme="light" data-dark-theme="dark_dimmed" >
<div id="import">
<p>Select folder with .mrxs files and upload it here. You will not see files in the file browser, just upload the root folder.
By clicking on 'Upload' you start uploading the files and processing them. This can be done repeatedly to retry with failed files,
it is a good idea to wait for the current session to finish though before doing so. By selecting 'Monitor' the provided files
will be only checked for presence and progress/status.</p>
<div class="p-2">
<label for="file-drag-drop" class="drop-container">
<span class="drop-title">Click to upload or drag&drop</span>
<input type="file" id="file-drag-drop" name="dir_upload[]" webkitdirectory multiple required/>
</label>
</div>
<br>
<p>
<button id="start-upload" class="btn btn-primary"><i class="fa fa-upload"></i> Upload</button>
<button id="start-monitor" class="btn btn-primary"><i class="fa fa-upload"></i> Monitor</button>    
<!-- <button id="remove-upload" class="btn btn-primary"><i class="fa fa-upload"></i> Delete all uploaded</button> -->
</p>
</div>
<div id="progress-error" class="m-3"></div>
<div id="progress"></div>
<div id="analysis" class="mt-3" style="display: none;">
<br><br>
<h2 class="f2-light">Analysis </h2>
<input type="hidden" id="event-name-input" name="eventName" value="prostate-prediction"/>
<div id="analysis-message" class="m-3 border-0 rounded-2"></div>
<p>It is best to wait after all files has been uploaded and converted.</p>
<br>
<!-- <p>You can run analysis here. Use <i>biopsy</i> for file with the same biopsy number to be analysed one by one.-->
<!-- The progress is shown by the running monitoring above. Note though, that the analysis might run also for files not displayed here, if there are some non-processed-->
<!-- files with the same biopsy number.-->
<!-- </p>-->
<!-- <input type="text" class="form-control" id="request-analysis" name="request" placeholder="Biopsy common to all files to process."/>-->
<!--TODO later allow for algo selection by fetching available ones from server-->
<!-- <input type="submit" id="send-one-file-analysis" name="command" value="Run analysis" class="form-control pointer"/>-->
<!-- <br><br>-->
<p>Run analysis for all the files uploaded.</p>
<input type="submit" id="send-all-analysis" name="command" value="Run for all files" class="form-control pointer"/>
</div>
<pre id="code" class="code mt-3"></pre>
<form action="server/index.php" style="visibility: hidden; opacity: 0" method="post" id="uploader" enctype="multipart/form-data">
<input type="file" id="file-uploader" name="uploadedFile"/>
<input type="hidden" id="biopsy-uploader" name="biopsy"/>
<input type="hidden" id="year-uploader" name="year"/>
<input type="hidden" id="meta-uploader" name="meta"/>
<input type="hidden" id="main-filename-uploader" name="mainFileName"/>
<input type="hidden" id="checksum-uploader" name="checksum"/>
<input type="hidden" id="filename-uploader" name="fileName"/>
<input type="submit" id="send-one-file" name="command" value=""/>
</form>
</body>
</html>