From df9da3d5b5e4382976ede1b54eb1aeb04c4c45e5 Mon Sep 17 00:00:00 2001 From: Frederick Muriuki Muriithi Date: Thu, 27 Jun 2024 10:53:54 -0500 Subject: Upload chunking: Provide UI and code for drag&drop and chunking * Use resumable.js to handle the drag-and-drop feature, and chunking. * Add styling for the drag-and-drop area, and provide visual indication when a file is successfully dropped and added to the upload list. --- .../rqtl2/upload-rqtl2-bundle-step-01.html | 214 ++++++++++++++++++--- 1 file changed, 188 insertions(+), 26 deletions(-) (limited to 'qc_app/templates/rqtl2') diff --git a/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html b/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html index fc87d5b..b9320ea 100644 --- a/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html +++ b/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html @@ -5,38 +5,92 @@ {%block title%}Upload R/qtl2 Bundle{%endblock%} {%block contents%} +{%macro rqtl2_file_help()%} + +

+ Provide a valid R/qtl2 zip file here. In particular, ensure your zip bundle + contains exactly one control file and the corresponding files mentioned in + the control file. +

+

+ The control file can be either a YAML or JSON file. ALL other data + files in the zip bundle should be CSV files. +

+

See the + + R/qtl2 file format specifications + + for more details. +

+
+{%endmacro%} {{upload_progress_indicator()}} + + +

Upload R/qtl2 Bundle

+ +
+ enctype="multipart/form-data" + data-resumable-action="/no/such/endpoint"> {{flash_all_messages()}} -
+
file upload -

Provide a valid R/qtl2 zip file here. In - particular, ensure your zip bundle contains exactly one control file and - the corresponding files mentioned in the control file.

-

The control file can be either a YAML or JSON file. ALL other - data files in the zip bundle should be CSV files.

-

See the - - R/qtl2 file format specifications for more details.

+ {{rqtl2_file_help()}}