diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..7dd5e9d
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,3 @@
+{
+ "presets": ["@babel/preset-react"]
+}
diff --git a/src/components/Question.jsx b/src/components/Question.jsx
index 3a67325..c1337f9 100644
--- a/src/components/Question.jsx
+++ b/src/components/Question.jsx
@@ -6,7 +6,15 @@ function highlightText(text, toHighlight) {
}
try {
const re = new RegExp(toHighlight, 'gi')
- return text.replace(re, `${toHighlight}`)
+ const splitText = text.split(toHighlight)
+ console.log(splitText)
+ return (
+ <>
+ {splitText[0]}
+ {toHighlight}
+ {splitText[1]}
+
+ )
} catch (e) {
return text
}
diff --git a/src/components/todoStuff/todo.module.css b/src/components/todoStuff/todo.module.css
deleted file mode 100644
index 3d30862..0000000
--- a/src/components/todoStuff/todo.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.groupDescription {
- font-size: 16px;
- padding: 4px;
-}
-
-.todoButtons {
-}
diff --git a/src/components/todoStuff/todoBoard.jsx b/src/components/todoStuff/todoBoard.jsx
deleted file mode 100644
index f6cc705..0000000
--- a/src/components/todoStuff/todoBoard.jsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from 'react'
-
-import TodoCard from './todoCard'
-
-import styles from './todoBoard.module.css'
-
-export default function TodoBoard(props) {
- const { columns, cards, userId, categories, onCardClick, selectedGroup } =
- props
-
- const clickableTypes = Object.keys(columns).reduce((acc, key) => {
- const col = columns[key]
- if (col.clickable) {
- acc.push(key)
- }
- return acc
- }, [])
-
- return (
-
-
- {Object.keys(columns).map((key) => {
- const category = columns[key]
- const cardsToShow = cards.filter((card) => {
- const shouldHide =
- card.state !== key ||
- (selectedGroup !== null &&
- selectedGroup !== 'uncat' &&
- card.group !== selectedGroup) ||
- (selectedGroup === 'uncat' && card.group !== undefined)
-
- return !shouldHide
- })
- return (
-
-
{category.name}
-
- {cardsToShow.length === 0 && (
-
Üres
- )}
- {cardsToShow.map((card, i) => {
- return (
-
- )
- })}
-
- )
- })}
-
-
{
- onClick(props.cardData)
- }}
- >
-
- {`#${id}`}
- {name}
-
-
-
- {categories[category].name}
-
-
-
-
{`Szavazatok: ${votes.length}`}
-
{`Nehézség: ${points}`}
-
-
{
- onClick(props.rowData)
- }}
- className={styles.row}
- style={{
- border: `2px dashed ${borderColor || 'white'}`,
- borderRadius: '3px',
- }}
- >
-
{`#${id}`}
-
{name}
-
-
- {categories[category].name}
-
-
-
{`Szavazatok: ${votes.length}`}
-
-
-
#{id}
-
- {name}
-
-
- {categories[category].name}
-
-
-
- {group && (
-
-
Csoport:
-
- {namedGroups[group] ? namedGroups[group].name : group}
-
-
- )}
-
-
-
Szavazatok:
-
{votes.length}
-
- {gitlink && (
-
-
-
- )}
-
- {description && (
- <>
-
- Leírás
-
-
-
-
- )}
-
- {voteable && (
-
-
-
{
- voteOn(card)
- }}
- >
- {votes.includes(userId) ? 'Szavazat visszavonása' : 'Szavazás'}
-
-
- )}
-
-
- {Object.keys(tables).map((key) => {
- const table = tables[key]
-
- const tableCards = cards.filter((card) => {
- return card.state === key
- })
-
- const tableCardsToShow = tableCards.filter((card) => {
- const shouldHide =
- card.state !== key ||
- (selectedGroup !== null &&
- selectedGroup !== 'uncat' &&
- card.group !== selectedGroup) ||
- (selectedGroup === 'uncat' && card.group !== undefined)
-
- return !shouldHide
- })
-
- return (
-
-
{table.name}
-
- {tableCardsToShow.length === 0 && (
-
Üres
- )}
- {tableCardsToShow.map((card, i) => {
- return (
-
- )
- })}
-
-
- )
- })}
-
-
- {groups.map((group) => {
- const namedGroup = namedGroups[group]
- const shouldSkip = activeGroups && !activeGroups.includes(group)
-
- if (shouldSkip) {
- return null
- }
-
- return (
-
{
- setSelectedGroup(group)
- }}
- >
- {namedGroup ? namedGroup.name : group}
-
- )
- })}
-
{
- setSelectedGroup('uncat')
- }}
- >
- {'Kategorizálatlan'}
-
-
{
- setSelectedGroup(null)
- }}
- >
- {'Összes'}
-
-
{sg.description}
- ) : null}
-
- )
- }
-
- return (
-
- {sidebarCard && (
-
{
- setSidebarCard(null)
- }}
- >
- {
- return card.id === sidebarCard
- })}
- userId={userId}
- categories={categories}
- columns={columns}
- namedGroups={namedGroups}
- voteOn={(card) => {
- fetch(`${constants.apiUrl}voteTodo?id=${card.id}`, {
- credentials: 'include',
- })
- .then((resp) => {
- return resp.json()
- })
- .then((data) => {
- setTodos(data)
- setGlobalState({
- todos: data,
- })
- })
- }}
- />
-
- )}
- {renderGrouper()}
-
-
-
-
-
-
-
-
Teendők
-
-
-
- Ezen az oldalon új ötleteket adhatsz hozzá megvalósításra a teendők
- listájához.
-
-
- Emellet ha hozzáértő vagy, adott feladatok megvalósításában is
- segíthetsz. (lásd: lentebb)
-
Ha egy kártyára kattintasz, a megjelenő ablakban láthatod annak
- részleteit, illetve{' '}
-
- szavazhatsz
- {' '}
- is a feladatra, annak érdekében, hogy minél hamarabb megvalósulhasson.
- Minél több szavazat érkezik egy kártyára, annál magasabb lesz a
- prioritása. (értsd: a legtöbb szavazatot kapó kártya teendője lesz
- legelőször megvalósítva)
-
A kurzort az oszlopcímekre mozgatva, további információkat
- olvashatsz a kategóriák tulajdonságairól.
-
-
-
-
{
- setShowFeedback(true)
- }}
- >
- Új feladat
-
-
-
-
-
-
-
-
-
- Git repos
-
-
- {Object.keys(repos.repos).map((key) => {
- let repo = repos.repos[key]
- return (
-
- )
- })}
-
-
-
-
-
- {showFeedback && (
-
{
- setShowFeedback(false)
- }}
- >
-
-
- )}
-
+
Peer to peer infó
+
+
+
+ A weboldal peer to peer (p2p) megoldást implementál, így több szerverrel
+ együtt tud működni, és a más szerveren hozzáadott adatokat időközönként
+ elkéri, és hozzáadja a helyileg tárolt adatokhoz. Vagy valami ilyesmi
+ TODO: normális duma
+
+
Szerver P2P információja:
+
+ {infos.map((x) => {
+ const { title, key, type } = x
+
+ let text = info[key]
+ switch (type) {
+ case 'date':
+ text = new Date(text).toLocaleString()
+ break
+ case 'number':
+ text = text.toLocaleString()
+ break
+ }
+ return (
+
+ )
+ })}
+
+
Regisztrált peer-ek:
+
+
Név
+
Host
+
Utolsó szinkronizálás
+
+ {p2pInfo.myPeers.map((peer, i) => {
+ return (
+
+
{peer.name}
+
+
{new Date(peer.lastSync).toLocaleString()}
+
+ )
+ })}
+
+
+
+
Validálás
+
+
+
+ Különböző okokból kellhet, hogy bizonyítsd hogy az oldalhoz van
+ hozzáférésed. Ebben az esetben ezzel a tokennel tudod: TODO: normális
+ duma
+
+ {token && {token}
}
+
+