Auto fill testcase on file upload (VNOI-Admin#245)

Now when a user uploads a test file, all test cases will be automatically filled, reducing one step of uploading a new test!
Noboroto · May 9, 2022 · c9f223b · c9f223b
1 parent a9628d0
commit c9f223b
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/resources/vnoj/jszip/jszip.min.js b/resources/vnoj/jszip/jszip.min.js
diff --git a/templates/problem/data.html b/templates/problem/data.html
@@ -5,6 +5,7 @@
     {% include "leave-warning.html" %}
     <script type="text/javascript" src="{{ static('libs/jquery-sortable.js') }}"></script>
     <script type="text/javascript" src="{{ static('libs/featherlight/featherlight.min.js') }}"></script>
+    <script type="text/javascript" src="{{ static('vnoj/jszip/jszip.min.js') }}"></script>
     <script type="text/javascript">
         window.valid_files = {{valid_files_json}}.sort();
         window.testcase_limit = {{testcase_limit}};
@@ -421,6 +422,7 @@
             });
 
             function fill_testcases() {
+                console.log("Filling testcase...");
                 var inFiles = [], outFiles = [];
                 var input_re = new RegExp(/^(?=.*?\.in|in).*?(?:(?:^|\W)(\d+)[^\d\s]+)?(\d+)[^\d\s]*$/);
                 var output_re = new RegExp(/^(?=.*?\.out|.*?\.ok|.*?\.ans|out|ok|ans).*?(?:(?:^|\W)(\d+)[^\d\s]+)?(\d+)[^\d\s]*$/);
@@ -506,9 +508,23 @@
                 $('input#delete-all').change();
             });
             if (parseInt($total.val()) == 0 && window.valid_files.length) {
-                console.log("Filling testcase...");
                 fill_testcases();
             }
+
+            $("#id_problem-data-zipfile").change((event) => {
+                let fileInput = event.target.files[0];
+                var reader = new FileReader();
+                reader.onload = function(ev) {
+                    JSZip.loadAsync(ev.target.result).then(function(zip) {
+                        window.valid_files = Object.keys(zip.files).sort();
+                        fill_testcases();
+                    }).catch(function(err) {
+                        console.log(err);
+                        console.error("Failed to open as ZIP file");
+                    })
+                };
+                reader.readAsArrayBuffer(fileInput);
+            })
             $('form').dirty('setAsClean');
         }).change();
     </script>