Category 2

ispras · Nov 17, 2023 · 592fafd · 592fafd
1 parent a6d0027
commit 592fafd
Show file tree

Hide file tree

Showing 8 changed files with 66 additions and 13 deletions.
diff --git a/src/Layout/Routes.js b/src/Layout/Routes.js
@@ -5,7 +5,7 @@ import { Route, Routes } from "react-router-dom";
 import config from "config";
 import AuthorsRoute from "pages/AuthorsRoute";
 import { CreateCorpus, CreateDictionary } from "pages/CreateDictionary";
-import { CorpusDashboard, DictionaryDashboard } from "pages/Dashboard";
+import { CorpusDashboard, DictionaryDashboard, ParallelCorporaDashboard } from "pages/Dashboard";
 import DashboardRoute from "pages/DashboardRoute";
 import Desktop from "pages/Desktop";
 import DialeqtImport from "pages/DialeqtImport";
@@ -44,10 +44,12 @@ const AppRoutes = () => (
     <Route path="/languages" element={<Languages />} />
     <Route path="/dictionaries" element={<DictionaryDashboard />} />
     <Route path="/corpora" element={<CorpusDashboard />} />
+    <Route path="/parallel_corpora" element={<ParallelCorporaDashboard />} />
     <Route path="/corpora_all" element={<DictionariesAll forCorpora={true} />} />
     <Route path="/create_dictionary" element={<CreateDictionary />} />
     <Route path="/create_corpus" element={<CreateCorpus />} />
     <Route path="/dictionaries_all" element={<DictionariesAll />} />
+    <Route path="/parallel_corpora_all" element={<DictionariesAll forParallelCorpora={true} />} />
     <Route path="/grants" element={<Grants />} />
     <Route path="/requests" element={<Requests />} />
     <Route path="/map" element={<Map />} />

diff --git a/src/components/CreatePerspectiveModal/index.js b/src/components/CreatePerspectiveModal/index.js
@@ -119,7 +119,7 @@ class CreatePerspectiveModal extends React.Component {
           </h4>
 
           <Fields
-            mode={category == 0 ? "dictionary" : "corpus"}
+            mode={category == 1 ? "corpus" : "dictionary"}
             perspectives={perspective_info_list}
             onChange={f =>
               this.setState({

diff --git a/src/components/DictionaryPropertiesModal/index.js b/src/components/DictionaryPropertiesModal/index.js
@@ -396,10 +396,10 @@ class Properties extends React.Component {
             <Header as="h3">{this.context("Translations")}</Header>
             <TranslationGist id={gistId} objectId={dictionary.id} editable updateAtomMutation={updateAtomMutation} />
           </Segment>
-          {category === 0 ? (
-            <EditDictionaryMetadata mode="edit" metadata={dictionary.additional_metadata} onSave={this.saveMeta} />
-          ) : (
+          {category === 1 ? (
             <EditCorpusMetadata mode="edit" metadata={dictionary.additional_metadata} onSave={this.saveMeta} />
+          ) : (
+            <EditDictionaryMetadata mode="edit" metadata={dictionary.additional_metadata} onSave={this.saveMeta} />
           )}
           <MarginForm>
             <Segment>

diff --git a/src/components/Home/components/LangsNav/index.js b/src/components/Home/components/LangsNav/index.js
@@ -24,6 +24,8 @@ const prepareData = (resultData, language) => {
           resultDictsCount.dicts += 1;
         } else if (item.category === 1) {
           resultDictsCount.corps += 1;
+        } else if (item.category === 2) {
+          resultDictsCount.dicts += 1;
         }
       } else if (item.type === "language") {
         const itemDictsCount = prepareData(resultData, item);

diff --git a/src/pages/Dashboard/index.js b/src/pages/Dashboard/index.js
@@ -541,6 +541,27 @@ const CORPORA_TABS = getTranslation => {
   ];
 };
 
+const PARALLEL_CORPORA_TABS = getTranslation => {
+  return [
+    {
+      menuItem: getTranslation("My dictionaries"),
+      render: () => (
+        <Tab.Pane className="lingvo-tab__pane">
+          <Dictionaries category={2} mode={0} />
+        </Tab.Pane>
+      )
+    },
+    {
+      menuItem: getTranslation("Available dictionaries"),
+      render: () => (
+        <Tab.Pane className="lingvo-tab__pane">
+          <Dictionaries category={2} mode={1} />
+        </Tab.Pane>
+      )
+    }
+  ];
+};
+
 const DictionaryDashboard = () => {
   const getTranslation = useContext(TranslationContext);
   return (
@@ -561,4 +582,15 @@ const CorpusDashboard = () => {
   );
 };
 
-export { DictionaryDashboard, CorpusDashboard };
+const ParallelCorporaDashboard = () => {
+  const getTranslation = useContext(TranslationContext);
+  return (
+    <div className="background-content">
+      <Tab className="inverted lingvo-tab" panes={PARALLEL_CORPORA_TABS(getTranslation)} renderActiveOnly />
+      <DictionaryProperties />
+    </div>
+  );
+};
+
+
+export { DictionaryDashboard, CorpusDashboard, ParallelCorporaDashboard };
diff --git a/src/pages/DashboardRoute/index.js b/src/pages/DashboardRoute/index.js
@@ -39,6 +39,14 @@ function DashboardRoute() {
               <label className="card-item__label">{getTranslation("Corpora")}</label>
               <img className="card-item__img" src={imageCorpora} />
             </Link>
+            <Link className="card-item" to="/parallel_corpora">
+              <label className="card-item__label">{getTranslation("Parallel corpora")}</label>
+              <img className="card-item__img" src={imageCorpora} />
+            </Link>
+            <Link className="card-item" to="/import_corpora">
+              <label className="card-item__label">{getTranslation("Import parallel corpora")}</label>
+              <img className="card-item__img card-item__img_import" src={imageImport} />
+            </Link>
             <Link className="card-item" to="/import_dialeqt">
               <label className="card-item__label">{getTranslation("Import Dialeqt dictionary")}</label>
               <img className="card-item__img card-item__img_dialeqt" src={imageDialeqt} />
@@ -47,10 +55,6 @@ function DashboardRoute() {
               <label className="card-item__label">{getTranslation("Import Excel and Starling dictionaries")}</label>
               <img className="card-item__img card-item__img_import" src={imageImport} />
             </Link>
-            <Link className="card-item" to="/import_corpora">
-              <label className="card-item__label">{getTranslation("Import parallel corpora")}</label>
-              <img className="card-item__img card-item__img_import" src={imageImport} />
-            </Link>
           </div>
         </div>
       </div>

diff --git a/src/pages/DictionariesAll/index.js b/src/pages/DictionariesAll/index.js
@@ -184,7 +184,7 @@ const Wrapper = ({ tree, ...rest }) => {
 };
 
 /** Dashboard dictionaries page */
-const DictionariesAll = ({ forCorpora = false }) => {
+const DictionariesAll = ({ forCorpora = false, forParallelCorpora = false }) => {
   const { getTranslation } = useTranslations();
 
   const [searchParams, setSearchParams] = useSearchParams();
@@ -227,7 +227,12 @@ const DictionariesAll = ({ forCorpora = false }) => {
     return [mode, tab, id];
   }, [searchParams]);
 
-  const category = forCorpora ? 1 : 0;
+  const category = (
+    forCorpora
+    ? 1
+    : forParallelCorpora
+    ? 2
+    : 0);
 
   const entityIdValue = useMemo(() => {
     let entityIdValue = null;
@@ -521,7 +526,11 @@ const DictionariesAll = ({ forCorpora = false }) => {
               )
             },
             {
-              menuItem: getTranslation(forCorpora ? "Corpora" : "Dictionaries"),
+              menuItem: getTranslation(forCorpora
+                ? "Corpora"
+                : forParallelCorpora
+                ? "Parallel corpora"
+                : "Dictionaries"),
               render: () => (
                 <Tab.Pane>
                   <Wrapper tree={treeAll} sortMode={sortMode} entityId={entityId} />

diff --git a/src/pages/LanguagesDatabasesRoute/index.js b/src/pages/LanguagesDatabasesRoute/index.js
@@ -27,6 +27,10 @@ function TreeRoute() {
               <label className="card-item__label">{getTranslation("Language corpora")}</label>
               <img className="card-item__img card-item__img_corpora" src={imageCorpora} />
             </Link>
+            <Link className="card-item" to="/parallel_corpora_all">
+              <label className="card-item__label">{getTranslation("Parallel corpora")}</label>
+              <img className="card-item__img card-item__img_corpora" src={imageCorpora} />
+            </Link>
           </div>
         </div>
       </div>