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
|
<h4 class="mb-3">Bulk entry</h4>
<!-- Button to toggle help text. -->
<button type="button" class="btn btn-outline-primary btn-sm" id="bulk-help-toggle"
data-bs-toggle="collapse" data-bs-target="#bulk-help">Show required format</button>
<!-- Help text for bulk input format. -->
<div class="collapse mt-2" id="bulk-help">
<div class="card card-body border-primary">
<p>Manually enter rows or upload a CSV file in the following format:</p>
<p class="overflow-x-scroll text-nowrap font-monospace">
<u>Dataset name</u>,<u>Time units</u>,<u>Case counts</u>
</p>
<p>
<u class="font-monospace">Time units</u> must be one of
<u class="font-monospace">Days</u> or
<u class="font-monospace">Weeks</u>, and
<u class="font-monospace">Case counts</u>
must be a comma-separated list of one or more non-negative integers.
</p>
<p>Example:</p>
<p class="overflow-x-scroll text-nowrap font-monospace lh-sm">
Montreal,Days,1,2,3,4,5,6,7,8,9,19<br>
Ottawa,Weeks,1,2,3,4,5,6,7,8,9,19<br>
Toronto,Days,1,2,3,4,5,6,7,8,9,19
</p>
</div>
</div>
<!-- Data input area. -->
<div class="my-4">
<label class="form-label" for="data_area">Enter manually</label>
<textarea id="data_area" class="form-control" rows="3" wrap="off"></textarea>
<div>
<small id="data_area_warn" class="form-text text-primary shiny-html-output"></small>
</div>
<button id="data_bulk" type="button" class="btn btn-outline-primary btn-sm action-button mt-3">
<span class="glyphicon glyphicon-plus"></span> Add
</button>
</div>
<!-- File input for data upload (hidden). -->
<input class="form-control" type="file" id="data_upload" accept="text/csv,text/comma-separated-values,text/plain,.csv">
<!-- Custom button to trigger file selector for data upload (visible). -->
<label class="form-label" for="data-upload-select">Upload a CSV file</label>
<div class="input-group">
<button id="data-upload-select" type="button" class="btn btn-outline-primary btn-sm">
<span class="glyphicon glyphicon-file"></span> Select file
</button>
<input type="text" id="data-upload-name" class="form-control" placeholder="No file selected" disabled>
</div>
<small id="data_upload_warn" class="form-text text-primary shiny-html-output"></small>
|
