This commit is contained in:
2023-06-26 22:45:59 +08:00
parent ddf3a0a878
commit 3352b41673
4 changed files with 147 additions and 3 deletions

View File

@@ -4,6 +4,9 @@ import Fab from "preact-material-components/Fab";
import Icon from "preact-material-components/Icon";
import { set_state } from "../server/state.ts";
import t from "../server/i18n.ts";
import BSelect from "./BSelect.tsx";
import { useState } from "preact/hooks";
import { TaskType } from "../task.ts";
export type NewTaskProps = {
show: boolean;
@@ -14,6 +17,15 @@ export default class NewTask extends Component<NewTaskProps> {
declare context: ContextType<typeof GlobalCtx>;
render() {
if (!this.props.show) return null;
const [task_type, set_task_type] = useState(TaskType.Download);
let config_div = null;
if (task_type === TaskType.Download) {
config_div = (
<div class="download">
{t("task.gallery_url")}
</div>
);
}
return (
<div class="new_task">
<div class="container">
@@ -29,7 +41,24 @@ export default class NewTask extends Component<NewTaskProps> {
</Icon>
</Fab>
</div>
<div class="content"></div>
<div class="content">
<div class="type">
{t("task.type")}
<BSelect
outlined={true}
list={[{
value: TaskType.Download,
text: t("task.download"),
}, {
value: TaskType.ExportZip,
text: t("task.export_zip"),
}]}
selectedValue={task_type}
set_value={set_task_type}
/>
</div>
{config_div}
</div>
<div class="bottom"></div>
</div>
</div>