utils&ui: move public utils & add upload

packages/ui-default/templates/partials/problem_sidebar_additional_file.html

@@ -2,16 +2,16 @@
 {% import "components/problem.html" as problem with context %}
 <div class="section side section--problem-sidebar-additional_file {{ 'expanded' if page_name == 'problem_edit' else 'collapsed'}}">
   <div class="section__header">
-    <h1 class="section__title">{{ additional_file.length if additional_file.length else 0 }} {{_('Testdata')}}</h1>
+    <h1 class="section__title">{{ additional_file.length if additional_file.length else 0 }} {{_('Additional File')}}</h1>
   </div>
   <ol class="menu">
     <li class="menu__item flex-row">
-      <a class="menu__link half" href="javascript:;" name="create_file">
-        <span class="icon icon-add"></span> {{ _('Create') }}
-      </a>
-      <a class="menu__link half" href="javascript:;" name="upload_file">
+      <a class="menu__link half" href="javascript:;" name="additional_file__upload">
         <span class="icon icon-upload"></span> {{ _('Upload') }}
       </a>
+      <a class="menu__link half" href="javascript:;" name="additional_file__download">
+        <span class="icon icon-download"></span> {{ _('Download All') }}
+      </a>
     </li>
     <li class="menu__seperator"></li>
     <li class="menu__item">
@@ -25,7 +25,7 @@
   </ol>
   <div class="section__body no-padding problem-sidebar-additional_file__detail" data-fragment-id="problem-sidebar-additional_file">
     {% if additional_file.length %}
-      <table class="data-table">
+      <table class="data-table additionalfile-table">
         <colgroup>
           <col class="col--name">
           <col class="col--size">
@@ -45,7 +45,7 @@
               <a href="{{ url('problem_file_download', {pid: pdoc.docId, filename: file.name}) }}">{{ file.name }}</a>
             </td>
             <td class="col--size">{{ size(file.size) }}</td>
-            <td class="col--operation"><a href="javascript:;" name="{{ file.name }}"><span class="icon icon-delete"></span></a></td>
+            <td class="col--operation"><a href="javascript:;"name="additional_file__delete"><span class="icon icon-delete"></span></a></td>
           </tr>
           {%- endfor -%}
         </tbody>