src/components/pages/News.js

@@ -10,6 +10,19 @@ import EditNewsForm from '../forms/EditNewsForm';
 import { connect } from 'react-redux';
 import moment from 'moment';
 
+const linkify = (text) => {
+  const urlRegex = /(https?:\/\/[^\s]+)/g;
+  return text.split(urlRegex).map((part, index) =>
+    part.match(urlRegex) ? (
+      <a key={index} href={part} target="_blank" rel="noopener noreferrer">
+        {part}
+      </a>
+    ) : (
+      part
+    )
+  );
+};
+
 class News extends Component {
   UNSAFE_componentWillMount() {
     this.props.getNews();
@@ -61,7 +74,7 @@ class News extends Component {
 
   renderMultiLine = (text) => {
     const strings = text.split('\n');
-    return strings.map((string) => <p key={Math.random()}>{string}</p>);
+    return strings.map((string) => <p key={Math.random()}>{linkify(string)}</p>);
   };
 
   render() {

src/components/pages/Profile.js

-import { Container, Divider, Dropdown, Form, Segment } from 'semantic-ui-react';
-import React, { Component } from 'react';
-import { groupChange, submitRegistration, textChange } from '../../actions';
+import { Container, Divider, Dropdown, Form, Segment } from "semantic-ui-react";
+import React, { Component } from "react";
+import { groupChange, submitRegistration, textChange } from "../../actions";
 
-import HiddenForm from '../forms/HiddenForm';
-import { connect } from 'react-redux';
-import { getDeadline } from '../../actions/auth';
+import HiddenForm from "../forms/HiddenForm";
+import { connect } from "react-redux";
+import { getDeadline } from "../../actions/auth";
 
 const options = [
-  { key: 'DT', text: 'DevTeam', value: 'DT' },
-  { key: 'NET', text: 'NETeam', value: 'NET' },
-  { key: 'ST', text: 'SecurITeam', value: 'ST' },
-  { key: 'SYS', text: 'SysAdmin', value: 'SYS' },
-  { key: 'HAT', text: 'Hallgatói Tudásbázis', value: 'HAT' },
+  { key: "DT", text: "DevTeam", value: "DT" },
+  { key: "NET", text: "NETeam", value: "NET" },
+  { key: "ST", text: "SecurITeam", value: "ST" },
+  { key: "SYS", text: "SysAdmin", value: "SYS" },
+  { key: "HAT", text: "Hallgatói Tudásbázis", value: "HAT" },
 ];
 
 class Profile extends Component {
   UNSAFE_componentWillMount() {
     this.props.getDeadline();
     if (!this.props.id) {
-      this.props.history.push('/home');
+      this.props.history.push("/home");
     }
   }
 
@@ -40,20 +40,20 @@ class Profile extends Component {
     return (
       <Container
         style={{
-          marginTop: '1em',
+          marginTop: "1em",
         }}
       >
         {canEdit ? (
           <Segment inverted color="red" tertiary>
             <p
-              style={{ fontSize: '1.3em' }}
+              style={{ fontSize: "1.3em" }}
               dangerouslySetInnerHTML={{ __html: messageBefore }}
             />
           </Segment>
         ) : (
           <Segment inverted color="red" tertiary>
             <p
-              style={{ fontSize: '1.3em' }}
+              style={{ fontSize: "1.3em" }}
               dangerouslySetInnerHTML={{ __html: messageAfter }}
             />
           </Segment>
@@ -134,29 +134,30 @@ class Profile extends Component {
                     </li>
                     <br />
                     <li>
-                      Két előadás közti szünetben úgy döntesz, hogy laptopoddal
-                      az index.hu tech cikkeit fogod görgetni. Ám az oldal nem
-                      válaszol, a hiba okát megpróbálod kideríteni. Ekkor veszed
-                      észre, hogy az alábbiakat sem éred el: sze.hu, 444.hu,
-                      corvinus.hu, startlap.hu. Ugyanakkor a Facebook, a Gmail,
-                      a YouTube, de még az egyetemi oldalak többsége is működik.
-                      Szerinted mi lehet a hiba oka?
+                      Kicsit hosszúra nyúlt az előadás és lassan rohannod kell
+                      haza, ezért úgy döntesz, hogy megnézed a menetrendet a
+                      menetrendek.hu weboldalon. Ám az oldal nem válaszol, a
+                      hiba okát megpróbálod kideríteni. Ekkor veszed észre, hogy
+                      az alábbiakat sem éred el: sze.hu, corvinus.hu,
+                      startlap.hu. Ugyanakkor a Facebook, a Gmail, a YouTube, de
+                      még az egyetemi oldalak többsége is működik. Szerinted mi
+                      lehet a hiba oka?
                     </li>
                     <br />
                     <li>
-                      Találsz egy értelmetlen szöveget egy honlapon (például:{' '}
-                      <a href="https://ujonc.kszk.bme.hu/zebra.html">
-                        https://ujonc.kszk.bme.hu/zebra.html
+                      Találsz egy értelmetlen szöveget egy honlapon (például:{" "}
+                      <a href="https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html">
+                        https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html
                       </a>
-                      ), de feltűnik, hogy két egyenlőségjellel fejeződik be.
+                      ), de feltűnik, hogy egyenlőségjellel fejeződik be.
                       Nyomozz, s a végeredményt (amit találtál) írd ide!
                     </li>
                     <br />
                     <li>
-                      A <b>ujonc.kszk.bme.hu</b> címen elérhető gépen fut egy
-                      szolgáltatás az alapértelmezett <b>5432</b> porton
+                      A <b>ujonc-gres.kszk.bme.hu</b> címen elérhető gépen fut
+                      egy szolgáltatás az alapértelmezett <b>5432</b> porton
                       (használd az előző feladatban kapott adatokat). Belépés
-                      után keresd meg a feladat megoldását!
+                      után írd le mit találtál!
                     </li>
                   </ul>
                 </div>
@@ -184,26 +185,30 @@ class Profile extends Component {
                       címsorába írva eléred a kiszolgáló webszervert. Mi lehet a
                       baj?
                     </li>
+                    <br />
                     <li>
-                      Két előadás közti szünetben úgy döntesz, hogy laptopoddal
-                      az index.hu tech cikkeit fogod görgetni. Ám az oldal nem
-                      válaszol, a hiba okát megpróbálod kideríteni. Ekkor veszed
-                      észre, hogy az alábbiakat sem éred el: sze.hu, 444.hu,
-                      corvinus.hu, startlap.hu. Ugyanakkor a Facebook, a Gmail,
-                      a YouTube, de még az egyetemi oldalak többsége is működik.
-                      Szerinted mi lehet a hiba oka?
+                      Kicsit hosszúra nyúlt az előadás és lassan rohannod kell
+                      haza, ezért úgy döntesz, hogy megnézed a menetrendet a
+                      menetrendek.hu weboldalon. Ám az oldal nem válaszol, a
+                      hiba okát megpróbálod kideríteni. Ekkor veszed észre, hogy
+                      az alábbiakat sem éred el: sze.hu, corvinus.hu,
+                      startlap.hu. Ugyanakkor a Facebook, a Gmail, a YouTube, de
+                      még az egyetemi oldalak többsége is működik. Szerinted mi
+                      lehet a hiba oka?
                     </li>
+                    <br />
                     <li>
-                      Találsz egy értelmetlen szöveget egy honlapon (például:{' '}
-                      <a href="https://ujonc.kszk.bme.hu/zebra.html">
-                        https://ujonc.kszk.bme.hu/zebra.html
+                      Találsz egy értelmetlen szöveget egy honlapon (például:{" "}
+                      <a href="https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html">
+                        https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html
                       </a>
-                      ), de feltűnik, hogy két egyenlőségjellel fejeződik be.
+                      ), de feltűnik, hogy egyenlőségjellel fejeződik be.
                       Nyomozz, s a végeredményt (amit találtál) írd ide!
                     </li>
+                    <br />
                     <li>
-                      A <b>ujonc.kszk.bme.hu</b> címen elérhető gépen fut egy
-                      szolgáltatás az alapértelmezett <b>5432</b> porton
+                      A <b>ujonc-gres.kszk.bme.hu</b> címen elérhető gépen fut
+                      egy szolgáltatás az alapértelmezett <b>5432</b> porton
                       (használd az előző feladatban kapott adatokat). Belépés
                       után keresd meg a feladat megoldását!
                     </li>
@@ -214,7 +219,7 @@ class Profile extends Component {
             />
           )}
 
-          <Divider horizontal>Érdekelődés</Divider>
+          <Divider horizontal>Érdeklődés</Divider>
           <Dropdown
             fluid
             multiple
@@ -236,12 +241,12 @@ class Profile extends Component {
             }
             checked={signed}
             readOnly={!canEdit}
-            style={!canEdit ? { marginBottom: '5em' } : null}
+            style={!canEdit ? { marginBottom: "5em" } : null}
           />
           {canEdit ? (
             <Form.Button
               primary
-              style={{ marginBottom: '5em' }}
+              style={{ marginBottom: "5em" }}
               disabled={!signed}
               onClick={() =>
                 this.props.submitRegistration({
@@ -258,7 +263,7 @@ class Profile extends Component {
               Mentés
             </Form.Button>
           ) : (
-            ''
+            ""
           )}
         </Form>
       </Container>

src/components/pages/Schedule.js

-import 'moment/locale/hu';
+import "moment/locale/hu";
 
 import {
   Accordion,
@@ -7,12 +7,12 @@ import {
   Header,
   Icon,
   Segment,
-} from 'semantic-ui-react';
-import React, { Component } from 'react';
+} from "semantic-ui-react";
+import React, { Component } from "react";
 
-import { connect } from 'react-redux';
-import { getStudentEvents } from '../../actions/statistics';
-import moment from 'moment';
+import { connect } from "react-redux";
+import { getStudentEvents } from "../../actions/statistics";
+import moment from "moment";
 
 class Schedule extends Component {
   // eslint-disable-next-line react/state-in-constructor
@@ -34,32 +34,34 @@ class Schedule extends Component {
     const { activeIndex } = this.state;
 
     const { events } = this.props;
-    const panels = events.map((event) => (
-      <Accordion key={Math.random()}>
-        <Accordion.Title
-          active={activeIndex === event.id}
-          index={event.id}
-          onClick={this.handleClick}
-        >
-          <h2>
-            <Grid>
-              <Grid.Column floated="left" width={5} textAlign="left">
-                <Icon name="calendar alternate outline" color="blue" />{' '}
-                {event.name}
-              </Grid.Column>
-              <Grid.Column floated="right" width={8} textAlign="right">
-                {moment(event.date).locale('hu').format('LLLL')}
-              </Grid.Column>
-            </Grid>
-          </h2>
-        </Accordion.Title>
-        <Accordion.Content active={activeIndex === event.id}>
-          <Segment textAlign="left" style={{ overflowWrap: 'break-word' }}>
-            {event.description}
-          </Segment>
-        </Accordion.Content>
-      </Accordion>
-    ));
+    const panels = events
+      .sort((a, b) => a.date - b.date)
+      .map((event) => (
+        <Accordion key={Math.random()}>
+          <Accordion.Title
+            active={activeIndex === event.id}
+            index={event.id}
+            onClick={this.handleClick}
+          >
+            <h2>
+              <Grid>
+                <Grid.Column floated="left" width={5} textAlign="left">
+                  <Icon name="calendar alternate outline" color="blue" />{" "}
+                  {event.name}
+                </Grid.Column>
+                <Grid.Column floated="right" width={8} textAlign="right">
+                  {moment(event.date).locale("hu").format("LLLL")}
+                </Grid.Column>
+              </Grid>
+            </h2>
+          </Accordion.Title>
+          <Accordion.Content active={activeIndex === event.id}>
+            <Segment textAlign="left" style={{ overflowWrap: "break-word" }}>
+              {event.description}
+            </Segment>
+          </Accordion.Content>
+        </Accordion>
+      ));
 
     return (
       <div>
@@ -68,10 +70,10 @@ class Schedule extends Component {
             as="h1"
             content="Képzés alkalmak"
             style={{
-              fontSize: '2em',
-              fontWeight: 'bold',
-              marginBottom: '0.5em',
-              marginTop: '0.5em',
+              fontSize: "2em",
+              fontWeight: "bold",
+              marginBottom: "0.5em",
+              marginTop: "0.5em",
             }}
           />
           <Accordion fluid styled>
@@ -79,12 +81,12 @@ class Schedule extends Component {
           </Accordion>
           <Header
             as="h1"
-            content="Tábor"
+            content="Tábor: április 11-13"
             style={{
-              fontSize: '2em',
-              fontWeight: 'bold',
-              marginBottom: '0.5em',
-              marginTop: '1.5em',
+              fontSize: "2em",
+              fontWeight: "bold",
+              marginBottom: "0.5em",
+              marginTop: "1.5em",
             }}
           />
         </Container>

src/setupProxy.js

-const { createProxyMiddleware } = require('http-proxy-middleware');
+const { createProxyMiddleware } = require("http-proxy-middleware");
 
 module.exports = function (app) {
   app.use(
-    '/api',
+    "/api",
     createProxyMiddleware({
-      target: 'http://localhost:8000',
+      target: "http://localhost:8000",
       changeOrigin: true,
-    })
+    }),
   );
   app.use(
-    '/admin',
+    "/admin",
     createProxyMiddleware({
-      target: 'http://localhost:8000',
+      target: "http://localhost:8000",
       changeOrigin: true,
-    })
+    }),
   );
   app.use(
-    '/staticfiles',
+    "/staticfiles",
     createProxyMiddleware({
-      target: 'http://localhost:8000',
+      target: "http://localhost:8000",
       changeOrigin: true,
-    })
+    }),
   );
   app.use(
-    '/mediafiles',
+    "/mediafiles",
     createProxyMiddleware({
-      target: 'http://localhost:8000',
+      target: "http://localhost:8000",
       changeOrigin: true,
-    })
+    }),
+  );
+  app.use(
+    "/oidc",
+    createProxyMiddleware({
+      target: "http://localhost:8000",
+      changeOrigin: true,
+    }),
   );
 };