Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • kszk/devteam/kszkepzes/old/kszkepzes-frontend
  • kbgergely/kszkepzes-frontend
2 results
Show changes
Commits on Source (80)
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 24514 additions and 14939 deletions
.gitlab-ci.yml
View file @ 2eef83d2
variables:
CONTAINER_IMAGE: 'registry.kszk.bme.hu/kszk/devteam/$CI_PROJECT_NAME:$CI_COMMIT_REF_NAME'
CONTAINER_IMAGE: 'harbor.sch.bme.hu/kszk-kepzes/frontend:$CI_COMMIT_REF_NAME'
stages:
- Pre Build
......@@ -8,9 +8,11 @@ stages:
PreBuild:
stage: Pre Build
tags: [docker]
image: node:latest
# tags: [kszk]
image: node:14.19-alpine3.14
script:
- 'echo -n "Node version: " && node --version \
&& echo -n "NPM version: " && npm --version'
- npm install
- npm run build
cache:
......@@ -25,29 +27,32 @@ PreBuild:
Docker build:
stage: Docker Build
tags: [docker]
# tags: [kszk]
only:
- tags
image:
name: gcr.io/kaniko-project/executor:debug
entrypoint: ['']
script:
- echo "{\"auths\":{\"registry.kszk.bme.hu\":{\"username\":\"$REGISTRY_USER\",\"password\":\"$REGISTRY_PASSWORD\"}}}" > /kaniko/.docker/config.json
- echo "{\"auths\":{\"harbor.sch.bme.hu\":{\"username\":\"$REGISTRY_USER\",\"password\":\"$REGISTRY_PASSWORD\"}}}" > /kaniko/.docker/config.json
- /kaniko/executor --context $CI_PROJECT_DIR --dockerfile $CI_PROJECT_DIR/Dockerfile --destination $CONTAINER_IMAGE
Deploy to Kubernetes:
stage: deploy
image: alpine
tags: [k9r]
environment:
name: master
script:
before_script:
- chmod 600 $KUBECONFIG
- apk add --no-cache curl
- curl -LO "https://dl.k8s.io/release/$(curl -L -s https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl"
- chmod +x ./kubectl
- mv ./kubectl /usr/local/bin/kubectl
- kubectl version
script:
- cd k8s
- sed -i "s|##IMAGETAG##|${CI_COMMIT_REF_NAME}|" deployment.yaml
- kubectl apply -f deployment.yaml
- kubectl apply -f ./
only:
- tags
k8s/deployment.yml → k8s/deployment.yaml
View file @ 2eef83d2
......@@ -3,12 +3,14 @@ apiVersion: apps/v1
kind: Deployment
metadata:
name: kszkepzes-frontend
namespace: devteam-kszk-bme-hu
namespace: kszk-kepzes-site
spec:
replicas: 1
selector:
matchLabels:
app: kszkepzes-frontend
strategy:
type: Recreate
template:
metadata:
labels:
......@@ -16,9 +18,12 @@ spec:
spec:
containers:
- name: kszkepzes-frontend
image: registry.kszk.bme.hu/kszk/devteam/kszkepzes-frontend:##IMAGETAG##
image: harbor.sch.bme.hu/kszk-kepzes/frontend:##IMAGETAG##
imagePullPolicy: 'Always'
ports:
- containerPort: 3000
resources:
limits:
memory: 200Mi
imagePullSecrets:
- name: kszkepzes-regcred
- name: harbor
k8s/ingress.yaml 0 → 100644
View file @ 2eef83d2
apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
namespace: kszk-kepzes-site
annotations:
cert-manager.io/cluster-issuer: letsencrypt
kubernetes.io/tls-acme: "true"
name: kszkepzes-frontend
spec:
rules:
- host: "ujonc.kszk.bme.hu"
http:
paths:
- path: /
pathType: Prefix
backend:
service:
name: kszkepzes-frontend
port:
number: 3000
tls:
- hosts:
- "ujonc.kszk.bme.hu"
secretName: kszkepzes-cert
\ No newline at end of file
k8s/service.yml → k8s/service.yaml
View file @ 2eef83d2
......@@ -3,7 +3,7 @@ apiVersion: v1
kind: Service
metadata:
name: kszkepzes-frontend
namespace: devteam-kszk-bme-hu
namespace: kszk-kepzes-site
spec:
type: ClusterIP
ports:
......
nginx.conf
View file @ 2eef83d2
......@@ -50,7 +50,7 @@ http {
try_files $uri =404;
expires 1y;
access_log off;
add_header Cache-Control "public";
add_header Cache-Control "public, max-age=60";
}
# Any route containing a file extension (e.g. /devicesfile.js)
......
package-lock.json
View file @ 2eef83d2
This diff is collapsed.
public/index.html
View file @ 2eef83d2
<!doctype html>
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="theme-color" content="#000000" />
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="stylesheet" href="index.css">
<meta http-equiv="Expires" content="0" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link
rel="shortcut icon"
type="image/svg+xml"
href="%PUBLIC_URL%/kszk_circle_lightblue.svg"
/>
<link rel="stylesheet" href="%PUBLIC_URL%/index.css" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
......@@ -22,12 +29,10 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>KSZKépzés 2020</title>
<title>KSZKépzés 2025</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<noscript> You need to enable JavaScript to run this app. </noscript>
<div id="root" style="height: 100%"></div>
<!--
This HTML file is a template.
......
public/kszk_circle_lightblue.svg 0 → 100644
View file @ 2eef83d2
This diff is collapsed.
src/actions/auth.js
View file @ 2eef83d2
......@@ -58,6 +58,11 @@ export const getUserData = () => async (dispatch) => {
});
} catch (e) {
console.log(e);
// Invalid session bug workaround
if (!e.response) {
window.location = "/oidc/logout"
}
}
};
......@@ -105,6 +110,7 @@ export const submitRegistration = ({
alert('Mentés nem sikerült!');
}
} catch (e) {
console.log(e);
console.log(e, e.response);
alert('Mentés nem sikerült!');
}
};
src/components/App.js
View file @ 2eef83d2
......@@ -4,7 +4,7 @@ import Main from './Main';
import React from 'react';
const App = () => (
<div style={{ minHeight: '100%', position: 'relative' }}>
<div style={{ minHeight: '100%', position: 'relative', paddingBottom: '3em' }}>
<header id="header">
<Header />
</header>
......
src/components/Footer.js
View file @ 2eef83d2
import { Container, Segment } from 'semantic-ui-react';
import { Container, Segment } from "semantic-ui-react";
import React from 'react';
import React from "react";
const Footer = () => (
<Segment inverted vertical textAlign="center">
<Container>
<p textalign="center">Created by DevTeam &copy; 2018-2020.</p>
<p textalign="center">Created by DevTeam &copy; 2018-2025.</p>
</Container>
</Segment>
);
......
src/components/Header.js
View file @ 2eef83d2
......@@ -7,64 +7,64 @@ import {
Popup,
Responsive,
Segment,
} from 'semantic-ui-react';
import React, { Component } from 'react';
} from "semantic-ui-react";
import React, { Component } from "react";
import KSZKlogo from './images/kszk_logo.svg';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
import { getUserData } from '../actions';
import KSZKlogo from "./images/kszk_logo.svg";
import { Link } from "react-router-dom";
import { connect } from "react-redux";
import { getUserData } from "../actions";
// Objects that will be converted to menu items in the render method
const menuItems = [
{
text: 'Főoldal',
to: '/home',
text: "Főoldal",
to: "/home",
prefix: (
<Image size="mini" src={KSZKlogo} style={{ marginRight: '1.5em' }} />
<Image size="mini" src={KSZKlogo} style={{ marginRight: "1.5em" }} />
),
permissionLevel: 0,
},
{
text: 'Hírek',
to: '/news',
prefix: '',
text: "Hírek",
to: "/news",
prefix: "",
permissionLevel: 0,
},
{
text: 'Köreink',
to: '/groups',
prefix: '',
text: "Köreink",
to: "/groups",
prefix: "",
permissionLevel: 0,
},
{
text: 'Ütemterv',
to: '/schedule',
prefix: '',
text: "Ütemterv",
to: "/schedule",
prefix: "",
permissionLevel: 1,
},
{
text: 'Mentorok',
to: '/mentors',
prefix: '',
permissionLevel: 2,
text: "Mentorok",
to: "/mentors",
prefix: "",
permissionLevel: 1,
},
{
text: 'Statisztika',
to: '/statistics',
prefix: '',
text: "Statisztika",
to: "/statistics",
prefix: "",
permissionLevel: 3,
},
{
text: 'Jelentkezések',
to: '/applications',
prefix: '',
text: "Jelentkezések",
to: "/applications",
prefix: "",
permissionLevel: 3,
},
{
text: 'Házi feladatok',
to: '/homework',
prefix: '',
text: "Házi feladatok",
to: "/homework",
prefix: "",
permissionLevel: 2,
},
];
......@@ -97,7 +97,7 @@ class Header extends Component {
let maxNum = 0;
if (this.props.user.id) {
maxNum = menuItems.filter(
(item) => this.props.user.permission >= item.permissionLevel
(item) => this.props.user.permission >= item.permissionLevel,
).length;
} else {
maxNum = 3;
......@@ -161,7 +161,7 @@ class Header extends Component {
{item.prefix}
{item.text}
</Menu.Item>
) : null
) : null,
)}
</Menu>
</Popup>
......@@ -173,10 +173,10 @@ class Header extends Component {
<Button inverted as={Link} to="/profile">
Profilom
</Button>
<Button as="a" href="/api/v1/logout/" icon="sign out" />
<Button as="a" href="/oidc/logout/" icon="sign out" />
</Button.Group>
) : (
<Button as="a" href="/api/v1/login/authsch/" inverted>
<Button as="a" href="/oidc/authenticate/" inverted>
Bejelentkezés
</Button>
)}
......@@ -247,7 +247,7 @@ class Header extends Component {
{item.prefix}
{item.text}
</Menu.Item>
) : null
) : null,
)}
<Menu.Item>
{this.props.user.id ? (
......@@ -263,7 +263,7 @@ class Header extends Component {
<Button
onClick={this.handleClose}
as="a"
href="/api/v1/logout/"
href="/oidc/logout/"
icon="sign out"
/>
</Button.Group>
......@@ -271,7 +271,7 @@ class Header extends Component {
<Button
onClick={this.handleClose}
as="a"
href="/api/v1/login/authsch/"
href="/oidc/authenticate/"
inverted
>
Bejelentkezés
......
src/components/forms/AddSolutionForm.js
View file @ 2eef83d2
......@@ -35,6 +35,16 @@ const allowedFileTypes = [
'application/x-zip',
];
const allowedFileEnds = ['.zip', '.jpeg', '.jpg', '.jpe', '.png'];
function validateFileName(fileNameToValidate) {
return (
allowedFileEnds.find((typeName) => {
return fileNameToValidate.toLowerCase().endsWith(typeName);
}).length > 0
);
}
// in megabytes
const maxFileSize = 50;
......@@ -211,7 +221,7 @@ class AddSolutionForm extends Component {
!description ||
(!file
? false
: !allowedFileTypes.includes(file.type) ||
: !validateFileName(file.name) ||
file.size > maxFileSize * 1024 ** 2)
}
inverted
......@@ -270,7 +280,7 @@ class AddSolutionForm extends Component {
!description ||
(!file
? false
: !allowedFileTypes.includes(file.type) ||
: !validateFileName(file.name) ||
file.size > maxFileSize * 1024 ** 2)
}
onClick={() => {
......
src/components/pages/EventDetail.js
View file @ 2eef83d2
......@@ -8,24 +8,24 @@ import {
Item,
Segment,
Table,
} from 'semantic-ui-react';
import React, { Component } from 'react';
} from "semantic-ui-react";
import React, { Component } from "react";
import {
clearWrite,
getNotesByEvent,
postEventNote,
writeNote,
} from '../../actions/notes';
} from "../../actions/notes";
import {
getEventById,
getTrainees,
submitVisitors,
visitorChange,
} from '../../actions/statistics';
} from "../../actions/statistics";
import TraineeTableRow from './EventDetailTableRow';
import { connect } from 'react-redux';
import moment from 'moment';
import TraineeTableRow from "./EventDetailTableRow";
import { connect } from "react-redux";
import moment from "moment";
class EventDetail extends Component {
constructor(props) {
......@@ -43,20 +43,30 @@ class EventDetail extends Component {
renderTrainees() {
const event = this.props.selectedEvent;
return this.props.trainees?.map((item) => {
const notes = this.props.eventNotes?.filter(
(note) => note.profile === item.id
);
return item.role === 'Student' ? (
<TraineeTableRow
selectedEvent={event}
notes={notes}
trainee={item}
edit={this.state.edit}
key={item.id}
/>
) : null;
});
return this.props.trainees
?.sort(function (a, b) {
var nameA = a.full_name.toLowerCase(),
nameB = b.full_name.toLowerCase();
if (nameA < nameB)
//sort string ascending
return -1;
if (nameA > nameB) return 1;
return 0; //default return value (no sorting)
})
.map((item) => {
const notes = this.props.eventNotes?.filter(
(note) => note.profile === item.id
);
return item.role === "Student" ? (
<TraineeTableRow
selectedEvent={event}
notes={notes}
trainee={item}
edit={this.state.edit}
key={item.id}
/>
) : null;
});
}
renderEvent() {
......@@ -64,11 +74,11 @@ class EventDetail extends Component {
return (
<Segment>
<Item>
<Divider style={{ fontSize: '2em' }} horizontal>
<Divider style={{ fontSize: "2em" }} horizontal>
<Header as="h1">
{name}
<Item.Header style={{ fontSize: '0.6em' }}>
{moment(date).format('LL')}
<Item.Header style={{ fontSize: "0.6em" }}>
{moment(date).format("LL")}
</Item.Header>
</Header>
</Divider>
......@@ -91,7 +101,7 @@ class EventDetail extends Component {
<Comment.Content>
<Comment.Author>{note.created_by_name}</Comment.Author>
<Comment.Metadata>
{moment(note.created_at).format('LL')}
{moment(note.created_at).format("LL")}
</Comment.Metadata>
<Comment.Text>{note.note}</Comment.Text>
</Comment.Content>
......@@ -99,7 +109,7 @@ class EventDetail extends Component {
</Segment>
);
}
return '';
return "";
});
}
......@@ -107,24 +117,12 @@ class EventDetail extends Component {
const event = this.props.selectedEvent;
const note = this.props.actualNote;
return (
<Container style={{ paddingTop: '1em', paddingBottom: '7em' }}>
<Container style={{ paddingTop: "1em", paddingBottom: "7em" }}>
<Container textAlign="center">
{this.props.selectedEvent && this.props.trainees
? this.renderEvent()
: ''}
: ""}
</Container>
<Table celled unstackable>
<Table.Header>
<Table.Row textAlign="center">
<Table.HeaderCell>Név</Table.HeaderCell>
<Table.HeaderCell>Jelen volt</Table.HeaderCell>
<Table.HeaderCell>Megjegyzések</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{this.props.selectedEvent ? this.renderTrainees() : null}
</Table.Body>
</Table>
{!this.state.edit ? (
<Button onClick={() => this.setState({ edit: true })}>
Módosítás
......@@ -133,16 +131,27 @@ class EventDetail extends Component {
<Button
onClick={() => {
this.setState({ edit: false });
this.props.submitVisitors(this.props.selectedEvent);
}}
>
{' '}
{" "}
Kész
</Button>
)}
<Table celled unstackable>
<Table.Header>
<Table.Row textAlign="center">
<Table.HeaderCell>Név</Table.HeaderCell>
<Table.HeaderCell>Jelen volt</Table.HeaderCell>
<Table.HeaderCell>Megjegyzések</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{this.props.selectedEvent ? this.renderTrainees() : null}
</Table.Body>
</Table>
<Comment.Group>
<Header dividing>Megjegyzések</Header>
{this.props.eventNotes ? this.renderComments() : ''}
{this.props.eventNotes ? this.renderComments() : ""}
<Form reply>
<Form.TextArea
value={note.note}
......
src/components/pages/Home.css
View file @ 2eef83d2
......@@ -9,3 +9,29 @@
text-shadow: black 0px 0px 10px, black 0px 0px 6px;
-webkit-text-fill-color: white;
}
.quote {
position: relative;
margin-bottom: 0.5rem;
}
.quote:before {
content: '“';
position: absolute;
left: -0.45em;
}
.quote::after {
content: '”';
margin-right: -1rem;
}
.quote--container {
margin: 2rem auto 0;
padding-bottom: 0.7rem;
}
.quote--author {
text-align: right;
font-weight: 300;
}
src/components/pages/Home.js
View file @ 2eef83d2
import './Home.css';
import "./Home.css";
import {
Button,
......@@ -9,15 +9,15 @@ import {
Image,
Responsive,
Segment,
} from 'semantic-ui-react';
} from "semantic-ui-react";
/* eslint-disable react/jsx-props-no-spreading */
import React, { Component } from 'react';
import React, { Component } from "react";
import KSZKbiglogo from '../images/kszk_with_shadow.png';
import { Link } from 'react-router-dom';
import Slider from 'react-slick';
import { connect } from 'react-redux';
import { getImages } from '../../actions/home';
import KSZKbiglogo from "../images/kszk_with_shadow.png";
import { Link } from "react-router-dom";
import Slider from "react-slick";
import { connect } from "react-redux";
import { getImages } from "../../actions/home";
const settings = {
dots: false,
......@@ -42,12 +42,14 @@ class Home extends Component {
if (view === 0) {
return (
<div>
{!!this.props.images}
<Slider {...settings}>
{this.props.images.map((image) => (
<div key={image}>
<img src={image.image} width={imageWidth} alt="" />
</div>
))}
{this.props.images &&
this.props.images.map((image) => (
<div key={image}>
<img src={image.image} width={imageWidth} alt="" />
</div>
))}
</Slider>
<div className="car-text-kszk">
<Segment textAlign="center" vertical>
......@@ -56,8 +58,8 @@ class Home extends Component {
content="Üdvözlünk a"
inverted
style={{
fontSize: '3vw',
fontWeight: 'normal',
fontSize: "3vw",
fontWeight: "normal",
marginBottom: 0,
}}
/>
......@@ -66,10 +68,10 @@ class Home extends Component {
content="Kollégiumi Számítástechnikai Kör"
inverted
style={{
fontSize: '3.5vw',
fontWeight: 'bold',
marginBottom: '0.5vw',
marginTop: '0.5vw',
fontSize: "3.5vw",
fontWeight: "bold",
marginBottom: "0.5vw",
marginTop: "0.5vw",
}}
/>
<Header
......@@ -77,57 +79,57 @@ class Home extends Component {
content="újoncképzésének weboldalán!"
inverted
style={{
fontSize: '3vw',
fontWeight: 'normal',
fontSize: "3vw",
fontWeight: "normal",
marginBottom: 0,
marginTop: '0.5vw',
marginTop: "0.5vw",
}}
/>
<Image
verticalAlign="middle"
src={KSZKbiglogo}
style={{ marginTop: '1vw', width: '17%' }}
style={{ marginTop: "1vw", width: "17%" }}
/>
<Header
as="h1"
content="Szeretettel várunk a KSZKépzésre!"
inverted
style={{
fontSize: '3vw',
fontWeight: 'normal',
fontSize: "3vw",
fontWeight: "normal",
marginBottom: 0,
marginTop: '1vw',
marginTop: "1vw",
}}
/>
<Container>
{this.props.user.id ? (
<Button
as={Link}
to="/profile"
primary
size="huge"
style={{
fontSize: '2vw',
marginTop: '1vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.13vw',
}}
>
<Button
as={Link}
to="/profile"
primary
size="huge"
style={{
fontSize: "2vw",
marginTop: "1vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.13vw",
}}
>
Jelentkezés
<Icon name="right arrow" />
</Button>
<Icon name="right arrow" />
</Button>
) : (
<Button
href="/api/v1/login/authsch/"
href="/oidc/authenticate/"
primary
size="huge"
style={{
fontSize: '2vw',
marginTop: '1vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.13vw',
fontSize: "2vw",
marginTop: "1vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.13vw",
}}
>
Bejelentkezés
......@@ -157,8 +159,8 @@ class Home extends Component {
content="Üdvözlünk a"
inverted
style={{
fontSize: '5vw',
fontWeight: 'bold',
fontSize: "5vw",
fontWeight: "bold",
marginBottom: 0,
}}
/>
......@@ -167,10 +169,10 @@ class Home extends Component {
content="Kollégiumi Számítástechnikai Kör"
inverted
style={{
fontSize: '6vw',
fontWeight: 'bold',
marginBottom: '0.5vw',
marginTop: '0.5vw',
fontSize: "6vw",
fontWeight: "bold",
marginBottom: "0.5vw",
marginTop: "0.5vw",
}}
/>
<Header
......@@ -178,27 +180,27 @@ class Home extends Component {
content="újoncképzésének weboldalán!"
inverted
style={{
fontSize: '5vw',
fontWeight: 'bold',
fontSize: "5vw",
fontWeight: "bold",
marginBottom: 0,
marginTop: '0.5vw',
marginTop: "0.5vw",
}}
/>
<Image
className="kszklogo"
verticalAlign="middle"
src={KSZKbiglogo}
style={{ marginTop: '1vw', width: '20%' }}
style={{ marginTop: "1vw", width: "20%" }}
/>
<Header
as="h1"
content="Szeretettel várunk a KSZKépzésre!"
inverted
style={{
fontSize: '5vw',
fontWeight: 'bold',
fontSize: "5vw",
fontWeight: "bold",
marginBottom: 0,
marginTop: '1vw',
marginTop: "1vw",
}}
/>
<Container>
......@@ -209,11 +211,11 @@ class Home extends Component {
primary
size="massive"
style={{
fontSize: '4vw',
marginTop: '1.5vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.15vw',
fontSize: "4vw",
marginTop: "1.5vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.15vw",
}}
>
Jelentkezés
......@@ -221,15 +223,15 @@ class Home extends Component {
</Button>
) : (
<Button
href="/api/v1/login/authsch/"
href="/oidc/authenticate/"
primary
size="massive"
style={{
fontSize: '4vw',
marginTop: '1vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.15vw',
fontSize: "4vw",
marginTop: "1vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.15vw",
}}
>
Bejelentkezés
......@@ -248,12 +250,29 @@ class Home extends Component {
renderText() {
const kszk_age = new Date().getFullYear() - 1976;
return (
<Segment style={{ padding: '8em 0em', fontFamily: 'Arial' }} vertical>
<Segment style={{ padding: "1em 0em", fontFamily: "Arial" }} vertical>
<Container text>
<Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Segment inverted color="green" tertiary>
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Bemutatkozó videók
</Header>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
A gólyakörtére készített videóinkat megnézhetitek a{" "}
<a
href="https://www.youtube.com/@kollegiumiszamitastechnika470/videos"
target="_blank"
rel="noopener noreferrer"
style={{ color: "white", textDecoration: "underline" }}
>
YouTube csatornánkon
</a>
!
</p>
</Segment>
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Kik is vagyunk mi?
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
A Kollégiumi Számítástechnikai Kör az Egyetem legrégebben működő és
legnagyobb aktív, informatikával foglalkozó öntevékeny
csoportosulása, idén ünnepeljük {kszk_age}. születésnapunkat. A
......@@ -265,11 +284,11 @@ class Home extends Component {
<Button as={Link} size="large" to="/groups">
Ismerd meg a köreinket! <Icon name="right arrow" />
</Button>
<Divider as="h4" className="header" style={{ margin: '3em 0em' }} />
<Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Lehetőségek
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
A KSZK a lehetőségek tárháza, a hely ahol Te – leendő mérnök –
minden területen kipróbálhatod, továbbképezheted magad. Nálunk
kibontakoztathatod kreativitásod, tapasztalatot, mérnöki szemléletet
......@@ -279,34 +298,92 @@ class Home extends Component {
szakma egy-egy meghatározó területével foglalkoznak a fejlesztés és
üzemeltetés területén.
</p>
<Divider as="h4" className="header" style={{ margin: '3em 0em' }} />
<Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Miért jó KSZK-snak lenni?
</Header>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
Szerintem KSZK-snak jó lenni, mert rengeteget tanulok belőle.
Gyakorlok, hallok újdonságokat, kipróbálhatom magam mindenféle
szerepben, és közben még barátokat is szerzek. Ezek a barátságok,
tapasztalatok egyébként később is nagyon jól jönnek, például a
CV-mben egész erős fegyvertény, hogy ennyi mindent csináltam.
Tényleg rengeteget kaptam a reszorttól, szakmailag és emberileg
is. Ja, és szeretem, hogy a KSZK ilyen szabad, és abba kóstolok
bele, amibe akarok.
</p>
<p class="quote--author">&ndash; Feri</p>
</div>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
A nulláról kezdtem a képzést és az egyetemi tanulmányaimat is,
semmilyen infós tudásom nem volt, de rengeteget fejlődtem a
KSZK-nak köszönhetően. Ezenkívül nem csak szakmai tudást
szereztem, hanem egy fantasztikus közösség részévé is váltam.
</p>
<p class="quote--author">&ndash; Patrik</p>
</div>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
Amikor idejöttem egyetemre nem tudtam, hogy mennyire fogom
megtalálni a helyem. Aztán, elkezdtem megismerkedni a kari
közösséggel és barátokat szereztem, akik jelentős részét a
KSZK-ban ismertem meg, vagy velem csatlakozott ide. Együtt
foglalkozgatunk projektekkel, a Ház rendszereinek üzemeltetésével
és egyéb nagyon érdekes ügyes-bajos dolgokkal. Úgy érzem, hogy a
KSZK-ban igazán megtaláltam a helyem, mind emberileg, mind
szakmailag.
</p>
<p class="quote--author">&ndash; Mike</p>
</div>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
Számtalan dologgal foglalkozunk, és tényleg azt csinálhatom, ami
csak érdekel. Emellett a KSZK-t a szívügyemnek tekintem, szerintem
a legjobb lehetőség a szakmai fejlődésen kívül életre szóló
barátságok alakítására.
</p>
<p class="quote--author">&ndash; Blint</p>
</div>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Képzésünk
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
Kilenc alkalmas képzésünk végén Te is igazi KSZK-ssá válhatsz,
hiszen rengeteg szakmai tudást igyekszünk átadni nektek. A
képzésalkalmak rendkívül jó hangulatban telnek, és a szociális
irányultságú foglalkozások alatt egy nagyon jó csapat kovácsolódik
az érdeklődőkből. Az első képzés időpontja február 16. vasárnap
18:00, ettől kezdve pedig minden héten találkozunk ugyanabban az
időpontban. A képzés ideje alatt április 17-19 között rendezünk
tábort. Az alkalmakon és a táboron kötelező a részvétel.
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
Képzésünk végén Te is igazi KSZK-ssá válhatsz, hiszen rengeteg
szakmai tudást igyekszünk átadni nektek. A képzésalkalmak rendkívül
jó hangulatban telnek, és a szociális irányultságú foglalkozások
alatt egy nagyon jó csapat kovácsolódik az érdeklődőkből. Az első
képzés időpontja február 20. csütörtök 18:00, ettől kezdve pedig
minden héten egy közösségi és számos szakmai alkalom során
találkozunk. A képzésalkalmak után április 11-től 13-ig rendezünk
tábort. Az közösségi alkalmakon és a táboron kötelező a részvétel.
</p>
<Divider as="h4" className="header" style={{ margin: '3em 0em' }} />
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Segment inverted color="red" tertiary>
<Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Korlátos férőhely
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal
foglalkoznak a hétköznapjaik során, hogy minden informatikai
rendszer úgy működjön a kollégiumban, ahogy kell. Így van ez
velünk képzőkkel is, emiatt hetente csak egy képzésalkalmat tudunk
tartani. Mivel az oktatóterem férőhelyében korlátozott, ezért a
képzésre maximum 35 embert tudunk befogadni.
velünk képzőkkel is, emiatt a férőhelyek korlátosak.
</p>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a
képzésre, ezért kérünk titeket, hogy ennek tudatában
jelentkezzetek majd. Ilyen esetben reméljük ez nem szegi
......@@ -324,12 +401,12 @@ class Home extends Component {
<Responsive minWidth={600}>
<div className="car-image-kszk">
<div />
{this.renderSlider(0, '120%')}
{this.renderSlider(0, "120%")}
</div>
{this.renderText()}
</Responsive>
<Responsive maxWidth={600}>
<div className="car-image-kszk">{this.renderSlider(1, '200%')}</div>
<div className="car-image-kszk">{this.renderSlider(1, "200%")}</div>
{this.renderText()}
</Responsive>
</div>
......
src/components/pages/LeaderBoard.js
View file @ 2eef83d2
......@@ -14,9 +14,8 @@ class LeaderBoard extends Component {
return this.props.trainees
.sort(
(a, b) =>
Number(b.homework_bits) +
b.events_visited -
(Number(a.homework_bits) + a.events_visited)
(Number(b.homework_bits) + Number(b.events_visited) + Number(b.extra_bits)) -
(Number(a.homework_bits) + Number(a.events_visited) + Number(a.extra_bits))
)
.map((trainee) =>
trainee.role === 'Student' ? (
......@@ -24,10 +23,10 @@ class LeaderBoard extends Component {
<Table.Cell textAlign="center">{trainee.full_name}</Table.Cell>
<Table.Cell textAlign="center">{trainee.events_visited}</Table.Cell>
<Table.Cell textAlign="center">
{Number(trainee.homework_bits)}
{Number(trainee.homework_bits) + Number(trainee.extra_bits)}
</Table.Cell>
<Table.Cell textAlign="center">
{Number(trainee.homework_bits) + trainee.events_visited}
{Number(trainee.homework_bits) + trainee.events_visited + Number(trainee.extra_bits)}
</Table.Cell>
</Table.Row>
) : null
......
src/components/pages/Mentors.js
View file @ 2eef83d2
......@@ -31,7 +31,7 @@ class Mentors extends Component {
<Item.Content style={{ padding: '1rem' }}>
<Item.Header>{item.name}</Item.Header>
<Item.Description>
<p>{item.text}</p>
<p dangerouslySetInnerHTML={{ __html: item.text }}></p>
</Item.Description>
<Item.Extra>
<Label>
......@@ -56,7 +56,9 @@ class Mentors extends Component {
<Image src={item.image} wrapped ui={false} />
<Card.Content>
<Card.Header>{item.name}</Card.Header>
<Card.Description>{item.text}</Card.Description>
<Card.Description>
<p dangerouslySetInnerHTML={{ __html: item.text }}></p>
</Card.Description>
</Card.Content>
<Card.Content extra>
<Label>
......
src/components/pages/News.js
View file @ 2eef83d2
......@@ -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
View file @ 2eef83d2
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>
......

Hosted with :heart: by KSZK