expand sections by default

packages/ui-default/components/autocomplete/components/AutoComplete.tsx

@@ -17,6 +17,7 @@ export interface AutoCompleteProps<Item> {
    */
   height?: string;
   disabled?: boolean;
+  placeholder?: string;
   disabledHint?: string;
   listStyle?: React.CSSProperties;
   cacheKey?: string;
@@ -295,6 +296,7 @@ const AutoComplete = forwardRef(function Impl<T>(props: AutoCompleteProps<T>, re
               if (allowEmptyQuery) handleInputChange();
               setFocused(true);
             }}
+            placeholder={props.placeholder}
             onBlur={() => setFocused(false)}
             onKeyDown={handleInputKeyDown}
             defaultValue={multi ? '' : selectedKeys.join(',')}
@@ -344,6 +346,7 @@ AutoComplete.propTypes = {
   allowEmptyQuery: PropTypes.bool,
   freeSolo: PropTypes.bool,
   freeSoloConverter: PropTypes.func,
+  placeholder: PropTypes.string,
 };
 
 AutoComplete.defaultProps = {

packages/ui-default/components/problemconfig/ProblemConfigForm.tsx

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'vj/utils/i18n';
 import {
-  Card, Switch, Tab, Tabs, InputGroup, Tag,
+  Card, Tab, Tabs, InputGroup, Tag,
 } from '@blueprintjs/core';
 import type { RootState } from './reducer/index';
 import CustomSelectAutoComplete from '../autocomplete/components/CustomSelectAutoComplete';
@@ -35,15 +35,12 @@ function FileIOConfig() {
 }
 
 function ExtraFilesConfig() {
-  const [showTab, setshowTab] = useState(false);
   const Files = useSelector((state: RootState) => state.testdata);
   const userExtraFiles = useSelector((state: RootState) => state.config.user_extra_files);
   const judgeExtraFiles = useSelector((state: RootState) => state.config.judge_extra_files);
   const dispatch = useDispatch();
   return (
     <FormItem columns={12} label="ExtraFilesTabs" disableLabel>
-      <Switch checked={showTab} label={i18n('Extra Files Config')} onChange={() => setshowTab(!showTab)} />
-      <div style={!showTab ? { display: 'none' } : {}}>
       <Tabs id="ExtraFilesTabs">
         <Tab
           id="user_extra_files"
@@ -70,13 +67,11 @@ function ExtraFilesConfig() {
           )}
         />
       </Tabs>
-      </div>
     </FormItem>
   );
 }
 
 function LangConfig() {
-  const [showTab, setshowTab] = useState(false);
   const langs = useSelector((state: RootState) => state.config.langs) || [];
   const prefixes = new Set(Object.keys(LANGS).filter((i) => i.includes('.')).map((i) => i.split('.')[0]));
   const data = Object.keys(LANGS).filter((i) => !prefixes.has(i))
@@ -88,12 +83,11 @@ function LangConfig() {
     ref.current.setSelectedKeys(selectedKeys);
   }, [JSON.stringify(selectedKeys)]);
   return (
-    <FormItem columns={12} label="LangsTabs" disableLabel>
+    <FormItem columns={12} label="langs">
-      <Switch checked={showTab} label={i18n('Langs Config')} onChange={() => setshowTab(!showTab)} />
-      <FormItem columns={12} label="langs" style={!showTab ? { display: 'none' } : {}}>
       <CustomSelectAutoComplete
         ref={ref}
         data={data}
+        placeholder={i18n('Unlimited')}
         selectedKeys={selectedKeys}
         onChange={(val) => {
           const value = val.split(',');
@@ -103,7 +97,6 @@ function LangConfig() {
         multi
       />
     </FormItem>
-    </FormItem>
   );
 }
 

packages/ui-default/locales/zh.yaml

@@ -141,6 +141,7 @@ Compile Error: 编译错误
 Compilers' Version and Parameters: 编译器版本及参数
 Complete: 完成
 Completed: 已完成
+Config: 配置
 Confirm deleting the selected roles?: 您确定删除所选角色吗？
 Confirm deleting this comment? Its replies will be deleted as well.: 确认删除这个评论吗？回复会被同时删除。
 Confirm deleting this reply?: 确认删除这个回复吗？
@@ -825,6 +826,7 @@ Uncompleted: 未完成
 Unique: 唯一
 Unknown field {0}.: 未知字段 {0}。
 Unknown: 未知
+Unlimited: 无限制
 Unordered List: 无序列表
 Unstar Topic: 取消收藏
 Unstar: 取消收藏

packages/ui-default/pages/problem_config.page.styl

@@ -4,13 +4,6 @@
       max-height: 270px
       overflow-y: auto
 
-    &.collapsed .collapsed--hidden,
-    &.expanded .expanded--hidden
-      display: none
-
-    &.collapsed .problem-sidebar-testdata__detail
-      display: none
-
   .col--size
     width: 80px
   .col--operation

packages/ui-default/pages/problem_config.page.tsx

@@ -1,5 +1,4 @@
 import { NamedPage } from 'vj/misc/Page';
-import { slideDown, slideUp } from 'vj/utils/slide';
 import request from 'vj/utils/request';
 import loadReactRedux from 'vj/utils/loadReactRedux';
 import i18n from 'vj/utils/i18n';
@@ -12,21 +11,6 @@ import tpl from 'vj/utils/tpl';
 import { SubtaskType } from 'hydrooj/src/interface';
 import { configYamlFormat } from 'vj/components/problemconfig/ProblemConfigEditor';
 
-async function handleSection(ev: JQuery.ClickEvent<Document, undefined, any, any>, type: string) {
-  const $section = $(ev.currentTarget).closest('.section--problem-sidebar-testdata');
-  if ($section.is(`.${type}d, .animating`)) return;
-  $section.addClass('animating');
-  const $detail = $section.find('.problem-sidebar-testdata__detail');
-  if (type === 'expand') {
-    await slideDown($detail, 300, { opacity: 0 }, { opacity: 1 });
-  } else {
-    await slideUp($detail, 300, { opacity: 1 }, { opacity: 0 });
-  }
-  $section.addClass(type === 'expand' ? 'expanded' : 'collapsed');
-  $section.removeClass(type === 'expand' ? 'collapsed' : 'expanded');
-  $section.removeClass('animating');
-}
-
 function onBeforeUnload(e) {
   e.returnValue = '';
 }
@@ -216,8 +200,6 @@ const page = new NamedPage('problem_config', () => {
   $(document).on('click', '[name="testdata__upload"]', () => handleClickUpload());
   $(document).on('click', '[name="testdata__delete"]', (ev) => handleClickRemove(ev));
   $(document).on('click', '[name="testdata__download__all"]', () => handleClickDownloadAll());
-  $(document).on('click', '[name="testdata__section__expand"]', (ev) => handleSection(ev, 'expand'));
-  $(document).on('click', '[name="testdata__section__collapse"]', (ev) => handleSection(ev, 'collapse'));
 });
 
 export default page;

packages/ui-default/pages/problem_edit.page.styl

@@ -12,26 +12,11 @@
     &.tab--active
       border-color: #ed5f82;
 
-  .section--problem-sidebar-tags
-    &.collapsed .collapsed--hidden,
-    &.expanded .expanded--hidden
-      display: none
-
-    &.collapsed .problem-sidebar-tags__detail
-      display: none
-
   .section--problem-sidebar-additional_file
     .problem-sidebar-additional_file__detail
       height: 270px
       overflow-y: auto
 
-    &.collapsed .collapsed--hidden,
-    &.expanded .expanded--hidden
-      display: none
-
-    &.collapsed .problem-sidebar-additional_file__detail
-      display: none
-
     .col--size
       width: 80px
     .col--operation

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

@@ -1,8 +1,8 @@
 {% import "components/nothing.html" as nothing with context %}
 {% 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 side section--problem-sidebar-additional_file">
   <div class="section__header">
-    <h1 class="section__title">{{ additional_file.length if additional_file.length else 0 }} {{_('Additional File')}}</h1>
+    <h1 class="section__title">{{ additional_file.length|default(0) }} {{_('Additional File')}}</h1>
   </div>
   <ol class="menu">
     <li class="menu__item flex-row">
@@ -13,15 +13,6 @@
         <span class="icon icon-download"></span> {{ _('Download All') }}
       </a>
     </li>
-    <li class="menu__seperator"></li>
-    <li class="menu__item">
-      <a class="menu__link expanded--hidden" href="javascript:;" name="additional_file__section__expand">
-        <span class="icon icon-expand_more"></span> {{ _('expand') }}
-      </a>
-      <a class="menu__link collapsed--hidden" href="javascript:;" name="additional_file__section__collapse">
-        <span class="icon icon-expand_less"></span> {{ _('collapse') }}
-      </a>
-    </li>
   </ol>
   <div class="section__body no-padding problem-sidebar-additional_file__detail" data-fragment-id="problem-sidebar-additional_file">
     {% if additional_file.length %}

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

@@ -1,6 +1,6 @@
 {% import "components/nothing.html" as nothing with context %}
 {% import "components/problem.html" as problem with context %}
-<div class="section side section--problem-sidebar-testdata collapsed">
+<div class="section side section--problem-sidebar-testdata">
   <div class="section__header">
     <h1 class="section__title">{{ testdata.length if testdata.length else 0 }} {{_('Testdata')}}</h1>
   </div>
@@ -14,14 +14,6 @@
       </a>
     </li>
     <li class="menu__seperator"></li>
-    <li class="menu__item flex-row">
-      <a class="menu__link expanded--hidden" href="javascript:;" name="testdata__section__expand">
-        <span class="icon icon-expand_more"></span> {{ _('expand') }}
-      </a>
-      <a class="menu__link collapsed--hidden" href="javascript:;" name="testdata__section__collapse">
-        <span class="icon icon-expand_less"></span> {{ _('collapse') }}
-      </a>
-    </li>
   </ol>
   <div class="section__body no-padding problem-sidebar-testdata__detail" data-fragment-id="problem-sidebar-testdata">
     {% if testdata.length %}
@@ -49,7 +41,7 @@
         </tbody>
       </table>
     {% else %}
-      {{ nothing.render('No testdata at current.',compact = true) }}
+      {{ nothing.render('No testdata at current.', compact = true) }}
     {% endif %}
   </div>
 </div>

packages/ui-default/templates/problem_edit.html

@@ -92,17 +92,9 @@
     </div>
   </div>
   <div class="medium-3 columns">
-    <div class="section side visiable nojs--hide section--problem-sidebar-tags {{ 'collapsed' if page_name == 'problem_edit' else 'expanded'}}">
+    <div class="section side visiable nojs--hide section--problem-sidebar-tags">
       <div class="section__header">
         <h1 class="section__title">{{ _('Categories') }} ({{ _('click to add') }})</h1>
-        <div class="section__tools">
-          <a class="expanded--hidden" href="javascript:;" name="tags__section__expand">
-            <span class="icon icon-expand_more"></span>
-          </a>
-          <a class="collapsed--hidden" href="javascript:;" name="tags__section__collapse">
-            <span class="icon icon-expand_less"></span>
-          </a>
-        </div>
       </div>
       <div class="section__body problem-sidebar-tags__detail">
         {% include "partials/category.html" %}

packages/ui-default/templates/problem_files.html

@@ -7,8 +7,9 @@
         <h1 class="section__title">{{ _('Testdata') }}</h1>
         <div class="section__tools">
           {% if not reference and (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) %}
-            <button class="primary rounded button" name="create_testdata">{{ _('Create File') }}</button>
+            <a href="{{ url('problem_config', pid=pdoc.docId) }}" class="primary rounded button">{{ _('Config') }}</a>
-            <button class="primary rounded button" name="upload_testdata">{{ _('Upload File') }}</button>
+            <button class="primary rounded button" name="create_testdata">{{ _('Create') }}</button>
+            <button class="primary rounded button" name="upload_testdata">{{ _('Upload') }}</button>
           {% endif %}
         </div>
       </div>