Update web app entry point

[Rnaught] / inst / web / templates / content / data / enter-data / required-format.html

diff --git a/inst/web/templates/content/data/enter-data/required-format.html b/inst/web/templates/content/data/enter-data/required-format.html
new file mode 100644 (file)
index 0000000..724dd83
--- /dev/null
+++ b/inst/web/templates/content/data/enter-data/required-format.html
@@ -0,0 +1,25 @@
+<!-- Button to toggle help text. -->
+<button type="button" class="btn btn-outline-primary btn-sm" id="data-format-toggle"
+        data-bs-toggle="collapse" data-bs-target="#data-format">Show required format</button>
+<!-- Help text for data input format. -->
+<div class="collapse mt-2" id="data-format">
+  <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">
+      Disease A,Days,1,2,3,4,5,6,7,8,9<br>
+      Disease B,Weeks,3,1,4,1,5,2,9<br>
+      Disease C,Days,2,3,5,7,11,13,17,19
+    </p>
+  </div>
+</div>