Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
849f54db7d | ||
|
|
4e89d9d0fe | ||
|
|
4aeca36a9c | ||
|
|
51b42cfee5 | ||
|
|
dffb68efe5 | ||
|
|
db82cd944f | ||
|
|
2f65e53a24 | ||
|
|
1518645145 | ||
|
|
64a1ba2548 | ||
|
|
03098eaf2b | ||
|
|
7dd834cd35 | ||
|
|
4621010bd7 | ||
|
|
fbbcd79719 | ||
|
|
10f0ffd2e5 | ||
|
|
4aea069295 | ||
|
|
9fc51bdfc5 | ||
|
|
7f48685717 | ||
|
|
cff5398ebd | ||
|
|
109e75d976 |
@@ -9,3 +9,4 @@ uploads/
|
|||||||
.gitignore
|
.gitignore
|
||||||
.vscode/
|
.vscode/
|
||||||
*.md
|
*.md
|
||||||
|
screenshots/
|
||||||
|
|||||||
@@ -37,6 +37,13 @@ SMTP_FROM=noreply@example.com
|
|||||||
# App URL (used for verification links, auto-detected if not set)
|
# App URL (used for verification links, auto-detected if not set)
|
||||||
# APP_URL=https://your-domain.com
|
# APP_URL=https://your-domain.com
|
||||||
|
|
||||||
|
# Recording Transcription / AI Summarization
|
||||||
|
# When the per-room "AI summary / transcript" setting is enabled, Redlight will POST to
|
||||||
|
# ${TRANSCRIPTION_API_URL}/prompt with header `X-Api-Key: ${TRANSCRIPTION_API_KEY}` as soon as
|
||||||
|
# the "video" format of the recording is available. Leave empty to disable the integration entirely.
|
||||||
|
# TRANSCRIPTION_API_URL=
|
||||||
|
# TRANSCRIPTION_API_KEY=
|
||||||
|
|
||||||
# Reverse Proxy trust depth (express 'trust proxy' setting)
|
# Reverse Proxy trust depth (express 'trust proxy' setting)
|
||||||
# loopback = trust only 127.0.0.1 / ::1 (default)
|
# loopback = trust only 127.0.0.1 / ::1 (default)
|
||||||
# Use a number for proxy hops (e.g. 1), or a specific IP/CIDR.
|
# Use a number for proxy hops (e.g. 1), or a specific IP/CIDR.
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
node_modules/
|
node_modules/
|
||||||
dist/
|
dist/
|
||||||
redlight.db
|
redlight.db
|
||||||
|
redlight.db-wal
|
||||||
|
redlight.db-shm
|
||||||
uploads/
|
uploads/
|
||||||
.env
|
.env
|
||||||
|
.claude/
|
||||||
|
|||||||
@@ -9,6 +9,17 @@ A modern, self-hosted BigBlueButton frontend with 25+ themes, federation, calend
|
|||||||

|

|
||||||

|

|
||||||
|
|
||||||
|
## 🖼️ Pictures
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>Click to expand screenshots</summary>
|
||||||
|
|
||||||
|

|
||||||
|

|
||||||
|

|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
## ✨ Features
|
## ✨ Features
|
||||||
|
|
||||||
### Core Features
|
### Core Features
|
||||||
|
|||||||
+1
-1
@@ -2,7 +2,7 @@
|
|||||||
<html lang="en" data-theme="dark">
|
<html lang="en" data-theme="dark">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
|||||||
Generated
+5
-26
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "redlight",
|
"name": "redlight",
|
||||||
"version": "2.1.3",
|
"version": "2.4.1",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "redlight",
|
"name": "redlight",
|
||||||
"version": "2.1.3",
|
"version": "2.4.1",
|
||||||
"license": "GPL-3.0-or-later",
|
"license": "GPL-3.0-or-later",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.7.0",
|
"axios": "^1.7.0",
|
||||||
@@ -798,18 +798,6 @@
|
|||||||
"tslib": "^2.4.0"
|
"tslib": "^2.4.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@types/node": {
|
|
||||||
"version": "25.8.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-25.8.0.tgz",
|
|
||||||
"integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"optional": true,
|
|
||||||
"peer": true,
|
|
||||||
"dependencies": {
|
|
||||||
"undici-types": ">=7.24.0 <7.24.7"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@types/react": {
|
"node_modules/@types/react": {
|
||||||
"version": "19.2.14",
|
"version": "19.2.14",
|
||||||
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
|
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
|
||||||
@@ -4647,9 +4635,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/tmp": {
|
"node_modules/tmp": {
|
||||||
"version": "0.2.5",
|
"version": "0.2.7",
|
||||||
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.7.tgz",
|
||||||
"integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
|
"integrity": "sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=14.14"
|
"node": ">=14.14"
|
||||||
@@ -4719,15 +4707,6 @@
|
|||||||
"integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
|
"integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/undici-types": {
|
|
||||||
"version": "7.24.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
|
|
||||||
"integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"optional": true,
|
|
||||||
"peer": true
|
|
||||||
},
|
|
||||||
"node_modules/unicode-properties": {
|
"node_modules/unicode-properties": {
|
||||||
"version": "1.4.1",
|
"version": "1.4.1",
|
||||||
"resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
|
"resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
|
||||||
|
|||||||
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "redlight",
|
"name": "redlight",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "2.1.3",
|
"version": "2.4.1",
|
||||||
"license": "GPL-3.0-or-later",
|
"license": "GPL-3.0-or-later",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -0,0 +1,14 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||||
|
<!-- Speech bubble tail -->
|
||||||
|
<path d="M 185 325 L 148 425 L 248 360 Z" fill="#2B3140" stroke="#2B3140" stroke-width="14" stroke-linejoin="round"/>
|
||||||
|
<!-- Speech bubble outline -->
|
||||||
|
<circle cx="256" cy="240" r="120" fill="none" stroke="#2B3140" stroke-width="34"/>
|
||||||
|
<!-- Red dot -->
|
||||||
|
<circle cx="262" cy="234" r="76" fill="#ED2224"/>
|
||||||
|
<!-- Sound waves right -->
|
||||||
|
<path d="M 423 100 A 218 218 0 0 1 423 380" fill="none" stroke="#ED2224" stroke-width="32" stroke-linecap="round"/>
|
||||||
|
<path d="M 413 160 A 176 176 0 0 1 413 320" fill="none" stroke="#ED2224" stroke-width="30" stroke-linecap="round"/>
|
||||||
|
<!-- Sound waves left -->
|
||||||
|
<path d="M 89 100 A 218 218 0 0 0 89 380" fill="none" stroke="#ED2224" stroke-width="32" stroke-linecap="round"/>
|
||||||
|
<path d="M 99 160 A 176 176 0 0 0 99 320" fill="none" stroke="#ED2224" stroke-width="30" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 934 B |
@@ -1,5 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
||||||
<rect width="32" height="32" rx="8" fill="#ef4444"/>
|
|
||||||
<circle cx="16" cy="16" r="8" fill="white" opacity="0.9"/>
|
|
||||||
<circle cx="16" cy="16" r="4" fill="#ef4444"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 268 B |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 498 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
@@ -0,0 +1,20 @@
|
|||||||
|
import { getDb } from './database.js';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolve the configured application name.
|
||||||
|
* Resolution order: admin-set 'app_name' setting → APP_NAME env var → 'Redlight'.
|
||||||
|
*
|
||||||
|
* The app name is stored in the settings table under the key 'app_name'
|
||||||
|
* (see routes/branding.js). This helper is the single source of truth so the
|
||||||
|
* configured name is used consistently across emails, the 2FA issuer, etc.
|
||||||
|
*/
|
||||||
|
export async function getAppName() {
|
||||||
|
try {
|
||||||
|
const db = getDb();
|
||||||
|
const row = await db.get("SELECT value FROM settings WHERE key = 'app_name'");
|
||||||
|
if (row?.value) return row.value;
|
||||||
|
} catch {
|
||||||
|
// fall through to env/default if the DB is unavailable
|
||||||
|
}
|
||||||
|
return process.env.APP_NAME || 'Redlight';
|
||||||
|
}
|
||||||
+22
-4
@@ -1,6 +1,8 @@
|
|||||||
import crypto from 'crypto';
|
import crypto from 'crypto';
|
||||||
import xml2js from 'xml2js';
|
import xml2js from 'xml2js';
|
||||||
import { log, fmtDuration, fmtStatus, fmtMethod, fmtReturncode, sanitizeBBBParams } from './logger.js';
|
import { log, fmtDuration, fmtStatus, fmtMethod, fmtReturncode, sanitizeBBBParams } from './logger.js';
|
||||||
|
import { t } from './emaili18n.js';
|
||||||
|
import { isTranscriptionEnabled } from './transcription.js';
|
||||||
|
|
||||||
const BBB_URL = process.env.BBB_URL || 'https://your-bbb-server.com/bigbluebutton/api/';
|
const BBB_URL = process.env.BBB_URL || 'https://your-bbb-server.com/bigbluebutton/api/';
|
||||||
const BBB_SECRET = process.env.BBB_SECRET || '';
|
const BBB_SECRET = process.env.BBB_SECRET || '';
|
||||||
@@ -73,15 +75,15 @@ function getRoomPasswords(uid) {
|
|||||||
return { moderatorPW: modPw, attendeePW: attPw };
|
return { moderatorPW: modPw, attendeePW: attPw };
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createMeeting(room, logoutURL, loginURL = null, presentationUrl = null, analyticsCallbackURL = null) {
|
export async function createMeeting(room, logoutURL, loginURL = null, presentationUrl = null, analyticsCallbackURL = null, lang = 'en') {
|
||||||
const { moderatorPW, attendeePW } = getRoomPasswords(room.uid);
|
const { moderatorPW, attendeePW } = getRoomPasswords(room.uid);
|
||||||
|
|
||||||
// Build welcome message with guest invite link
|
// Build welcome message with guest invite link
|
||||||
// HTML-escape user-controlled content to prevent stored XSS via BBB
|
// HTML-escape user-controlled content to prevent stored XSS via BBB
|
||||||
let welcome = room.welcome_message ? escapeHtml(room.welcome_message) : t('defaultWelcome');
|
let welcome = room.welcome_message ? escapeHtml(room.welcome_message) : escapeHtml(t(lang, 'bbb.defaultWelcome'));
|
||||||
if (logoutURL) {
|
if (logoutURL) {
|
||||||
const guestLink = `${logoutURL}/join/${room.uid}`;
|
const guestLink = `${logoutURL}/join/${room.uid}`;
|
||||||
welcome += `<br><br>To invite other participants, share this link:<br><a href="${escapeHtml(guestLink)}">${escapeHtml(guestLink)}</a>`;
|
welcome += `<br><br>${escapeHtml(t(lang, 'bbb.inviteHint'))}<br><a href="${escapeHtml(guestLink)}">${escapeHtml(guestLink)}</a>`;
|
||||||
// Access code is intentionally NOT shown in the welcome message to prevent
|
// Access code is intentionally NOT shown in the welcome message to prevent
|
||||||
// leaking it to all meeting participants.
|
// leaking it to all meeting participants.
|
||||||
}
|
}
|
||||||
@@ -114,6 +116,17 @@ export async function createMeeting(room, logoutURL, loginURL = null, presentati
|
|||||||
if (analyticsCallbackURL) {
|
if (analyticsCallbackURL) {
|
||||||
params['meta_analytics-callback-url'] = analyticsCallbackURL;
|
params['meta_analytics-callback-url'] = analyticsCallbackURL;
|
||||||
}
|
}
|
||||||
|
if (room.recording_transcript && isTranscriptionEnabled()) {
|
||||||
|
// BBB posts a signed recording-ready callback there once recording formats
|
||||||
|
// are processed; used to trigger the AI summary/transcript integration.
|
||||||
|
if (logoutURL) {
|
||||||
|
params['meta_bbb-recording-ready-url'] = `${logoutURL}/api/recordings/recording-ready`;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// Transcription/summary is off for this room — tell BBB to skip processing
|
||||||
|
// and publishing those recording formats entirely (BBB PR #25277).
|
||||||
|
params['meta_bbb-disable-recording-formats'] = 'transcript,summary';
|
||||||
|
}
|
||||||
|
|
||||||
// Build optional presentation XML body - escape URL to prevent XML injection
|
// Build optional presentation XML body - escape URL to prevent XML injection
|
||||||
let xmlBody = null;
|
let xmlBody = null;
|
||||||
@@ -129,7 +142,7 @@ export async function createMeeting(room, logoutURL, loginURL = null, presentati
|
|||||||
return apiCall('create', params, xmlBody);
|
return apiCall('create', params, xmlBody);
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function joinMeeting(uid, name, isModerator = false, avatarURL = null) {
|
export async function joinMeeting(uid, name, isModerator = false, avatarURL = null, darkMode = false) {
|
||||||
const { moderatorPW, attendeePW } = getRoomPasswords(uid);
|
const { moderatorPW, attendeePW } = getRoomPasswords(uid);
|
||||||
const params = {
|
const params = {
|
||||||
meetingID: uid,
|
meetingID: uid,
|
||||||
@@ -140,6 +153,11 @@ export async function joinMeeting(uid, name, isModerator = false, avatarURL = nu
|
|||||||
if (avatarURL) {
|
if (avatarURL) {
|
||||||
params.avatarURL = avatarURL;
|
params.avatarURL = avatarURL;
|
||||||
}
|
}
|
||||||
|
if (darkMode) {
|
||||||
|
// Per-user userdata override: start the client in dark theme for users who
|
||||||
|
// have a dark theme active in Redlight. Read by BBB as bbb_prefer_dark_theme.
|
||||||
|
params['userdata-bbb_prefer_dark_theme'] = 'true';
|
||||||
|
}
|
||||||
return buildUrl('join', params);
|
return buildUrl('join', params);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -384,6 +384,25 @@ export async function initDatabase() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Password reset: store a SHA-256 hash of the reset token (never the raw token)
|
||||||
|
if (!(await db.columnExists('users', 'reset_token_hash'))) {
|
||||||
|
await db.exec('ALTER TABLE users ADD COLUMN reset_token_hash TEXT DEFAULT NULL');
|
||||||
|
}
|
||||||
|
if (!(await db.columnExists('users', 'reset_token_expires'))) {
|
||||||
|
if (isPostgres) {
|
||||||
|
await db.exec('ALTER TABLE users ADD COLUMN reset_token_expires TIMESTAMP DEFAULT NULL');
|
||||||
|
} else {
|
||||||
|
await db.exec('ALTER TABLE users ADD COLUMN reset_token_expires DATETIME DEFAULT NULL');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!(await db.columnExists('users', 'reset_requested_at'))) {
|
||||||
|
if (isPostgres) {
|
||||||
|
await db.exec('ALTER TABLE users ADD COLUMN reset_requested_at TIMESTAMP DEFAULT NULL');
|
||||||
|
} else {
|
||||||
|
await db.exec('ALTER TABLE users ADD COLUMN reset_requested_at DATETIME DEFAULT NULL');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Federation sync: add deleted + updated_at to federated_rooms
|
// Federation sync: add deleted + updated_at to federated_rooms
|
||||||
if (!(await db.columnExists('federated_rooms', 'deleted'))) {
|
if (!(await db.columnExists('federated_rooms', 'deleted'))) {
|
||||||
await db.exec('ALTER TABLE federated_rooms ADD COLUMN deleted INTEGER DEFAULT 0');
|
await db.exec('ALTER TABLE federated_rooms ADD COLUMN deleted INTEGER DEFAULT 0');
|
||||||
@@ -860,6 +879,18 @@ export async function initDatabase() {
|
|||||||
`);
|
`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ── Recording transcription / AI summary ────────────────────────────────
|
||||||
|
if (!(await db.columnExists('rooms', 'recording_transcript'))) {
|
||||||
|
await db.exec('ALTER TABLE rooms ADD COLUMN recording_transcript INTEGER DEFAULT 0');
|
||||||
|
}
|
||||||
|
if (!(await db.columnExists('recordings', 'transcript_requested_at'))) {
|
||||||
|
if (isPostgres) {
|
||||||
|
await db.exec('ALTER TABLE recordings ADD COLUMN transcript_requested_at TIMESTAMP DEFAULT NULL');
|
||||||
|
} else {
|
||||||
|
await db.exec('ALTER TABLE recordings ADD COLUMN transcript_requested_at DATETIME DEFAULT NULL');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// ── Default admin (only on very first start) ────────────────────────────
|
// ── Default admin (only on very first start) ────────────────────────────
|
||||||
const adminAlreadySeeded = await db.get("SELECT value FROM settings WHERE key = 'admin_seeded'");
|
const adminAlreadySeeded = await db.get("SELECT value FROM settings WHERE key = 'admin_seeded'");
|
||||||
if (!adminAlreadySeeded) {
|
if (!adminAlreadySeeded) {
|
||||||
|
|||||||
+45
-3
@@ -64,7 +64,6 @@ export async function sendVerificationEmail(to, name, verifyUrl, appName = 'Redl
|
|||||||
const from = process.env.SMTP_FROM || process.env.SMTP_USER;
|
const from = process.env.SMTP_FROM || process.env.SMTP_USER;
|
||||||
const headerAppName = sanitizeHeaderValue(appName);
|
const headerAppName = sanitizeHeaderValue(appName);
|
||||||
const safeName = escapeHtml(name);
|
const safeName = escapeHtml(name);
|
||||||
const safeAppName = escapeHtml(appName);
|
|
||||||
|
|
||||||
await transporter.sendMail({
|
await transporter.sendMail({
|
||||||
from: `"${headerAppName}" <${from}>`,
|
from: `"${headerAppName}" <${from}>`,
|
||||||
@@ -93,6 +92,50 @@ export async function sendVerificationEmail(to, name, verifyUrl, appName = 'Redl
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Send a password reset email with a clickable link.
|
||||||
|
* @param {string} to - recipient email
|
||||||
|
* @param {string} name - user's display name
|
||||||
|
* @param {string} resetUrl - full password reset URL
|
||||||
|
* @param {string} appName - branding app name (default "Redlight")
|
||||||
|
* @param {string} lang - language code
|
||||||
|
*/
|
||||||
|
export async function sendPasswordResetEmail(to, name, resetUrl, appName = 'Redlight', lang = 'en') {
|
||||||
|
if (!transporter) {
|
||||||
|
throw new Error('SMTP not configured');
|
||||||
|
}
|
||||||
|
|
||||||
|
const from = process.env.SMTP_FROM || process.env.SMTP_USER;
|
||||||
|
const headerAppName = sanitizeHeaderValue(appName);
|
||||||
|
const safeName = escapeHtml(name);
|
||||||
|
|
||||||
|
await transporter.sendMail({
|
||||||
|
from: `"${headerAppName}" <${from}>`,
|
||||||
|
to,
|
||||||
|
subject: t(lang, 'email.resetPassword.subject', { appName: headerAppName }),
|
||||||
|
html: `
|
||||||
|
<div style="font-family:Arial,sans-serif;max-width:520px;margin:0 auto;padding:32px;background:#1e1e2e;color:#cdd6f4;border-radius:12px;">
|
||||||
|
<h2 style="color:#cba6f7;margin-top:0;">${t(lang, 'email.greeting', { name: safeName })}</h2>
|
||||||
|
<p>${t(lang, 'email.resetPassword.intro')}</p>
|
||||||
|
<p style="text-align:center;margin:28px 0;">
|
||||||
|
<a href="${resetUrl}"
|
||||||
|
style="display:inline-block;background:#cba6f7;color:#1e1e2e;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:bold;">
|
||||||
|
${t(lang, 'email.resetPassword.button')}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p style="font-size:13px;color:#7f849c;">
|
||||||
|
${t(lang, 'email.linkHint')}<br/>
|
||||||
|
<a href="${resetUrl}" style="color:#89b4fa;word-break:break-all;">${escapeHtml(resetUrl)}</a>
|
||||||
|
</p>
|
||||||
|
<p style="font-size:13px;color:#7f849c;">${t(lang, 'email.resetPassword.validity')}</p>
|
||||||
|
<hr style="border:none;border-top:1px solid #313244;margin:24px 0;"/>
|
||||||
|
<p style="font-size:12px;color:#585b70;">${t(lang, 'email.resetPassword.footer')}</p>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
text: `${t(lang, 'email.greeting', { name })}\n\n${t(lang, 'email.resetPassword.intro')}\n${resetUrl}\n\n${t(lang, 'email.resetPassword.validity')}\n\n- ${appName}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Send a federation meeting invitation email.
|
* Send a federation meeting invitation email.
|
||||||
* @param {string} to - recipient email
|
* @param {string} to - recipient email
|
||||||
@@ -112,7 +155,6 @@ export async function sendFederationInviteEmail(to, name, fromUser, roomName, me
|
|||||||
const safeFromUser = escapeHtml(fromUser);
|
const safeFromUser = escapeHtml(fromUser);
|
||||||
const safeRoomName = escapeHtml(roomName);
|
const safeRoomName = escapeHtml(roomName);
|
||||||
const safeMessage = message ? escapeHtml(message) : null;
|
const safeMessage = message ? escapeHtml(message) : null;
|
||||||
const safeAppName = escapeHtml(appName);
|
|
||||||
|
|
||||||
const introHtml = t(lang, 'email.federationInvite.intro')
|
const introHtml = t(lang, 'email.federationInvite.intro')
|
||||||
.replace('{fromUser}', `<strong style="color:#cdd6f4;">${safeFromUser}</strong>`);
|
.replace('{fromUser}', `<strong style="color:#cdd6f4;">${safeFromUser}</strong>`);
|
||||||
@@ -230,7 +272,7 @@ export async function sendCalendarInviteEmail(to, name, fromUser, title, startTi
|
|||||||
<p>${introHtml}</p>
|
<p>${introHtml}</p>
|
||||||
<div style="background:#313244;border-radius:8px;padding:16px;margin:20px 0;">
|
<div style="background:#313244;border-radius:8px;padding:16px;margin:20px 0;">
|
||||||
<p style="margin:0 0 4px 0;font-size:15px;font-weight:bold;color:#cdd6f4;">${safeTitle}</p>
|
<p style="margin:0 0 4px 0;font-size:15px;font-weight:bold;color:#cdd6f4;">${safeTitle}</p>
|
||||||
<p style="margin:6px 0 0 0;font-size:13px;color:#a6adc8;">🕐 ${escapeHtml(formatDate(startTime))} - ${escapeHtml(formatDate(endTime))}</p>
|
<p style="margin:6px 0 0 0;font-size:13px;color:#a6adc8;">${escapeHtml(formatDate(startTime))} - ${escapeHtml(formatDate(endTime))}</p>
|
||||||
${safeDesc ? `<p style="margin:10px 0 0 0;font-size:13px;color:#a6adc8;font-style:italic;">"${safeDesc}"</p>` : ''}
|
${safeDesc ? `<p style="margin:10px 0 0 0;font-size:13px;color:#a6adc8;font-style:italic;">"${safeDesc}"</p>` : ''}
|
||||||
</div>
|
</div>
|
||||||
<p style="text-align:center;margin:28px 0;">
|
<p style="text-align:center;margin:28px 0;">
|
||||||
|
|||||||
@@ -0,0 +1,71 @@
|
|||||||
|
import { log } from './logger.js';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Recording transcription / AI summarization integration.
|
||||||
|
*
|
||||||
|
* When the per-room "recording transcript" setting is enabled, Redlight POSTs
|
||||||
|
* to ${TRANSCRIPTION_API_URL}/prompt with header `X-Api-Key: ${TRANSCRIPTION_API_KEY}`
|
||||||
|
* as soon as the "video" format of a recording becomes available (delivered via
|
||||||
|
* BBB's recording-ready callback). Leave both env vars empty to disable the
|
||||||
|
* integration entirely.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const TRANSCRIPTION_API_URL = process.env.TRANSCRIPTION_API_URL || '';
|
||||||
|
const TRANSCRIPTION_API_KEY = process.env.TRANSCRIPTION_API_KEY || '';
|
||||||
|
|
||||||
|
const DEFAULT_PROMPT = 'Summarise the key decisions made in this meeting.';
|
||||||
|
|
||||||
|
export function isTranscriptionEnabled() {
|
||||||
|
return !!(TRANSCRIPTION_API_URL && TRANSCRIPTION_API_KEY);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Request a summary/transcript for a recording. Never throws — failures are
|
||||||
|
* logged and reported via the boolean return value.
|
||||||
|
*
|
||||||
|
* @param {object} opts
|
||||||
|
* @param {string} opts.meetingId Room UID / BBB meeting ID
|
||||||
|
* @param {string} opts.recordingId BBB record ID
|
||||||
|
* @param {string} [opts.prompt] Optional custom prompt
|
||||||
|
* @returns {Promise<boolean>} true if the request was accepted
|
||||||
|
*/
|
||||||
|
export async function requestTranscription({ meetingId, recordingId, prompt }) {
|
||||||
|
if (!isTranscriptionEnabled()) {
|
||||||
|
log.server.warn('Transcription request skipped: TRANSCRIPTION_API_URL or TRANSCRIPTION_API_KEY is not configured');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const base = TRANSCRIPTION_API_URL.endsWith('/') ? TRANSCRIPTION_API_URL : `${TRANSCRIPTION_API_URL}/`;
|
||||||
|
const url = new URL('prompt', base).toString();
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(url, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
'X-Api-Key': TRANSCRIPTION_API_KEY,
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
prompt: prompt || DEFAULT_PROMPT,
|
||||||
|
meeting_id: meetingId,
|
||||||
|
recording_id: recordingId,
|
||||||
|
}),
|
||||||
|
signal: AbortSignal.timeout(15_000),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
const body = await response.text().catch(() => '');
|
||||||
|
log.server.error(`Transcription request failed: status=${response.status} body=${body.slice(0, 200)}`);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
log.server.info(`Transcription requested for recording ${recordingId} (meeting: ${meetingId})`);
|
||||||
|
return true;
|
||||||
|
} catch (err) {
|
||||||
|
// undici wraps the real network error (ECONNREFUSED, ENOTFOUND, timeout, …)
|
||||||
|
// in err.cause — surface it, "fetch failed" alone is undiagnosable.
|
||||||
|
const cause = err.cause ? ` (${err.cause.code || ''} ${err.cause.message || ''})`.trimEnd() : '';
|
||||||
|
log.server.error(`Transcription request to ${url} failed: ${err.message}${cause}`);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
+13
-2
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"email": {
|
"email": {
|
||||||
"greeting": "Hey {name} 👋",
|
"greeting": "Hallo {name},",
|
||||||
"viewInvitation": "Einladung anzeigen",
|
"viewInvitation": "Einladung anzeigen",
|
||||||
"invitationFooter": "Öffne den Link oben, um die Einladung anzunehmen oder abzulehnen.",
|
"invitationFooter": "Öffne den Link oben, um die Einladung anzunehmen oder abzulehnen.",
|
||||||
"linkHint": "Oder kopiere diesen Link in deinen Browser:",
|
"linkHint": "Oder kopiere diesen Link in deinen Browser:",
|
||||||
@@ -11,9 +11,16 @@
|
|||||||
"validity": "Dieser Link ist 24 Stunden gültig.",
|
"validity": "Dieser Link ist 24 Stunden gültig.",
|
||||||
"footer": "Falls du dich nicht registriert hast, kannst du diese E-Mail ignorieren."
|
"footer": "Falls du dich nicht registriert hast, kannst du diese E-Mail ignorieren."
|
||||||
},
|
},
|
||||||
|
"resetPassword": {
|
||||||
|
"subject": "{appName} - Passwort zurücksetzen",
|
||||||
|
"intro": "Du hast angefordert, dein Passwort zurückzusetzen. Klicke auf den Button, um ein neues Passwort festzulegen:",
|
||||||
|
"button": "Passwort zurücksetzen",
|
||||||
|
"validity": "Dieser Link ist 1 Stunde gültig.",
|
||||||
|
"footer": "Falls du das nicht angefordert hast, kannst du diese E-Mail ignorieren – dein Passwort bleibt unverändert."
|
||||||
|
},
|
||||||
"invite": {
|
"invite": {
|
||||||
"subject": "{appName} - Du wurdest eingeladen",
|
"subject": "{appName} - Du wurdest eingeladen",
|
||||||
"title": "Du wurdest eingeladen! 🎉",
|
"title": "Du wurdest eingeladen",
|
||||||
"intro": "Du wurdest eingeladen, ein Konto auf {appName} zu erstellen.",
|
"intro": "Du wurdest eingeladen, ein Konto auf {appName} zu erstellen.",
|
||||||
"prompt": "Klicke auf den Button, um dich zu registrieren:",
|
"prompt": "Klicke auf den Button, um dich zu registrieren:",
|
||||||
"button": "Konto erstellen",
|
"button": "Konto erstellen",
|
||||||
@@ -42,5 +49,9 @@
|
|||||||
"note": "Der Termin wurde automatisch aus deinem Kalender entfernt.",
|
"note": "Der Termin wurde automatisch aus deinem Kalender entfernt.",
|
||||||
"footer": "Diese Nachricht wurde automatisch von {appName} versendet."
|
"footer": "Diese Nachricht wurde automatisch von {appName} versendet."
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"bbb": {
|
||||||
|
"defaultWelcome": "Willkommen im Meeting!",
|
||||||
|
"inviteHint": "Lade weitere Teilnehmer ein, indem du diesen Link teilst:"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+13
-2
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"email": {
|
"email": {
|
||||||
"greeting": "Hey {name} 👋",
|
"greeting": "Hello {name},",
|
||||||
"viewInvitation": "View Invitation",
|
"viewInvitation": "View Invitation",
|
||||||
"invitationFooter": "Open the link above to accept or decline the invitation.",
|
"invitationFooter": "Open the link above to accept or decline the invitation.",
|
||||||
"linkHint": "Or copy this link in your browser:",
|
"linkHint": "Or copy this link in your browser:",
|
||||||
@@ -11,9 +11,16 @@
|
|||||||
"validity": "This link is valid for 24 hours.",
|
"validity": "This link is valid for 24 hours.",
|
||||||
"footer": "If you didn't register, please ignore this email."
|
"footer": "If you didn't register, please ignore this email."
|
||||||
},
|
},
|
||||||
|
"resetPassword": {
|
||||||
|
"subject": "{appName} - Reset your password",
|
||||||
|
"intro": "You requested to reset your password. Click the button below to set a new one:",
|
||||||
|
"button": "Reset Password",
|
||||||
|
"validity": "This link is valid for 1 hour.",
|
||||||
|
"footer": "If you didn't request this, you can safely ignore this email — your password will remain unchanged."
|
||||||
|
},
|
||||||
"invite": {
|
"invite": {
|
||||||
"subject": "{appName} - You've been invited",
|
"subject": "{appName} - You've been invited",
|
||||||
"title": "You've been invited! 🎉",
|
"title": "You have been invited",
|
||||||
"intro": "You have been invited to create an account on {appName}.",
|
"intro": "You have been invited to create an account on {appName}.",
|
||||||
"prompt": "Click the button below to register:",
|
"prompt": "Click the button below to register:",
|
||||||
"button": "Create Account",
|
"button": "Create Account",
|
||||||
@@ -42,5 +49,9 @@
|
|||||||
"note": "The event has been automatically removed from your calendar.",
|
"note": "The event has been automatically removed from your calendar.",
|
||||||
"footer": "This message was sent automatically by {appName}."
|
"footer": "This message was sent automatically by {appName}."
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"bbb": {
|
||||||
|
"defaultWelcome": "Welcome to the meeting!",
|
||||||
|
"inviteHint": "To invite other participants, share this link:"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+8
-1
@@ -51,7 +51,14 @@ const corsOptions = process.env.APP_URL
|
|||||||
? { origin: process.env.APP_URL, credentials: true }
|
? { origin: process.env.APP_URL, credentials: true }
|
||||||
: { origin: false };
|
: { origin: false };
|
||||||
app.use(cors(corsOptions));
|
app.use(cors(corsOptions));
|
||||||
app.use(express.json({ limit: '100kb' }));
|
// Global JSON body limit kept tight as a hardening measure. The BBB learning
|
||||||
|
// analytics callback can send much larger payloads, so it is excluded here and
|
||||||
|
// gets its own, more generous limit on the route itself (see routes/analytics.js).
|
||||||
|
const jsonParser = express.json({ limit: '100kb' });
|
||||||
|
app.use((req, res, next) => {
|
||||||
|
if (req.path.startsWith('/api/analytics/callback/')) return next();
|
||||||
|
return jsonParser(req, res, next);
|
||||||
|
});
|
||||||
// Request/Response logging (filters sensitive fields)
|
// Request/Response logging (filters sensitive fields)
|
||||||
app.use(requestResponseLogger);
|
app.use(requestResponseLogger);
|
||||||
|
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { v4 as uuidv4 } from 'uuid';
|
|||||||
import { getDb } from '../config/database.js';
|
import { getDb } from '../config/database.js';
|
||||||
import { authenticateToken, requireAdmin, getBaseUrl } from '../middleware/auth.js';
|
import { authenticateToken, requireAdmin, getBaseUrl } from '../middleware/auth.js';
|
||||||
import { isMailerConfigured, sendInviteEmail } from '../config/mailer.js';
|
import { isMailerConfigured, sendInviteEmail } from '../config/mailer.js';
|
||||||
|
import { getAppName } from '../config/appName.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
import {
|
import {
|
||||||
getOAuthConfig,
|
getOAuthConfig,
|
||||||
@@ -217,9 +218,8 @@ router.post('/invites', authenticateToken, requireAdmin, async (req, res) => {
|
|||||||
const baseUrl = getBaseUrl(req);
|
const baseUrl = getBaseUrl(req);
|
||||||
const inviteUrl = `${baseUrl}/register?invite=${token}`;
|
const inviteUrl = `${baseUrl}/register?invite=${token}`;
|
||||||
|
|
||||||
// Load app name
|
// Load configured app name (admin setting → env → default)
|
||||||
const brandingSetting = await db.get("SELECT value FROM settings WHERE key = 'app_name'");
|
const appName = await getAppName();
|
||||||
const appName = brandingSetting?.value || 'Redlight';
|
|
||||||
|
|
||||||
if (isMailerConfigured()) {
|
if (isMailerConfigured()) {
|
||||||
try {
|
try {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { Router } from 'express';
|
import { Router, json } from 'express';
|
||||||
import crypto from 'crypto';
|
import crypto from 'crypto';
|
||||||
import ExcelJS from 'exceljs';
|
import ExcelJS from 'exceljs';
|
||||||
import PDFDocument from 'pdfkit';
|
import PDFDocument from 'pdfkit';
|
||||||
@@ -9,20 +9,25 @@ import { getAnalyticsToken } from '../config/bbb.js';
|
|||||||
|
|
||||||
const router = Router();
|
const router = Router();
|
||||||
|
|
||||||
// POST /api/analytics/callback/:uid?token=... - BBB Learning Analytics callback (token-secured)
|
// Token check runs BEFORE the 5mb body parser so unauthenticated callers
|
||||||
router.post('/callback/:uid', async (req, res) => {
|
// cannot make the server buffer large payloads.
|
||||||
try {
|
// Constant-time comparison to prevent timing attacks. Reject non-string tokens
|
||||||
|
// (e.g. ?token=a&token=b would yield an array and crash Buffer.from).
|
||||||
|
function verifyCallbackToken(req, res, next) {
|
||||||
const { token } = req.query;
|
const { token } = req.query;
|
||||||
const expectedToken = getAnalyticsToken(req.params.uid);
|
const expectedToken = getAnalyticsToken(req.params.uid);
|
||||||
|
|
||||||
// Constant-time comparison to prevent timing attacks.
|
|
||||||
// Reject non-string tokens (e.g. ?token=a&token=b would yield an array and
|
|
||||||
// crash Buffer.from).
|
|
||||||
if (typeof token !== 'string' || token.length !== expectedToken.length ||
|
if (typeof token !== 'string' || token.length !== expectedToken.length ||
|
||||||
!crypto.timingSafeEqual(Buffer.from(token), Buffer.from(expectedToken))) {
|
!crypto.timingSafeEqual(Buffer.from(token), Buffer.from(expectedToken))) {
|
||||||
return res.status(403).json({ error: 'Invalid token' });
|
return res.status(403).json({ error: 'Invalid token' });
|
||||||
}
|
}
|
||||||
|
next();
|
||||||
|
}
|
||||||
|
|
||||||
|
// POST /api/analytics/callback/:uid?token=... - BBB Learning Analytics callback (token-secured)
|
||||||
|
// Excluded from the global 100kb body limit (see index.js): learning analytics
|
||||||
|
// payloads for large meetings can be several MB.
|
||||||
|
router.post('/callback/:uid', verifyCallbackToken, json({ limit: '5mb' }), async (req, res) => {
|
||||||
|
try {
|
||||||
const db = getDb();
|
const db = getDb();
|
||||||
const room = await db.get('SELECT id, uid, learning_analytics FROM rooms WHERE uid = ?', [req.params.uid]);
|
const room = await db.get('SELECT id, uid, learning_analytics FROM rooms WHERE uid = ?', [req.params.uid]);
|
||||||
|
|
||||||
|
|||||||
+193
-23
@@ -2,17 +2,19 @@ import { Router } from 'express';
|
|||||||
import bcrypt from 'bcryptjs';
|
import bcrypt from 'bcryptjs';
|
||||||
import jwt from 'jsonwebtoken';
|
import jwt from 'jsonwebtoken';
|
||||||
import { v4 as uuidv4 } from 'uuid';
|
import { v4 as uuidv4 } from 'uuid';
|
||||||
|
import crypto from 'crypto';
|
||||||
import fs from 'fs';
|
import fs from 'fs';
|
||||||
import path from 'path';
|
import path from 'path';
|
||||||
import { fileURLToPath } from 'url';
|
import { fileURLToPath } from 'url';
|
||||||
import { rateLimit } from 'express-rate-limit';
|
import { rateLimit, MemoryStore } from 'express-rate-limit';
|
||||||
import { RedisStore } from 'rate-limit-redis';
|
import { RedisStore } from 'rate-limit-redis';
|
||||||
import * as OTPAuth from 'otpauth';
|
import * as OTPAuth from 'otpauth';
|
||||||
import { getDb } from '../config/database.js';
|
import { getDb } from '../config/database.js';
|
||||||
import redis from '../config/redis.js';
|
import redis from '../config/redis.js';
|
||||||
import { authenticateToken, generateToken, getBaseUrl } from '../middleware/auth.js';
|
import { authenticateToken, generateToken, getBaseUrl } from '../middleware/auth.js';
|
||||||
import { isMailerConfigured, sendVerificationEmail } from '../config/mailer.js';
|
import { isMailerConfigured, sendVerificationEmail, sendPasswordResetEmail } from '../config/mailer.js';
|
||||||
import { getOAuthConfig, discoverOIDC } from '../config/oauth.js';
|
import { getOAuthConfig, discoverOIDC } from '../config/oauth.js';
|
||||||
|
import { getAppName } from '../config/appName.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
|
|
||||||
if (!process.env.JWT_SECRET) {
|
if (!process.env.JWT_SECRET) {
|
||||||
@@ -22,15 +24,65 @@ if (!process.env.JWT_SECRET) {
|
|||||||
const JWT_SECRET = process.env.JWT_SECRET;
|
const JWT_SECRET = process.env.JWT_SECRET;
|
||||||
|
|
||||||
// ── Rate Limiting ────────────────────────────────────────────────────────────
|
// ── Rate Limiting ────────────────────────────────────────────────────────────
|
||||||
function makeRedisStore(prefix) {
|
// Shared Redis store with in-memory fallback. Without the fallback, a dead
|
||||||
|
// Redis connection makes every rate-limited endpoint (incl. login) return 500 —
|
||||||
|
// rate limiting must degrade, not take auth down with it.
|
||||||
|
class ResilientStore {
|
||||||
|
constructor(prefix) {
|
||||||
try {
|
try {
|
||||||
return new RedisStore({
|
this.redisStore = new RedisStore({
|
||||||
sendCommand: (...args) => redis.call(...args),
|
sendCommand: (...args) => redis.call(...args),
|
||||||
prefix,
|
prefix,
|
||||||
});
|
});
|
||||||
} catch {
|
} catch {
|
||||||
return undefined; // falls back to in-memory if Redis unavailable
|
this.redisStore = null;
|
||||||
}
|
}
|
||||||
|
this.memoryStore = new MemoryStore();
|
||||||
|
}
|
||||||
|
init(options) {
|
||||||
|
try {
|
||||||
|
// RedisStore.init returns the SCRIPT LOAD promise; catch it so a dead
|
||||||
|
// Redis connection surfaces as a warning instead of an unhandled
|
||||||
|
// rejection that kills the process.
|
||||||
|
const initResult = this.redisStore?.init?.(options);
|
||||||
|
if (typeof initResult?.catch === 'function') {
|
||||||
|
initResult.catch(err => log.auth.warn(`Rate-limit Redis init failed: ${err.message}`));
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
log.auth.warn(`Rate-limit Redis init failed: ${err.message}`);
|
||||||
|
}
|
||||||
|
this.memoryStore.init(options);
|
||||||
|
}
|
||||||
|
async increment(key) {
|
||||||
|
if (this.redisStore && redis.status === 'ready') {
|
||||||
|
try {
|
||||||
|
return await this.redisStore.increment(key);
|
||||||
|
} catch (err) {
|
||||||
|
log.auth.warn(`Rate-limit Redis store failed, using in-memory fallback: ${err.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return this.memoryStore.increment(key);
|
||||||
|
}
|
||||||
|
async decrement(key) {
|
||||||
|
if (this.redisStore && redis.status === 'ready') {
|
||||||
|
try {
|
||||||
|
return await this.redisStore.decrement(key);
|
||||||
|
} catch { /* fall through to memory */ }
|
||||||
|
}
|
||||||
|
return this.memoryStore.decrement(key);
|
||||||
|
}
|
||||||
|
async resetKey(key) {
|
||||||
|
if (this.redisStore && redis.status === 'ready') {
|
||||||
|
try {
|
||||||
|
return await this.redisStore.resetKey(key);
|
||||||
|
} catch { /* fall through to memory */ }
|
||||||
|
}
|
||||||
|
return this.memoryStore.resetKey(key);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function makeRedisStore(prefix) {
|
||||||
|
return new ResilientStore(prefix);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Validation helpers ─────────────────────────────────────────────────────
|
// ── Validation helpers ─────────────────────────────────────────────────────
|
||||||
@@ -116,6 +168,26 @@ const twoFaLimiter = rateLimit({
|
|||||||
store: makeRedisStore('rl:2fa:'),
|
store: makeRedisStore('rl:2fa:'),
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Rate limit forgot-password to prevent SMTP abuse / email enumeration spam
|
||||||
|
const forgotPasswordLimiter = rateLimit({
|
||||||
|
windowMs: 15 * 60 * 1000, // 15 minutes
|
||||||
|
max: 5,
|
||||||
|
standardHeaders: true,
|
||||||
|
legacyHeaders: false,
|
||||||
|
message: { error: 'Too many requests. Please try again later.' },
|
||||||
|
store: makeRedisStore('rl:forgot:'),
|
||||||
|
});
|
||||||
|
|
||||||
|
// Rate limit reset-password submissions to slow token brute-forcing
|
||||||
|
const resetPasswordLimiter = rateLimit({
|
||||||
|
windowMs: 15 * 60 * 1000, // 15 minutes
|
||||||
|
max: 10,
|
||||||
|
standardHeaders: true,
|
||||||
|
legacyHeaders: false,
|
||||||
|
message: { error: 'Too many attempts. Please try again later.' },
|
||||||
|
store: makeRedisStore('rl:reset:'),
|
||||||
|
});
|
||||||
|
|
||||||
const __filename = fileURLToPath(import.meta.url);
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
const __dirname = path.dirname(__filename);
|
const __dirname = path.dirname(__filename);
|
||||||
const uploadsDir = path.join(__dirname, '..', '..', 'uploads', 'avatars');
|
const uploadsDir = path.join(__dirname, '..', '..', 'uploads', 'avatars');
|
||||||
@@ -179,7 +251,8 @@ router.post('/register', registerLimiter, async (req, res) => {
|
|||||||
return res.status(400).json({ error: `Password must not exceed ${MAX_PASSWORD_LENGTH} characters` });
|
return res.status(400).json({ error: `Password must not exceed ${MAX_PASSWORD_LENGTH} characters` });
|
||||||
}
|
}
|
||||||
|
|
||||||
const existing = await db.get('SELECT id FROM users WHERE email = ?', [email]);
|
// Emails are stored lowercased, so compare lowercased to catch case-variant duplicates
|
||||||
|
const existing = await db.get('SELECT id FROM users WHERE email = ?', [email.toLowerCase()]);
|
||||||
if (existing) {
|
if (existing) {
|
||||||
return res.status(409).json({ error: 'Email is already in use' });
|
return res.status(409).json({ error: 'Email is already in use' });
|
||||||
}
|
}
|
||||||
@@ -213,12 +286,8 @@ router.post('/register', registerLimiter, async (req, res) => {
|
|||||||
const baseUrl = getBaseUrl(req);
|
const baseUrl = getBaseUrl(req);
|
||||||
const verifyUrl = `${baseUrl}/verify-email?token=${verificationToken}`;
|
const verifyUrl = `${baseUrl}/verify-email?token=${verificationToken}`;
|
||||||
|
|
||||||
// Load app name from branding settings
|
// Load configured app name (admin setting → env → default)
|
||||||
const brandingSetting = await db.get("SELECT value FROM settings WHERE key = 'branding'");
|
const appName = await getAppName();
|
||||||
let appName = 'Redlight';
|
|
||||||
if (brandingSetting?.value) {
|
|
||||||
try { appName = JSON.parse(brandingSetting.value).appName || appName; } catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await sendVerificationEmail(email.toLowerCase(), display_name, verifyUrl, appName, 'en');
|
await sendVerificationEmail(email.toLowerCase(), display_name, verifyUrl, appName, 'en');
|
||||||
@@ -327,11 +396,7 @@ router.post('/resend-verification', resendVerificationLimiter, async (req, res)
|
|||||||
const baseUrl = getBaseUrl(req);
|
const baseUrl = getBaseUrl(req);
|
||||||
const verifyUrl = `${baseUrl}/verify-email?token=${verificationToken}`;
|
const verifyUrl = `${baseUrl}/verify-email?token=${verificationToken}`;
|
||||||
|
|
||||||
const brandingSetting = await db.get("SELECT value FROM settings WHERE key = 'branding'");
|
const appName = await getAppName();
|
||||||
let appName = 'Redlight';
|
|
||||||
if (brandingSetting?.value) {
|
|
||||||
try { appName = JSON.parse(brandingSetting.value).appName || appName; } catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await sendVerificationEmail(email.toLowerCase(), user.display_name || user.name, verifyUrl, appName, user.language || 'en');
|
await sendVerificationEmail(email.toLowerCase(), user.display_name || user.name, verifyUrl, appName, user.language || 'en');
|
||||||
@@ -347,6 +412,115 @@ router.post('/resend-verification', resendVerificationLimiter, async (req, res)
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Hash a reset token for storage/lookup (never store the raw token)
|
||||||
|
function hashResetToken(token) {
|
||||||
|
return crypto.createHash('sha256').update(token).digest('hex');
|
||||||
|
}
|
||||||
|
|
||||||
|
// POST /api/auth/forgot-password
|
||||||
|
router.post('/forgot-password', forgotPasswordLimiter, async (req, res) => {
|
||||||
|
try {
|
||||||
|
const { email } = req.body;
|
||||||
|
if (!email || typeof email !== 'string' || !EMAIL_RE.test(email)) {
|
||||||
|
return res.status(400).json({ error: 'A valid email address is required' });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generic response used in every branch so we never reveal whether an
|
||||||
|
// account exists, whether it uses SSO, or whether SMTP is configured.
|
||||||
|
const genericResponse = { message: 'If an account exists for that address, a password reset email has been sent.' };
|
||||||
|
|
||||||
|
if (!isMailerConfigured()) {
|
||||||
|
return res.json(genericResponse);
|
||||||
|
}
|
||||||
|
|
||||||
|
const db = getDb();
|
||||||
|
const user = await db.get('SELECT id, name, display_name, email, language, oauth_provider, reset_requested_at FROM users WHERE email = ?', [email.toLowerCase()]);
|
||||||
|
|
||||||
|
// No account, or an SSO-only account that has no local password to reset
|
||||||
|
if (!user || user.oauth_provider) {
|
||||||
|
return res.json(genericResponse);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Server-side 60s throttle per account to limit repeated emails
|
||||||
|
if (user.reset_requested_at) {
|
||||||
|
const secondsAgo = (Date.now() - new Date(user.reset_requested_at).getTime()) / 1000;
|
||||||
|
if (secondsAgo < 60) {
|
||||||
|
return res.json(genericResponse);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const resetToken = uuidv4();
|
||||||
|
const tokenHash = hashResetToken(resetToken);
|
||||||
|
const expires = new Date(Date.now() + 60 * 60 * 1000).toISOString(); // 1 hour
|
||||||
|
const now = new Date().toISOString();
|
||||||
|
|
||||||
|
await db.run(
|
||||||
|
'UPDATE users SET reset_token_hash = ?, reset_token_expires = ?, reset_requested_at = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?',
|
||||||
|
[tokenHash, expires, now, user.id]
|
||||||
|
);
|
||||||
|
|
||||||
|
const baseUrl = getBaseUrl(req);
|
||||||
|
const resetUrl = `${baseUrl}/reset-password?token=${resetToken}`;
|
||||||
|
const appName = await getAppName();
|
||||||
|
|
||||||
|
try {
|
||||||
|
await sendPasswordResetEmail(email.toLowerCase(), user.display_name || user.name, resetUrl, appName, user.language || 'en');
|
||||||
|
} catch (mailErr) {
|
||||||
|
log.auth.error(`Password reset mail failed: ${mailErr.message}`);
|
||||||
|
// Still return generic success — don't leak SMTP state to the client
|
||||||
|
}
|
||||||
|
|
||||||
|
res.json(genericResponse);
|
||||||
|
} catch (err) {
|
||||||
|
log.auth.error(`Forgot password error: ${err.message}`);
|
||||||
|
res.status(500).json({ error: 'Internal server error' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// POST /api/auth/reset-password
|
||||||
|
router.post('/reset-password', resetPasswordLimiter, async (req, res) => {
|
||||||
|
try {
|
||||||
|
const { token, password } = req.body;
|
||||||
|
if (!token || typeof token !== 'string') {
|
||||||
|
return res.status(400).json({ error: 'Invalid or expired reset link.' });
|
||||||
|
}
|
||||||
|
if (!password || typeof password !== 'string') {
|
||||||
|
return res.status(400).json({ error: 'A new password is required' });
|
||||||
|
}
|
||||||
|
if (password.length < MIN_PASSWORD_LENGTH) {
|
||||||
|
return res.status(400).json({ error: `Password must be at least ${MIN_PASSWORD_LENGTH} characters long` });
|
||||||
|
}
|
||||||
|
if (password.length > MAX_PASSWORD_LENGTH) {
|
||||||
|
return res.status(400).json({ error: `Password must not exceed ${MAX_PASSWORD_LENGTH} characters` });
|
||||||
|
}
|
||||||
|
|
||||||
|
const db = getDb();
|
||||||
|
const tokenHash = hashResetToken(token);
|
||||||
|
const user = await db.get('SELECT id, reset_token_expires FROM users WHERE reset_token_hash = ?', [tokenHash]);
|
||||||
|
|
||||||
|
if (!user) {
|
||||||
|
return res.status(400).json({ error: 'Invalid or expired reset link.' });
|
||||||
|
}
|
||||||
|
if (!user.reset_token_expires || new Date(user.reset_token_expires) < new Date()) {
|
||||||
|
return res.status(400).json({ error: 'Invalid or expired reset link.' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const hash = await bcrypt.hash(password, 12);
|
||||||
|
|
||||||
|
// Set the new password, verify the email (proves mailbox ownership), and
|
||||||
|
// clear the reset token so it can't be reused.
|
||||||
|
await db.run(
|
||||||
|
'UPDATE users SET password_hash = ?, email_verified = 1, reset_token_hash = NULL, reset_token_expires = NULL, reset_requested_at = NULL, updated_at = CURRENT_TIMESTAMP WHERE id = ?',
|
||||||
|
[hash, user.id]
|
||||||
|
);
|
||||||
|
|
||||||
|
res.json({ message: 'Password has been reset successfully. You can now sign in.' });
|
||||||
|
} catch (err) {
|
||||||
|
log.auth.error(`Reset password error: ${err.message}`);
|
||||||
|
res.status(500).json({ error: 'Password could not be reset' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// POST /api/auth/login
|
// POST /api/auth/login
|
||||||
router.post('/login', loginLimiter, async (req, res) => {
|
router.post('/login', loginLimiter, async (req, res) => {
|
||||||
try {
|
try {
|
||||||
@@ -774,12 +948,8 @@ router.post('/2fa/setup', authenticateToken, twoFaLimiter, async (req, res) => {
|
|||||||
|
|
||||||
const secret = new OTPAuth.Secret({ size: 20 });
|
const secret = new OTPAuth.Secret({ size: 20 });
|
||||||
|
|
||||||
// Load app name from branding settings
|
// Use the configured app name as the TOTP issuer (admin setting → env → default)
|
||||||
const brandingSetting = await db.get("SELECT value FROM settings WHERE key = 'branding'");
|
const issuer = await getAppName();
|
||||||
let issuer = 'Redlight';
|
|
||||||
if (brandingSetting?.value) {
|
|
||||||
try { issuer = JSON.parse(brandingSetting.value).appName || issuer; } catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
const totp = new OTPAuth.TOTP({
|
const totp = new OTPAuth.TOTP({
|
||||||
issuer,
|
issuer,
|
||||||
|
|||||||
@@ -7,6 +7,7 @@ import { getDb } from '../config/database.js';
|
|||||||
import { authenticateToken, requireAdmin } from '../middleware/auth.js';
|
import { authenticateToken, requireAdmin } from '../middleware/auth.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
import { getOAuthConfig } from '../config/oauth.js';
|
import { getOAuthConfig } from '../config/oauth.js';
|
||||||
|
import { isTranscriptionEnabled } from '../config/transcription.js';
|
||||||
|
|
||||||
const __filename = fileURLToPath(import.meta.url);
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
const __dirname = path.dirname(__filename);
|
const __dirname = path.dirname(__filename);
|
||||||
@@ -121,6 +122,7 @@ router.get('/', async (req, res) => {
|
|||||||
oauthEnabled,
|
oauthEnabled,
|
||||||
oauthDisplayName,
|
oauthDisplayName,
|
||||||
hideAppName: hideAppName === 'true',
|
hideAppName: hideAppName === 'true',
|
||||||
|
transcriptionEnabled: isTranscriptionEnabled(),
|
||||||
});
|
});
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
log.branding.error('Get branding error:', err);
|
log.branding.error('Get branding error:', err);
|
||||||
|
|||||||
+16
-2
@@ -12,12 +12,25 @@
|
|||||||
|
|
||||||
import { Router, text } from 'express';
|
import { Router, text } from 'express';
|
||||||
import crypto from 'crypto';
|
import crypto from 'crypto';
|
||||||
|
import { rateLimit } from 'express-rate-limit';
|
||||||
import { getDb } from '../config/database.js';
|
import { getDb } from '../config/database.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
import { getBaseUrl } from '../middleware/auth.js';
|
import { getBaseUrl } from '../middleware/auth.js';
|
||||||
|
|
||||||
const router = Router();
|
const router = Router();
|
||||||
|
|
||||||
|
// Brute-force protection for the Basic-Auth tokens: only failed requests count
|
||||||
|
// (skipSuccessfulRequests), so legitimate sync clients polling frequently are
|
||||||
|
// not throttled.
|
||||||
|
router.use(rateLimit({
|
||||||
|
windowMs: 15 * 60 * 1000,
|
||||||
|
max: 30,
|
||||||
|
skipSuccessfulRequests: true,
|
||||||
|
standardHeaders: true,
|
||||||
|
legacyHeaders: false,
|
||||||
|
message: 'Too many failed CalDAV requests. Please try again later.',
|
||||||
|
}));
|
||||||
|
|
||||||
// ── Body parsing for XML and iCalendar payloads ────────────────────────────
|
// ── Body parsing for XML and iCalendar payloads ────────────────────────────
|
||||||
router.use(text({ type: ['application/xml', 'text/xml', 'text/calendar', 'application/octet-stream'] }));
|
router.use(text({ type: ['application/xml', 'text/xml', 'text/calendar', 'application/octet-stream'] }));
|
||||||
|
|
||||||
@@ -194,9 +207,10 @@ async function caldavAuth(req, res, next) {
|
|||||||
const token = decoded.slice(colonIdx + 1);
|
const token = decoded.slice(colonIdx + 1);
|
||||||
|
|
||||||
const db = getDb();
|
const db = getDb();
|
||||||
|
// Emails are stored lowercased
|
||||||
const user = await db.get(
|
const user = await db.get(
|
||||||
'SELECT id, name, display_name, email FROM users WHERE email = ?',
|
'SELECT id, name, display_name, email FROM users WHERE email = ?',
|
||||||
[email],
|
[email.toLowerCase()],
|
||||||
);
|
);
|
||||||
if (!user) {
|
if (!user) {
|
||||||
res.set('WWW-Authenticate', 'Basic realm="Redlight CalDAV"');
|
res.set('WWW-Authenticate', 'Basic realm="Redlight CalDAV"');
|
||||||
@@ -243,7 +257,7 @@ function setDAVHeaders(res) {
|
|||||||
// ── CalDAV username authorization ──────────────────────────────────────────
|
// ── CalDAV username authorization ──────────────────────────────────────────
|
||||||
// Ensures the :username param matches the authenticated user's email
|
// Ensures the :username param matches the authenticated user's email
|
||||||
function validateCalDAVUser(req, res, next) {
|
function validateCalDAVUser(req, res, next) {
|
||||||
if (req.params.username && decodeURIComponent(req.params.username) !== req.caldavUser.email) {
|
if (req.params.username && decodeURIComponent(req.params.username).toLowerCase() !== req.caldavUser.email) {
|
||||||
return res.status(403).end();
|
return res.status(403).end();
|
||||||
}
|
}
|
||||||
next();
|
next();
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { getDb } from '../config/database.js';
|
|||||||
import { authenticateToken, getBaseUrl } from '../middleware/auth.js';
|
import { authenticateToken, getBaseUrl } from '../middleware/auth.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
import { sendCalendarInviteEmail } from '../config/mailer.js';
|
import { sendCalendarInviteEmail } from '../config/mailer.js';
|
||||||
|
import { getAppName } from '../config/appName.js';
|
||||||
import {
|
import {
|
||||||
isFederationEnabled,
|
isFederationEnabled,
|
||||||
getFederationDomain,
|
getFederationDomain,
|
||||||
@@ -219,7 +220,7 @@ router.put('/events/:id', authenticateToken, async (req, res) => {
|
|||||||
end_time = COALESCE(?, end_time),
|
end_time = COALESCE(?, end_time),
|
||||||
room_uid = ?,
|
room_uid = ?,
|
||||||
color = COALESCE(?, color),
|
color = COALESCE(?, color),
|
||||||
reminder_minutes = COALESCE(?, reminder_minutes),
|
reminder_minutes = ?,
|
||||||
reminder_sent_at = ${resetReminder ? 'NULL' : 'reminder_sent_at'},
|
reminder_sent_at = ${resetReminder ? 'NULL' : 'reminder_sent_at'},
|
||||||
updated_at = CURRENT_TIMESTAMP
|
updated_at = CURRENT_TIMESTAMP
|
||||||
WHERE id = ?
|
WHERE id = ?
|
||||||
@@ -230,7 +231,9 @@ router.put('/events/:id', authenticateToken, async (req, res) => {
|
|||||||
end_time || null,
|
end_time || null,
|
||||||
room_uid !== undefined ? (room_uid || null) : event.room_uid,
|
room_uid !== undefined ? (room_uid || null) : event.room_uid,
|
||||||
color || null,
|
color || null,
|
||||||
validReminder !== undefined ? validReminder : null,
|
// Not in payload → keep existing; present (incl. null) → set/clear directly.
|
||||||
|
// COALESCE can't be used here: it would treat an explicit null as "keep".
|
||||||
|
validReminder !== undefined ? validReminder : event.reminder_minutes,
|
||||||
req.params.id,
|
req.params.id,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
@@ -323,7 +326,7 @@ router.post('/events/:id/share', authenticateToken, async (req, res) => {
|
|||||||
if (targetUser?.email) {
|
if (targetUser?.email) {
|
||||||
const appUrl = getBaseUrl(req);
|
const appUrl = getBaseUrl(req);
|
||||||
const inboxUrl = `${appUrl}/federation/inbox`;
|
const inboxUrl = `${appUrl}/federation/inbox`;
|
||||||
const appName = process.env.APP_NAME || 'Redlight';
|
const appName = await getAppName();
|
||||||
const senderUser = await db.get('SELECT name, display_name FROM users WHERE id = ?', [req.user.id]);
|
const senderUser = await db.get('SELECT name, display_name FROM users WHERE id = ?', [req.user.id]);
|
||||||
const fromDisplay = (senderUser?.display_name && senderUser.display_name !== '') ? senderUser.display_name : (senderUser?.name || req.user.name);
|
const fromDisplay = (senderUser?.display_name && senderUser.display_name !== '') ? senderUser.display_name : (senderUser?.name || req.user.name);
|
||||||
sendCalendarInviteEmail(
|
sendCalendarInviteEmail(
|
||||||
@@ -645,7 +648,7 @@ router.post(['/receive-event', '/calendar-event'], calendarFederationLimiter, as
|
|||||||
if (targetUser.email) {
|
if (targetUser.email) {
|
||||||
const appUrl = getBaseUrl(req);
|
const appUrl = getBaseUrl(req);
|
||||||
const inboxUrl = `${appUrl}/federation/inbox`;
|
const inboxUrl = `${appUrl}/federation/inbox`;
|
||||||
const appName = process.env.APP_NAME || 'Redlight';
|
const appName = await getAppName();
|
||||||
sendCalendarInviteEmail(
|
sendCalendarInviteEmail(
|
||||||
targetUser.email, targetUser.name, from_user,
|
targetUser.email, targetUser.name, from_user,
|
||||||
title, start_time, end_time, description || null,
|
title, start_time, end_time, description || null,
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ import { authenticateToken, getBaseUrl } from '../middleware/auth.js';
|
|||||||
import { sendFederationInviteEmail, sendCalendarEventDeletedEmail } from '../config/mailer.js';
|
import { sendFederationInviteEmail, sendCalendarEventDeletedEmail } from '../config/mailer.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
import { createNotification } from '../config/notifications.js';
|
import { createNotification } from '../config/notifications.js';
|
||||||
|
import { getAppName } from '../config/appName.js';
|
||||||
|
|
||||||
// M13: rate limit the unauthenticated federation receive endpoint
|
// M13: rate limit the unauthenticated federation receive endpoint
|
||||||
const federationReceiveLimiter = rateLimit({
|
const federationReceiveLimiter = rateLimit({
|
||||||
@@ -40,7 +41,7 @@ export function wellKnownHandler(req, res) {
|
|||||||
federation_api: '/api/federation',
|
federation_api: '/api/federation',
|
||||||
public_key: getPublicKey(),
|
public_key: getPublicKey(),
|
||||||
software: 'Redlight',
|
software: 'Redlight',
|
||||||
version: '2.1.3',
|
version: '2.4.1',
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -198,7 +199,7 @@ router.post('/receive', federationReceiveLimiter, async (req, res) => {
|
|||||||
|
|
||||||
// Look up user by name (case-insensitive)
|
// Look up user by name (case-insensitive)
|
||||||
const targetUser = await db.get(
|
const targetUser = await db.get(
|
||||||
'SELECT id, name, email FROM users WHERE LOWER(name) = LOWER(?)',
|
'SELECT id, name, email, language FROM users WHERE LOWER(name) = LOWER(?)',
|
||||||
[username]
|
[username]
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -238,7 +239,7 @@ router.post('/receive', federationReceiveLimiter, async (req, res) => {
|
|||||||
if (targetUser.email) {
|
if (targetUser.email) {
|
||||||
const appUrl = getBaseUrl(req);
|
const appUrl = getBaseUrl(req);
|
||||||
const inboxUrl = `${appUrl}/federation/inbox`;
|
const inboxUrl = `${appUrl}/federation/inbox`;
|
||||||
const appName = process.env.APP_NAME || 'Redlight';
|
const appName = await getAppName();
|
||||||
sendFederationInviteEmail(
|
sendFederationInviteEmail(
|
||||||
targetUser.email, targetUser.name, from_user,
|
targetUser.email, targetUser.name, from_user,
|
||||||
room_name, message || null, inboxUrl, appName, targetUser.language || 'en'
|
room_name, message || null, inboxUrl, appName, targetUser.language || 'en'
|
||||||
@@ -627,7 +628,7 @@ router.post('/calendar-event-deleted', federationReceiveLimiter, async (req, res
|
|||||||
|
|
||||||
// Notify affected users by email (fire-and-forget)
|
// Notify affected users by email (fire-and-forget)
|
||||||
if (affectedUsers.length > 0) {
|
if (affectedUsers.length > 0) {
|
||||||
const appName = process.env.APP_NAME || 'Redlight';
|
const appName = await getAppName();
|
||||||
for (const u of affectedUsers) {
|
for (const u of affectedUsers) {
|
||||||
sendCalendarEventDeletedEmail(u.email, u.name, u.from_user, u.title, appName, u.language || 'en')
|
sendCalendarEventDeletedEmail(u.email, u.name, u.from_user, u.title, appName, u.language || 'en')
|
||||||
.catch(mailErr => {
|
.catch(mailErr => {
|
||||||
|
|||||||
@@ -1,7 +1,9 @@
|
|||||||
import { Router } from 'express';
|
import { Router, urlencoded } from 'express';
|
||||||
|
import jwt from 'jsonwebtoken';
|
||||||
import { authenticateToken } from '../middleware/auth.js';
|
import { authenticateToken } from '../middleware/auth.js';
|
||||||
import { getDb } from '../config/database.js';
|
import { getDb } from '../config/database.js';
|
||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
|
import { isTranscriptionEnabled, requestTranscription } from '../config/transcription.js';
|
||||||
import {
|
import {
|
||||||
getRecordings,
|
getRecordings,
|
||||||
getRecordingByRecordId,
|
getRecordingByRecordId,
|
||||||
@@ -9,6 +11,8 @@ import {
|
|||||||
publishRecording,
|
publishRecording,
|
||||||
} from '../config/bbb.js';
|
} from '../config/bbb.js';
|
||||||
|
|
||||||
|
const BBB_SECRET = process.env.BBB_SECRET || '';
|
||||||
|
|
||||||
const router = Router();
|
const router = Router();
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -176,6 +180,65 @@ async function fetchAndSyncRecordings(meetingID, fallbackName) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// POST /api/recordings/recording-ready - BBB recording-ready callback (unauthenticated)
|
||||||
|
// BBB posts `signed_parameters`, a JWT signed with the shared BBB secret.
|
||||||
|
// Fires once per playback format; the transcription request is only sent when
|
||||||
|
// the "video" format first becomes available and the room has the setting on.
|
||||||
|
router.post('/recording-ready', urlencoded({ extended: false }), async (req, res) => {
|
||||||
|
try {
|
||||||
|
const signed = req.body?.signed_parameters;
|
||||||
|
if (!signed || typeof signed !== 'string') {
|
||||||
|
return res.status(400).json({ error: 'signed_parameters is required' });
|
||||||
|
}
|
||||||
|
|
||||||
|
let payload;
|
||||||
|
try {
|
||||||
|
payload = jwt.verify(signed, BBB_SECRET, { algorithms: ['HS256'] });
|
||||||
|
} catch {
|
||||||
|
return res.status(403).json({ error: 'Invalid signature' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const recordId = payload.record_id;
|
||||||
|
const meetingId = payload.meeting_id;
|
||||||
|
if (!recordId || !meetingId) {
|
||||||
|
return res.status(400).json({ error: 'record_id and meeting_id are required' });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Always answer 200 from here on so BBB does not keep retrying —
|
||||||
|
// "nothing to do" is a valid outcome for this callback.
|
||||||
|
const db = getDb();
|
||||||
|
const room = await db.get('SELECT id, uid, name, recording_transcript FROM rooms WHERE uid = ?', [meetingId]);
|
||||||
|
if (!room || !room.recording_transcript || !isTranscriptionEnabled()) {
|
||||||
|
return res.json({});
|
||||||
|
}
|
||||||
|
|
||||||
|
const rec = await getRecordingByRecordId(recordId).catch(() => null);
|
||||||
|
if (!rec) return res.json({});
|
||||||
|
|
||||||
|
const formatted = formatBbbRecording(rec, room.name);
|
||||||
|
const hasVideo = formatted.formats.some(f => f.type === 'video');
|
||||||
|
|
||||||
|
// Cache the recording so the dedupe marker below has a row to live on
|
||||||
|
await upsertRecording(db, formatted);
|
||||||
|
|
||||||
|
if (!hasVideo) return res.json({});
|
||||||
|
|
||||||
|
// Dedupe: BBB fires the callback once per format
|
||||||
|
const cached = await db.get('SELECT transcript_requested_at FROM recordings WHERE record_id = ?', [recordId]);
|
||||||
|
if (cached?.transcript_requested_at) return res.json({});
|
||||||
|
|
||||||
|
const ok = await requestTranscription({ meetingId, recordingId: recordId });
|
||||||
|
if (ok) {
|
||||||
|
await db.run('UPDATE recordings SET transcript_requested_at = CURRENT_TIMESTAMP WHERE record_id = ?', [recordId]);
|
||||||
|
}
|
||||||
|
|
||||||
|
res.json({});
|
||||||
|
} catch (err) {
|
||||||
|
log.recordings.error(`Recording-ready callback error: ${err.message}`);
|
||||||
|
res.status(500).json({ error: 'Error processing recording-ready callback' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// GET /api/recordings - Get recordings for a room (by meetingID/uid)
|
// GET /api/recordings - Get recordings for a room (by meetingID/uid)
|
||||||
router.get('/', authenticateToken, async (req, res) => {
|
router.get('/', authenticateToken, async (req, res) => {
|
||||||
try {
|
try {
|
||||||
|
|||||||
+38
-11
@@ -9,6 +9,7 @@ import { authenticateToken, getBaseUrl } from '../middleware/auth.js';
|
|||||||
import { log } from '../config/logger.js';
|
import { log } from '../config/logger.js';
|
||||||
import { createNotification } from '../config/notifications.js';
|
import { createNotification } from '../config/notifications.js';
|
||||||
import { sendGuestInviteEmail } from '../config/mailer.js';
|
import { sendGuestInviteEmail } from '../config/mailer.js';
|
||||||
|
import { getAppName } from '../config/appName.js';
|
||||||
import {
|
import {
|
||||||
createMeeting,
|
createMeeting,
|
||||||
joinMeeting,
|
joinMeeting,
|
||||||
@@ -66,6 +67,16 @@ const guestJoinLimiter = rateLimit({
|
|||||||
message: { error: 'Too many join attempts. Please try again later.' },
|
message: { error: 'Too many join attempts. Please try again later.' },
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Rate limit email invitations: each request may carry up to 50 addresses, so
|
||||||
|
// without a cap any registered account could be abused as an SMTP spam relay.
|
||||||
|
const inviteEmailLimiter = rateLimit({
|
||||||
|
windowMs: 60 * 60 * 1000, // 1 hour
|
||||||
|
max: 10,
|
||||||
|
standardHeaders: true,
|
||||||
|
legacyHeaders: false,
|
||||||
|
message: { error: 'Too many email invitations. Please try again later.' },
|
||||||
|
});
|
||||||
|
|
||||||
const router = Router();
|
const router = Router();
|
||||||
|
|
||||||
// Build avatar URL for a user (uploaded image or generated initials)
|
// Build avatar URL for a user (uploaded image or generated initials)
|
||||||
@@ -182,6 +193,7 @@ router.post('/', authenticateToken, async (req, res) => {
|
|||||||
record_meeting,
|
record_meeting,
|
||||||
guest_access,
|
guest_access,
|
||||||
moderator_code,
|
moderator_code,
|
||||||
|
recording_transcript,
|
||||||
} = req.body;
|
} = req.body;
|
||||||
|
|
||||||
if (!name || name.trim().length === 0) {
|
if (!name || name.trim().length === 0) {
|
||||||
@@ -216,8 +228,8 @@ router.post('/', authenticateToken, async (req, res) => {
|
|||||||
const db = getDb();
|
const db = getDb();
|
||||||
|
|
||||||
const result = await db.run(`
|
const result = await db.run(`
|
||||||
INSERT INTO rooms (uid, name, user_id, welcome_message, max_participants, access_code, mute_on_join, require_approval, anyone_can_start, all_join_moderator, record_meeting, guest_access, moderator_code)
|
INSERT INTO rooms (uid, name, user_id, welcome_message, max_participants, access_code, mute_on_join, require_approval, anyone_can_start, all_join_moderator, record_meeting, guest_access, moderator_code, recording_transcript)
|
||||||
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
||||||
`, [
|
`, [
|
||||||
uid,
|
uid,
|
||||||
name.trim(),
|
name.trim(),
|
||||||
@@ -232,6 +244,7 @@ router.post('/', authenticateToken, async (req, res) => {
|
|||||||
record_meeting !== false ? 1 : 0,
|
record_meeting !== false ? 1 : 0,
|
||||||
guest_access ? 1 : 0,
|
guest_access ? 1 : 0,
|
||||||
moderator_code || null,
|
moderator_code || null,
|
||||||
|
recording_transcript ? 1 : 0,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const room = await db.get('SELECT * FROM rooms WHERE id = ?', [result.lastInsertRowid]);
|
const room = await db.get('SELECT * FROM rooms WHERE id = ?', [result.lastInsertRowid]);
|
||||||
@@ -266,6 +279,7 @@ router.put('/:uid', authenticateToken, async (req, res) => {
|
|||||||
moderator_code,
|
moderator_code,
|
||||||
learning_analytics,
|
learning_analytics,
|
||||||
analytics_visibility,
|
analytics_visibility,
|
||||||
|
recording_transcript,
|
||||||
} = req.body;
|
} = req.body;
|
||||||
|
|
||||||
// M12: field length limits (same as create)
|
// M12: field length limits (same as create)
|
||||||
@@ -307,6 +321,7 @@ router.put('/:uid', authenticateToken, async (req, res) => {
|
|||||||
moderator_code = ?,
|
moderator_code = ?,
|
||||||
learning_analytics = COALESCE(?, learning_analytics),
|
learning_analytics = COALESCE(?, learning_analytics),
|
||||||
analytics_visibility = COALESCE(?, analytics_visibility),
|
analytics_visibility = COALESCE(?, analytics_visibility),
|
||||||
|
recording_transcript = COALESCE(?, recording_transcript),
|
||||||
updated_at = CURRENT_TIMESTAMP
|
updated_at = CURRENT_TIMESTAMP
|
||||||
WHERE uid = ?
|
WHERE uid = ?
|
||||||
`, [
|
`, [
|
||||||
@@ -323,6 +338,7 @@ router.put('/:uid', authenticateToken, async (req, res) => {
|
|||||||
moderator_code !== undefined ? (moderator_code || null) : room.moderator_code,
|
moderator_code !== undefined ? (moderator_code || null) : room.moderator_code,
|
||||||
learning_analytics !== undefined ? (learning_analytics ? 1 : 0) : null,
|
learning_analytics !== undefined ? (learning_analytics ? 1 : 0) : null,
|
||||||
analytics_visibility && ['owner', 'shared'].includes(analytics_visibility) ? analytics_visibility : null,
|
analytics_visibility && ['owner', 'shared'].includes(analytics_visibility) ? analytics_visibility : null,
|
||||||
|
recording_transcript !== undefined ? (recording_transcript ? 1 : 0) : null,
|
||||||
req.params.uid,
|
req.params.uid,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
@@ -424,6 +440,10 @@ router.post('/:uid/shares', authenticateToken, async (req, res) => {
|
|||||||
if (user_id === req.user.id) {
|
if (user_id === req.user.id) {
|
||||||
return res.status(400).json({ error: 'You cannot share the room with yourself' });
|
return res.status(400).json({ error: 'You cannot share the room with yourself' });
|
||||||
}
|
}
|
||||||
|
const targetUser = await db.get('SELECT id FROM users WHERE id = ?', [user_id]);
|
||||||
|
if (!targetUser) {
|
||||||
|
return res.status(404).json({ error: 'User not found' });
|
||||||
|
}
|
||||||
// Check if already shared
|
// Check if already shared
|
||||||
const existing = await db.get('SELECT id FROM room_shares WHERE room_id = ? AND user_id = ?', [room.id, user_id]);
|
const existing = await db.get('SELECT id FROM room_shares WHERE room_id = ? AND user_id = ?', [room.id, user_id]);
|
||||||
if (existing) {
|
if (existing) {
|
||||||
@@ -513,10 +533,12 @@ router.post('/:uid/start', authenticateToken, async (req, res) => {
|
|||||||
const analyticsCallbackURL = room.learning_analytics
|
const analyticsCallbackURL = room.learning_analytics
|
||||||
? `${baseUrl}/api/analytics/callback/${room.uid}?token=${getAnalyticsToken(room.uid)}`
|
? `${baseUrl}/api/analytics/callback/${room.uid}?token=${getAnalyticsToken(room.uid)}`
|
||||||
: null;
|
: null;
|
||||||
await createMeeting(room, baseUrl, loginURL, presentationUrl, analyticsCallbackURL);
|
// Localise BBB's default welcome message in the room owner's language
|
||||||
|
const owner = await db.get('SELECT language FROM users WHERE id = ?', [room.user_id]);
|
||||||
|
await createMeeting(room, baseUrl, loginURL, presentationUrl, analyticsCallbackURL, owner?.language || 'en');
|
||||||
const avatarURL = getUserAvatarURL(req, req.user);
|
const avatarURL = getUserAvatarURL(req, req.user);
|
||||||
const displayName = req.user.display_name || req.user.name;
|
const displayName = req.user.display_name || req.user.name;
|
||||||
const joinUrl = await joinMeeting(room.uid, displayName, true, avatarURL);
|
const joinUrl = await joinMeeting(room.uid, displayName, true, avatarURL, !!req.body.dark_mode);
|
||||||
res.json({ joinUrl });
|
res.json({ joinUrl });
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
log.rooms.error(`Start meeting error: ${err.message}`);
|
log.rooms.error(`Start meeting error: ${err.message}`);
|
||||||
@@ -550,7 +572,7 @@ router.post('/:uid/join', authenticateToken, async (req, res) => {
|
|||||||
const isShared = !isOwner && await db.get('SELECT id FROM room_shares WHERE room_id = ? AND user_id = ?', [room.id, req.user.id]);
|
const isShared = !isOwner && await db.get('SELECT id FROM room_shares WHERE room_id = ? AND user_id = ?', [room.id, req.user.id]);
|
||||||
const isModerator = isOwner || !!isShared || room.all_join_moderator;
|
const isModerator = isOwner || !!isShared || room.all_join_moderator;
|
||||||
const avatarURL = getUserAvatarURL(req, req.user);
|
const avatarURL = getUserAvatarURL(req, req.user);
|
||||||
const joinUrl = await joinMeeting(room.uid, req.user.display_name || req.user.name, isModerator, avatarURL);
|
const joinUrl = await joinMeeting(room.uid, req.user.display_name || req.user.name, isModerator, avatarURL, !!req.body.dark_mode);
|
||||||
res.json({ joinUrl });
|
res.json({ joinUrl });
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
log.rooms.error(`Join meeting error: ${err.message}`);
|
log.rooms.error(`Join meeting error: ${err.message}`);
|
||||||
@@ -626,7 +648,7 @@ router.get('/:uid/public', async (req, res) => {
|
|||||||
// POST /api/rooms/:uid/guest-join - Join meeting as guest (no auth needed)
|
// POST /api/rooms/:uid/guest-join - Join meeting as guest (no auth needed)
|
||||||
router.post('/:uid/guest-join', guestJoinLimiter, async (req, res) => {
|
router.post('/:uid/guest-join', guestJoinLimiter, async (req, res) => {
|
||||||
try {
|
try {
|
||||||
const { name, access_code, moderator_code, avatar_image, avatar_color } = req.body;
|
const { name, access_code, moderator_code, avatar_image, avatar_color, dark_mode } = req.body;
|
||||||
|
|
||||||
if (!name || name.trim().length === 0) {
|
if (!name || name.trim().length === 0) {
|
||||||
return res.status(400).json({ error: 'Name is required' });
|
return res.status(400).json({ error: 'Name is required' });
|
||||||
@@ -662,7 +684,9 @@ router.post('/:uid/guest-join', guestJoinLimiter, async (req, res) => {
|
|||||||
const analyticsCallbackURL = room.learning_analytics
|
const analyticsCallbackURL = room.learning_analytics
|
||||||
? `${baseUrl}/api/analytics/callback/${room.uid}?token=${getAnalyticsToken(room.uid)}`
|
? `${baseUrl}/api/analytics/callback/${room.uid}?token=${getAnalyticsToken(room.uid)}`
|
||||||
: null;
|
: null;
|
||||||
await createMeeting(room, baseUrl, loginURL, null, analyticsCallbackURL);
|
// Localise BBB's default welcome message in the room owner's language
|
||||||
|
const owner = await db.get('SELECT language FROM users WHERE id = ?', [room.user_id]);
|
||||||
|
await createMeeting(room, baseUrl, loginURL, null, analyticsCallbackURL, owner?.language || 'en');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check moderator code
|
// Check moderator code
|
||||||
@@ -686,7 +710,7 @@ router.post('/:uid/guest-join', guestJoinLimiter, async (req, res) => {
|
|||||||
} else {
|
} else {
|
||||||
guestAvatarURL = `${baseUrl}/api/auth/avatar/initials/${encodeURIComponent(name.trim())}`;
|
guestAvatarURL = `${baseUrl}/api/auth/avatar/initials/${encodeURIComponent(name.trim())}`;
|
||||||
}
|
}
|
||||||
const joinUrl = await joinMeeting(room.uid, name.trim(), isModerator, guestAvatarURL);
|
const joinUrl = await joinMeeting(room.uid, name.trim(), isModerator, guestAvatarURL, !!dark_mode);
|
||||||
res.json({ joinUrl });
|
res.json({ joinUrl });
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
log.rooms.error(`Guest join error: ${err.message}`);
|
log.rooms.error(`Guest join error: ${err.message}`);
|
||||||
@@ -735,7 +759,10 @@ router.get('/presentations/:token/:expires/:roomUid/:filename', (req, res) => {
|
|||||||
.update(`${roomUid}/${filename}:${expires}`)
|
.update(`${roomUid}/${filename}:${expires}`)
|
||||||
.digest('hex');
|
.digest('hex');
|
||||||
|
|
||||||
if (!crypto.timingSafeEqual(Buffer.from(token), Buffer.from(expected))) {
|
// timingSafeEqual throws on length mismatch, so compare lengths first
|
||||||
|
const tokenBuf = Buffer.from(token);
|
||||||
|
const expectedBuf = Buffer.from(expected);
|
||||||
|
if (tokenBuf.length !== expectedBuf.length || !crypto.timingSafeEqual(tokenBuf, expectedBuf)) {
|
||||||
return res.status(403).json({ error: 'Invalid token' });
|
return res.status(403).json({ error: 'Invalid token' });
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -863,7 +890,7 @@ router.delete('/:uid/presentation', authenticateToken, async (req, res) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// ── POST /api/rooms/invite-email — Send email invitation to guest(s) ────────
|
// ── POST /api/rooms/invite-email — Send email invitation to guest(s) ────────
|
||||||
router.post('/invite-email', authenticateToken, async (req, res) => {
|
router.post('/invite-email', authenticateToken, inviteEmailLimiter, async (req, res) => {
|
||||||
try {
|
try {
|
||||||
const { room_uid, emails, message } = req.body;
|
const { room_uid, emails, message } = req.body;
|
||||||
if (!room_uid || !emails || !emails.length) {
|
if (!room_uid || !emails || !emails.length) {
|
||||||
@@ -908,7 +935,7 @@ router.post('/invite-email', authenticateToken, async (req, res) => {
|
|||||||
? `${baseUrl}/join/${room.uid}?ac=${encodeURIComponent(room.access_code)}`
|
? `${baseUrl}/join/${room.uid}?ac=${encodeURIComponent(room.access_code)}`
|
||||||
: `${baseUrl}/join/${room.uid}`;
|
: `${baseUrl}/join/${room.uid}`;
|
||||||
|
|
||||||
const appName = process.env.APP_NAME || 'Redlight';
|
const appName = await getAppName();
|
||||||
const fromUser = req.user.display_name || req.user.name;
|
const fromUser = req.user.display_name || req.user.name;
|
||||||
const lang = req.user.language || 'en';
|
const lang = req.user.language || 'en';
|
||||||
|
|
||||||
|
|||||||
@@ -9,6 +9,8 @@ import Home from './pages/Home';
|
|||||||
import Login from './pages/Login';
|
import Login from './pages/Login';
|
||||||
import Register from './pages/Register';
|
import Register from './pages/Register';
|
||||||
import VerifyEmail from './pages/VerifyEmail';
|
import VerifyEmail from './pages/VerifyEmail';
|
||||||
|
import ForgotPassword from './pages/ForgotPassword';
|
||||||
|
import ResetPassword from './pages/ResetPassword';
|
||||||
import Dashboard from './pages/Dashboard';
|
import Dashboard from './pages/Dashboard';
|
||||||
import RoomDetail from './pages/RoomDetail';
|
import RoomDetail from './pages/RoomDetail';
|
||||||
import Settings from './pages/Settings';
|
import Settings from './pages/Settings';
|
||||||
@@ -52,6 +54,8 @@ export default function App() {
|
|||||||
<Route path="/login" element={user ? <Navigate to="/dashboard" /> : <Login />} />
|
<Route path="/login" element={user ? <Navigate to="/dashboard" /> : <Login />} />
|
||||||
<Route path="/register" element={user ? <Navigate to="/dashboard" /> : <Register />} />
|
<Route path="/register" element={user ? <Navigate to="/dashboard" /> : <Register />} />
|
||||||
<Route path="/verify-email" element={<VerifyEmail />} />
|
<Route path="/verify-email" element={<VerifyEmail />} />
|
||||||
|
<Route path="/forgot-password" element={user ? <Navigate to="/dashboard" /> : <ForgotPassword />} />
|
||||||
|
<Route path="/reset-password" element={<ResetPassword />} />
|
||||||
<Route path="/oauth/callback" element={<OAuthCallback />} />
|
<Route path="/oauth/callback" element={<OAuthCallback />} />
|
||||||
<Route path="/join/:uid" element={<GuestJoin />} />
|
<Route path="/join/:uid" element={<GuestJoin />} />
|
||||||
|
|
||||||
|
|||||||
@@ -30,8 +30,21 @@ export default function FederatedRoomCard({ room, onRemove }) {
|
|||||||
|
|
||||||
const recordingOn = room.allow_recording === 1 || room.allow_recording === true;
|
const recordingOn = room.allow_recording === 1 || room.allow_recording === true;
|
||||||
|
|
||||||
|
const openRoom = () => navigate(`/federation/rooms/${room.id}`);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`card-hover group p-5 cursor-pointer ${isDeleted ? 'opacity-60' : ''}`} onClick={() => navigate(`/federation/rooms/${room.id}`)}>
|
<div
|
||||||
|
role="link"
|
||||||
|
tabIndex={0}
|
||||||
|
aria-label={room.room_name}
|
||||||
|
onClick={openRoom}
|
||||||
|
onKeyDown={(e) => {
|
||||||
|
if (e.target !== e.currentTarget) return;
|
||||||
|
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openRoom(); }
|
||||||
|
}}
|
||||||
|
className={`card-hover group p-5 cursor-pointer focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2 ${isDeleted ? 'opacity-60' : ''}`}
|
||||||
|
style={{ '--tw-ring-offset-color': 'var(--bg-primary)' }}
|
||||||
|
>
|
||||||
<div className="flex items-start justify-between mb-3">
|
<div className="flex items-start justify-between mb-3">
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
@@ -107,6 +120,7 @@ export default function FederatedRoomCard({ room, onRemove }) {
|
|||||||
<button
|
<button
|
||||||
onClick={handleRemove}
|
onClick={handleRemove}
|
||||||
className="btn-ghost text-xs py-1.5 px-2 text-th-error hover:text-th-error"
|
className="btn-ghost text-xs py-1.5 px-2 text-th-error hover:text-th-error"
|
||||||
|
aria-label={t('federation.removeRoom')}
|
||||||
title={t('federation.removeRoom')}
|
title={t('federation.removeRoom')}
|
||||||
>
|
>
|
||||||
<Trash2 size={14} />
|
<Trash2 size={14} />
|
||||||
|
|||||||
@@ -1,15 +1,56 @@
|
|||||||
|
import { useEffect, useId, useRef } from 'react';
|
||||||
import { X } from 'lucide-react';
|
import { X } from 'lucide-react';
|
||||||
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
|
|
||||||
export default function Modal({ title, children, onClose, maxWidth = 'max-w-lg' }) {
|
export default function Modal({ title, children, onClose, maxWidth = 'max-w-lg' }) {
|
||||||
|
const { t } = useLanguage();
|
||||||
|
const titleId = useId();
|
||||||
|
const dialogRef = useRef(null);
|
||||||
|
const previouslyFocused = useRef(null);
|
||||||
|
|
||||||
|
// Keep the latest onClose in a ref so the mount-only effect below can call it
|
||||||
|
// without listing onClose as a dependency. Callers pass a fresh inline arrow
|
||||||
|
// each render; depending on it would re-run the effect on every keystroke and
|
||||||
|
// steal focus back to the dialog (kicking the user out of input fields).
|
||||||
|
const onCloseRef = useRef(onClose);
|
||||||
|
onCloseRef.current = onClose;
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
previouslyFocused.current = document.activeElement;
|
||||||
|
const handleKey = (e) => {
|
||||||
|
if (e.key === 'Escape') onCloseRef.current?.();
|
||||||
|
};
|
||||||
|
document.addEventListener('keydown', handleKey);
|
||||||
|
// Focus the dialog so screen readers announce it and keyboard focus lands inside
|
||||||
|
dialogRef.current?.focus();
|
||||||
|
return () => {
|
||||||
|
document.removeEventListener('keydown', handleKey);
|
||||||
|
previouslyFocused.current?.focus?.();
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
||||||
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={onClose} />
|
<div
|
||||||
<div className={`relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full ${maxWidth}`}>
|
className="fixed inset-0 bg-black/60 backdrop-blur-xs"
|
||||||
|
onClick={onClose}
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
ref={dialogRef}
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-labelledby={titleId}
|
||||||
|
tabIndex={-1}
|
||||||
|
className={`relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full ${maxWidth} focus:outline-hidden`}
|
||||||
|
>
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex items-center justify-between px-6 py-4 border-b border-th-border rounded-t-2xl">
|
<div className="flex items-center justify-between px-6 py-4 border-b border-th-border rounded-t-2xl">
|
||||||
<h2 className="text-lg font-semibold text-th-text">{title}</h2>
|
<h2 id={titleId} className="text-lg font-semibold text-th-text">{title}</h2>
|
||||||
<button
|
<button
|
||||||
|
type="button"
|
||||||
onClick={onClose}
|
onClick={onClose}
|
||||||
|
aria-label={t('common.close')}
|
||||||
className="p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
className="p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
||||||
>
|
>
|
||||||
<X size={20} />
|
<X size={20} />
|
||||||
|
|||||||
@@ -44,6 +44,7 @@ export default function Navbar({ onMenuClick }) {
|
|||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<button
|
<button
|
||||||
onClick={onMenuClick}
|
onClick={onMenuClick}
|
||||||
|
aria-label={t('nav.navigation')}
|
||||||
className="lg:hidden p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
className="lg:hidden p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
||||||
>
|
>
|
||||||
<Menu size={20} />
|
<Menu size={20} />
|
||||||
@@ -59,6 +60,9 @@ export default function Navbar({ onMenuClick }) {
|
|||||||
<div className="relative" ref={dropdownRef}>
|
<div className="relative" ref={dropdownRef}>
|
||||||
<button
|
<button
|
||||||
onClick={() => setDropdownOpen(!dropdownOpen)}
|
onClick={() => setDropdownOpen(!dropdownOpen)}
|
||||||
|
aria-label={user?.display_name || user?.name}
|
||||||
|
aria-haspopup="menu"
|
||||||
|
aria-expanded={dropdownOpen}
|
||||||
className="flex items-center gap-2 p-1.5 rounded-lg hover:bg-th-hover transition-colors"
|
className="flex items-center gap-2 p-1.5 rounded-lg hover:bg-th-hover transition-colors"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@@ -68,7 +72,7 @@ export default function Navbar({ onMenuClick }) {
|
|||||||
{user?.avatar_image ? (
|
{user?.avatar_image ? (
|
||||||
<img
|
<img
|
||||||
src={`${api.defaults.baseURL}/auth/avatar/${user.avatar_image}`}
|
src={`${api.defaults.baseURL}/auth/avatar/${user.avatar_image}`}
|
||||||
alt="Avatar"
|
alt=""
|
||||||
className="w-full h-full object-cover"
|
className="w-full h-full object-cover"
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -83,6 +83,11 @@ export default function NotificationBell() {
|
|||||||
<button
|
<button
|
||||||
onClick={() => setOpen(prev => !prev)}
|
onClick={() => setOpen(prev => !prev)}
|
||||||
className="relative p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
className="relative p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
||||||
|
aria-label={unreadCount > 0
|
||||||
|
? `${t('notifications.bell')} (${unreadCount})`
|
||||||
|
: t('notifications.bell')}
|
||||||
|
aria-haspopup="true"
|
||||||
|
aria-expanded={open}
|
||||||
title={t('notifications.bell')}
|
title={t('notifications.bell')}
|
||||||
>
|
>
|
||||||
<Bell size={20} />
|
<Bell size={20} />
|
||||||
@@ -174,6 +179,7 @@ export default function NotificationBell() {
|
|||||||
<button
|
<button
|
||||||
onClick={(e) => handleDelete(e, n.id)}
|
onClick={(e) => handleDelete(e, n.id)}
|
||||||
className="opacity-0 group-hover:opacity-100 p-0.5 rounded-sm hover:text-th-error transition-all text-th-text-s/50"
|
className="opacity-0 group-hover:opacity-100 p-0.5 rounded-sm hover:text-th-error transition-all text-th-text-s/50"
|
||||||
|
aria-label={t('notifications.delete')}
|
||||||
title={t('notifications.delete')}
|
title={t('notifications.delete')}
|
||||||
>
|
>
|
||||||
<X size={13} />
|
<X size={13} />
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import { Users, Play, Trash2, Radio, Loader2, Share2, Copy, Link } from 'lucide-
|
|||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import { useState, useEffect, useRef } from 'react';
|
import { useState, useEffect, useRef } from 'react';
|
||||||
import api from '../services/api';
|
import api from '../services/api';
|
||||||
|
import { isCurrentThemeDark } from '../themes';
|
||||||
import { useLanguage } from '../contexts/LanguageContext';
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
import toast from 'react-hot-toast';
|
import toast from 'react-hot-toast';
|
||||||
|
|
||||||
@@ -43,8 +44,21 @@ export default function RoomCard({ room, onDelete }) {
|
|||||||
return () => clearInterval(interval);
|
return () => clearInterval(interval);
|
||||||
}, [room.uid]);
|
}, [room.uid]);
|
||||||
|
|
||||||
|
const openRoom = () => navigate(`/rooms/${room.uid}`);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="card-hover group p-5 cursor-pointer" onClick={() => navigate(`/rooms/${room.uid}`)}>
|
<div
|
||||||
|
role="link"
|
||||||
|
tabIndex={0}
|
||||||
|
aria-label={room.name}
|
||||||
|
onClick={openRoom}
|
||||||
|
onKeyDown={(e) => {
|
||||||
|
if (e.target !== e.currentTarget) return;
|
||||||
|
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openRoom(); }
|
||||||
|
}}
|
||||||
|
className="card-hover group p-5 cursor-pointer focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2"
|
||||||
|
style={{ '--tw-ring-offset-color': 'var(--bg-primary)' }}
|
||||||
|
>
|
||||||
<div className="flex items-start justify-between mb-3">
|
<div className="flex items-start justify-between mb-3">
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
@@ -94,11 +108,12 @@ export default function RoomCard({ room, onDelete }) {
|
|||||||
setStarting(true);
|
setStarting(true);
|
||||||
try {
|
try {
|
||||||
if (status.running) {
|
if (status.running) {
|
||||||
const data = room.access_code ? { access_code: prompt(t('room.enterAccessCode')) } : {};
|
const data = { dark_mode: isCurrentThemeDark() };
|
||||||
|
if (room.access_code) data.access_code = prompt(t('room.enterAccessCode'));
|
||||||
const res = await api.post(`/rooms/${room.uid}/join`, data);
|
const res = await api.post(`/rooms/${room.uid}/join`, data);
|
||||||
if (res.data.joinUrl) window.open(res.data.joinUrl, '_blank');
|
if (res.data.joinUrl) window.open(res.data.joinUrl, '_blank');
|
||||||
} else {
|
} else {
|
||||||
const res = await api.post(`/rooms/${room.uid}/start`);
|
const res = await api.post(`/rooms/${room.uid}/start`, { dark_mode: isCurrentThemeDark() });
|
||||||
if (res.data.joinUrl) window.open(res.data.joinUrl, '_blank');
|
if (res.data.joinUrl) window.open(res.data.joinUrl, '_blank');
|
||||||
toast.success(t('room.meetingStarted'));
|
toast.success(t('room.meetingStarted'));
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@@ -121,6 +136,9 @@ export default function RoomCard({ room, onDelete }) {
|
|||||||
<button
|
<button
|
||||||
onClick={(e) => { e.stopPropagation(); setShowCopyMenu(v => !v); }}
|
onClick={(e) => { e.stopPropagation(); setShowCopyMenu(v => !v); }}
|
||||||
className="btn-ghost text-xs py-1.5 px-2"
|
className="btn-ghost text-xs py-1.5 px-2"
|
||||||
|
aria-label={t('room.copyLink')}
|
||||||
|
aria-haspopup="menu"
|
||||||
|
aria-expanded={showCopyMenu}
|
||||||
title={t('room.copyLink')}
|
title={t('room.copyLink')}
|
||||||
>
|
>
|
||||||
<Copy size={14} />
|
<Copy size={14} />
|
||||||
@@ -148,6 +166,7 @@ export default function RoomCard({ room, onDelete }) {
|
|||||||
<button
|
<button
|
||||||
onClick={(e) => { e.stopPropagation(); onDelete(room); }}
|
onClick={(e) => { e.stopPropagation(); onDelete(room); }}
|
||||||
className="btn-ghost text-xs py-1.5 px-2 text-th-error hover:text-th-error"
|
className="btn-ghost text-xs py-1.5 px-2 text-th-error hover:text-th-error"
|
||||||
|
aria-label={t('common.delete')}
|
||||||
title={t('common.delete')}
|
title={t('common.delete')}
|
||||||
>
|
>
|
||||||
<Trash2 size={14} />
|
<Trash2 size={14} />
|
||||||
|
|||||||
@@ -60,6 +60,7 @@ export default function Sidebar({ open, onClose }) {
|
|||||||
<BrandLogo size="md" className="flex-1 min-w-0" />
|
<BrandLogo size="md" className="flex-1 min-w-0" />
|
||||||
<button
|
<button
|
||||||
onClick={onClose}
|
onClick={onClose}
|
||||||
|
aria-label={t('common.close')}
|
||||||
className="lg:hidden p-1.5 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
className="lg:hidden p-1.5 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
||||||
>
|
>
|
||||||
<X size={18} />
|
<X size={18} />
|
||||||
@@ -112,7 +113,7 @@ export default function Sidebar({ open, onClose }) {
|
|||||||
{user?.avatar_image ? (
|
{user?.avatar_image ? (
|
||||||
<img
|
<img
|
||||||
src={`${api.defaults.baseURL}/auth/avatar/${user.avatar_image}`}
|
src={`${api.defaults.baseURL}/auth/avatar/${user.avatar_image}`}
|
||||||
alt="Avatar"
|
alt=""
|
||||||
className="w-full h-full object-cover"
|
className="w-full h-full object-cover"
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -10,17 +10,23 @@ export default function ThemeSelector({ onClose }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
||||||
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={onClose} />
|
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={onClose} aria-hidden="true" />
|
||||||
|
|
||||||
<div className="relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full max-w-2xl max-h-[80vh] overflow-hidden">
|
<div
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-labelledby="theme-selector-title"
|
||||||
|
className="relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full max-w-2xl max-h-[80vh] overflow-hidden"
|
||||||
|
>
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex items-center justify-between px-6 py-4 border-b border-th-border">
|
<div className="flex items-center justify-between px-6 py-4 border-b border-th-border">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-lg font-semibold text-th-text">{t('themes.selectTheme')}</h2>
|
<h2 id="theme-selector-title" className="text-lg font-semibold text-th-text">{t('themes.selectTheme')}</h2>
|
||||||
<p className="text-sm text-th-text-s mt-0.5">{t('themes.selectThemeSubtitle')}</p>
|
<p className="text-sm text-th-text-s mt-0.5">{t('themes.selectThemeSubtitle')}</p>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
onClick={onClose}
|
onClick={onClose}
|
||||||
|
aria-label={t('common.close')}
|
||||||
className="p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
className="p-2 rounded-lg hover:bg-th-hover text-th-text-s transition-colors"
|
||||||
>
|
>
|
||||||
<X size={20} />
|
<X size={20} />
|
||||||
|
|||||||
+53
-50
@@ -23,7 +23,9 @@
|
|||||||
"protected": "Geschützt",
|
"protected": "Geschützt",
|
||||||
"live": "Live",
|
"live": "Live",
|
||||||
"error": "Fehler",
|
"error": "Fehler",
|
||||||
"success": "Erfolg"
|
"success": "Erfolg",
|
||||||
|
"gridView": "Rasteransicht",
|
||||||
|
"listView": "Listenansicht"
|
||||||
},
|
},
|
||||||
"nav": {
|
"nav": {
|
||||||
"dashboard": "Dashboard",
|
"dashboard": "Dashboard",
|
||||||
@@ -62,16 +64,16 @@
|
|||||||
"passwordMismatch": "Passwörter stimmen nicht überein",
|
"passwordMismatch": "Passwörter stimmen nicht überein",
|
||||||
"passwordTooShort": "Passwort muss mindestens 6 Zeichen lang sein",
|
"passwordTooShort": "Passwort muss mindestens 6 Zeichen lang sein",
|
||||||
"loginSuccess": "Willkommen zurück!",
|
"loginSuccess": "Willkommen zurück!",
|
||||||
"registerSuccess": "Registrierung erfolgreich!",
|
"registerSuccess": "Registrierung erfolgreich",
|
||||||
"loginFailed": "Anmeldung fehlgeschlagen",
|
"loginFailed": "Anmeldung fehlgeschlagen",
|
||||||
"registerFailed": "Registrierung fehlgeschlagen",
|
"registerFailed": "Registrierung fehlgeschlagen",
|
||||||
"allFieldsRequired": "Alle Felder sind erforderlich",
|
"allFieldsRequired": "Alle Felder sind erforderlich",
|
||||||
"verificationSent": "Verifizierungs-E-Mail wurde gesendet!",
|
"verificationSent": "Verifizierungs-E-Mail wurde gesendet",
|
||||||
"verificationSentDesc": "Wir haben dir eine E-Mail mit einem Bestätigungslink geschickt. Bitte klicke auf den Link, um dein Konto zu aktivieren.",
|
"verificationSentDesc": "Wir haben dir eine E-Mail mit einem Bestätigungslink geschickt. Bitte klicke auf den Link, um dein Konto zu aktivieren.",
|
||||||
"checkYourEmail": "Prüfe dein Postfach",
|
"checkYourEmail": "Prüfe dein Postfach",
|
||||||
"verifying": "E-Mail wird verifiziert...",
|
"verifying": "E-Mail wird verifiziert...",
|
||||||
"verifySuccess": "Deine E-Mail-Adresse wurde erfolgreich bestätigt. Du kannst dich jetzt anmelden.",
|
"verifySuccess": "Deine E-Mail-Adresse wurde erfolgreich bestätigt. Du kannst dich jetzt anmelden.",
|
||||||
"verifySuccessTitle": "E-Mail bestätigt!",
|
"verifySuccessTitle": "E-Mail bestätigt",
|
||||||
"verifyFailed": "Verifizierung fehlgeschlagen",
|
"verifyFailed": "Verifizierung fehlgeschlagen",
|
||||||
"verifyFailedTitle": "Verifizierung fehlgeschlagen",
|
"verifyFailedTitle": "Verifizierung fehlgeschlagen",
|
||||||
"verifyTokenMissing": "Kein Verifizierungstoken vorhanden.",
|
"verifyTokenMissing": "Kein Verifizierungstoken vorhanden.",
|
||||||
@@ -88,7 +90,7 @@
|
|||||||
"emailVerificationBanner": "Deine E-Mail-Adresse wurde noch nicht verifiziert.",
|
"emailVerificationBanner": "Deine E-Mail-Adresse wurde noch nicht verifiziert.",
|
||||||
"emailVerificationResend": "Hier klicken um eine neue Verifizierungsmail zu erhalten",
|
"emailVerificationResend": "Hier klicken um eine neue Verifizierungsmail zu erhalten",
|
||||||
"emailVerificationResendCooldown": "Erneut senden in {seconds}s",
|
"emailVerificationResendCooldown": "Erneut senden in {seconds}s",
|
||||||
"emailVerificationResendSuccess": "Verifizierungsmail wurde gesendet!",
|
"emailVerificationResendSuccess": "Verifizierungsmail wurde gesendet",
|
||||||
"emailVerificationResendFailed": "Verifizierungsmail konnte nicht gesendet werden",
|
"emailVerificationResendFailed": "Verifizierungsmail konnte nicht gesendet werden",
|
||||||
"inviteOnly": "Nur mit Einladung",
|
"inviteOnly": "Nur mit Einladung",
|
||||||
"inviteOnlyDesc": "Die Registrierung ist derzeit eingeschränkt. Sie benötigen einen Einladungslink von einem Administrator, um ein Konto zu erstellen.",
|
"inviteOnlyDesc": "Die Registrierung ist derzeit eingeschränkt. Sie benötigen einen Einladungslink von einem Administrator, um ein Konto zu erstellen.",
|
||||||
@@ -100,6 +102,22 @@
|
|||||||
"oauthNoToken": "Kein Authentifizierungstoken erhalten.",
|
"oauthNoToken": "Kein Authentifizierungstoken erhalten.",
|
||||||
"oauthLoginFailed": "Anmeldung konnte nicht abgeschlossen werden. Bitte versuche es erneut.",
|
"oauthLoginFailed": "Anmeldung konnte nicht abgeschlossen werden. Bitte versuche es erneut.",
|
||||||
"oauthRedirecting": "Du wirst angemeldet...",
|
"oauthRedirecting": "Du wirst angemeldet...",
|
||||||
|
"forgotPassword": "Passwort vergessen?",
|
||||||
|
"forgotPasswordTitle": "Passwort zurücksetzen",
|
||||||
|
"forgotPasswordSubtitle": "Gib deine E-Mail-Adresse ein. Wir senden dir einen Link zum Zurücksetzen deines Passworts.",
|
||||||
|
"forgotPasswordSubmit": "Link senden",
|
||||||
|
"forgotPasswordSent": "Wenn ein Konto für diese Adresse existiert, haben wir dir eine E-Mail zum Zurücksetzen des Passworts gesendet.",
|
||||||
|
"forgotPasswordSentTitle": "Prüfe dein Postfach",
|
||||||
|
"forgotPasswordFailed": "Anfrage konnte nicht gesendet werden. Bitte versuche es erneut.",
|
||||||
|
"resetPasswordTitle": "Neues Passwort festlegen",
|
||||||
|
"resetPasswordSubtitle": "Wähle ein neues Passwort für dein Konto.",
|
||||||
|
"newPassword": "Neues Passwort",
|
||||||
|
"resetPasswordSubmit": "Passwort zurücksetzen",
|
||||||
|
"resetPasswordSuccess": "Dein Passwort wurde zurückgesetzt. Du kannst dich jetzt anmelden.",
|
||||||
|
"resetPasswordSuccessTitle": "Passwort zurückgesetzt",
|
||||||
|
"resetPasswordFailed": "Passwort konnte nicht zurückgesetzt werden.",
|
||||||
|
"resetTokenMissing": "Kein Token zum Zurücksetzen vorhanden.",
|
||||||
|
"passwordMinLength": "Passwort muss mindestens 8 Zeichen lang sein",
|
||||||
"2fa": {
|
"2fa": {
|
||||||
"title": "Zwei-Faktor-Authentifizierung",
|
"title": "Zwei-Faktor-Authentifizierung",
|
||||||
"prompt": "Gib den 6-stelligen Code aus deiner Authenticator-App ein.",
|
"prompt": "Gib den 6-stelligen Code aus deiner Authenticator-App ein.",
|
||||||
@@ -110,38 +128,22 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"home": {
|
"home": {
|
||||||
"madeFor": "Made for BigBlueButton",
|
"heroTitle": "Selbst gehostetes Frontend für BigBlueButton",
|
||||||
"heroTitle": "Meetings neu ",
|
"heroSubtitle": "Redlight verwaltet Räume, Aufnahmen und Termine für deinen BigBlueButton-Server – mit Federation zwischen Instanzen, CalDAV-Sync und SSO-Anbindung.",
|
||||||
"heroTitleHighlight": "definiert",
|
"getStarted": "Konto erstellen",
|
||||||
"heroSubtitle": "Das moderne, selbst gehostete BigBlueButton-Frontend. Erstellen Sie Räume, verwalten Sie Aufnahmen, verbinden Sie sich mit anderen Instanzen und genießen Sie ein wunderschönes Interface mit über 15 Themes.",
|
"features": "Funktionen",
|
||||||
"getStarted": "Jetzt starten",
|
|
||||||
"features": "Alles was Sie brauchen",
|
|
||||||
"featuresSubtitle": "Redlight bietet alle Funktionen, die Sie für professionelle Videokonferenzen benötigen.",
|
|
||||||
"featureVideoTitle": "Videokonferenzen",
|
|
||||||
"featureVideoDesc": "Erstellen und verwalten Sie Meetings direkt über BigBlueButton.",
|
|
||||||
"featureRoomsTitle": "Raumverwaltung",
|
"featureRoomsTitle": "Raumverwaltung",
|
||||||
"featureRoomsDesc": "Unbegrenzte Räume mit individuellen Einstellungen und Zugangscodes.",
|
"featureRoomsDesc": "Räume mit eigenen Einstellungen, Zugangscodes und geteiltem Zugriff für Kolleginnen und Kollegen.",
|
||||||
"featureRecordingsTitle": "Aufnahmen",
|
"featureRecordingsTitle": "Aufnahmen",
|
||||||
"featureRecordingsDesc": "Alle Aufnahmen pro Raum einsehen, veröffentlichen oder löschen.",
|
"featureRecordingsDesc": "Aufnahmen pro Raum einsehen, veröffentlichen oder löschen.",
|
||||||
"featureFederationTitle": "Federation",
|
"featureFederationTitle": "Federation",
|
||||||
"featureFederationDesc": "Laden Sie Nutzer anderer Redlight-Instanzen in Ihre Räume ein und nehmen Sie instanzübergreifende Einladungen an.",
|
"featureFederationDesc": "Nutzer anderer Redlight-Instanzen einladen und instanzübergreifende Einladungen annehmen.",
|
||||||
"featureCalendarTitle": "Kalender & Erinnerungen",
|
"featureCalendarTitle": "Kalender",
|
||||||
"featureCalendarDesc": "Meetings planen, per CalDAV synchronisieren und E-Mail-Erinnerungen vor dem Start erhalten.",
|
"featureCalendarDesc": "Meetings planen, per CalDAV mit Thunderbird, Apple Calendar oder DAVx⁵ synchronisieren, Erinnerungen erhalten.",
|
||||||
"featureNotificationsTitle": "Benachrichtigungen",
|
"featureVideoTitle": "Videokonferenzen",
|
||||||
"featureNotificationsDesc": "Echtzeit-Benachrichtigungen in der App und per E-Mail für Einladungen und bevorstehende Meetings.",
|
"featureVideoDesc": "Meetings direkt über BigBlueButton erstellen, starten und verwalten.",
|
||||||
"featureOAuthTitle": "OAuth / SSO",
|
"featureAnalyticsTitle": "Learning Analytics",
|
||||||
"featureOAuthDesc": "Melden Sie sich über OAuth 2.0 mit Ihrem bestehenden Identity Provider an – kein separates Konto nötig.",
|
"featureAnalyticsDesc": "Teilnahme- und Aktivitätsdaten aus Meetings einsehen und als CSV, Excel oder PDF exportieren.",
|
||||||
"featureAnalyticsTitle": "Analytics",
|
|
||||||
"featureAnalyticsDesc": "Meeting-Statistiken einsehen und die Nutzung über alle Räume hinweg verfolgen.",
|
|
||||||
"featureThemesTitle": "15+ Themes",
|
|
||||||
"featureThemesDesc": "Dracula, Nord, Catppuccin, Rosé Pine, Gruvbox und viele mehr – plus eigenes Branding.",
|
|
||||||
"featureUsersTitle": "Benutzerverwaltung",
|
|
||||||
"featureUsersDesc": "Registrierung, Login und Rollenverwaltung für Ihre Organisation.",
|
|
||||||
"featureOpenSourceTitle": "Open Source",
|
|
||||||
"featureOpenSourceDesc": "Vollständig quelloffen und selbst gehostet. Ihre Daten bleiben bei Ihnen.",
|
|
||||||
"statThemes": "Themes",
|
|
||||||
"statRooms": "Räume",
|
|
||||||
"statOpenSource": "Open Source",
|
|
||||||
"footer": "© {year} Redlight. Ein Open-Source BigBlueButton Frontend."
|
"footer": "© {year} Redlight. Ein Open-Source BigBlueButton Frontend."
|
||||||
},
|
},
|
||||||
"dashboard": {
|
"dashboard": {
|
||||||
@@ -162,7 +164,7 @@
|
|||||||
"accessCode": "Zugangscode",
|
"accessCode": "Zugangscode",
|
||||||
"muteOnJoin": "Teilnehmer beim Beitritt stummschalten",
|
"muteOnJoin": "Teilnehmer beim Beitritt stummschalten",
|
||||||
"allowRecording": "Aufnahme erlauben",
|
"allowRecording": "Aufnahme erlauben",
|
||||||
"roomCreated": "Raum erstellt!",
|
"roomCreated": "Raum erstellt",
|
||||||
"roomCreateFailed": "Raum konnte nicht erstellt werden",
|
"roomCreateFailed": "Raum konnte nicht erstellt werden",
|
||||||
"roomDeleted": "Raum gelöscht",
|
"roomDeleted": "Raum gelöscht",
|
||||||
"roomDeleteFailed": "Raum konnte nicht gelöscht werden",
|
"roomDeleteFailed": "Raum konnte nicht gelöscht werden",
|
||||||
@@ -186,7 +188,7 @@
|
|||||||
"copyLink": "Link kopieren",
|
"copyLink": "Link kopieren",
|
||||||
"copyRoomLink": "Raum-Link",
|
"copyRoomLink": "Raum-Link",
|
||||||
"copyGuestLink": "Gast-Link",
|
"copyGuestLink": "Gast-Link",
|
||||||
"linkCopied": "Link kopiert!",
|
"linkCopied": "Link kopiert",
|
||||||
"meetingDetails": "Meeting-Details",
|
"meetingDetails": "Meeting-Details",
|
||||||
"meetingId": "Meeting ID",
|
"meetingId": "Meeting ID",
|
||||||
"status": "Status",
|
"status": "Status",
|
||||||
@@ -207,11 +209,12 @@
|
|||||||
"anyoneCanStart": "Jeder kann das Meeting starten",
|
"anyoneCanStart": "Jeder kann das Meeting starten",
|
||||||
"allJoinModerator": "Alle Teilnehmer als Moderator",
|
"allJoinModerator": "Alle Teilnehmer als Moderator",
|
||||||
"allowRecording": "Aufnahme erlauben",
|
"allowRecording": "Aufnahme erlauben",
|
||||||
|
"enableTranscript": "KI-Zusammenfassung / Transkript für Aufnahmen",
|
||||||
"noAccessCode": "Kein Zugangscode",
|
"noAccessCode": "Kein Zugangscode",
|
||||||
"emptyNoCode": "Leer = kein Code",
|
"emptyNoCode": "Leer = kein Code",
|
||||||
"settingsSaved": "Einstellungen gespeichert",
|
"settingsSaved": "Einstellungen gespeichert",
|
||||||
"settingsSaveFailed": "Einstellungen konnten nicht gespeichert werden",
|
"settingsSaveFailed": "Einstellungen konnten nicht gespeichert werden",
|
||||||
"meetingStarted": "Meeting gestartet!",
|
"meetingStarted": "Meeting gestartet",
|
||||||
"meetingStartFailed": "Meeting konnte nicht gestartet werden",
|
"meetingStartFailed": "Meeting konnte nicht gestartet werden",
|
||||||
"meetingEnded": "Meeting beendet",
|
"meetingEnded": "Meeting beendet",
|
||||||
"meetingEndFailed": "Meeting konnte nicht beendet werden",
|
"meetingEndFailed": "Meeting konnte nicht beendet werden",
|
||||||
@@ -226,7 +229,7 @@
|
|||||||
"moderatorCodeHint": "Optionaler Code für Moderator-Rechte",
|
"moderatorCodeHint": "Optionaler Code für Moderator-Rechte",
|
||||||
"moderatorCodeDesc": "Gäste, die diesen Code eingeben, erhalten Moderator-Rechte.",
|
"moderatorCodeDesc": "Gäste, die diesen Code eingeben, erhalten Moderator-Rechte.",
|
||||||
"guestLink": "Gast-Einladungslink",
|
"guestLink": "Gast-Einladungslink",
|
||||||
"guestLinkCopied": "Gast-Link kopiert!",
|
"guestLinkCopied": "Gast-Link kopiert",
|
||||||
"guestJoinTitle": "Meeting beitreten",
|
"guestJoinTitle": "Meeting beitreten",
|
||||||
"guestCreatedBy": "Erstellt von",
|
"guestCreatedBy": "Erstellt von",
|
||||||
"guestMeetingRunning": "Meeting läuft",
|
"guestMeetingRunning": "Meeting läuft",
|
||||||
@@ -361,7 +364,7 @@
|
|||||||
"statusDisabledDesc": "Aktiviere die Zwei-Faktor-Authentifizierung für zusätzliche Sicherheit.",
|
"statusDisabledDesc": "Aktiviere die Zwei-Faktor-Authentifizierung für zusätzliche Sicherheit.",
|
||||||
"enable": "2FA aktivieren",
|
"enable": "2FA aktivieren",
|
||||||
"disable": "2FA deaktivieren",
|
"disable": "2FA deaktivieren",
|
||||||
"enabled": "Zwei-Faktor-Authentifizierung aktiviert!",
|
"enabled": "Zwei-Faktor-Authentifizierung aktiviert",
|
||||||
"disabled": "Zwei-Faktor-Authentifizierung deaktiviert.",
|
"disabled": "Zwei-Faktor-Authentifizierung deaktiviert.",
|
||||||
"enableFailed": "2FA konnte nicht aktiviert werden",
|
"enableFailed": "2FA konnte nicht aktiviert werden",
|
||||||
"disableFailed": "2FA konnte nicht deaktiviert werden",
|
"disableFailed": "2FA konnte nicht deaktiviert werden",
|
||||||
@@ -390,7 +393,7 @@
|
|||||||
"revoked": "Token widerrufen",
|
"revoked": "Token widerrufen",
|
||||||
"revokeFailed": "Token konnte nicht widerrufen werden",
|
"revokeFailed": "Token konnte nicht widerrufen werden",
|
||||||
"createFailed": "Token konnte nicht erstellt werden",
|
"createFailed": "Token konnte nicht erstellt werden",
|
||||||
"newTokenCreated": "Token erstellt — jetzt kopieren!",
|
"newTokenCreated": "Token erstellt — jetzt kopieren",
|
||||||
"newTokenHint": "Dieses Token wird nur einmal angezeigt. Kopiere es und trage es als Passwort in deiner Kalender-App ein.",
|
"newTokenHint": "Dieses Token wird nur einmal angezeigt. Kopiere es und trage es als Passwort in deiner Kalender-App ein.",
|
||||||
"dismiss": "Ich habe das Token kopiert"
|
"dismiss": "Ich habe das Token kopiert"
|
||||||
}
|
}
|
||||||
@@ -458,11 +461,11 @@
|
|||||||
"inviteTitle": "Benutzer-Einladungen",
|
"inviteTitle": "Benutzer-Einladungen",
|
||||||
"inviteDescription": "Laden Sie neue Benutzer per E-Mail ein. Sie erhalten einen Registrierungslink, der 7 Tage gültig ist.",
|
"inviteDescription": "Laden Sie neue Benutzer per E-Mail ein. Sie erhalten einen Registrierungslink, der 7 Tage gültig ist.",
|
||||||
"sendInvite": "Einladung senden",
|
"sendInvite": "Einladung senden",
|
||||||
"inviteSent": "Einladung gesendet!",
|
"inviteSent": "Einladung gesendet",
|
||||||
"inviteFailed": "Einladung konnte nicht gesendet werden",
|
"inviteFailed": "Einladung konnte nicht gesendet werden",
|
||||||
"inviteDeleted": "Einladung gelöscht",
|
"inviteDeleted": "Einladung gelöscht",
|
||||||
"inviteDeleteFailed": "Einladung konnte nicht gelöscht werden",
|
"inviteDeleteFailed": "Einladung konnte nicht gelöscht werden",
|
||||||
"inviteLinkCopied": "Einladungslink kopiert!",
|
"inviteLinkCopied": "Einladungslink kopiert",
|
||||||
"copyInviteLink": "Einladungslink kopieren",
|
"copyInviteLink": "Einladungslink kopieren",
|
||||||
"inviteExpired": "Abgelaufen",
|
"inviteExpired": "Abgelaufen",
|
||||||
"inviteUsedBy": "Verwendet von",
|
"inviteUsedBy": "Verwendet von",
|
||||||
@@ -534,8 +537,8 @@
|
|||||||
"messageLabel": "Nachricht (optional)",
|
"messageLabel": "Nachricht (optional)",
|
||||||
"messagePlaceholder": "Hallo, ich lade dich zu unserem Meeting ein!",
|
"messagePlaceholder": "Hallo, ich lade dich zu unserem Meeting ein!",
|
||||||
"send": "Einladung senden",
|
"send": "Einladung senden",
|
||||||
"sent": "Einladung gesendet!",
|
"sent": "Einladung gesendet",
|
||||||
"emailSent": "E-Mail-Einladung(en) gesendet!",
|
"emailSent": "E-Mail-Einladung(en) gesendet",
|
||||||
"emailSendFailed": "E-Mail-Einladung konnte nicht gesendet werden",
|
"emailSendFailed": "E-Mail-Einladung konnte nicht gesendet werden",
|
||||||
"sendFailed": "Einladung konnte nicht gesendet werden",
|
"sendFailed": "Einladung konnte nicht gesendet werden",
|
||||||
"from": "Von",
|
"from": "Von",
|
||||||
@@ -561,7 +564,7 @@
|
|||||||
"removeRoomConfirm": "Raum wirklich entfernen?",
|
"removeRoomConfirm": "Raum wirklich entfernen?",
|
||||||
"roomRemoved": "Raum entfernt",
|
"roomRemoved": "Raum entfernt",
|
||||||
"roomRemoveFailed": "Raum konnte nicht entfernt werden",
|
"roomRemoveFailed": "Raum konnte nicht entfernt werden",
|
||||||
"acceptedSaved": "Einladung angenommen - Raum wurde in deinem Dashboard gespeichert!",
|
"acceptedSaved": "Einladung angenommen - Raum wurde in deinem Dashboard gespeichert",
|
||||||
"meetingId": "Meeting ID",
|
"meetingId": "Meeting ID",
|
||||||
"maxParticipants": "Max. Teilnehmer",
|
"maxParticipants": "Max. Teilnehmer",
|
||||||
"recordingOn": "Aufnahme aktiviert",
|
"recordingOn": "Aufnahme aktiviert",
|
||||||
@@ -577,9 +580,9 @@
|
|||||||
"roomDeleted": "Gelöscht",
|
"roomDeleted": "Gelöscht",
|
||||||
"roomDeletedNotice": "Dieser Raum wurde vom Besitzer auf der Ursprungsinstanz gelöscht und ist nicht mehr verfügbar.",
|
"roomDeletedNotice": "Dieser Raum wurde vom Besitzer auf der Ursprungsinstanz gelöscht und ist nicht mehr verfügbar.",
|
||||||
"calendarEvent": "Kalendereinladung",
|
"calendarEvent": "Kalendereinladung",
|
||||||
"calendarAccepted": "Kalender-Event angenommen und in deinen Kalender eingetragen!",
|
"calendarAccepted": "Kalender-Event angenommen und in deinen Kalender eingetragen",
|
||||||
"localCalendarEvent": "Lokale Kalendereinladung",
|
"localCalendarEvent": "Lokale Kalendereinladung",
|
||||||
"calendarLocalAccepted": "Einladung angenommen - Event wurde in deinen Kalender eingetragen!",
|
"calendarLocalAccepted": "Einladung angenommen - Event wurde in deinen Kalender eingetragen",
|
||||||
"invitationRemoved": "Einladung entfernt",
|
"invitationRemoved": "Einladung entfernt",
|
||||||
"removeInvitation": "Einladung entfernen"
|
"removeInvitation": "Einladung entfernen"
|
||||||
},
|
},
|
||||||
@@ -608,8 +611,8 @@
|
|||||||
"reminder1440": "1 Tag vorher",
|
"reminder1440": "1 Tag vorher",
|
||||||
"timezone": "Zeitzone",
|
"timezone": "Zeitzone",
|
||||||
"color": "Farbe",
|
"color": "Farbe",
|
||||||
"eventCreated": "Event erstellt!",
|
"eventCreated": "Event erstellt",
|
||||||
"eventUpdated": "Event aktualisiert!",
|
"eventUpdated": "Event aktualisiert",
|
||||||
"eventDeleted": "Event gelöscht",
|
"eventDeleted": "Event gelöscht",
|
||||||
"saveFailed": "Event konnte nicht gespeichert werden",
|
"saveFailed": "Event konnte nicht gespeichert werden",
|
||||||
"deleteFailed": "Event konnte nicht gelöscht werden",
|
"deleteFailed": "Event konnte nicht gelöscht werden",
|
||||||
@@ -636,7 +639,7 @@
|
|||||||
"shareAdded": "Benutzer zum Event hinzugefügt",
|
"shareAdded": "Benutzer zum Event hinzugefügt",
|
||||||
"shareRemoved": "Freigabe entfernt",
|
"shareRemoved": "Freigabe entfernt",
|
||||||
"shareFailed": "Event konnte nicht geteilt werden",
|
"shareFailed": "Event konnte nicht geteilt werden",
|
||||||
"invitationSent": "Einladung gesendet!",
|
"invitationSent": "Einladung gesendet",
|
||||||
"invitationCancelled": "Einladung widerrufen",
|
"invitationCancelled": "Einladung widerrufen",
|
||||||
"invitationPending": "Einladung ausstehend",
|
"invitationPending": "Einladung ausstehend",
|
||||||
"pendingInvitations": "Ausstehende Einladungen",
|
"pendingInvitations": "Ausstehende Einladungen",
|
||||||
|
|||||||
+54
-51
@@ -23,7 +23,9 @@
|
|||||||
"protected": "Protected",
|
"protected": "Protected",
|
||||||
"live": "Live",
|
"live": "Live",
|
||||||
"error": "Error",
|
"error": "Error",
|
||||||
"success": "Success"
|
"success": "Success",
|
||||||
|
"gridView": "Grid view",
|
||||||
|
"listView": "List view"
|
||||||
},
|
},
|
||||||
"nav": {
|
"nav": {
|
||||||
"dashboard": "Dashboard",
|
"dashboard": "Dashboard",
|
||||||
@@ -62,16 +64,16 @@
|
|||||||
"passwordMismatch": "Passwords do not match",
|
"passwordMismatch": "Passwords do not match",
|
||||||
"passwordTooShort": "Password must be at least 6 characters",
|
"passwordTooShort": "Password must be at least 6 characters",
|
||||||
"loginSuccess": "Welcome back!",
|
"loginSuccess": "Welcome back!",
|
||||||
"registerSuccess": "Registration successful!",
|
"registerSuccess": "Registration successful",
|
||||||
"loginFailed": "Login failed",
|
"loginFailed": "Login failed",
|
||||||
"registerFailed": "Registration failed",
|
"registerFailed": "Registration failed",
|
||||||
"allFieldsRequired": "All fields are required",
|
"allFieldsRequired": "All fields are required",
|
||||||
"verificationSent": "Verification email sent!",
|
"verificationSent": "Verification email sent",
|
||||||
"verificationSentDesc": "We've sent you an email with a verification link. Please click the link to activate your account.",
|
"verificationSentDesc": "We've sent you an email with a verification link. Please click the link to activate your account.",
|
||||||
"checkYourEmail": "Check your inbox",
|
"checkYourEmail": "Check your inbox",
|
||||||
"verifying": "Verifying your email...",
|
"verifying": "Verifying your email...",
|
||||||
"verifySuccess": "Your email has been verified successfully. You can now sign in.",
|
"verifySuccess": "Your email has been verified successfully. You can now sign in.",
|
||||||
"verifySuccessTitle": "Email verified!",
|
"verifySuccessTitle": "Email verified",
|
||||||
"verifyFailed": "Verification failed",
|
"verifyFailed": "Verification failed",
|
||||||
"verifyFailedTitle": "Verification failed",
|
"verifyFailedTitle": "Verification failed",
|
||||||
"verifyTokenMissing": "No verification token provided.",
|
"verifyTokenMissing": "No verification token provided.",
|
||||||
@@ -88,7 +90,7 @@
|
|||||||
"emailVerificationBanner": "Your email address has not been verified yet.",
|
"emailVerificationBanner": "Your email address has not been verified yet.",
|
||||||
"emailVerificationResend": "Click here to receive a new verification email",
|
"emailVerificationResend": "Click here to receive a new verification email",
|
||||||
"emailVerificationResendCooldown": "Resend in {seconds}s",
|
"emailVerificationResendCooldown": "Resend in {seconds}s",
|
||||||
"emailVerificationResendSuccess": "Verification email sent!",
|
"emailVerificationResendSuccess": "Verification email sent",
|
||||||
"emailVerificationResendFailed": "Could not send verification email",
|
"emailVerificationResendFailed": "Could not send verification email",
|
||||||
"inviteOnly": "Invite Only",
|
"inviteOnly": "Invite Only",
|
||||||
"inviteOnlyDesc": "Registration is currently restricted. You need an invitation link from an administrator to create an account.",
|
"inviteOnlyDesc": "Registration is currently restricted. You need an invitation link from an administrator to create an account.",
|
||||||
@@ -100,6 +102,22 @@
|
|||||||
"oauthNoToken": "No authentication token received.",
|
"oauthNoToken": "No authentication token received.",
|
||||||
"oauthLoginFailed": "Could not complete sign in. Please try again.",
|
"oauthLoginFailed": "Could not complete sign in. Please try again.",
|
||||||
"oauthRedirecting": "Signing you in...",
|
"oauthRedirecting": "Signing you in...",
|
||||||
|
"forgotPassword": "Forgot password?",
|
||||||
|
"forgotPasswordTitle": "Reset your password",
|
||||||
|
"forgotPasswordSubtitle": "Enter your email address and we'll send you a link to reset your password.",
|
||||||
|
"forgotPasswordSubmit": "Send link",
|
||||||
|
"forgotPasswordSent": "If an account exists for that address, we've sent you a password reset email.",
|
||||||
|
"forgotPasswordSentTitle": "Check your inbox",
|
||||||
|
"forgotPasswordFailed": "Could not send the request. Please try again.",
|
||||||
|
"resetPasswordTitle": "Set a new password",
|
||||||
|
"resetPasswordSubtitle": "Choose a new password for your account.",
|
||||||
|
"newPassword": "New password",
|
||||||
|
"resetPasswordSubmit": "Reset password",
|
||||||
|
"resetPasswordSuccess": "Your password has been reset. You can now sign in.",
|
||||||
|
"resetPasswordSuccessTitle": "Password reset",
|
||||||
|
"resetPasswordFailed": "Could not reset password.",
|
||||||
|
"resetTokenMissing": "No reset token provided.",
|
||||||
|
"passwordMinLength": "Password must be at least 8 characters",
|
||||||
"2fa": {
|
"2fa": {
|
||||||
"title": "Two-Factor Authentication",
|
"title": "Two-Factor Authentication",
|
||||||
"prompt": "Enter the 6-digit code from your authenticator app.",
|
"prompt": "Enter the 6-digit code from your authenticator app.",
|
||||||
@@ -110,38 +128,22 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"home": {
|
"home": {
|
||||||
"madeFor": "Made for BigBlueButton",
|
"heroTitle": "Self-hosted frontend for BigBlueButton",
|
||||||
"heroTitle": "Meetings re",
|
"heroSubtitle": "Redlight manages rooms, recordings and scheduling for your BigBlueButton server – with federation between instances, CalDAV sync and SSO support.",
|
||||||
"heroTitleHighlight": "defined",
|
"getStarted": "Create account",
|
||||||
"heroSubtitle": "The modern, self-hosted BigBlueButton frontend. Create rooms, manage recordings, federate with other instances and enjoy a beautiful interface with over 15 themes.",
|
"features": "Features",
|
||||||
"getStarted": "Get started",
|
"featureRoomsTitle": "Room management",
|
||||||
"features": "Everything you need",
|
"featureRoomsDesc": "Rooms with individual settings, access codes and shared access for colleagues.",
|
||||||
"featuresSubtitle": "Redlight provides all the features you need for professional video conferencing.",
|
|
||||||
"featureVideoTitle": "Video Conferencing",
|
|
||||||
"featureVideoDesc": "Create and manage meetings directly via BigBlueButton.",
|
|
||||||
"featureRoomsTitle": "Room Management",
|
|
||||||
"featureRoomsDesc": "Unlimited rooms with individual settings and access codes.",
|
|
||||||
"featureRecordingsTitle": "Recordings",
|
"featureRecordingsTitle": "Recordings",
|
||||||
"featureRecordingsDesc": "View, publish or delete all recordings per room.",
|
"featureRecordingsDesc": "View, publish or delete recordings per room.",
|
||||||
"featureFederationTitle": "Federation",
|
"featureFederationTitle": "Federation",
|
||||||
"featureFederationDesc": "Invite users from other Redlight instances into your rooms and accept cross-instance meeting invitations.",
|
"featureFederationDesc": "Invite users from other Redlight instances and accept cross-instance invitations.",
|
||||||
"featureCalendarTitle": "Calendar & Reminders",
|
"featureCalendarTitle": "Calendar",
|
||||||
"featureCalendarDesc": "Schedule meetings with your rooms, sync via CalDAV and receive email reminders before they start.",
|
"featureCalendarDesc": "Schedule meetings, sync via CalDAV with Thunderbird, Apple Calendar or DAVx⁵, get reminders.",
|
||||||
"featureNotificationsTitle": "Notifications",
|
"featureVideoTitle": "Video conferencing",
|
||||||
"featureNotificationsDesc": "Real-time in-app and email notifications for room invitations and upcoming meetings.",
|
"featureVideoDesc": "Create, start and manage meetings directly via BigBlueButton.",
|
||||||
"featureOAuthTitle": "OAuth / SSO",
|
"featureAnalyticsTitle": "Learning analytics",
|
||||||
"featureOAuthDesc": "Sign in with your existing identity provider via OAuth 2.0 — no separate account needed.",
|
"featureAnalyticsDesc": "Review attendance and activity data from meetings and export it as CSV, Excel or PDF.",
|
||||||
"featureAnalyticsTitle": "Analytics",
|
|
||||||
"featureAnalyticsDesc": "Track meeting statistics and monitor usage across all your rooms.",
|
|
||||||
"featureThemesTitle": "15+ Themes",
|
|
||||||
"featureThemesDesc": "Dracula, Nord, Catppuccin, Rosé Pine, Gruvbox and many more — plus custom branding.",
|
|
||||||
"featureUsersTitle": "User Management",
|
|
||||||
"featureUsersDesc": "Registration, login and role management for your organization.",
|
|
||||||
"featureOpenSourceTitle": "Open Source",
|
|
||||||
"featureOpenSourceDesc": "Fully open source and self-hosted. Your data stays with you.",
|
|
||||||
"statThemes": "Themes",
|
|
||||||
"statRooms": "Rooms",
|
|
||||||
"statOpenSource": "Open Source",
|
|
||||||
"footer": "© {year} Redlight. An open source BigBlueButton frontend."
|
"footer": "© {year} Redlight. An open source BigBlueButton frontend."
|
||||||
},
|
},
|
||||||
"dashboard": {
|
"dashboard": {
|
||||||
@@ -162,7 +164,7 @@
|
|||||||
"accessCode": "Access code",
|
"accessCode": "Access code",
|
||||||
"muteOnJoin": "Mute participants on join",
|
"muteOnJoin": "Mute participants on join",
|
||||||
"allowRecording": "Allow recording",
|
"allowRecording": "Allow recording",
|
||||||
"roomCreated": "Room created!",
|
"roomCreated": "Room created",
|
||||||
"roomCreateFailed": "Room could not be created",
|
"roomCreateFailed": "Room could not be created",
|
||||||
"roomDeleted": "Room deleted",
|
"roomDeleted": "Room deleted",
|
||||||
"roomDeleteFailed": "Room could not be deleted",
|
"roomDeleteFailed": "Room could not be deleted",
|
||||||
@@ -186,7 +188,7 @@
|
|||||||
"copyLink": "Copy link",
|
"copyLink": "Copy link",
|
||||||
"copyRoomLink": "Room Link",
|
"copyRoomLink": "Room Link",
|
||||||
"copyGuestLink": "Guest Link",
|
"copyGuestLink": "Guest Link",
|
||||||
"linkCopied": "Link copied!",
|
"linkCopied": "Link copied",
|
||||||
"meetingDetails": "Meeting details",
|
"meetingDetails": "Meeting details",
|
||||||
"meetingId": "Meeting ID",
|
"meetingId": "Meeting ID",
|
||||||
"status": "Status",
|
"status": "Status",
|
||||||
@@ -207,11 +209,12 @@
|
|||||||
"anyoneCanStart": "Anyone can start the meeting",
|
"anyoneCanStart": "Anyone can start the meeting",
|
||||||
"allJoinModerator": "All participants as moderator",
|
"allJoinModerator": "All participants as moderator",
|
||||||
"allowRecording": "Allow recording",
|
"allowRecording": "Allow recording",
|
||||||
|
"enableTranscript": "AI summary / transcript for recordings",
|
||||||
"noAccessCode": "No access code",
|
"noAccessCode": "No access code",
|
||||||
"emptyNoCode": "Empty = no code",
|
"emptyNoCode": "Empty = no code",
|
||||||
"settingsSaved": "Settings saved",
|
"settingsSaved": "Settings saved",
|
||||||
"settingsSaveFailed": "Settings could not be saved",
|
"settingsSaveFailed": "Settings could not be saved",
|
||||||
"meetingStarted": "Meeting started!",
|
"meetingStarted": "Meeting started",
|
||||||
"meetingStartFailed": "Meeting could not be started",
|
"meetingStartFailed": "Meeting could not be started",
|
||||||
"meetingEnded": "Meeting ended",
|
"meetingEnded": "Meeting ended",
|
||||||
"meetingEndFailed": "Meeting could not be ended",
|
"meetingEndFailed": "Meeting could not be ended",
|
||||||
@@ -226,7 +229,7 @@
|
|||||||
"moderatorCodeHint": "Optional code for moderator rights",
|
"moderatorCodeHint": "Optional code for moderator rights",
|
||||||
"moderatorCodeDesc": "Guests who enter this code will receive moderator rights.",
|
"moderatorCodeDesc": "Guests who enter this code will receive moderator rights.",
|
||||||
"guestLink": "Guest Invite Link",
|
"guestLink": "Guest Invite Link",
|
||||||
"guestLinkCopied": "Guest link copied!",
|
"guestLinkCopied": "Guest link copied",
|
||||||
"guestJoinTitle": "Join Meeting",
|
"guestJoinTitle": "Join Meeting",
|
||||||
"guestCreatedBy": "Created by",
|
"guestCreatedBy": "Created by",
|
||||||
"guestMeetingRunning": "Meeting in progress",
|
"guestMeetingRunning": "Meeting in progress",
|
||||||
@@ -361,7 +364,7 @@
|
|||||||
"statusDisabledDesc": "Enable two-factor authentication for an extra layer of security.",
|
"statusDisabledDesc": "Enable two-factor authentication for an extra layer of security.",
|
||||||
"enable": "Enable 2FA",
|
"enable": "Enable 2FA",
|
||||||
"disable": "Disable 2FA",
|
"disable": "Disable 2FA",
|
||||||
"enabled": "Two-factor authentication enabled!",
|
"enabled": "Two-factor authentication enabled",
|
||||||
"disabled": "Two-factor authentication disabled.",
|
"disabled": "Two-factor authentication disabled.",
|
||||||
"enableFailed": "Could not enable 2FA",
|
"enableFailed": "Could not enable 2FA",
|
||||||
"disableFailed": "Could not disable 2FA",
|
"disableFailed": "Could not disable 2FA",
|
||||||
@@ -390,7 +393,7 @@
|
|||||||
"revoked": "Token revoked",
|
"revoked": "Token revoked",
|
||||||
"revokeFailed": "Could not revoke token",
|
"revokeFailed": "Could not revoke token",
|
||||||
"createFailed": "Could not create token",
|
"createFailed": "Could not create token",
|
||||||
"newTokenCreated": "Token created — copy it now!",
|
"newTokenCreated": "Token created — copy it now",
|
||||||
"newTokenHint": "This token will only be shown once. Copy it and enter it as the password in your calendar app.",
|
"newTokenHint": "This token will only be shown once. Copy it and enter it as the password in your calendar app.",
|
||||||
"dismiss": "I have copied the token"
|
"dismiss": "I have copied the token"
|
||||||
}
|
}
|
||||||
@@ -458,11 +461,11 @@
|
|||||||
"inviteTitle": "User Invitations",
|
"inviteTitle": "User Invitations",
|
||||||
"inviteDescription": "Invite new users by email. They will receive a registration link valid for 7 days.",
|
"inviteDescription": "Invite new users by email. They will receive a registration link valid for 7 days.",
|
||||||
"sendInvite": "Send invite",
|
"sendInvite": "Send invite",
|
||||||
"inviteSent": "Invitation sent!",
|
"inviteSent": "Invitation sent",
|
||||||
"inviteFailed": "Could not send invitation",
|
"inviteFailed": "Could not send invitation",
|
||||||
"inviteDeleted": "Invitation deleted",
|
"inviteDeleted": "Invitation deleted",
|
||||||
"inviteDeleteFailed": "Could not delete invitation",
|
"inviteDeleteFailed": "Could not delete invitation",
|
||||||
"inviteLinkCopied": "Invite link copied!",
|
"inviteLinkCopied": "Invite link copied",
|
||||||
"copyInviteLink": "Copy invite link",
|
"copyInviteLink": "Copy invite link",
|
||||||
"inviteExpired": "Expired",
|
"inviteExpired": "Expired",
|
||||||
"inviteUsedBy": "Used by",
|
"inviteUsedBy": "Used by",
|
||||||
@@ -534,8 +537,8 @@
|
|||||||
"messageLabel": "Message (optional)",
|
"messageLabel": "Message (optional)",
|
||||||
"messagePlaceholder": "Hi, I'd like to invite you to our meeting!",
|
"messagePlaceholder": "Hi, I'd like to invite you to our meeting!",
|
||||||
"send": "Send invitation",
|
"send": "Send invitation",
|
||||||
"sent": "Invitation sent!",
|
"sent": "Invitation sent",
|
||||||
"emailSent": "Email invitation(s) sent!",
|
"emailSent": "Email invitation(s) sent",
|
||||||
"emailSendFailed": "Could not send email invitation",
|
"emailSendFailed": "Could not send email invitation",
|
||||||
"sendFailed": "Could not send invitation",
|
"sendFailed": "Could not send invitation",
|
||||||
"from": "From",
|
"from": "From",
|
||||||
@@ -561,7 +564,7 @@
|
|||||||
"removeRoomConfirm": "Really remove this room?",
|
"removeRoomConfirm": "Really remove this room?",
|
||||||
"roomRemoved": "Room removed",
|
"roomRemoved": "Room removed",
|
||||||
"roomRemoveFailed": "Could not remove room",
|
"roomRemoveFailed": "Could not remove room",
|
||||||
"acceptedSaved": "Invitation accepted - room saved to your dashboard!",
|
"acceptedSaved": "Invitation accepted - room saved to your dashboard",
|
||||||
"meetingId": "Meeting ID",
|
"meetingId": "Meeting ID",
|
||||||
"maxParticipants": "Max. participants",
|
"maxParticipants": "Max. participants",
|
||||||
"recordingOn": "Recording enabled",
|
"recordingOn": "Recording enabled",
|
||||||
@@ -577,9 +580,9 @@
|
|||||||
"roomDeleted": "Deleted",
|
"roomDeleted": "Deleted",
|
||||||
"roomDeletedNotice": "This room has been deleted by the owner on the origin instance and is no longer available.",
|
"roomDeletedNotice": "This room has been deleted by the owner on the origin instance and is no longer available.",
|
||||||
"calendarEvent": "Calendar Invitation",
|
"calendarEvent": "Calendar Invitation",
|
||||||
"calendarAccepted": "Calendar event accepted and added to your calendar!",
|
"calendarAccepted": "Calendar event accepted and added to your calendar",
|
||||||
"localCalendarEvent": "Local Calendar Invitation",
|
"localCalendarEvent": "Local Calendar Invitation",
|
||||||
"calendarLocalAccepted": "Invitation accepted - event added to your calendar!",
|
"calendarLocalAccepted": "Invitation accepted - event added to your calendar",
|
||||||
"invitationRemoved": "Invitation removed",
|
"invitationRemoved": "Invitation removed",
|
||||||
"removeInvitation": "Remove invitation"
|
"removeInvitation": "Remove invitation"
|
||||||
},
|
},
|
||||||
@@ -608,8 +611,8 @@
|
|||||||
"reminder1440": "1 day before",
|
"reminder1440": "1 day before",
|
||||||
"timezone": "Timezone",
|
"timezone": "Timezone",
|
||||||
"color": "Color",
|
"color": "Color",
|
||||||
"eventCreated": "Event created!",
|
"eventCreated": "Event created",
|
||||||
"eventUpdated": "Event updated!",
|
"eventUpdated": "Event updated",
|
||||||
"eventDeleted": "Event deleted",
|
"eventDeleted": "Event deleted",
|
||||||
"saveFailed": "Could not save event",
|
"saveFailed": "Could not save event",
|
||||||
"deleteFailed": "Could not delete event",
|
"deleteFailed": "Could not delete event",
|
||||||
@@ -636,7 +639,7 @@
|
|||||||
"shareAdded": "User added to event",
|
"shareAdded": "User added to event",
|
||||||
"shareRemoved": "Share removed",
|
"shareRemoved": "Share removed",
|
||||||
"shareFailed": "Could not share event",
|
"shareFailed": "Could not share event",
|
||||||
"invitationSent": "Invitation sent!",
|
"invitationSent": "Invitation sent",
|
||||||
"invitationCancelled": "Invitation cancelled",
|
"invitationCancelled": "Invitation cancelled",
|
||||||
"invitationPending": "Invitation pending",
|
"invitationPending": "Invitation pending",
|
||||||
"pendingInvitations": "Pending Invitations",
|
"pendingInvitations": "Pending Invitations",
|
||||||
|
|||||||
+10
-4
@@ -45,6 +45,12 @@
|
|||||||
::file-selector-button {
|
::file-selector-button {
|
||||||
border-color: var(--color-gray-200, currentcolor);
|
border-color: var(--color-gray-200, currentcolor);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Restore Tailwind v3 default: buttons get a pointer cursor */
|
||||||
|
button:not(:disabled),
|
||||||
|
[role="button"]:not([aria-disabled="true"]) {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@utility btn-primary {
|
@utility btn-primary {
|
||||||
@@ -52,7 +58,7 @@
|
|||||||
bg-th-accent text-th-accent-t hover:bg-th-accent-h
|
bg-th-accent text-th-accent-t hover:bg-th-accent-h
|
||||||
transition-all duration-200 ease-out
|
transition-all duration-200 ease-out
|
||||||
focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2
|
focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2
|
||||||
disabled:opacity-50 disabled:cursor-not-allowed;
|
cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
|
||||||
--tw-ring-offset-color: var(--bg-primary);
|
--tw-ring-offset-color: var(--bg-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -61,7 +67,7 @@
|
|||||||
bg-th-bg-s text-th-text border border-th-border
|
bg-th-bg-s text-th-text border border-th-border
|
||||||
hover:bg-th-hover transition-all duration-200 ease-out
|
hover:bg-th-hover transition-all duration-200 ease-out
|
||||||
focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2
|
focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2
|
||||||
disabled:opacity-50 disabled:cursor-not-allowed;
|
cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
|
||||||
--tw-ring-offset-color: var(--bg-primary);
|
--tw-ring-offset-color: var(--bg-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -70,7 +76,7 @@
|
|||||||
bg-th-error text-white hover:opacity-90
|
bg-th-error text-white hover:opacity-90
|
||||||
transition-all duration-200 ease-out
|
transition-all duration-200 ease-out
|
||||||
focus:outline-hidden focus:ring-2 focus:ring-th-error focus:ring-offset-2
|
focus:outline-hidden focus:ring-2 focus:ring-th-error focus:ring-offset-2
|
||||||
disabled:opacity-50 disabled:cursor-not-allowed;
|
cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
|
||||||
--tw-ring-offset-color: var(--bg-primary);
|
--tw-ring-offset-color: var(--bg-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -79,7 +85,7 @@
|
|||||||
text-th-text-s hover:bg-th-hover hover:text-th-text
|
text-th-text-s hover:bg-th-hover hover:text-th-text
|
||||||
transition-all duration-200 ease-out
|
transition-all duration-200 ease-out
|
||||||
focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2
|
focus:outline-hidden focus:ring-2 focus:ring-th-ring focus:ring-offset-2
|
||||||
disabled:opacity-50 disabled:cursor-not-allowed;
|
cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
|
||||||
--tw-ring-offset-color: var(--bg-primary);
|
--tw-ring-offset-color: var(--bg-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+60
-36
@@ -423,17 +423,18 @@ export default function Admin() {
|
|||||||
<div className="grid gap-6 sm:grid-cols-2">
|
<div className="grid gap-6 sm:grid-cols-2">
|
||||||
{/* Logo upload */}
|
{/* Logo upload */}
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-2">{t('admin.logoLabel')}</label>
|
<p className="block text-sm font-medium text-th-text mb-2">{t('admin.logoLabel')}</p>
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
{hasLogo && logoUrl ? (
|
{hasLogo && logoUrl ? (
|
||||||
<div className="relative group">
|
<div className="relative group">
|
||||||
<img
|
<img
|
||||||
src={`${logoUrl}?t=${Date.now()}`}
|
src={`${logoUrl}?t=${Date.now()}`}
|
||||||
alt="Logo"
|
alt=""
|
||||||
className="w-14 h-14 rounded-xl object-contain border border-th-border bg-th-bg p-1"
|
className="w-14 h-14 rounded-xl object-contain border border-th-border bg-th-bg p-1"
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
onClick={handleLogoRemove}
|
onClick={handleLogoRemove}
|
||||||
|
aria-label={t('common.delete')}
|
||||||
className="absolute -top-2 -right-2 w-5 h-5 bg-th-error text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
className="absolute -top-2 -right-2 w-5 h-5 bg-th-error text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||||
>
|
>
|
||||||
<XIcon size={12} />
|
<XIcon size={12} />
|
||||||
@@ -471,11 +472,12 @@ export default function Admin() {
|
|||||||
|
|
||||||
{/* App name */}
|
{/* App name */}
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-2">{t('admin.appNameLabel')}</label>
|
<label htmlFor="admin-app-name" className="block text-sm font-medium text-th-text mb-2">{t('admin.appNameLabel')}</label>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="relative flex-1">
|
<div className="relative flex-1">
|
||||||
<Type size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Type size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="admin-app-name"
|
||||||
type="text"
|
type="text"
|
||||||
value={editAppName}
|
value={editAppName}
|
||||||
onChange={e => setEditAppName(e.target.value)}
|
onChange={e => setEditAppName(e.target.value)}
|
||||||
@@ -520,12 +522,13 @@ export default function Admin() {
|
|||||||
{/* Default theme */}
|
{/* Default theme */}
|
||||||
<div className="mt-6 pt-6 border-t border-th-border">
|
<div className="mt-6 pt-6 border-t border-th-border">
|
||||||
<div className="flex items-center gap-2 mb-1">
|
<div className="flex items-center gap-2 mb-1">
|
||||||
<Palette size={16} className="text-th-accent" />
|
<Palette size={16} className="text-th-accent" aria-hidden="true" />
|
||||||
<label className="block text-sm font-medium text-th-text">{t('admin.defaultThemeLabel')}</label>
|
<label htmlFor="admin-default-theme" className="block text-sm font-medium text-th-text">{t('admin.defaultThemeLabel')}</label>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-th-text-s mb-3">{t('admin.defaultThemeDesc')}</p>
|
<p className="text-xs text-th-text-s mb-3">{t('admin.defaultThemeDesc')}</p>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<select
|
<select
|
||||||
|
id="admin-default-theme"
|
||||||
value={editDefaultTheme}
|
value={editDefaultTheme}
|
||||||
onChange={e => setEditDefaultTheme(e.target.value)}
|
onChange={e => setEditDefaultTheme(e.target.value)}
|
||||||
className="input-field text-sm flex-1"
|
className="input-field text-sm flex-1"
|
||||||
@@ -549,16 +552,17 @@ export default function Admin() {
|
|||||||
{/* Legal links */}
|
{/* Legal links */}
|
||||||
<div className="mt-6 pt-6 border-t border-th-border">
|
<div className="mt-6 pt-6 border-t border-th-border">
|
||||||
<div className="flex items-center gap-2 mb-1">
|
<div className="flex items-center gap-2 mb-1">
|
||||||
<LinkIcon size={16} className="text-th-accent" />
|
<LinkIcon size={16} className="text-th-accent" aria-hidden="true" />
|
||||||
<label className="block text-sm font-medium text-th-text">{t('admin.legalLinksTitle')}</label>
|
<p className="block text-sm font-medium text-th-text">{t('admin.legalLinksTitle')}</p>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-th-text-s mb-4">{t('admin.legalLinksDesc')}</p>
|
<p className="text-xs text-th-text-s mb-4">{t('admin.legalLinksDesc')}</p>
|
||||||
<div className="grid gap-4 sm:grid-cols-2">
|
<div className="grid gap-4 sm:grid-cols-2">
|
||||||
{/* Imprint */}
|
{/* Imprint */}
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-xs font-medium text-th-text-s mb-1">{t('admin.imprintUrl')}</label>
|
<label htmlFor="admin-imprint-url" className="block text-xs font-medium text-th-text-s mb-1">{t('admin.imprintUrl')}</label>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<input
|
<input
|
||||||
|
id="admin-imprint-url"
|
||||||
type="url"
|
type="url"
|
||||||
value={editImprintUrl}
|
value={editImprintUrl}
|
||||||
onChange={e => setEditImprintUrl(e.target.value)}
|
onChange={e => setEditImprintUrl(e.target.value)}
|
||||||
@@ -577,9 +581,10 @@ export default function Admin() {
|
|||||||
</div>
|
</div>
|
||||||
{/* Privacy Policy */}
|
{/* Privacy Policy */}
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-xs font-medium text-th-text-s mb-1">{t('admin.privacyUrl')}</label>
|
<label htmlFor="admin-privacy-url" className="block text-xs font-medium text-th-text-s mb-1">{t('admin.privacyUrl')}</label>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<input
|
<input
|
||||||
|
id="admin-privacy-url"
|
||||||
type="url"
|
type="url"
|
||||||
value={editPrivacyUrl}
|
value={editPrivacyUrl}
|
||||||
onChange={e => setEditPrivacyUrl(e.target.value)}
|
onChange={e => setEditPrivacyUrl(e.target.value)}
|
||||||
@@ -647,13 +652,14 @@ export default function Admin() {
|
|||||||
{/* Send invite form */}
|
{/* Send invite form */}
|
||||||
<form onSubmit={handleSendInvite} className="flex items-center gap-2 mb-6">
|
<form onSubmit={handleSendInvite} className="flex items-center gap-2 mb-6">
|
||||||
<div className="relative flex-1">
|
<div className="relative flex-1">
|
||||||
<Mail size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Mail size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
type="email"
|
type="email"
|
||||||
value={inviteEmail}
|
value={inviteEmail}
|
||||||
onChange={e => setInviteEmail(e.target.value)}
|
onChange={e => setInviteEmail(e.target.value)}
|
||||||
className="input-field pl-9 text-sm"
|
className="input-field pl-9 text-sm"
|
||||||
placeholder={t('auth.emailPlaceholder')}
|
placeholder={t('auth.emailPlaceholder')}
|
||||||
|
aria-label={t('auth.email')}
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -738,8 +744,9 @@ export default function Admin() {
|
|||||||
<form onSubmit={handleOauthSave} className="space-y-4">
|
<form onSubmit={handleOauthSave} className="space-y-4">
|
||||||
<div className="grid gap-4 sm:grid-cols-2">
|
<div className="grid gap-4 sm:grid-cols-2">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthIssuer')}</label>
|
<label htmlFor="admin-oauth-issuer" className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthIssuer')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="admin-oauth-issuer"
|
||||||
type="url"
|
type="url"
|
||||||
value={oauthForm.issuer}
|
value={oauthForm.issuer}
|
||||||
onChange={e => setOauthForm(f => ({ ...f, issuer: e.target.value }))}
|
onChange={e => setOauthForm(f => ({ ...f, issuer: e.target.value }))}
|
||||||
@@ -750,8 +757,9 @@ export default function Admin() {
|
|||||||
<p className="text-xs text-th-text-s mt-1">{t('admin.oauthIssuerHint')}</p>
|
<p className="text-xs text-th-text-s mt-1">{t('admin.oauthIssuerHint')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthClientId')}</label>
|
<label htmlFor="admin-oauth-client-id" className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthClientId')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="admin-oauth-client-id"
|
||||||
type="text"
|
type="text"
|
||||||
value={oauthForm.clientId}
|
value={oauthForm.clientId}
|
||||||
onChange={e => setOauthForm(f => ({ ...f, clientId: e.target.value }))}
|
onChange={e => setOauthForm(f => ({ ...f, clientId: e.target.value }))}
|
||||||
@@ -764,9 +772,11 @@ export default function Admin() {
|
|||||||
|
|
||||||
<div className="grid gap-4 sm:grid-cols-2">
|
<div className="grid gap-4 sm:grid-cols-2">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthClientSecret')}</label>
|
<label htmlFor="admin-oauth-client-secret" className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthClientSecret')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="admin-oauth-client-secret"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={oauthForm.clientSecret}
|
value={oauthForm.clientSecret}
|
||||||
onChange={e => setOauthForm(f => ({ ...f, clientSecret: e.target.value }))}
|
onChange={e => setOauthForm(f => ({ ...f, clientSecret: e.target.value }))}
|
||||||
className="input-field text-sm"
|
className="input-field text-sm"
|
||||||
@@ -777,8 +787,9 @@ export default function Admin() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthDisplayName')}</label>
|
<label htmlFor="admin-oauth-display-name" className="block text-sm font-medium text-th-text mb-1">{t('admin.oauthDisplayName')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="admin-oauth-display-name"
|
||||||
type="text"
|
type="text"
|
||||||
value={oauthForm.displayName}
|
value={oauthForm.displayName}
|
||||||
onChange={e => setOauthForm(f => ({ ...f, displayName: e.target.value }))}
|
onChange={e => setOauthForm(f => ({ ...f, displayName: e.target.value }))}
|
||||||
@@ -941,13 +952,14 @@ export default function Admin() {
|
|||||||
{/* Search */}
|
{/* Search */}
|
||||||
<div className="card p-4 mb-6">
|
<div className="card p-4 mb-6">
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Search size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Search size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="search"
|
||||||
value={search}
|
value={search}
|
||||||
onChange={e => setSearch(e.target.value)}
|
onChange={e => setSearch(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
placeholder={t('admin.searchUsers')}
|
placeholder={t('admin.searchUsers')}
|
||||||
|
aria-label={t('admin.searchUsers')}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1099,14 +1111,16 @@ export default function Admin() {
|
|||||||
{/* Reset password modal */}
|
{/* Reset password modal */}
|
||||||
{resetPwModal && (
|
{resetPwModal && (
|
||||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
||||||
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={() => setResetPwModal(null)} />
|
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={() => setResetPwModal(null)} aria-hidden="true" />
|
||||||
<div className="relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full max-w-sm p-6">
|
<div role="dialog" aria-modal="true" aria-labelledby="reset-pw-title" className="relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full max-w-sm p-6">
|
||||||
<h3 className="text-lg font-semibold text-th-text mb-4">{t('admin.resetPasswordTitle')}</h3>
|
<h3 id="reset-pw-title" className="text-lg font-semibold text-th-text mb-4">{t('admin.resetPasswordTitle')}</h3>
|
||||||
<form onSubmit={handleResetPassword}>
|
<form onSubmit={handleResetPassword}>
|
||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('admin.newPasswordLabel')}</label>
|
<label htmlFor="admin-reset-pw" className="block text-sm font-medium text-th-text mb-1.5">{t('admin.newPasswordLabel')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="admin-reset-pw"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={newPassword}
|
value={newPassword}
|
||||||
onChange={e => setNewPassword(e.target.value)}
|
onChange={e => setNewPassword(e.target.value)}
|
||||||
className="input-field"
|
className="input-field"
|
||||||
@@ -1131,16 +1145,18 @@ export default function Admin() {
|
|||||||
{/* Create user modal */}
|
{/* Create user modal */}
|
||||||
{showCreateUser && (
|
{showCreateUser && (
|
||||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
|
||||||
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={() => setShowCreateUser(false)} />
|
<div className="fixed inset-0 bg-black/60 backdrop-blur-xs" onClick={() => setShowCreateUser(false)} aria-hidden="true" />
|
||||||
<div className="relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full max-w-md p-6">
|
<div role="dialog" aria-modal="true" aria-labelledby="create-user-title" className="relative bg-th-card rounded-2xl border border-th-border shadow-2xl w-full max-w-md p-6">
|
||||||
<h3 className="text-lg font-semibold text-th-text mb-4">{t('admin.createUserTitle')}</h3>
|
<h3 id="create-user-title" className="text-lg font-semibold text-th-text mb-4">{t('admin.createUserTitle')}</h3>
|
||||||
<form onSubmit={handleCreateUser} className="space-y-4">
|
<form onSubmit={handleCreateUser} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.username')}</label>
|
<label htmlFor="admin-new-username" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.username')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="admin-new-username"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="off"
|
||||||
value={newUser.name}
|
value={newUser.name}
|
||||||
onChange={e => setNewUser({ ...newUser, name: e.target.value })}
|
onChange={e => setNewUser({ ...newUser, name: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -1151,11 +1167,13 @@ export default function Admin() {
|
|||||||
<p className="text-xs text-th-text-s mt-1">{t('auth.usernameHint')}</p>
|
<p className="text-xs text-th-text-s mt-1">{t('auth.usernameHint')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.displayName')}</label>
|
<label htmlFor="admin-new-display-name" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.displayName')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="admin-new-display-name"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="off"
|
||||||
value={newUser.display_name}
|
value={newUser.display_name}
|
||||||
onChange={e => setNewUser({ ...newUser, display_name: e.target.value })}
|
onChange={e => setNewUser({ ...newUser, display_name: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -1164,11 +1182,13 @@ export default function Admin() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
<label htmlFor="admin-new-email" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="admin-new-email"
|
||||||
type="email"
|
type="email"
|
||||||
|
autoComplete="off"
|
||||||
value={newUser.email}
|
value={newUser.email}
|
||||||
onChange={e => setNewUser({ ...newUser, email: e.target.value })}
|
onChange={e => setNewUser({ ...newUser, email: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -1178,11 +1198,13 @@ export default function Admin() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.password')}</label>
|
<label htmlFor="admin-new-password" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.password')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="admin-new-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={newUser.password}
|
value={newUser.password}
|
||||||
onChange={e => setNewUser({ ...newUser, password: e.target.value })}
|
onChange={e => setNewUser({ ...newUser, password: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -1193,8 +1215,9 @@ export default function Admin() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('admin.role')}</label>
|
<label htmlFor="admin-new-role" className="block text-sm font-medium text-th-text mb-1.5">{t('admin.role')}</label>
|
||||||
<select
|
<select
|
||||||
|
id="admin-new-role"
|
||||||
value={newUser.role}
|
value={newUser.role}
|
||||||
onChange={e => setNewUser({ ...newUser, role: e.target.value })}
|
onChange={e => setNewUser({ ...newUser, role: e.target.value })}
|
||||||
className="input-field"
|
className="input-field"
|
||||||
@@ -1227,19 +1250,20 @@ export default function Admin() {
|
|||||||
<h3 className="text-lg font-semibold text-th-text">{t('admin.roomsTitle')}</h3>
|
<h3 className="text-lg font-semibold text-th-text">{t('admin.roomsTitle')}</h3>
|
||||||
<span className="text-sm text-th-text-s">({adminRooms.length})</span>
|
<span className="text-sm text-th-text-s">({adminRooms.length})</span>
|
||||||
</div>
|
</div>
|
||||||
<button onClick={() => setShowAllRoomsModal(false)} className="p-1.5 rounded-lg hover:bg-th-hover text-th-text-s transition-colors">
|
<button onClick={() => setShowAllRoomsModal(false)} aria-label={t('common.close')} className="p-1.5 rounded-lg hover:bg-th-hover text-th-text-s transition-colors">
|
||||||
<XIcon size={18} />
|
<XIcon size={18} />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="p-4 border-b border-th-border">
|
<div className="p-4 border-b border-th-border">
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Search size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Search size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="search"
|
||||||
value={allRoomsSearch}
|
value={allRoomsSearch}
|
||||||
onChange={e => setAllRoomsSearch(e.target.value)}
|
onChange={e => setAllRoomsSearch(e.target.value)}
|
||||||
className="input-field pl-9 text-sm"
|
className="input-field pl-9 text-sm"
|
||||||
placeholder={t('admin.searchRooms')}
|
placeholder={t('admin.searchRooms')}
|
||||||
|
aria-label={t('admin.searchRooms')}
|
||||||
autoFocus
|
autoFocus
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+16
-8
@@ -515,8 +515,9 @@ export default function Calendar() {
|
|||||||
<Modal title={editingEvent ? t('calendar.editEvent') : t('calendar.createEvent')} onClose={() => { setShowCreate(false); setEditingEvent(null); }}>
|
<Modal title={editingEvent ? t('calendar.editEvent') : t('calendar.createEvent')} onClose={() => { setShowCreate(false); setEditingEvent(null); }}>
|
||||||
<form onSubmit={handleSave} className="space-y-4">
|
<form onSubmit={handleSave} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.eventTitle')} *</label>
|
<label htmlFor="calendar-event-title" className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.eventTitle')} *</label>
|
||||||
<input
|
<input
|
||||||
|
id="calendar-event-title"
|
||||||
type="text"
|
type="text"
|
||||||
value={form.title}
|
value={form.title}
|
||||||
onChange={e => setForm({ ...form, title: e.target.value })}
|
onChange={e => setForm({ ...form, title: e.target.value })}
|
||||||
@@ -527,8 +528,9 @@ export default function Calendar() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.description')}</label>
|
<label htmlFor="calendar-event-description" className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.description')}</label>
|
||||||
<textarea
|
<textarea
|
||||||
|
id="calendar-event-description"
|
||||||
value={form.description}
|
value={form.description}
|
||||||
onChange={e => setForm({ ...form, description: e.target.value })}
|
onChange={e => setForm({ ...form, description: e.target.value })}
|
||||||
className="input-field resize-none"
|
className="input-field resize-none"
|
||||||
@@ -560,8 +562,9 @@ export default function Calendar() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.linkedRoom')}</label>
|
<label htmlFor="calendar-event-room" className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.linkedRoom')}</label>
|
||||||
<select
|
<select
|
||||||
|
id="calendar-event-room"
|
||||||
value={form.room_uid}
|
value={form.room_uid}
|
||||||
onChange={e => setForm({ ...form, room_uid: e.target.value })}
|
onChange={e => setForm({ ...form, room_uid: e.target.value })}
|
||||||
className="input-field"
|
className="input-field"
|
||||||
@@ -575,10 +578,11 @@ export default function Calendar() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.reminderLabel')}</label>
|
<label htmlFor="calendar-event-reminder" className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.reminderLabel')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Bell size={15} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s pointer-events-none" />
|
<Bell size={15} className="absolute left-3 top-1/2 -translate-y-1/2 text-th-text-s pointer-events-none" aria-hidden="true" />
|
||||||
<select
|
<select
|
||||||
|
id="calendar-event-reminder"
|
||||||
value={form.reminder_minutes ?? ''}
|
value={form.reminder_minutes ?? ''}
|
||||||
onChange={e => setForm({ ...form, reminder_minutes: e.target.value === '' ? null : Number(e.target.value) })}
|
onChange={e => setForm({ ...form, reminder_minutes: e.target.value === '' ? null : Number(e.target.value) })}
|
||||||
className="input-field pl-9"
|
className="input-field pl-9"
|
||||||
@@ -595,13 +599,16 @@ export default function Calendar() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.color')}</label>
|
<p id="calendar-event-color-label" className="block text-sm font-medium text-th-text mb-1.5">{t('calendar.color')}</p>
|
||||||
<div className="flex gap-2">
|
<div role="radiogroup" aria-labelledby="calendar-event-color-label" className="flex gap-2">
|
||||||
{COLORS.map(c => (
|
{COLORS.map(c => (
|
||||||
<button
|
<button
|
||||||
key={c}
|
key={c}
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => setForm({ ...form, color: c })}
|
onClick={() => setForm({ ...form, color: c })}
|
||||||
|
role="radio"
|
||||||
|
aria-checked={form.color === c}
|
||||||
|
aria-label={c}
|
||||||
className={`w-7 h-7 rounded-full border-2 transition-all ${form.color === c ? 'border-th-text scale-110' : 'border-transparent'}`}
|
className={`w-7 h-7 rounded-full border-2 transition-all ${form.color === c ? 'border-th-text scale-110' : 'border-transparent'}`}
|
||||||
style={{ backgroundColor: c }}
|
style={{ backgroundColor: c }}
|
||||||
/>
|
/>
|
||||||
@@ -826,8 +833,9 @@ export default function Calendar() {
|
|||||||
<p className="text-sm text-th-text-s mb-4">{t('calendar.sendFederatedDesc')}</p>
|
<p className="text-sm text-th-text-s mb-4">{t('calendar.sendFederatedDesc')}</p>
|
||||||
<form onSubmit={handleFedSend} className="space-y-4">
|
<form onSubmit={handleFedSend} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('federation.addressLabel')}</label>
|
<label htmlFor="calendar-fed-share-address" className="block text-sm font-medium text-th-text mb-1.5">{t('federation.addressLabel')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="calendar-fed-share-address"
|
||||||
type="text"
|
type="text"
|
||||||
value={fedAddress}
|
value={fedAddress}
|
||||||
onChange={e => setFedAddress(e.target.value)}
|
onChange={e => setFedAddress(e.target.value)}
|
||||||
|
|||||||
+13
-5
@@ -103,9 +103,11 @@ export default function Dashboard() {
|
|||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
{/* View toggle */}
|
{/* View toggle */}
|
||||||
<div className="hidden sm:flex items-center bg-th-bg-s rounded-lg border border-th-border p-0.5">
|
<div role="group" aria-label={t('common.gridView') + ' / ' + t('common.listView')} className="hidden sm:flex items-center bg-th-bg-s rounded-lg border border-th-border p-0.5">
|
||||||
<button
|
<button
|
||||||
onClick={() => setViewMode('grid')}
|
onClick={() => setViewMode('grid')}
|
||||||
|
aria-label={t('common.gridView')}
|
||||||
|
aria-pressed={viewMode === 'grid'}
|
||||||
className={`p-1.5 rounded-md transition-colors ${
|
className={`p-1.5 rounded-md transition-colors ${
|
||||||
viewMode === 'grid' ? 'bg-th-accent text-th-accent-t' : 'text-th-text-s hover:text-th-text'
|
viewMode === 'grid' ? 'bg-th-accent text-th-accent-t' : 'text-th-text-s hover:text-th-text'
|
||||||
}`}
|
}`}
|
||||||
@@ -114,6 +116,8 @@ export default function Dashboard() {
|
|||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
onClick={() => setViewMode('list')}
|
onClick={() => setViewMode('list')}
|
||||||
|
aria-label={t('common.listView')}
|
||||||
|
aria-pressed={viewMode === 'list'}
|
||||||
className={`p-1.5 rounded-md transition-colors ${
|
className={`p-1.5 rounded-md transition-colors ${
|
||||||
viewMode === 'list' ? 'bg-th-accent text-th-accent-t' : 'text-th-text-s hover:text-th-text'
|
viewMode === 'list' ? 'bg-th-accent text-th-accent-t' : 'text-th-text-s hover:text-th-text'
|
||||||
}`}
|
}`}
|
||||||
@@ -197,8 +201,9 @@ export default function Dashboard() {
|
|||||||
<Modal title={t('dashboard.createRoom')} onClose={() => setShowCreate(false)}>
|
<Modal title={t('dashboard.createRoom')} onClose={() => setShowCreate(false)}>
|
||||||
<form onSubmit={handleCreate} className="space-y-4">
|
<form onSubmit={handleCreate} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.roomName')} *</label>
|
<label htmlFor="create-room-name" className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.roomName')} *</label>
|
||||||
<input
|
<input
|
||||||
|
id="create-room-name"
|
||||||
type="text"
|
type="text"
|
||||||
value={newRoom.name}
|
value={newRoom.name}
|
||||||
onChange={e => setNewRoom({ ...newRoom, name: e.target.value })}
|
onChange={e => setNewRoom({ ...newRoom, name: e.target.value })}
|
||||||
@@ -210,8 +215,9 @@ export default function Dashboard() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.welcomeMessage')}</label>
|
<label htmlFor="create-room-welcome" className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.welcomeMessage')}</label>
|
||||||
<textarea
|
<textarea
|
||||||
|
id="create-room-welcome"
|
||||||
value={newRoom.welcome_message}
|
value={newRoom.welcome_message}
|
||||||
onChange={e => setNewRoom({ ...newRoom, welcome_message: e.target.value })}
|
onChange={e => setNewRoom({ ...newRoom, welcome_message: e.target.value })}
|
||||||
className="input-field resize-none"
|
className="input-field resize-none"
|
||||||
@@ -222,8 +228,9 @@ export default function Dashboard() {
|
|||||||
|
|
||||||
<div className="grid grid-cols-2 gap-4">
|
<div className="grid grid-cols-2 gap-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.maxParticipants')}</label>
|
<label htmlFor="create-room-max" className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.maxParticipants')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="create-room-max"
|
||||||
type="number"
|
type="number"
|
||||||
value={newRoom.max_participants}
|
value={newRoom.max_participants}
|
||||||
onChange={e => setNewRoom({ ...newRoom, max_participants: parseInt(e.target.value) || 0 })}
|
onChange={e => setNewRoom({ ...newRoom, max_participants: parseInt(e.target.value) || 0 })}
|
||||||
@@ -233,8 +240,9 @@ export default function Dashboard() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.accessCode')}</label>
|
<label htmlFor="create-room-access-code" className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.accessCode')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="create-room-access-code"
|
||||||
type="text"
|
type="text"
|
||||||
value={newRoom.access_code}
|
value={newRoom.access_code}
|
||||||
onChange={e => setNewRoom({ ...newRoom, access_code: e.target.value })}
|
onChange={e => setNewRoom({ ...newRoom, access_code: e.target.value })}
|
||||||
|
|||||||
@@ -0,0 +1,104 @@
|
|||||||
|
import { useState } from 'react';
|
||||||
|
import { Link } from 'react-router-dom';
|
||||||
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
|
import { Mail, ArrowRight, Loader2, CheckCircle } from 'lucide-react';
|
||||||
|
import BrandLogo from '../components/BrandLogo';
|
||||||
|
import api from '../services/api';
|
||||||
|
import toast from 'react-hot-toast';
|
||||||
|
|
||||||
|
export default function ForgotPassword() {
|
||||||
|
const [email, setEmail] = useState('');
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [sent, setSent] = useState(false);
|
||||||
|
const { t } = useLanguage();
|
||||||
|
|
||||||
|
const handleSubmit = async (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
setLoading(true);
|
||||||
|
try {
|
||||||
|
await api.post('/auth/forgot-password', { email });
|
||||||
|
setSent(true);
|
||||||
|
} catch (err) {
|
||||||
|
toast.error(err.response?.data?.error || t('auth.forgotPasswordFailed'));
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen flex items-center justify-center p-6 relative overflow-hidden">
|
||||||
|
{/* Animated background */}
|
||||||
|
<div className="absolute inset-0 bg-th-bg">
|
||||||
|
<div className="absolute inset-0 opacity-30">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-th-accent rounded-full blur-[128px] animate-pulse" />
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-80 h-80 bg-purple-500 rounded-full blur-[128px] animate-pulse" style={{ animationDelay: '2s' }} />
|
||||||
|
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-pink-500 rounded-full blur-[128px] animate-pulse" style={{ animationDelay: '4s' }} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative w-full max-w-md">
|
||||||
|
<div className="card p-8 backdrop-blur-xl bg-th-card/80 border border-th-border shadow-2xl rounded-2xl">
|
||||||
|
<div className="flex justify-center mb-8">
|
||||||
|
<BrandLogo size="lg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{sent ? (
|
||||||
|
<div className="text-center space-y-4">
|
||||||
|
<CheckCircle size={48} className="mx-auto text-green-400" />
|
||||||
|
<h2 className="text-2xl font-bold text-th-text">{t('auth.forgotPasswordSentTitle')}</h2>
|
||||||
|
<p className="text-th-text-s">{t('auth.forgotPasswordSent')}</p>
|
||||||
|
<Link to="/login" className="btn-primary inline-flex items-center gap-2 mt-4">
|
||||||
|
{t('auth.login')}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<div className="mb-8">
|
||||||
|
<h2 className="text-2xl font-bold text-th-text mb-2">{t('auth.forgotPasswordTitle')}</h2>
|
||||||
|
<p className="text-th-text-s">{t('auth.forgotPasswordSubtitle')}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form onSubmit={handleSubmit} className="space-y-5">
|
||||||
|
<div>
|
||||||
|
<label htmlFor="forgot-email" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
||||||
|
<div className="relative">
|
||||||
|
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
|
<input
|
||||||
|
id="forgot-email"
|
||||||
|
type="email"
|
||||||
|
autoComplete="email"
|
||||||
|
value={email}
|
||||||
|
onChange={e => setEmail(e.target.value)}
|
||||||
|
className="input-field pl-11"
|
||||||
|
placeholder={t('auth.emailPlaceholder')}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
disabled={loading}
|
||||||
|
className="btn-primary w-full py-3"
|
||||||
|
>
|
||||||
|
{loading ? (
|
||||||
|
<Loader2 size={18} className="animate-spin" />
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
{t('auth.forgotPasswordSubmit')}
|
||||||
|
<ArrowRight size={18} />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Link to="/login" className="block mt-6 text-center text-sm text-th-text-s hover:text-th-text transition-colors">
|
||||||
|
{t('auth.backToLogin')}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
+14
-6
@@ -3,6 +3,7 @@ import { useParams, Link, useSearchParams, useNavigate } from 'react-router-dom'
|
|||||||
import { Video, User, Lock, Shield, ArrowRight, Loader2, Users, Radio, AlertCircle, FileText, Clock, X } from 'lucide-react';
|
import { Video, User, Lock, Shield, ArrowRight, Loader2, Users, Radio, AlertCircle, FileText, Clock, X } from 'lucide-react';
|
||||||
import BrandLogo from '../components/BrandLogo';
|
import BrandLogo from '../components/BrandLogo';
|
||||||
import api from '../services/api';
|
import api from '../services/api';
|
||||||
|
import { isCurrentThemeDark } from '../themes';
|
||||||
import toast from 'react-hot-toast';
|
import toast from 'react-hot-toast';
|
||||||
import { useLanguage } from '../contexts/LanguageContext';
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
import { useAuth } from '../contexts/AuthContext';
|
import { useAuth } from '../contexts/AuthContext';
|
||||||
@@ -35,6 +36,7 @@ export default function GuestJoin() {
|
|||||||
name: name.trim(),
|
name: name.trim(),
|
||||||
access_code: accessCode || undefined,
|
access_code: accessCode || undefined,
|
||||||
moderator_code: moderatorCode || undefined,
|
moderator_code: moderatorCode || undefined,
|
||||||
|
dark_mode: isCurrentThemeDark(),
|
||||||
};
|
};
|
||||||
// If logged in, send avatar data
|
// If logged in, send avatar data
|
||||||
if (isLoggedIn && user) {
|
if (isLoggedIn && user) {
|
||||||
@@ -230,11 +232,13 @@ export default function GuestJoin() {
|
|||||||
) : (
|
) : (
|
||||||
<form onSubmit={handleJoin} className="space-y-4">
|
<form onSubmit={handleJoin} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('room.guestYourName')} *</label>
|
<label htmlFor="guest-name" className="block text-sm font-medium text-th-text mb-1.5">{t('room.guestYourName')} *</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="guest-name"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="name"
|
||||||
value={name}
|
value={name}
|
||||||
onChange={e => !isLoggedIn && setName(e.target.value)}
|
onChange={e => !isLoggedIn && setName(e.target.value)}
|
||||||
readOnly={isLoggedIn}
|
readOnly={isLoggedIn}
|
||||||
@@ -248,11 +252,13 @@ export default function GuestJoin() {
|
|||||||
|
|
||||||
{roomInfo.has_access_code && (
|
{roomInfo.has_access_code && (
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('room.guestAccessCode')}</label>
|
<label htmlFor="guest-access-code" className="block text-sm font-medium text-th-text mb-1.5">{t('room.guestAccessCode')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="guest-access-code"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="off"
|
||||||
value={accessCode}
|
value={accessCode}
|
||||||
onChange={e => setAccessCode(e.target.value)}
|
onChange={e => setAccessCode(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -263,14 +269,16 @@ export default function GuestJoin() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">
|
<label htmlFor="guest-moderator-code" className="block text-sm font-medium text-th-text mb-1.5">
|
||||||
{t('room.guestModeratorCode')}
|
{t('room.guestModeratorCode')}
|
||||||
<span className="text-th-text-s font-normal ml-1">{t('room.guestModeratorOptional')}</span>
|
<span className="text-th-text-s font-normal ml-1">{t('room.guestModeratorOptional')}</span>
|
||||||
</label>
|
</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Shield size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Shield size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="guest-moderator-code"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="off"
|
||||||
value={moderatorCode}
|
value={moderatorCode}
|
||||||
onChange={e => setModeratorCode(e.target.value)}
|
onChange={e => setModeratorCode(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
|
|||||||
+20
-68
@@ -1,5 +1,5 @@
|
|||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
import { Video, Shield, Users, Palette, ArrowRight, Zap, Globe, FileText, Lock, Network, CalendarDays, Bell, KeyRound, BarChart2, Settings2 } from 'lucide-react';
|
import { Video, Users, FileVideo, Network, CalendarDays, BarChart2, ArrowRight, FileText, Lock } from 'lucide-react';
|
||||||
import BrandLogo from '../components/BrandLogo';
|
import BrandLogo from '../components/BrandLogo';
|
||||||
import { useLanguage } from '../contexts/LanguageContext';
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
import { useBranding } from '../contexts/BrandingContext';
|
import { useBranding } from '../contexts/BrandingContext';
|
||||||
@@ -21,7 +21,7 @@ export default function Home() {
|
|||||||
desc: t('home.featureRoomsDesc'),
|
desc: t('home.featureRoomsDesc'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: FileVideo,
|
||||||
title: t('home.featureRecordingsTitle'),
|
title: t('home.featureRecordingsTitle'),
|
||||||
desc: t('home.featureRecordingsDesc'),
|
desc: t('home.featureRecordingsDesc'),
|
||||||
},
|
},
|
||||||
@@ -35,38 +35,21 @@ export default function Home() {
|
|||||||
title: t('home.featureCalendarTitle'),
|
title: t('home.featureCalendarTitle'),
|
||||||
desc: t('home.featureCalendarDesc'),
|
desc: t('home.featureCalendarDesc'),
|
||||||
},
|
},
|
||||||
{
|
|
||||||
icon: Bell,
|
|
||||||
title: t('home.featureNotificationsTitle'),
|
|
||||||
desc: t('home.featureNotificationsDesc'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: KeyRound,
|
|
||||||
title: t('home.featureOAuthTitle'),
|
|
||||||
desc: t('home.featureOAuthDesc'),
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: BarChart2,
|
icon: BarChart2,
|
||||||
title: t('home.featureAnalyticsTitle'),
|
title: t('home.featureAnalyticsTitle'),
|
||||||
desc: t('home.featureAnalyticsDesc'),
|
desc: t('home.featureAnalyticsDesc'),
|
||||||
},
|
},
|
||||||
{
|
|
||||||
icon: Palette,
|
|
||||||
title: t('home.featureThemesTitle'),
|
|
||||||
desc: t('home.featureThemesDesc'),
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-th-bg">
|
<div className="min-h-screen bg-th-bg">
|
||||||
{/* Hero Section */}
|
|
||||||
<div className="relative overflow-hidden">
|
<div className="relative overflow-hidden">
|
||||||
{/* Background gradient */}
|
{/* Background gradient */}
|
||||||
<div className="absolute inset-0 gradient-bg opacity-5" />
|
<div className="absolute inset-0 gradient-bg opacity-5" />
|
||||||
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] gradient-bg opacity-10 blur-3xl rounded-full" />
|
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] gradient-bg opacity-10 blur-3xl rounded-full" />
|
||||||
|
|
||||||
{/* Navbar */}
|
<nav className="relative z-10 flex items-center justify-between px-6 md:px-12 py-4 border-b border-th-border">
|
||||||
<nav className="relative z-10 flex items-center justify-between px-6 md:px-12 py-4">
|
|
||||||
<BrandLogo size="md" />
|
<BrandLogo size="md" />
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<Link to="/login" className="btn-ghost text-sm">
|
<Link to="/login" className="btn-ghost text-sm">
|
||||||
@@ -75,75 +58,43 @@ export default function Home() {
|
|||||||
{!isInviteOnly && (
|
{!isInviteOnly && (
|
||||||
<Link to="/register" className="btn-primary text-sm">
|
<Link to="/register" className="btn-primary text-sm">
|
||||||
{t('auth.register')}
|
{t('auth.register')}
|
||||||
<ArrowRight size={16} />
|
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
{/* Hero content */}
|
{/* Hero */}
|
||||||
<div className="relative z-10 max-w-4xl mx-auto text-center px-6 pt-20 pb-32">
|
<div className="relative z-10 max-w-3xl mx-auto px-6 pt-24 pb-20">
|
||||||
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-th-accent/10 text-th-accent text-sm font-medium mb-6">
|
<h1 className="text-3xl md:text-4xl font-bold text-th-text mb-4">
|
||||||
<Zap size={14} />
|
{t('home.heroTitle')}
|
||||||
{t('home.madeFor')}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 className="text-4xl md:text-6xl lg:text-7xl font-extrabold text-th-text mb-6 leading-tight tracking-tight">
|
|
||||||
{t('home.heroTitle')}{' '}
|
|
||||||
<span className="gradient-text">{t('home.heroTitleHighlight')}</span>
|
|
||||||
</h1>
|
</h1>
|
||||||
|
<p className="text-lg text-th-text-s mb-8 leading-relaxed">
|
||||||
<p className="text-lg md:text-xl text-th-text-s max-w-2xl mx-auto mb-10 leading-relaxed">
|
|
||||||
{t('home.heroSubtitle')}
|
{t('home.heroSubtitle')}
|
||||||
</p>
|
</p>
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
<div className="flex items-center gap-4 justify-center">
|
|
||||||
{!isInviteOnly && (
|
{!isInviteOnly && (
|
||||||
<Link to="/register" className="btn-primary text-base px-8 py-3">
|
<Link to="/register" className="btn-primary px-6 py-2.5">
|
||||||
{t('home.getStarted')}
|
{t('home.getStarted')}
|
||||||
<ArrowRight size={18} />
|
<ArrowRight size={16} />
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
<Link to="/login" className={`${isInviteOnly ? 'btn-primary' : 'btn-secondary'} text-base px-8 py-3`}>
|
<Link to="/login" className={`${isInviteOnly ? 'btn-primary' : 'btn-secondary'} px-6 py-2.5`}>
|
||||||
{t('auth.login')}
|
{t('auth.login')}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Stats */}
|
|
||||||
<div className="flex items-center justify-center gap-8 md:gap-16 mt-16">
|
|
||||||
{[
|
|
||||||
{ value: '15+', label: t('home.statThemes') },
|
|
||||||
{ value: '∞', label: t('home.statRooms') },
|
|
||||||
{ value: '100%', label: t('home.statOpenSource') },
|
|
||||||
].map(stat => (
|
|
||||||
<div key={stat.label} className="text-center">
|
|
||||||
<div className="text-2xl md:text-3xl font-bold gradient-text">{stat.value}</div>
|
|
||||||
<div className="text-sm text-th-text-s mt-1">{stat.label}</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Features Section */}
|
{/* Features */}
|
||||||
<div className="max-w-6xl mx-auto px-6 py-20">
|
<div className="border-t border-th-border">
|
||||||
<div className="text-center mb-16">
|
<div className="max-w-5xl mx-auto px-6 py-16">
|
||||||
<h2 className="text-3xl md:text-4xl font-bold text-th-text mb-4">
|
<h2 className="text-xl font-semibold text-th-text mb-10">
|
||||||
{t('home.features')}
|
{t('home.features')}
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg text-th-text-s max-w-2xl mx-auto">
|
|
||||||
{t('home.featuresSubtitle')}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
{features.map((feature, idx) => (
|
{features.map(feature => (
|
||||||
<div key={idx} className="card p-6 hover:shadow-th-lg transition-all duration-300 group">
|
<div key={feature.title} className="card p-6 hover:shadow-th-lg transition-shadow">
|
||||||
<div className="w-12 h-12 rounded-xl gradient-bg/10 flex items-center justify-center mb-4 group-hover:scale-110 transition-transform"
|
<div className="w-12 h-12 rounded-xl bg-th-accent/10 flex items-center justify-center mb-4">
|
||||||
style={{ background: `linear-gradient(135deg, var(--gradient-start), var(--gradient-end))`, opacity: 0.15 }}>
|
|
||||||
<feature.icon size={24} className="text-th-accent" style={{ opacity: 1 }} />
|
|
||||||
</div>
|
|
||||||
<div className="w-12 h-12 rounded-xl flex items-center justify-center mb-4 -mt-16 relative">
|
|
||||||
<feature.icon size={24} className="text-th-accent" />
|
<feature.icon size={24} className="text-th-accent" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-base font-semibold text-th-text mb-2">{feature.title}</h3>
|
<h3 className="text-base font-semibold text-th-text mb-2">{feature.title}</h3>
|
||||||
@@ -152,6 +103,7 @@ export default function Home() {
|
|||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* Footer */}
|
{/* Footer */}
|
||||||
<footer className="border-t border-th-border py-8 text-center">
|
<footer className="border-t border-th-border py-8 text-center">
|
||||||
|
|||||||
+13
-4
@@ -189,11 +189,13 @@ export default function Login() {
|
|||||||
|
|
||||||
<form onSubmit={handleSubmit} className="space-y-5">
|
<form onSubmit={handleSubmit} className="space-y-5">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
<label htmlFor="login-email" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="login-email"
|
||||||
type="email"
|
type="email"
|
||||||
|
autoComplete="email"
|
||||||
value={email}
|
value={email}
|
||||||
onChange={e => setEmail(e.target.value)}
|
onChange={e => setEmail(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -204,11 +206,13 @@ export default function Login() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.password')}</label>
|
<label htmlFor="login-password" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.password')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="login-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="current-password"
|
||||||
value={password}
|
value={password}
|
||||||
onChange={e => setPassword(e.target.value)}
|
onChange={e => setPassword(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -216,6 +220,11 @@ export default function Login() {
|
|||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="mt-1.5 text-right">
|
||||||
|
<Link to="/forgot-password" className="text-sm text-th-accent hover:underline">
|
||||||
|
{t('auth.forgotPassword')}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
|||||||
+20
-10
@@ -104,11 +104,13 @@ export default function Register() {
|
|||||||
|
|
||||||
<form onSubmit={handleSubmit} className="space-y-5">
|
<form onSubmit={handleSubmit} className="space-y-5">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.username')}</label>
|
<label htmlFor="register-username" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.username')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="register-username"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="username"
|
||||||
value={username}
|
value={username}
|
||||||
onChange={e => setUsername(e.target.value)}
|
onChange={e => setUsername(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -120,11 +122,13 @@ export default function Register() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.displayName')}</label>
|
<label htmlFor="register-display-name" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.displayName')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="register-display-name"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="name"
|
||||||
value={displayName}
|
value={displayName}
|
||||||
onChange={e => setDisplayName(e.target.value)}
|
onChange={e => setDisplayName(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -135,11 +139,13 @@ export default function Register() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
<label htmlFor="register-email" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="register-email"
|
||||||
type="email"
|
type="email"
|
||||||
|
autoComplete="email"
|
||||||
value={email}
|
value={email}
|
||||||
onChange={e => setEmail(e.target.value)}
|
onChange={e => setEmail(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -150,11 +156,13 @@ export default function Register() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.password')}</label>
|
<label htmlFor="register-password" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.password')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="register-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={password}
|
value={password}
|
||||||
onChange={e => setPassword(e.target.value)}
|
onChange={e => setPassword(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -166,11 +174,13 @@ export default function Register() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.confirmPassword')}</label>
|
<label htmlFor="register-confirm-password" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.confirmPassword')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="register-confirm-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={confirmPassword}
|
value={confirmPassword}
|
||||||
onChange={e => setConfirmPassword(e.target.value)}
|
onChange={e => setConfirmPassword(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
|
|||||||
@@ -0,0 +1,147 @@
|
|||||||
|
import { useState } from 'react';
|
||||||
|
import { Link, useSearchParams, useNavigate } from 'react-router-dom';
|
||||||
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
|
import { Lock, ArrowRight, Loader2, CheckCircle, XCircle } from 'lucide-react';
|
||||||
|
import BrandLogo from '../components/BrandLogo';
|
||||||
|
import api from '../services/api';
|
||||||
|
import toast from 'react-hot-toast';
|
||||||
|
|
||||||
|
const MIN_PASSWORD_LENGTH = 8;
|
||||||
|
|
||||||
|
export default function ResetPassword() {
|
||||||
|
const [searchParams] = useSearchParams();
|
||||||
|
const token = searchParams.get('token');
|
||||||
|
const { t } = useLanguage();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
const [password, setPassword] = useState('');
|
||||||
|
const [confirm, setConfirm] = useState('');
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [done, setDone] = useState(false);
|
||||||
|
|
||||||
|
const handleSubmit = async (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
if (password.length < MIN_PASSWORD_LENGTH) {
|
||||||
|
toast.error(t('auth.passwordMinLength'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (password !== confirm) {
|
||||||
|
toast.error(t('auth.passwordMismatch'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setLoading(true);
|
||||||
|
try {
|
||||||
|
await api.post('/auth/reset-password', { token, password });
|
||||||
|
setDone(true);
|
||||||
|
toast.success(t('auth.resetPasswordSuccess'));
|
||||||
|
setTimeout(() => navigate('/login'), 2500);
|
||||||
|
} catch (err) {
|
||||||
|
toast.error(err.response?.data?.error || t('auth.resetPasswordFailed'));
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen flex items-center justify-center p-6 relative overflow-hidden">
|
||||||
|
{/* Animated background */}
|
||||||
|
<div className="absolute inset-0 bg-th-bg">
|
||||||
|
<div className="absolute inset-0 opacity-30">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-th-accent rounded-full blur-[128px] animate-pulse" />
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-80 h-80 bg-purple-500 rounded-full blur-[128px] animate-pulse" style={{ animationDelay: '2s' }} />
|
||||||
|
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-pink-500 rounded-full blur-[128px] animate-pulse" style={{ animationDelay: '4s' }} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative w-full max-w-md">
|
||||||
|
<div className="card p-8 backdrop-blur-xl bg-th-card/80 border border-th-border shadow-2xl rounded-2xl">
|
||||||
|
<div className="flex justify-center mb-8">
|
||||||
|
<BrandLogo size="lg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{!token ? (
|
||||||
|
<div className="text-center space-y-4">
|
||||||
|
<XCircle size={48} className="mx-auto text-red-400" />
|
||||||
|
<h2 className="text-2xl font-bold text-th-text">{t('auth.resetPasswordFailed')}</h2>
|
||||||
|
<p className="text-th-text-s">{t('auth.resetTokenMissing')}</p>
|
||||||
|
<Link to="/forgot-password" className="btn-primary inline-flex items-center gap-2 mt-4">
|
||||||
|
{t('auth.forgotPasswordTitle')}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
) : done ? (
|
||||||
|
<div className="text-center space-y-4">
|
||||||
|
<CheckCircle size={48} className="mx-auto text-green-400" />
|
||||||
|
<h2 className="text-2xl font-bold text-th-text">{t('auth.resetPasswordSuccessTitle')}</h2>
|
||||||
|
<p className="text-th-text-s">{t('auth.resetPasswordSuccess')}</p>
|
||||||
|
<Link to="/login" className="btn-primary inline-flex items-center gap-2 mt-4">
|
||||||
|
{t('auth.login')}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<div className="mb-8">
|
||||||
|
<h2 className="text-2xl font-bold text-th-text mb-2">{t('auth.resetPasswordTitle')}</h2>
|
||||||
|
<p className="text-th-text-s">{t('auth.resetPasswordSubtitle')}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form onSubmit={handleSubmit} className="space-y-5">
|
||||||
|
<div>
|
||||||
|
<label htmlFor="reset-password" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.newPassword')}</label>
|
||||||
|
<div className="relative">
|
||||||
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
|
<input
|
||||||
|
id="reset-password"
|
||||||
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
|
value={password}
|
||||||
|
onChange={e => setPassword(e.target.value)}
|
||||||
|
className="input-field pl-11"
|
||||||
|
placeholder={t('auth.passwordPlaceholder')}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label htmlFor="reset-confirm" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.confirmPassword')}</label>
|
||||||
|
<div className="relative">
|
||||||
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
|
<input
|
||||||
|
id="reset-confirm"
|
||||||
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
|
value={confirm}
|
||||||
|
onChange={e => setConfirm(e.target.value)}
|
||||||
|
className="input-field pl-11"
|
||||||
|
placeholder={t('auth.passwordPlaceholder')}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
disabled={loading}
|
||||||
|
className="btn-primary w-full py-3"
|
||||||
|
>
|
||||||
|
{loading ? (
|
||||||
|
<Loader2 size={18} className="animate-spin" />
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
{t('auth.resetPasswordSubmit')}
|
||||||
|
<ArrowRight size={18} />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Link to="/login" className="block mt-6 text-center text-sm text-th-text-s hover:text-th-text transition-colors">
|
||||||
|
{t('auth.backToLogin')}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
+38
-12
@@ -8,7 +8,9 @@ import {
|
|||||||
} from 'lucide-react';
|
} from 'lucide-react';
|
||||||
import Modal from '../components/Modal';
|
import Modal from '../components/Modal';
|
||||||
import api from '../services/api';
|
import api from '../services/api';
|
||||||
|
import { isCurrentThemeDark } from '../themes';
|
||||||
import { useAuth } from '../contexts/AuthContext';
|
import { useAuth } from '../contexts/AuthContext';
|
||||||
|
import { useBranding } from '../contexts/BrandingContext';
|
||||||
import { useLanguage } from '../contexts/LanguageContext';
|
import { useLanguage } from '../contexts/LanguageContext';
|
||||||
import RecordingList from '../components/RecordingList';
|
import RecordingList from '../components/RecordingList';
|
||||||
import AnalyticsList from '../components/AnalyticsList';
|
import AnalyticsList from '../components/AnalyticsList';
|
||||||
@@ -18,6 +20,7 @@ export default function RoomDetail() {
|
|||||||
const { uid } = useParams();
|
const { uid } = useParams();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { user } = useAuth();
|
const { user } = useAuth();
|
||||||
|
const { transcriptionEnabled } = useBranding();
|
||||||
const { t } = useLanguage();
|
const { t } = useLanguage();
|
||||||
|
|
||||||
const [room, setRoom] = useState(null);
|
const [room, setRoom] = useState(null);
|
||||||
@@ -124,7 +127,7 @@ export default function RoomDetail() {
|
|||||||
toast.success(t('room.meetingStarted'));
|
toast.success(t('room.meetingStarted'));
|
||||||
setWaitingToJoin(false);
|
setWaitingToJoin(false);
|
||||||
setActionLoading('join');
|
setActionLoading('join');
|
||||||
api.post(`/rooms/${uid}/join`, {})
|
api.post(`/rooms/${uid}/join`, { dark_mode: isCurrentThemeDark() })
|
||||||
.then(res => { if (res.data.joinUrl) window.open(res.data.joinUrl, '_blank'); })
|
.then(res => { if (res.data.joinUrl) window.open(res.data.joinUrl, '_blank'); })
|
||||||
.catch(err => toast.error(err.response?.data?.error || t('room.joinFailed')))
|
.catch(err => toast.error(err.response?.data?.error || t('room.joinFailed')))
|
||||||
.finally(() => setActionLoading(null));
|
.finally(() => setActionLoading(null));
|
||||||
@@ -135,7 +138,7 @@ export default function RoomDetail() {
|
|||||||
const handleStart = async () => {
|
const handleStart = async () => {
|
||||||
setActionLoading('start');
|
setActionLoading('start');
|
||||||
try {
|
try {
|
||||||
const res = await api.post(`/rooms/${uid}/start`);
|
const res = await api.post(`/rooms/${uid}/start`, { dark_mode: isCurrentThemeDark() });
|
||||||
if (res.data.joinUrl) {
|
if (res.data.joinUrl) {
|
||||||
window.open(res.data.joinUrl, '_blank');
|
window.open(res.data.joinUrl, '_blank');
|
||||||
}
|
}
|
||||||
@@ -157,7 +160,8 @@ export default function RoomDetail() {
|
|||||||
setWaitingToJoin(false);
|
setWaitingToJoin(false);
|
||||||
setActionLoading('join');
|
setActionLoading('join');
|
||||||
try {
|
try {
|
||||||
const data = room.access_code ? { access_code: prompt(t('room.enterAccessCode')) } : {};
|
const data = { dark_mode: isCurrentThemeDark() };
|
||||||
|
if (room.access_code) data.access_code = prompt(t('room.enterAccessCode'));
|
||||||
const res = await api.post(`/rooms/${uid}/join`, data);
|
const res = await api.post(`/rooms/${uid}/join`, data);
|
||||||
if (res.data.joinUrl) {
|
if (res.data.joinUrl) {
|
||||||
window.open(res.data.joinUrl, '_blank');
|
window.open(res.data.joinUrl, '_blank');
|
||||||
@@ -201,6 +205,7 @@ export default function RoomDetail() {
|
|||||||
moderator_code: editRoom.moderator_code,
|
moderator_code: editRoom.moderator_code,
|
||||||
learning_analytics: !!editRoom.learning_analytics,
|
learning_analytics: !!editRoom.learning_analytics,
|
||||||
analytics_visibility: editRoom.analytics_visibility || 'owner',
|
analytics_visibility: editRoom.analytics_visibility || 'owner',
|
||||||
|
recording_transcript: !!editRoom.recording_transcript,
|
||||||
});
|
});
|
||||||
setRoom(res.data.room);
|
setRoom(res.data.room);
|
||||||
setEditRoom(res.data.room);
|
setEditRoom(res.data.room);
|
||||||
@@ -580,8 +585,9 @@ export default function RoomDetail() {
|
|||||||
{activeTab === 'settings' && isOwner && editRoom && (
|
{activeTab === 'settings' && isOwner && editRoom && (
|
||||||
<form onSubmit={handleSaveSettings} className="card p-6 space-y-5 max-w-2xl">
|
<form onSubmit={handleSaveSettings} className="card p-6 space-y-5 max-w-2xl">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.roomName')}</label>
|
<label htmlFor="room-settings-name" className="block text-sm font-medium text-th-text mb-1.5">{t('dashboard.roomName')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="room-settings-name"
|
||||||
type="text"
|
type="text"
|
||||||
value={editRoom.name}
|
value={editRoom.name}
|
||||||
onChange={e => setEditRoom({ ...editRoom, name: e.target.value })}
|
onChange={e => setEditRoom({ ...editRoom, name: e.target.value })}
|
||||||
@@ -592,8 +598,9 @@ export default function RoomDetail() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('room.welcomeMsg')}</label>
|
<label htmlFor="room-settings-welcome" className="block text-sm font-medium text-th-text mb-1.5">{t('room.welcomeMsg')}</label>
|
||||||
<textarea
|
<textarea
|
||||||
|
id="room-settings-welcome"
|
||||||
value={editRoom.welcome_message || ''}
|
value={editRoom.welcome_message || ''}
|
||||||
onChange={e => setEditRoom({ ...editRoom, welcome_message: e.target.value })}
|
onChange={e => setEditRoom({ ...editRoom, welcome_message: e.target.value })}
|
||||||
className="input-field resize-none"
|
className="input-field resize-none"
|
||||||
@@ -603,8 +610,9 @@ export default function RoomDetail() {
|
|||||||
|
|
||||||
<div className="grid grid-cols-2 gap-4">
|
<div className="grid grid-cols-2 gap-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('room.maxParticipants')}</label>
|
<label htmlFor="room-settings-max" className="block text-sm font-medium text-th-text mb-1.5">{t('room.maxParticipants')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="room-settings-max"
|
||||||
type="number"
|
type="number"
|
||||||
value={editRoom.max_participants}
|
value={editRoom.max_participants}
|
||||||
onChange={e => setEditRoom({ ...editRoom, max_participants: parseInt(e.target.value) || 0 })}
|
onChange={e => setEditRoom({ ...editRoom, max_participants: parseInt(e.target.value) || 0 })}
|
||||||
@@ -613,8 +621,9 @@ export default function RoomDetail() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('room.accessCode')}</label>
|
<label htmlFor="room-settings-access-code" className="block text-sm font-medium text-th-text mb-1.5">{t('room.accessCode')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="room-settings-access-code"
|
||||||
type="text"
|
type="text"
|
||||||
value={editRoom.access_code || ''}
|
value={editRoom.access_code || ''}
|
||||||
onChange={e => setEditRoom({ ...editRoom, access_code: e.target.value })}
|
onChange={e => setEditRoom({ ...editRoom, access_code: e.target.value })}
|
||||||
@@ -670,6 +679,18 @@ export default function RoomDetail() {
|
|||||||
/>
|
/>
|
||||||
<span className="text-sm text-th-text">{t('room.allowRecording')}</span>
|
<span className="text-sm text-th-text">{t('room.allowRecording')}</span>
|
||||||
</label>
|
</label>
|
||||||
|
{transcriptionEnabled && (
|
||||||
|
<label className={`flex items-center gap-3 ${editRoom.record_meeting ? 'cursor-pointer' : 'opacity-50 cursor-not-allowed'}`}>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
checked={!!editRoom.recording_transcript}
|
||||||
|
disabled={!editRoom.record_meeting}
|
||||||
|
onChange={e => setEditRoom({ ...editRoom, recording_transcript: e.target.checked })}
|
||||||
|
className="w-4 h-4 rounded-sm border-th-border text-th-accent focus:ring-th-ring"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-th-text">{t('room.enableTranscript')}</span>
|
||||||
|
</label>
|
||||||
|
)}
|
||||||
<label className="flex items-center gap-3 cursor-pointer">
|
<label className="flex items-center gap-3 cursor-pointer">
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
@@ -681,8 +702,9 @@ export default function RoomDetail() {
|
|||||||
</label>
|
</label>
|
||||||
{!!editRoom.learning_analytics && (
|
{!!editRoom.learning_analytics && (
|
||||||
<div className="ml-7">
|
<div className="ml-7">
|
||||||
<label className="block text-xs font-medium text-th-text-s mb-1">{t('room.analyticsVisibility')}</label>
|
<label htmlFor="room-settings-analytics-visibility" className="block text-xs font-medium text-th-text-s mb-1">{t('room.analyticsVisibility')}</label>
|
||||||
<select
|
<select
|
||||||
|
id="room-settings-analytics-visibility"
|
||||||
value={editRoom.analytics_visibility || 'owner'}
|
value={editRoom.analytics_visibility || 'owner'}
|
||||||
onChange={e => setEditRoom({ ...editRoom, analytics_visibility: e.target.value })}
|
onChange={e => setEditRoom({ ...editRoom, analytics_visibility: e.target.value })}
|
||||||
className="input-field text-sm py-1.5 max-w-xs"
|
className="input-field text-sm py-1.5 max-w-xs"
|
||||||
@@ -700,8 +722,9 @@ export default function RoomDetail() {
|
|||||||
<h3 className="text-sm font-semibold text-th-text">{t('room.guestAccessTitle')}</h3>
|
<h3 className="text-sm font-semibold text-th-text">{t('room.guestAccessTitle')}</h3>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('room.moderatorCode')}</label>
|
<label htmlFor="room-settings-moderator-code" className="block text-sm font-medium text-th-text mb-1.5">{t('room.moderatorCode')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="room-settings-moderator-code"
|
||||||
type="text"
|
type="text"
|
||||||
value={editRoom.moderator_code || ''}
|
value={editRoom.moderator_code || ''}
|
||||||
onChange={e => setEditRoom({ ...editRoom, moderator_code: e.target.value })}
|
onChange={e => setEditRoom({ ...editRoom, moderator_code: e.target.value })}
|
||||||
@@ -883,8 +906,9 @@ export default function RoomDetail() {
|
|||||||
<p className="text-sm text-th-text-s mb-4">{t('federation.inviteSubtitle')}</p>
|
<p className="text-sm text-th-text-s mb-4">{t('federation.inviteSubtitle')}</p>
|
||||||
<form onSubmit={handleFedInvite} className="space-y-4">
|
<form onSubmit={handleFedInvite} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('federation.addressLabel')}</label>
|
<label htmlFor="fed-invite-address" className="block text-sm font-medium text-th-text mb-1.5">{t('federation.addressLabel')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="fed-invite-address"
|
||||||
type="text"
|
type="text"
|
||||||
value={fedAddress}
|
value={fedAddress}
|
||||||
onChange={e => { setFedAddress(e.target.value); if (e.target.value) setFedEmails(''); }}
|
onChange={e => { setFedAddress(e.target.value); if (e.target.value) setFedEmails(''); }}
|
||||||
@@ -902,8 +926,9 @@ export default function RoomDetail() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('federation.emailLabel')}</label>
|
<label htmlFor="fed-invite-emails" className="block text-sm font-medium text-th-text mb-1.5">{t('federation.emailLabel')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="fed-invite-emails"
|
||||||
type="text"
|
type="text"
|
||||||
value={fedEmails}
|
value={fedEmails}
|
||||||
onChange={e => { setFedEmails(e.target.value); if (e.target.value) setFedAddress(''); }}
|
onChange={e => { setFedEmails(e.target.value); if (e.target.value) setFedAddress(''); }}
|
||||||
@@ -915,8 +940,9 @@ export default function RoomDetail() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('federation.messageLabel')}</label>
|
<label htmlFor="fed-invite-message" className="block text-sm font-medium text-th-text mb-1.5">{t('federation.messageLabel')}</label>
|
||||||
<textarea
|
<textarea
|
||||||
|
id="fed-invite-message"
|
||||||
value={fedMessage}
|
value={fedMessage}
|
||||||
onChange={e => setFedMessage(e.target.value)}
|
onChange={e => setFedMessage(e.target.value)}
|
||||||
className="input-field resize-none"
|
className="input-field resize-none"
|
||||||
|
|||||||
+40
-19
@@ -301,7 +301,7 @@ export default function Settings() {
|
|||||||
{user?.avatar_image ? (
|
{user?.avatar_image ? (
|
||||||
<img
|
<img
|
||||||
src={`${api.defaults.baseURL}/auth/avatar/${user.avatar_image}`}
|
src={`${api.defaults.baseURL}/auth/avatar/${user.avatar_image}`}
|
||||||
alt="Avatar"
|
alt=""
|
||||||
className="w-16 h-16 rounded-full object-cover"
|
className="w-16 h-16 rounded-full object-cover"
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
@@ -316,6 +316,7 @@ export default function Settings() {
|
|||||||
type="button"
|
type="button"
|
||||||
onClick={() => fileInputRef.current?.click()}
|
onClick={() => fileInputRef.current?.click()}
|
||||||
disabled={uploadingAvatar}
|
disabled={uploadingAvatar}
|
||||||
|
aria-label={t('settings.uploadImage')}
|
||||||
className="absolute inset-0 rounded-full bg-black/50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
|
className="absolute inset-0 rounded-full bg-black/50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
|
||||||
>
|
>
|
||||||
{uploadingAvatar ? (
|
{uploadingAvatar ? (
|
||||||
@@ -360,12 +361,15 @@ export default function Settings() {
|
|||||||
|
|
||||||
{/* Avatar Color (fallback) */}
|
{/* Avatar Color (fallback) */}
|
||||||
<div className="mb-6">
|
<div className="mb-6">
|
||||||
<label className="block text-sm font-medium text-th-text mb-3">{t('settings.avatarColor')}</label>
|
<p id="avatar-color-label" className="block text-sm font-medium text-th-text mb-3">{t('settings.avatarColor')}</p>
|
||||||
<div className="flex flex-wrap gap-2">
|
<div role="radiogroup" aria-labelledby="avatar-color-label" className="flex flex-wrap gap-2">
|
||||||
{avatarColors.map(color => (
|
{avatarColors.map(color => (
|
||||||
<button
|
<button
|
||||||
key={color}
|
key={color}
|
||||||
onClick={() => handleAvatarColor(color)}
|
onClick={() => handleAvatarColor(color)}
|
||||||
|
role="radio"
|
||||||
|
aria-checked={user?.avatar_color === color}
|
||||||
|
aria-label={color}
|
||||||
className={`w-7 h-7 rounded-full ring-2 ring-offset-2 transition-all ${
|
className={`w-7 h-7 rounded-full ring-2 ring-offset-2 transition-all ${
|
||||||
user?.avatar_color === color ? 'ring-th-accent' : 'ring-transparent hover:ring-th-border'
|
user?.avatar_color === color ? 'ring-th-accent' : 'ring-transparent hover:ring-th-border'
|
||||||
}`}
|
}`}
|
||||||
@@ -378,11 +382,13 @@ export default function Settings() {
|
|||||||
|
|
||||||
<form onSubmit={handleProfileSave} className="space-y-4">
|
<form onSubmit={handleProfileSave} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.username')}</label>
|
<label htmlFor="settings-username" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.username')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="settings-username"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="username"
|
||||||
value={profile.name}
|
value={profile.name}
|
||||||
onChange={e => setProfile({ ...profile, name: e.target.value })}
|
onChange={e => setProfile({ ...profile, name: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -392,11 +398,13 @@ export default function Settings() {
|
|||||||
<p className="text-xs text-th-text-s mt-1">{t('auth.usernameHint')}</p>
|
<p className="text-xs text-th-text-s mt-1">{t('auth.usernameHint')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.displayName')}</label>
|
<label htmlFor="settings-display-name" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.displayName')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<User size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="settings-display-name"
|
||||||
type="text"
|
type="text"
|
||||||
|
autoComplete="name"
|
||||||
value={profile.display_name}
|
value={profile.display_name}
|
||||||
onChange={e => setProfile({ ...profile, display_name: e.target.value })}
|
onChange={e => setProfile({ ...profile, display_name: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -404,11 +412,13 @@ export default function Settings() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
<label htmlFor="settings-email" className="block text-sm font-medium text-th-text mb-1.5">{t('auth.email')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Mail size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="settings-email"
|
||||||
type="email"
|
type="email"
|
||||||
|
autoComplete="email"
|
||||||
value={profile.email}
|
value={profile.email}
|
||||||
onChange={e => setProfile({ ...profile, email: e.target.value })}
|
onChange={e => setProfile({ ...profile, email: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -430,11 +440,13 @@ export default function Settings() {
|
|||||||
<h2 className="text-lg font-semibold text-th-text mb-6">{t('settings.changePassword')}</h2>
|
<h2 className="text-lg font-semibold text-th-text mb-6">{t('settings.changePassword')}</h2>
|
||||||
<form onSubmit={handlePasswordSave} className="space-y-4">
|
<form onSubmit={handlePasswordSave} className="space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('settings.currentPassword')}</label>
|
<label htmlFor="settings-current-password" className="block text-sm font-medium text-th-text mb-1.5">{t('settings.currentPassword')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="settings-current-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="current-password"
|
||||||
value={passwords.currentPassword}
|
value={passwords.currentPassword}
|
||||||
onChange={e => setPasswords({ ...passwords, currentPassword: e.target.value })}
|
onChange={e => setPasswords({ ...passwords, currentPassword: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -443,11 +455,13 @@ export default function Settings() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('settings.newPassword')}</label>
|
<label htmlFor="settings-new-password" className="block text-sm font-medium text-th-text mb-1.5">{t('settings.newPassword')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="settings-new-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={passwords.newPassword}
|
value={passwords.newPassword}
|
||||||
onChange={e => setPasswords({ ...passwords, newPassword: e.target.value })}
|
onChange={e => setPasswords({ ...passwords, newPassword: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -458,11 +472,13 @@ export default function Settings() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('settings.confirmNewPassword')}</label>
|
<label htmlFor="settings-confirm-new-password" className="block text-sm font-medium text-th-text mb-1.5">{t('settings.confirmNewPassword')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="settings-confirm-new-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="new-password"
|
||||||
value={passwords.confirmPassword}
|
value={passwords.confirmPassword}
|
||||||
onChange={e => setPasswords({ ...passwords, confirmPassword: e.target.value })}
|
onChange={e => setPasswords({ ...passwords, confirmPassword: e.target.value })}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -514,11 +530,13 @@ export default function Settings() {
|
|||||||
<form onSubmit={handleDisable2FA} className="space-y-4 p-4 rounded-xl bg-th-bg-t border border-th-border">
|
<form onSubmit={handleDisable2FA} className="space-y-4 p-4 rounded-xl bg-th-bg-t border border-th-border">
|
||||||
<p className="text-sm text-th-text-s">{t('settings.security.disableConfirm')}</p>
|
<p className="text-sm text-th-text-s">{t('settings.security.disableConfirm')}</p>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('settings.currentPassword')}</label>
|
<label htmlFor="twofa-disable-password" className="block text-sm font-medium text-th-text mb-1.5">{t('settings.currentPassword')}</label>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" />
|
<Lock size={18} className="absolute left-3.5 top-1/2 -translate-y-1/2 text-th-text-s" aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
|
id="twofa-disable-password"
|
||||||
type="password"
|
type="password"
|
||||||
|
autoComplete="current-password"
|
||||||
value={twoFaDisablePassword}
|
value={twoFaDisablePassword}
|
||||||
onChange={e => setTwoFaDisablePassword(e.target.value)}
|
onChange={e => setTwoFaDisablePassword(e.target.value)}
|
||||||
className="input-field pl-11"
|
className="input-field pl-11"
|
||||||
@@ -527,8 +545,9 @@ export default function Settings() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('settings.security.codeLabel')}</label>
|
<label htmlFor="twofa-disable-code" className="block text-sm font-medium text-th-text mb-1.5">{t('settings.security.codeLabel')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="twofa-disable-code"
|
||||||
type="text"
|
type="text"
|
||||||
inputMode="numeric"
|
inputMode="numeric"
|
||||||
autoComplete="one-time-code"
|
autoComplete="one-time-code"
|
||||||
@@ -570,6 +589,7 @@ export default function Settings() {
|
|||||||
<button
|
<button
|
||||||
onClick={() => { navigator.clipboard.writeText(twoFaSetupData.secret); toast.success(t('room.linkCopied')); }}
|
onClick={() => { navigator.clipboard.writeText(twoFaSetupData.secret); toast.success(t('room.linkCopied')); }}
|
||||||
className="btn-ghost py-1.5 px-2 shrink-0"
|
className="btn-ghost py-1.5 px-2 shrink-0"
|
||||||
|
aria-label={t('room.copyLink')}
|
||||||
>
|
>
|
||||||
<Copy size={14} />
|
<Copy size={14} />
|
||||||
</button>
|
</button>
|
||||||
@@ -577,8 +597,9 @@ export default function Settings() {
|
|||||||
</div>
|
</div>
|
||||||
<form onSubmit={handleEnable2FA} className="space-y-3">
|
<form onSubmit={handleEnable2FA} className="space-y-3">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-sm font-medium text-th-text mb-1.5">{t('settings.security.verifyCode')}</label>
|
<label htmlFor="twofa-enable-code" className="block text-sm font-medium text-th-text mb-1.5">{t('settings.security.verifyCode')}</label>
|
||||||
<input
|
<input
|
||||||
|
id="twofa-enable-code"
|
||||||
type="text"
|
type="text"
|
||||||
inputMode="numeric"
|
inputMode="numeric"
|
||||||
autoComplete="one-time-code"
|
autoComplete="one-time-code"
|
||||||
|
|||||||
@@ -173,6 +173,18 @@ export function getThemeById(id) {
|
|||||||
return themes.find(t => t.id === id) || themes[1]; // default to dark
|
return themes.find(t => t.id === id) || themes[1]; // default to dark
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Whether the currently applied theme is a dark one. Reads the resolved theme
|
||||||
|
// from the <html data-theme> attribute (set by ThemeContext) with a localStorage
|
||||||
|
// fallback, so it works without React context — handy for one-off API payloads
|
||||||
|
// such as the BBB join call that forwards dark mode to the meeting.
|
||||||
|
export function isCurrentThemeDark() {
|
||||||
|
const id = (typeof document !== 'undefined'
|
||||||
|
&& document.documentElement.getAttribute('data-theme'))
|
||||||
|
|| (typeof localStorage !== 'undefined' && localStorage.getItem('theme'))
|
||||||
|
|| 'dark';
|
||||||
|
return getThemeById(id).type === 'dark';
|
||||||
|
}
|
||||||
|
|
||||||
export function getThemeGroups() {
|
export function getThemeGroups() {
|
||||||
const groups = {};
|
const groups = {};
|
||||||
themes.forEach(theme => {
|
themes.forEach(theme => {
|
||||||
|
|||||||
Reference in New Issue
Block a user