Lingtrain aligner link in dashboard

Author: vmonakhov

src/Layout/Routes.js

@@ -3,6 +3,7 @@ import { Route, Routes } from "react-router-dom";
 
 // eslint-disable-next-line import/no-unresolved
 import config from "config";
+import Adverb from "pages/Adverb";
 import AuthorsRoute from "pages/AuthorsRoute";
 import CorpImport from "pages/CorpImport";
 import { CreateCorpus, CreateDictionary } from "pages/CreateDictionary";
@@ -13,8 +14,6 @@ import DialeqtImport from "pages/DialeqtImport";
 import DictImport from "pages/DictImport";
 import DictionariesAll from "pages/DictionariesAll";
 import DistanceMap from "pages/DistanceMap";
-import MapSelectedLanguages from "pages/DistanceMap/map";
-import SelectedLanguages from "pages/DistanceMap/selectorLangGroup";
 import Docx2Eaf from "pages/Docx2Eaf";
 import Docx2Xlsx from "pages/Docx2Xlsx";
 import EditTranslations from "pages/EditTranslations";
@@ -24,19 +23,21 @@ import GrantsRoute from "pages/GrantsRoute";
 import Info from "pages/Info";
 import Languages from "pages/Languages";
 import LanguagesDatabasesRoute from "pages/LanguagesDatabasesRoute";
+import LingtrainAligner from "pages/LingtrainAligner";
 import ListCognates from "pages/ListCognates";
 import Map from "pages/Map";
+import MapSelectedLanguages from "pages/DistanceMap/map";
 import NotFound from "pages/NotFound";
 import Organizations from "pages/Organizations";
 import Perspective from "pages/Perspective";
 import Requests from "pages/Requests";
 import Search from "pages/Search";
+import SelectedLanguages from "pages/DistanceMap/selectorLangGroup";
 import Suggestions from "pages/Suggestions";
 import SupportRoute from "pages/SupportRoute";
 import ToolsRoute from "pages/ToolsRoute";
 import TopSectionSelector from "pages/TopSectionSelector";
 import Valency from "pages/Valency";
-import Adverb from "pages/Adverb";
 import VersionRoute from "pages/VersionRoute";
 import WithoutGrants from "pages/WithoutGrants";
 
@@ -83,6 +84,7 @@ const AppRoutes = () => (
     <Route path="/valency" element={<Valency />} />
     <Route path="/adverb" element={<Adverb />} />
     <Route path="/list_cognates" element={<ListCognates />} />
+    <Route path="/lingtrain_aligner" element={<LingtrainAligner />} />
     <Route element={<NotFound />} />
   </Routes>
 );

src/pages/DashboardRoute/index.js

@@ -1,5 +1,6 @@
 import React, { useContext } from "react";
 import { Link } from "react-router-dom";
+import { connect } from "react-redux";
 
 import Footer from "components/Footer";
 import TranslationContext from "Layout/TranslationContext";
@@ -15,9 +16,9 @@ import imageParallelCorpora from "../../images/selected_options.svg";
 
 import "./styles.scss";
 
-function DashboardRoute() {
+const DashboardRoute =  connect(state => state.user)(({user}) => {
   const getTranslation = useContext(TranslationContext);
-
+  const allowed_users = [1, 5, 180, 317];
   return (
     <div className="lingvodoc-page">
       <div className="background-cards lingvodoc-page__content">
@@ -45,6 +46,12 @@ function DashboardRoute() {
               <label className="card-item__label">{getTranslation("Parallel corpora")}</label>
               <img className="card-item__img card-item__img_parallel-corpora" src={imageParallelCorpora} />
             </Link>
+            {allowed_users.includes(user.id) && (
+              <Link className="card-item" to="/lingtrain_aligner">
+                <label className="card-item__label">{getTranslation("Lingtrain aligner")}</label>
+                <img className="card-item__img card-item__img_parallel-corpora" src={imageParallelCorpora} />
+              </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={imageImportParallel} />
@@ -63,6 +70,6 @@ function DashboardRoute() {
       <Footer />
     </div>
   );
-}
+});
 
 export default DashboardRoute;

src/pages/LingtrainAligner/index.js

@@ -0,0 +1,47 @@
+import React, { useState, useEffect } from "react";
+import { connect } from "react-redux";
+
+const Redirect = connect(state => state.user)(({user}) => {
+  useEffect(() => {
+    window.location.href = "http://83.149.198.223/user/" + user.login;
+  }, []);
+
+  return <h5>Redirecting...</h5>;
+})
+
+export default Redirect;
+
+/*
+const HtmlRenderer = connect(state => state.user)(({user}) => {
+  const [htmlContent, setHtmlContent] = useState('');
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    const fetchHtml = async () => {
+      try {
+        const response = await fetch("10.100.194.95:8080");
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const text = await response.text();
+        setHtmlContent(text);
+      } catch (e) {
+        setError(e);
+        console.error("Failed to fetch HTML:", e);
+      }
+    };
+
+    fetchHtml();
+  }, []);
+
+  if (error) {
+    return <div>Error loading HTML: {error.message}</div>;
+  }
+
+  return (
+    <div dangerouslySetInnerHTML={{ __html: htmlContent }} />
+  );
+})
+
+export default HtmlRenderer;
+*/