core&ui: add language filter (#346)

packages/ui-default/pages/problem_submit.page.js

@@ -1,4 +1,5 @@
 import { NamedPage } from 'vj/misc/Page';
+import getAvaliableLangs from 'vj/utils/avaliableLangs';
 
 function setOptions($el, options) {
   $el.empty();
@@ -9,13 +10,12 @@ function setOptions($el, options) {
 
 const page = new NamedPage(['problem_submit', 'contest_detail_problem_submit', 'homework_detail_problem_submit'], async () => {
   const { config } = UiContext.pdoc;
+  const avaliableLangs = getAvaliableLangs(config.langs);
 
   function onChangeMain(update = true) {
     const options = {};
-    for (const key in window.LANGS) {
-      if (config.langs && !config.langs.includes(key)) continue;
-      if (window.LANGS[key].hidden && !config.langs?.includes(key)) continue;
-      if (key.startsWith(`${this.value}.`) && key !== this.value) options[key] = window.LANGS[key].display;
+    for (const key in avaliableLangs) {
+      if (key.startsWith(`${this.value}.`) && key !== this.value) options[key] = avaliableLangs[key].display;
     }
     setOptions($('#codelang-sub-select'), options);
     if (Object.keys(options).length) {
@@ -28,9 +28,8 @@ const page = new NamedPage(['problem_submit', 'contest_detail_problem_submit', '
     return Object.keys(options)[0];
   }
   const main = {};
-  for (const key in window.LANGS) {
+  for (const key in avaliableLangs) {
     if (config.langs && !config.langs.filter((i) => i === key || i.startsWith(`${key}.`)).length) continue;
-    if (window.LANGS[key].hidden && !config.langs?.includes(key)) continue;
     if (!key.includes('.')) main[key] = window.LANGS[key].display;
     else {
       const a = key.split('.')[0];

packages/ui-default/pages/record_main.page.ts

@@ -1,6 +1,8 @@
 import { NamedPage } from 'vj/misc/Page';
 import UserSelectAutoComplete from 'vj/components/autocomplete/UserSelectAutoComplete';
 import ProblemSelectAutoComplete from 'vj/components/autocomplete/ProblemSelectAutoComplete';
+import tpl from 'vj/utils/tpl';
+import getAvaliableLangs from 'vj/utils/avaliableLangs';
 
 const page = new NamedPage('record_main', async () => {
   const [{ default: SockJs }, { DiffDOM }] = await Promise.all([
@@ -36,6 +38,11 @@ const page = new NamedPage('record_main', async () => {
   ProblemSelectAutoComplete.getOrConstruct($('[name="pid"]'), {
     clearDefaultValue: false,
   });
+  const avaliableLangs = getAvaliableLangs(UiContext.domain.langs?.split(','));
+  Object.keys(avaliableLangs).map(
+    (i) => ($('select[name="lang"]').append(tpl`<option value="${i}" key="${i}">${avaliableLangs[i].display}</option>`)));
+  const lang = new URL(window.location.href).searchParams.get('lang');
+  if (lang) $('select[name="lang"]').val(lang);
 });
 
 export default page;