Updating home page info and links.

ReCodEx · Feb 14, 2025 · a0f522c · a0f522c
1 parent 7dbd79e
commit a0f522c
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 2 deletions.
diff --git a/src/locales/cs.json b/src/locales/cs.json
@@ -53,10 +53,14 @@
   "app.groups.removeFromGroup": "Odebrat ze skupiny",
   "app.header.languageSwitching.translationTitle": "Jazyková verze",
   "app.headerNotification.copiedToClippboard": "Zkopírováno do schránky.",
+  "app.homepage.about": "Toto rozšíření ReCodExu mí nastarost datovou integraci mezi ReCodExem a Studijním informačním systémem (SIS) Karlovy Univerzity. Prosíme vyberte si jednu ze stránek níže.",
   "app.homepage.processingToken": "Probíhá zpracování přihlašovacího tokenu...",
   "app.homepage.processingTokenFailed": "Autentizační proces selhal.",
   "app.homepage.returnToReCodEx": "Návrat do ReCodExu...",
   "app.homepage.title": "Rozšíření SIS-CodEx",
+  "app.homepage.userPage": "Stránka s osobními údaji umožnujě synchronizovat uživatelský profil (jméno, tituly, email) s daty ze SISu.",
+  "app.homepage.workInProgress": "Další funkce se připravují...",
+  "app.homepage.workInProgressDescription": "Další funkce se připravují, zejména funkce týkající se práce se skupinami. Tyto funkce jsou aktuálně integrovány přímo v ReCodExu.",
   "app.leaveGroup.confirm": "Opravdu chcete opustit tuto skupinu?",
   "app.localizedTexts.externalLink": "Popis je umístěn mimo ReCodEx",
   "app.localizedTexts.noText": "Pro danou lokalizaci není vyplněn ani text ani externí odkaz na zadaní. Tato úloha ještě není řádně dospecifikována.",

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -53,10 +53,14 @@
   "app.groups.removeFromGroup": "Remove from group",
   "app.header.languageSwitching.translationTitle": "Translation",
   "app.headerNotification.copiedToClippboard": "Copied to clippboard.",
+  "app.homepage.about": "This ReCodEx extension handles data integration and exchange between ReCodEx and Charles University Student Information System (SIS). Please choose one of the pages below.",
   "app.homepage.processingToken": "Processing authentication token...",
   "app.homepage.processingTokenFailed": "Authentication process failed.",
   "app.homepage.returnToReCodEx": "Return to ReCodEx...",
   "app.homepage.title": "SiS-CodEx Extension",
+  "app.homepage.userPage": "The personal data integration page allows updating ReCodEx user profile (name, titles, email) using data from SIS.",
+  "app.homepage.workInProgress": "More features comming...",
+  "app.homepage.workInProgressDescription": "More features are being prepared, most notably the group integration which is currently embedded directly in ReCodEx.",
   "app.leaveGroup.confirm": "Are you sure you want to leave this group?",
   "app.localizedTexts.externalLink": "The description is located beyond the realms of ReCodEx",
   "app.localizedTexts.noText": "There is no text nor link for given localization. The exercise is not fully specified yet.",

diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js
@@ -3,9 +3,18 @@ import PropTypes from 'prop-types';
 // import ImmutablePropTypes from 'react-immutable-proptypes';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { connect } from 'react-redux';
+import { Row, Col } from 'react-bootstrap';
+import { Link } from 'react-router-dom';
 
 import PageContent from '../../components/layout/PageContent';
-import { HomeIcon, LoadingIcon, ReturnIcon, WarningIcon } from '../../components/icons';
+import Icon, {
+  HomeIcon,
+  LinkIcon,
+  LoadingIcon,
+  ReturnIcon,
+  UserProfileIcon,
+  WarningIcon,
+} from '../../components/icons';
 import Callout from '../../components/widgets/Callout';
 
 import { setLang } from '../../redux/modules/app.js';
@@ -55,6 +64,7 @@ class Home extends Component {
   render() {
     const {
       params: { token = null },
+      links: { USER_URI },
     } = this.props;
 
     return (
@@ -85,7 +95,57 @@ class Home extends Component {
             </p>
           ) : (
             <>
-              <h1>TODO</h1>
+              <p>
+                <FormattedMessage
+                  id="app.homepage.about"
+                  defaultMessage="This ReCodEx extension handles data integration and exchange between ReCodEx and Charles University Student Information System (SIS). Please choose one of the pages below."
+                />
+              </p>
+
+              <hr className="my-4" />
+
+              <Row className="mb-4">
+                <Col xs={false} sm="auto">
+                  <h3>
+                    <UserProfileIcon gapLeft={2} gapRight={2} fixedWidth className="text-body-secondary" />
+                  </h3>
+                </Col>
+                <Col xs={12} sm>
+                  <h3>
+                    <Link to={USER_URI} className="link-body-emphasis">
+                      <FormattedMessage id="app.sidebar.menu.user" defaultMessage="Personal Data" />
+                      <LinkIcon gapLeft={3} />
+                    </Link>
+                  </h3>
+
+                  <p>
+                    <FormattedMessage
+                      id="app.homepage.userPage"
+                      defaultMessage="The personal data integration page allows updating ReCodEx user profile (name, titles, email) using data from SIS."
+                    />
+                  </p>
+                </Col>
+              </Row>
+
+              <Row>
+                <Col xs={false} sm="auto">
+                  <h3>
+                    <Icon icon="person-digging" gapLeft={2} gapRight={2} fixedWidth className="text-body-secondary" />
+                  </h3>
+                </Col>
+                <Col xs={12} sm>
+                  <h3>
+                    <FormattedMessage id="app.homepage.workInProgress" defaultMessage="More features comming..." />
+                  </h3>
+
+                  <p>
+                    <FormattedMessage
+                      id="app.homepage.workInProgressDescription"
+                      defaultMessage="More features are being prepared, most notably the group integration which is currently embedded directly in ReCodEx."
+                    />
+                  </p>
+                </Col>
+              </Row>
             </>
           )}
         </div>