nik/OMDSCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ほかブランチのマージで消えた実装をもとに戻す

Browse Source
This commit is contained in:
saito.k 2023-10-10 16:52:43 +09:00
parent 8e317f5aca
commit 3f018d1100
1 changed files with 164 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
dictation_client/src/pages/WorkflowPage/index.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect } from "react";
import React, { useEffect, useState } from "react";
import Header from "components/header";
import Footer from "components/footer";
import styles from "styles/app.module.scss";
@ -14,10 +14,13 @@ import { listWorkflowAsync } from "features/workflow/operations";
import { selectIsLoading, selectWorkflows } from "features/workflow";
import progress_activit from "assets/images/progress_activit.svg";
import { getTranslationID } from "translation";
import { AddWorkflowPopup } from "./addworkflowPopup";
const WorkflowPage: React.FC = (): JSX.Element => {
const dispatch: AppDispatch = useDispatch();
const [t] = useTranslation();
// 追加Popupの表示制御
const [isShowAddPopup, setIsShowAddPopup] = useState<boolean>(false);
const workflows = useSelector(selectWorkflows);
const isLoading = useSelector(selectIsLoading);
@ -25,6 +28,14 @@ const WorkflowPage: React.FC = (): JSX.Element => {
dispatch(listWorkflowAsync());
}, [dispatch]);
return (
<>
{isShowAddPopup && (
<AddWorkflowPopup
onClose={() => {
setIsShowAddPopup(false);
}}
/>
)}
<div className={styles.wrap}>
<Header userName="XXXXXX" />
<UpdateTokenTimer />
@ -39,7 +50,13 @@ const WorkflowPage: React.FC = (): JSX.Element => {
<div>
<ul className={`${styles.menuAction} ${styles.alignRight}`}>
<li className={styles.floatLeft}>
<a className={`${styles.menuLink} ${styles.isActive}`}>
{/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
<a
className={`${styles.menuLink} ${styles.isActive}`}
onClick={() => {
setIsShowAddPopup(true);
}}
>
<img
src={ruleAddImg}
alt="addRoutingRule"
@ -48,7 +65,6 @@ const WorkflowPage: React.FC = (): JSX.Element => {
{t(getTranslationID("workflowPage.label.addRoutingRule"))}
</a>
</li>
<li>
<a
href="/workflow/template"
@ -59,7 +75,9 @@ const WorkflowPage: React.FC = (): JSX.Element => {
alt="templateSetting"
className={styles.menuIcon}
/>
{t(getTranslationID("workflowPage.label.templateSetting"))}
{t(
getTranslationID("workflowPage.label.templateSetting")
)}
</a>
</li>
<li>
@ -88,7 +106,9 @@ const WorkflowPage: React.FC = (): JSX.Element => {
className={styles.menuIcon}
/>
{t(
getTranslationID("workflowPage.label.typistGroupSetting")
getTranslationID(
"workflowPage.label.typistGroupSetting"
)
)}
</a>
</li>
@ -96,12 +116,20 @@ const WorkflowPage: React.FC = (): JSX.Element => {
<table className={`${styles.table} ${styles.workflow}`}>
<tr className={styles.tableHeader}>
<th className={styles.clm0}>{/** empty th */}</th>
<th>{t(getTranslationID("workflowPage.label.authorID"))}</th>
<th>{t(getTranslationID("workflowPage.label.worktype"))}</th>
<th>
{t(getTranslationID("workflowPage.label.transcriptionist"))}
{t(getTranslationID("workflowPage.label.authorID"))}
</th>
<th>
{t(getTranslationID("workflowPage.label.worktype"))}
</th>
<th>
{t(
getTranslationID("workflowPage.label.transcriptionist")
)}
</th>
<th>
{t(getTranslationID("workflowPage.label.template"))}
</th>
<th>{t(getTranslationID("workflowPage.label.template"))}</th>
</tr>
{workflows?.map((workflow) => (
<tr key={workflow.id}>
@ -109,7 +137,9 @@ const WorkflowPage: React.FC = (): JSX.Element => {
<ul className={styles.menuInTable}>
<li>
<a href="">
{t(getTranslationID("workflowPage.label.editRule"))}
{t(
getTranslationID("workflowPage.label.editRule")
)}
</a>
</li>
<li>
@ -158,6 +188,7 @@ const WorkflowPage: React.FC = (): JSX.Element => {
</main>
<Footer />
</div>
</>
);
};