nmode's Git Repositories - Rnaught/blob - inst/app/templates/content/data/enter-data/entry.html

   1
   2 <!-- Button to toggle help text. -->
   3 <button type="button" class="btn btn-outline-primary btn-sm" id="bulk-help-toggle"
   4         data-bs-toggle="collapse" data-bs-target="#bulk-help">Show required format</button>
   5 <!-- Help text for bulk input format. -->
   6 <div class="collapse mt-2" id="bulk-help">
   7   <div class="card card-body border-primary">
   8     <p>Manually enter rows or upload a CSV file in the following format:</p>
   9     <p class="overflow-x-scroll text-nowrap font-monospace">
  10       <u>Dataset name</u>,<u>Time units</u>,<u>Case counts</u>
  11     </p>
  12     <p>
  13       <u class="font-monospace">Time units</u> must be one of
  14       <u class="font-monospace">Days</u> or
  15       <u class="font-monospace">Weeks</u>, and
  16       <u class="font-monospace">Case counts</u>
  17       must be a comma-separated list of one or more non-negative integers.
  18     </p>
  19     <p>Example:</p>
  20     <p class="overflow-x-scroll text-nowrap font-monospace lh-sm">
  21       Montreal,Days,1,2,3,4,5,6,7,8,9,19<br>
  22       Ottawa,Weeks,1,2,3,4,5,6,7,8,9,19<br>
  23       Toronto,Days,1,2,3,4,5,6,7,8,9,19
  24     </p>
  25   </div>
  26 </div>
  27 <!-- Data input area. -->
  28 <div class="my-4">
  29   <label class="form-label" for="data_area">Enter manually</label>
  30   <textarea id="data_area" class="form-control" rows="3" wrap="off"></textarea>
  31   <div>
  32     <small id="data_area_warn" class="form-text text-primary shiny-html-output"></small>
  33   </div>
  34   <button id="data_bulk" type="button" class="btn btn-outline-primary btn-sm action-button mt-3">
  35     <span class="glyphicon glyphicon-plus"></span> Add
  36   </button>
  37 </div>
  38 <!-- File input for data upload (hidden). -->
  39 <input class="form-control" type="file" id="data_upload" accept="text/csv,text/comma-separated-values,text/plain,.csv">
  40 <!-- Custom button to trigger file selector for data upload (visible). -->
  41 <label class="form-label" for="data-upload-select">Upload a CSV file</label>
  42 <div class="input-group">
  43   <button id="data-upload-select" type="button" class="btn btn-outline-primary btn-sm">
  44     <span class="glyphicon glyphicon-file"></span> Select file
  45   </button>
  46   <input type="text" id="data-upload-name" class="form-control" placeholder="No file selected" disabled>
  47 </div>
  48 <small id="data_upload_warn" class="form-text text-primary shiny-html-output"></small>