full sync
This commit is contained in:
larssand
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
node_modules/
|
||||||
|
data/
|
||||||
|
*.log
|
||||||
11
.project
Normal file
11
.project
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<projectDescription>
|
||||||
|
<name>Live_RC</name>
|
||||||
|
<comment></comment>
|
||||||
|
<projects>
|
||||||
|
</projects>
|
||||||
|
<buildSpec>
|
||||||
|
</buildSpec>
|
||||||
|
<natures>
|
||||||
|
</natures>
|
||||||
|
</projectDescription>
|
||||||
11
AMMC/LICENCE
Normal file
11
AMMC/LICENCE
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation
|
||||||
|
files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use,
|
||||||
|
copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to
|
||||||
|
whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
||||||
|
THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
|
||||||
|
OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
||||||
|
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
25
AMMC/README.md
Normal file
25
AMMC/README.md
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
# Amb Mylaps My Converter (AMMC) application readme
|
||||||
|
|
||||||
|
This is utility converting data from race timing devices to JSON or database. See
|
||||||
|
website [AMMC](http://www.ammconverter.eu) for
|
||||||
|
more details about AMM converter.
|
||||||
|
|
||||||
|
Content of the package:
|
||||||
|
|
||||||
|
- `passing.schema.json` - JSON schema of the passing record
|
||||||
|
- `windows64` - directory with Windows executable
|
||||||
|
- `linux_x86-64` - directory with Linux executable
|
||||||
|
- `apple_m` - directory with Apple M CPU executables
|
||||||
|
- `libammc.h` - AMMC header file for C/C++ developers
|
||||||
|
- `passing.schema.json` - Passing record JSON schema
|
||||||
|
|
||||||
|
Binary commands:
|
||||||
|
|
||||||
|
- ammc-amb(.exe) - converts data from AMB / MyLaps devices
|
||||||
|
- ammc-prochip(.exe) - converts data from Prochip devices
|
||||||
|
- ammc-vostok(.exe) - converts data from Vostok decoders
|
||||||
|
- ammc-x2(.exe) - converts data from MyLaps X2 server
|
||||||
|
- ammc-sim(.exe) - device simulator
|
||||||
|
|
||||||
|
All details on website https://ammconverter.eu or https://ammconverter.com
|
||||||
|
|
||||||
87977
AMMC/THIRDPARTY.toml
Normal file
87977
AMMC/THIRDPARTY.toml
Normal file
File diff suppressed because it is too large
Load Diff
BIN
AMMC/ammc-latest.zip
Normal file
BIN
AMMC/ammc-latest.zip
Normal file
Binary file not shown.
BIN
AMMC/apple_m/ammc-amb
Normal file
BIN
AMMC/apple_m/ammc-amb
Normal file
Binary file not shown.
BIN
AMMC/apple_m/ammc-prochip
Normal file
BIN
AMMC/apple_m/ammc-prochip
Normal file
Binary file not shown.
BIN
AMMC/apple_m/ammc-sim
Normal file
BIN
AMMC/apple_m/ammc-sim
Normal file
Binary file not shown.
BIN
AMMC/apple_m/ammc-vostok
Normal file
BIN
AMMC/apple_m/ammc-vostok
Normal file
Binary file not shown.
BIN
AMMC/apple_m/libammc.dylib
Normal file
BIN
AMMC/apple_m/libammc.dylib
Normal file
Binary file not shown.
41
AMMC/libammc.h
Normal file
41
AMMC/libammc.h
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
#include <stdarg.h>
|
||||||
|
#include <stdbool.h>
|
||||||
|
#include <stdint.h>
|
||||||
|
#include <stdlib.h>
|
||||||
|
|
||||||
|
char *p3_to_json(const char *msg);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* # Safety
|
||||||
|
*
|
||||||
|
* convert p3 binary data to JSON for jvm based languages
|
||||||
|
*/
|
||||||
|
jstring Java_com_skoky_AmmcBridge_p3_1to_1json(JNIEnv env, JClass, JString p3_bin);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* # Safety
|
||||||
|
*
|
||||||
|
* converts p3 network response to json fo rjvm languages
|
||||||
|
*/
|
||||||
|
jstring Java_com_skoky_AmmcBridge_p3_1network_1to_1json(JNIEnv env, JClass, JString p3_bin);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* # Safety
|
||||||
|
*
|
||||||
|
* encodes json message to p3 hex binary
|
||||||
|
*/
|
||||||
|
jstring Java_com_skoky_AmmcBridge_encode(JNIEnv env, JClass, JString json_str);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* # Safety
|
||||||
|
*
|
||||||
|
* converts P3 time to millis
|
||||||
|
*/
|
||||||
|
jstring Java_com_skoky_AmmcBridge_time_1to_1millis(JNIEnv env, JClass, JString str_time);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* # Safety
|
||||||
|
*
|
||||||
|
* returns p3 lib version
|
||||||
|
*/
|
||||||
|
jstring Java_com_skoky_AmmcBridge_version(JNIEnv env, JClass);
|
||||||
BIN
AMMC/linux_x86-64/ammc-amb
Normal file
BIN
AMMC/linux_x86-64/ammc-amb
Normal file
Binary file not shown.
BIN
AMMC/linux_x86-64/ammc-prochip
Normal file
BIN
AMMC/linux_x86-64/ammc-prochip
Normal file
Binary file not shown.
BIN
AMMC/linux_x86-64/ammc-sim
Executable file
BIN
AMMC/linux_x86-64/ammc-sim
Executable file
Binary file not shown.
BIN
AMMC/linux_x86-64/ammc-vostok
Normal file
BIN
AMMC/linux_x86-64/ammc-vostok
Normal file
Binary file not shown.
BIN
AMMC/linux_x86-64/ammc-x2
Normal file
BIN
AMMC/linux_x86-64/ammc-x2
Normal file
Binary file not shown.
BIN
AMMC/linux_x86-64/libammc.so
Normal file
BIN
AMMC/linux_x86-64/libammc.so
Normal file
Binary file not shown.
BIN
AMMC/linux_x86-64/libmylapssdk.so
Normal file
BIN
AMMC/linux_x86-64/libmylapssdk.so
Normal file
Binary file not shown.
167
AMMC/passing.schema.json
Normal file
167
AMMC/passing.schema.json
Normal file
@@ -0,0 +1,167 @@
|
|||||||
|
{
|
||||||
|
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
||||||
|
"title": "Passing",
|
||||||
|
"type": "object",
|
||||||
|
"properties": {
|
||||||
|
"msg": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"decoder_id": {
|
||||||
|
"type": [
|
||||||
|
"string",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"controller_id": {
|
||||||
|
"type": [
|
||||||
|
"string",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"request_id": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint64",
|
||||||
|
"minimum": 0
|
||||||
|
},
|
||||||
|
"passing_number": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint64",
|
||||||
|
"minimum": 0
|
||||||
|
},
|
||||||
|
"transponder": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint32",
|
||||||
|
"minimum": 0
|
||||||
|
},
|
||||||
|
"rtc_time": {
|
||||||
|
"type": [
|
||||||
|
"string",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"strength": {
|
||||||
|
"type": [
|
||||||
|
"number",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "double"
|
||||||
|
},
|
||||||
|
"hits": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint16",
|
||||||
|
"minimum": 0,
|
||||||
|
"maximum": 65535
|
||||||
|
},
|
||||||
|
"low_battery": {
|
||||||
|
"type": [
|
||||||
|
"boolean",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"resend": {
|
||||||
|
"type": [
|
||||||
|
"boolean",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"modified": {
|
||||||
|
"type": [
|
||||||
|
"boolean",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"gps_locked": {
|
||||||
|
"type": [
|
||||||
|
"boolean",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"tran_code": {
|
||||||
|
"type": [
|
||||||
|
"string",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"user_flags": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint32",
|
||||||
|
"minimum": 0
|
||||||
|
},
|
||||||
|
"driver_id": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint8",
|
||||||
|
"minimum": 0,
|
||||||
|
"maximum": 255
|
||||||
|
},
|
||||||
|
"sport": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint8",
|
||||||
|
"minimum": 0,
|
||||||
|
"maximum": 255
|
||||||
|
},
|
||||||
|
"voltage": {
|
||||||
|
"type": [
|
||||||
|
"number",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "double"
|
||||||
|
},
|
||||||
|
"temperature": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "int8",
|
||||||
|
"minimum": -128,
|
||||||
|
"maximum": 127
|
||||||
|
},
|
||||||
|
"car_id": {
|
||||||
|
"type": [
|
||||||
|
"integer",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"format": "uint8",
|
||||||
|
"minimum": 0,
|
||||||
|
"maximum": 255
|
||||||
|
},
|
||||||
|
"loop_id": {
|
||||||
|
"type": [
|
||||||
|
"string",
|
||||||
|
"null"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"empty_fields": {
|
||||||
|
"type": [
|
||||||
|
"array",
|
||||||
|
"null"
|
||||||
|
],
|
||||||
|
"items": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": [
|
||||||
|
"msg"
|
||||||
|
]
|
||||||
|
}
|
||||||
BIN
AMMC/windows64/MyLapsSDK.dll
Normal file
BIN
AMMC/windows64/MyLapsSDK.dll
Normal file
Binary file not shown.
BIN
AMMC/windows64/ammc-amb.exe
Normal file
BIN
AMMC/windows64/ammc-amb.exe
Normal file
Binary file not shown.
BIN
AMMC/windows64/ammc-prochip.exe
Normal file
BIN
AMMC/windows64/ammc-prochip.exe
Normal file
Binary file not shown.
BIN
AMMC/windows64/ammc-sim.exe
Normal file
BIN
AMMC/windows64/ammc-sim.exe
Normal file
Binary file not shown.
BIN
AMMC/windows64/ammc-vostok.exe
Normal file
BIN
AMMC/windows64/ammc-vostok.exe
Normal file
Binary file not shown.
BIN
AMMC/windows64/ammc-x2.exe
Normal file
BIN
AMMC/windows64/ammc-x2.exe
Normal file
Binary file not shown.
BIN
AMMC/windows64/ammc.dll
Normal file
BIN
AMMC/windows64/ammc.dll
Normal file
Binary file not shown.
182
README.md
Normal file
182
README.md
Normal file
@@ -0,0 +1,182 @@
|
|||||||
|
# JMK RB Live Event
|
||||||
|
|
||||||
|
RC timing app med sponsor-eventflöde (delade bilar/transpondrar mellan olika heat/finaler), AMMC WebSocket och lokal SQLite-lagring på Windows.
|
||||||
|
|
||||||
|
## Vad som ingår
|
||||||
|
- Event-lägen:
|
||||||
|
- `Race (driver transponders)`
|
||||||
|
- `Track Event (shared cars)`
|
||||||
|
- UI-separering:
|
||||||
|
- `Event` = sponsor-event med delade bilar/transpondrar
|
||||||
|
- `Race Setup` = riktiga race med personlig transponder per förare
|
||||||
|
- `Race Setup` innehåller nu även:
|
||||||
|
- välj exakt vilka förare som är med i racet
|
||||||
|
- practice-ranking
|
||||||
|
- kval-ranking med `poäng` eller `bästa resultat`
|
||||||
|
- inbyggd guide för hur man skapar race steg för steg
|
||||||
|
- beskrivningar direkt i alla fält under `Raceformat`
|
||||||
|
- sessionstyp `Free Practice` för löpande varvtider utan seedning
|
||||||
|
- auto-generering av kvalheat från practice-ranking eller klasslista
|
||||||
|
- reseeding av kommande kvalheat från aktuell ranking
|
||||||
|
- auto-generering av `A/B/C...` finaler från ranking
|
||||||
|
- sparad manuell grid per session via dragbar grid-editor
|
||||||
|
- auto-reseed hoppar över heat där manuell grid har låsts tills du återställer den
|
||||||
|
- tydlig `Lås/Lås upp grid` i grid-editorn per session
|
||||||
|
- final-ranking över flera leg med räknade finalheat
|
||||||
|
- valbar `bump-up` mellan finaler
|
||||||
|
- reserverade bump-platser i högre finaler
|
||||||
|
- visuell finalmatris med reserverade bump-platser
|
||||||
|
- dragbar grid-editor för positionsstart
|
||||||
|
- utskrift/export av heatsheets per kval/final
|
||||||
|
- overlay-vy för extern leaderboard-skärm
|
||||||
|
- flera overlay-lägen: leaderboard, speaker och results
|
||||||
|
- speaker-overlay med eventmarkörer och separata speaker-cues
|
||||||
|
- speaker-cues och klubbinfo/PDF-header styrs från `Settings`
|
||||||
|
- logo-upload för overlay från `Settings`
|
||||||
|
- extra speaker-cues för `session start`, `new best lap` och `top 3 change`
|
||||||
|
- valbart PDF-tema: `classic`, `minimal`, `motorsport`
|
||||||
|
- utskrift av startlistor och resultat
|
||||||
|
- servergenererad PDF-export för startlistor, heatsheets och resultat
|
||||||
|
- genererade kval/finaler ärver tid och starttyp från raceformatet
|
||||||
|
- finish-ljud som siren i stället för browser-röst
|
||||||
|
- Sessioner: `practice`, `qualification`, `heat`, `final`
|
||||||
|
- Sponsor-verktyg:
|
||||||
|
- Skapa rundor automatiskt (`qualification`, `heat`, `final`)
|
||||||
|
- Auto-assign förare -> bil per session
|
||||||
|
- Live timing från AMMC WebSocket (`msg: "PASSING"`)
|
||||||
|
- Hanterad AMMC från webbgränssnittet:
|
||||||
|
- backend kan starta/stoppa lokal `ammc-amb` på Windows, Linux och macOS
|
||||||
|
- läser bundlade binärer från `AMMC/windows64`, `AMMC/linux_x86-64`, `AMMC/apple_m`
|
||||||
|
- Redigering i UI:
|
||||||
|
- Klasser, eventnamn/datum, förare och bilar kan redigeras direkt
|
||||||
|
- Live race-kontroll:
|
||||||
|
- Nedräkning under pågående session
|
||||||
|
- Auto-finish vid tidslut med status `Race is finished`
|
||||||
|
- Leaderboard-sortering: varv först, därefter närmast måltid för sessionen (t.ex. 5 min = 600s)
|
||||||
|
- Browserljud för passing (`blipp` eller tala förarnamn) och målgång
|
||||||
|
- Sessioninställningar för `Mass start`, `Position start`, `Staggered`
|
||||||
|
- `Timing` visar grid/startordning för aktiv `Position start`-session
|
||||||
|
- leaderboard visar både `gap till ledaren`, `gap till bilen framför` och `eget delta` mot förra varvet
|
||||||
|
- Practice/Kval kan seedas på bästa `2` eller `3` varv i sessionsinställningar
|
||||||
|
- Persistens:
|
||||||
|
- Frontend state i browser (`localStorage`)
|
||||||
|
- Samma state + passeringar sparas i lokal SQLite via Node-backend
|
||||||
|
- Inbyggd `Guide`-meny i appen med steg-för-steg för:
|
||||||
|
- Sponsor-event (10 personer / 4 bilar)
|
||||||
|
- Vanligt race
|
||||||
|
- AMMC + npm setup på Windows och Linux
|
||||||
|
- Språkval i UI: `SV` / `EN`
|
||||||
|
|
||||||
|
## Windows installation
|
||||||
|
Kör i PowerShell i projektmappen.
|
||||||
|
|
||||||
|
1. Installera Node.js LTS (18+).
|
||||||
|
2. Installera dependencies:
|
||||||
|
```powershell
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
3. Starta servern i bakgrunden:
|
||||||
|
```powershell
|
||||||
|
npm start
|
||||||
|
```
|
||||||
|
4. Öppna:
|
||||||
|
- `http://localhost:8081`
|
||||||
|
- eller från annan dator: `http://<server-ip>:8081`
|
||||||
|
|
||||||
|
Vanliga kommandon:
|
||||||
|
```powershell
|
||||||
|
npm start
|
||||||
|
npm stop
|
||||||
|
npm restart
|
||||||
|
npm run status
|
||||||
|
npm run start:fg
|
||||||
|
```
|
||||||
|
|
||||||
|
- `npm start` startar `live_event` i bakgrunden
|
||||||
|
- `npm stop` stoppar processen via `data/server.pid`
|
||||||
|
- `npm restart` startar om backend
|
||||||
|
- `npm run status` visar om backend kör
|
||||||
|
- `npm run start:fg` kör i foreground för felsökning
|
||||||
|
|
||||||
|
### Windows scripts (bakgrundsstart)
|
||||||
|
Det finns färdiga `.bat`-filer i mappen `windows/`:
|
||||||
|
- `windows\\start_ammc.bat` startar AMMC i bakgrunden
|
||||||
|
- `windows\\start_backend.bat` startar `npm start` i bakgrunden (logg: `logs\\backend.log`)
|
||||||
|
- `windows\\start_all.bat` startar både AMMC + backend och öppnar webbsidan
|
||||||
|
- `windows\\stop_all.bat` stoppar backend på port `8081` och `ammc-amb.exe`
|
||||||
|
|
||||||
|
SQLite-filen skapas automatiskt här:
|
||||||
|
- `data\\rc_timing.sqlite`
|
||||||
|
|
||||||
|
## Koppla mot AMMC
|
||||||
|
Det finns nu två sätt:
|
||||||
|
|
||||||
|
### A. Hanterad AMMC i webbgränssnittet
|
||||||
|
Viktigt:
|
||||||
|
- AMMC körs på samma host där `npm start` / `node server.js` körs.
|
||||||
|
- Om du öppnar sidan från en annan laptop startas ingen AMMC där.
|
||||||
|
- Fältet `AMMC binär` i `Settings` är en sökväg på backend-hosten, inte på klienten som surfar in.
|
||||||
|
|
||||||
|
1. Lägg AMMC-binärerna i projektmappen `AMMC/` (redan gjort i denna repo).
|
||||||
|
2. Öppna `Settings`.
|
||||||
|
3. Aktivera `Hanterad AMMC / Managed AMMC`.
|
||||||
|
4. Sätt `Decoder IP / host`, kontrollera port `9000`, spara.
|
||||||
|
5. Klicka `Starta AMMC / Start AMMC`.
|
||||||
|
6. Klicka `Använd serverns WS-url / Use server WS URL` så sätts klienten till t.ex. `ws://<server-ip>:9000`.
|
||||||
|
|
||||||
|
Standardbinärer:
|
||||||
|
- Linux-host: `AMMC/linux_x86-64/ammc-amb`
|
||||||
|
- Windows-host: `AMMC/windows64/ammc-amb.exe`
|
||||||
|
- macOS-host: `AMMC/apple_m/ammc-amb`
|
||||||
|
|
||||||
|
### B. Manuell start
|
||||||
|
Starta AMMC med WebSocket (exempel):
|
||||||
|
```powershell
|
||||||
|
ammc-amb.exe -w 9000 192.168.1.11
|
||||||
|
```
|
||||||
|
|
||||||
|
I appen:
|
||||||
|
1. `Settings`
|
||||||
|
2. Sätt `WebSocket URL` till t.ex. `ws://127.0.0.1:9000`
|
||||||
|
3. Sätt `Backend URL` till `http://127.0.0.1:8081`
|
||||||
|
4. Klicka `Test Backend`
|
||||||
|
5. Gå till `Timing` och klicka `Connect Decoder`
|
||||||
|
|
||||||
|
Om du kör Linux-brandvägg (UFW), öppna porten:
|
||||||
|
```bash
|
||||||
|
sudo ufw allow 8081/tcp
|
||||||
|
```
|
||||||
|
|
||||||
|
## Auto reload vid uppdatering
|
||||||
|
- Servern bevakar `index.html`, `src/app.js` och `src/styles.css`.
|
||||||
|
- När du uppdaterar filer i `live_event` och sparar, laddar klienten om sidan automatiskt.
|
||||||
|
- Om backendkoden ändras, kör `npm restart`.
|
||||||
|
|
||||||
|
## Verifiera att SQLite sparar
|
||||||
|
Hämta senaste passeringar via API:
|
||||||
|
- `http://localhost:8081/api/passings`
|
||||||
|
|
||||||
|
Hämta sparad app-state:
|
||||||
|
- `http://localhost:8081/api/state`
|
||||||
|
|
||||||
|
## Viktig regel för sponsor-event
|
||||||
|
- I **samma pågående session** måste varje aktiv bil ha unikt transponder-ID.
|
||||||
|
- Samma transponder-ID kan återanvändas i **nästa session** (Heat 1 -> Heat 2 -> Heat 3 -> Final 1 ...).
|
||||||
|
|
||||||
|
## Referens AMMC JSON
|
||||||
|
Officiell quick-start:
|
||||||
|
- https://www.ammconverter.eu/docs/intro/quick-start/
|
||||||
|
|
||||||
|
Exempelmeddelande:
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"msg": "PASSING",
|
||||||
|
"passing_number": 1,
|
||||||
|
"transponder": 232323,
|
||||||
|
"rtc_time": "2022-10-11T22:57:36.099+02:00",
|
||||||
|
"strength": 0.0,
|
||||||
|
"resend": false,
|
||||||
|
"tran_code": "ID:232323",
|
||||||
|
"loop_id": "55"
|
||||||
|
}
|
||||||
|
```
|
||||||
63
index.html
Normal file
63
index.html
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>JMK RB Live Event</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Orbitron:wght@500;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="./src/styles.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="app-shell">
|
||||||
|
<aside class="sidebar">
|
||||||
|
<div class="brand">
|
||||||
|
<div class="brand-mark">RC</div>
|
||||||
|
<div>
|
||||||
|
<h1 id="brandTitle">JMK RB</h1>
|
||||||
|
<p id="brandSubtitle">Live Event</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<nav id="nav" class="nav"></nav>
|
||||||
|
<div class="sidebar-footer">
|
||||||
|
<p id="connectionBadge" class="badge badge-offline">Decoder Offline</p>
|
||||||
|
<small id="clock"></small>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<header class="topbar">
|
||||||
|
<div>
|
||||||
|
<h2 id="pageTitle">Dashboard</h2>
|
||||||
|
<p id="pageSubtitle">RC race timing with AMMC integration</p>
|
||||||
|
</div>
|
||||||
|
<div class="topbar-right">
|
||||||
|
<label class="lang-wrap">
|
||||||
|
<span id="languageLabel">Language</span>
|
||||||
|
<select id="languageSelect" class="lang-select">
|
||||||
|
<option value="sv">SV</option>
|
||||||
|
<option value="en">EN</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
<p class="chip" id="activeSessionChip">No Active Session</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section id="view" class="view"></section>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<template id="tableTemplate">
|
||||||
|
<table class="data-table">
|
||||||
|
<thead></thead>
|
||||||
|
<tbody></tbody>
|
||||||
|
</table>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script type="module" src="./src/app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
17
package.json
Normal file
17
package.json
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
{
|
||||||
|
"name": "rc-timing-control",
|
||||||
|
"version": "1.1.0",
|
||||||
|
"private": true,
|
||||||
|
"description": "RC timing app with AMMC websocket ingest and local SQLite persistence",
|
||||||
|
"scripts": {
|
||||||
|
"start": "node scripts/serverctl.js start",
|
||||||
|
"start:fg": "node server.js",
|
||||||
|
"stop": "node scripts/serverctl.js stop",
|
||||||
|
"status": "node scripts/serverctl.js status",
|
||||||
|
"restart": "node scripts/serverctl.js restart"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"better-sqlite3": "^11.8.1",
|
||||||
|
"express": "^4.21.2"
|
||||||
|
}
|
||||||
|
}
|
||||||
153
scripts/serverctl.js
Normal file
153
scripts/serverctl.js
Normal file
@@ -0,0 +1,153 @@
|
|||||||
|
const fs = require("fs");
|
||||||
|
const path = require("path");
|
||||||
|
const { spawn } = require("child_process");
|
||||||
|
|
||||||
|
const ROOT = path.join(__dirname, "..");
|
||||||
|
const DATA_DIR = path.join(ROOT, "data");
|
||||||
|
const LOG_DIR = path.join(ROOT, "logs");
|
||||||
|
const PID_FILE = path.join(DATA_DIR, "server.pid");
|
||||||
|
const OUT_LOG = path.join(LOG_DIR, "server.out.log");
|
||||||
|
const ERR_LOG = path.join(LOG_DIR, "server.err.log");
|
||||||
|
|
||||||
|
fs.mkdirSync(DATA_DIR, { recursive: true });
|
||||||
|
fs.mkdirSync(LOG_DIR, { recursive: true });
|
||||||
|
|
||||||
|
const command = process.argv[2] || "status";
|
||||||
|
|
||||||
|
if (command === "start") {
|
||||||
|
start();
|
||||||
|
} else if (command === "stop") {
|
||||||
|
stop();
|
||||||
|
} else if (command === "restart") {
|
||||||
|
restart();
|
||||||
|
} else if (command === "status") {
|
||||||
|
status();
|
||||||
|
} else {
|
||||||
|
console.error(`Unknown command: ${command}`);
|
||||||
|
process.exit(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
function start() {
|
||||||
|
const pid = readPid();
|
||||||
|
if (pid && isRunning(pid)) {
|
||||||
|
console.log(`Live Event server already running with PID ${pid}`);
|
||||||
|
console.log(`Logs: ${OUT_LOG}`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
cleanupStalePid();
|
||||||
|
|
||||||
|
const stdoutFd = fs.openSync(OUT_LOG, "a");
|
||||||
|
const stderrFd = fs.openSync(ERR_LOG, "a");
|
||||||
|
const child = spawn(process.execPath, ["server.js"], {
|
||||||
|
cwd: ROOT,
|
||||||
|
detached: true,
|
||||||
|
windowsHide: true,
|
||||||
|
stdio: ["ignore", stdoutFd, stderrFd],
|
||||||
|
env: {
|
||||||
|
...process.env,
|
||||||
|
RC_TIMING_PID_FILE: PID_FILE,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
child.unref();
|
||||||
|
fs.writeFileSync(PID_FILE, `${child.pid}\n`);
|
||||||
|
|
||||||
|
console.log(`Live Event server started in background`);
|
||||||
|
console.log(`PID: ${child.pid}`);
|
||||||
|
console.log(`Logs: ${OUT_LOG}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function stop() {
|
||||||
|
const pid = readPid();
|
||||||
|
if (!pid) {
|
||||||
|
console.log("Live Event server is not running");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!isRunning(pid)) {
|
||||||
|
cleanupStalePid();
|
||||||
|
console.log("Removed stale pid file");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
process.kill(pid, "SIGTERM");
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Could not stop PID ${pid}: ${error instanceof Error ? error.message : String(error)}`);
|
||||||
|
process.exit(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
const stopped = await waitForExit(pid, 5000);
|
||||||
|
if (!stopped && process.platform !== "win32") {
|
||||||
|
try {
|
||||||
|
process.kill(pid, "SIGKILL");
|
||||||
|
} catch {
|
||||||
|
// ignore
|
||||||
|
}
|
||||||
|
await waitForExit(pid, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
cleanupStalePid();
|
||||||
|
console.log(`Live Event server stopped`);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function restart() {
|
||||||
|
await stop();
|
||||||
|
start();
|
||||||
|
}
|
||||||
|
|
||||||
|
function status() {
|
||||||
|
const pid = readPid();
|
||||||
|
if (pid && isRunning(pid)) {
|
||||||
|
console.log(`Live Event server is running`);
|
||||||
|
console.log(`PID: ${pid}`);
|
||||||
|
console.log(`Logs: ${OUT_LOG}`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
cleanupStalePid();
|
||||||
|
console.log("Live Event server is not running");
|
||||||
|
}
|
||||||
|
|
||||||
|
function readPid() {
|
||||||
|
if (!fs.existsSync(PID_FILE)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
const raw = fs.readFileSync(PID_FILE, "utf8").trim();
|
||||||
|
const pid = Number(raw);
|
||||||
|
return Number.isFinite(pid) && pid > 0 ? pid : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function isRunning(pid) {
|
||||||
|
try {
|
||||||
|
process.kill(pid, 0);
|
||||||
|
return true;
|
||||||
|
} catch {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function cleanupStalePid() {
|
||||||
|
const pid = readPid();
|
||||||
|
if (!pid || !isRunning(pid)) {
|
||||||
|
fs.rmSync(PID_FILE, { force: true });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function waitForExit(pid, timeoutMs) {
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
const started = Date.now();
|
||||||
|
const timer = setInterval(() => {
|
||||||
|
if (!isRunning(pid)) {
|
||||||
|
clearInterval(timer);
|
||||||
|
resolve(true);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (Date.now() - started >= timeoutMs) {
|
||||||
|
clearInterval(timer);
|
||||||
|
resolve(false);
|
||||||
|
}
|
||||||
|
}, 150);
|
||||||
|
});
|
||||||
|
}
|
||||||
796
server.js
Normal file
796
server.js
Normal file
@@ -0,0 +1,796 @@
|
|||||||
|
const fs = require("fs");
|
||||||
|
const path = require("path");
|
||||||
|
const os = require("os");
|
||||||
|
const { spawn } = require("child_process");
|
||||||
|
const express = require("express");
|
||||||
|
const Database = require("better-sqlite3");
|
||||||
|
|
||||||
|
const PORT = Number(process.env.PORT || 8081);
|
||||||
|
const HOST = process.env.HOST || "0.0.0.0";
|
||||||
|
const DB_DIR = path.join(__dirname, "data");
|
||||||
|
const DB_PATH = path.join(DB_DIR, "rc_timing.sqlite");
|
||||||
|
const AMMC_CONFIG_PATH = path.join(DB_DIR, "ammc_config.json");
|
||||||
|
const PID_FILE = process.env.RC_TIMING_PID_FILE || "";
|
||||||
|
const WATCHED_FILES = [
|
||||||
|
path.join(__dirname, "index.html"),
|
||||||
|
path.join(__dirname, "src", "app.js"),
|
||||||
|
path.join(__dirname, "src", "styles.css"),
|
||||||
|
];
|
||||||
|
|
||||||
|
fs.mkdirSync(DB_DIR, { recursive: true });
|
||||||
|
|
||||||
|
const db = new Database(DB_PATH);
|
||||||
|
db.pragma("journal_mode = WAL");
|
||||||
|
db.pragma("foreign_keys = ON");
|
||||||
|
|
||||||
|
initSchema();
|
||||||
|
const appVersion = {
|
||||||
|
revision: 1,
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
watchAppFiles();
|
||||||
|
const ammcState = {
|
||||||
|
process: null,
|
||||||
|
pid: null,
|
||||||
|
startedAt: null,
|
||||||
|
stoppedAt: null,
|
||||||
|
lastExitCode: null,
|
||||||
|
lastExitSignal: null,
|
||||||
|
lastError: "",
|
||||||
|
lastOutput: [],
|
||||||
|
config: loadAmmcConfig(),
|
||||||
|
};
|
||||||
|
|
||||||
|
const app = express();
|
||||||
|
app.use(express.json({ limit: "20mb" }));
|
||||||
|
app.use((req, res, next) => {
|
||||||
|
res.setHeader("Access-Control-Allow-Origin", "*");
|
||||||
|
res.setHeader("Access-Control-Allow-Methods", "GET,POST,OPTIONS");
|
||||||
|
res.setHeader("Access-Control-Allow-Headers", "Content-Type");
|
||||||
|
if (req.method === "OPTIONS") {
|
||||||
|
res.status(204).end();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
next();
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/api/health", (_req, res) => {
|
||||||
|
res.json({ ok: true, dbPath: DB_PATH });
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/api/app-version", (_req, res) => {
|
||||||
|
res.json(appVersion);
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/api/ammc/config", (_req, res) => {
|
||||||
|
res.json({
|
||||||
|
config: ammcState.config,
|
||||||
|
status: buildAmmcStatus(),
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/api/ammc/config", (req, res) => {
|
||||||
|
if (!req.body || typeof req.body !== "object") {
|
||||||
|
res.status(400).json({ error: "Expected JSON body" });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
ammcState.config = normalizeAmmcConfig(req.body, ammcState.config);
|
||||||
|
saveAmmcConfig(ammcState.config);
|
||||||
|
res.json({
|
||||||
|
ok: true,
|
||||||
|
config: ammcState.config,
|
||||||
|
status: buildAmmcStatus(),
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
res.status(400).json({
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
status: buildAmmcStatus(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/api/ammc/status", (_req, res) => {
|
||||||
|
res.json(buildAmmcStatus());
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/api/ammc/start", (_req, res) => {
|
||||||
|
try {
|
||||||
|
startAmmcProcess();
|
||||||
|
res.json({ ok: true, status: buildAmmcStatus() });
|
||||||
|
} catch (error) {
|
||||||
|
res.status(400).json({
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
status: buildAmmcStatus(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/api/ammc/stop", async (_req, res) => {
|
||||||
|
try {
|
||||||
|
await stopAmmcProcess();
|
||||||
|
res.json({ ok: true, status: buildAmmcStatus() });
|
||||||
|
} catch (error) {
|
||||||
|
res.status(500).json({
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
status: buildAmmcStatus(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/api/state", (_req, res) => {
|
||||||
|
const row = db.prepare("SELECT state_json, updated_at FROM app_state WHERE id = 1").get();
|
||||||
|
if (!row) {
|
||||||
|
res.json({ state: null, updatedAt: null });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
res.json({ state: JSON.parse(row.state_json), updatedAt: row.updated_at });
|
||||||
|
} catch {
|
||||||
|
res.status(500).json({ error: "Stored app state is invalid JSON" });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/api/state", (req, res) => {
|
||||||
|
if (!req.body || typeof req.body !== "object") {
|
||||||
|
res.status(400).json({ error: "Expected JSON body" });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const stateJson = JSON.stringify(req.body);
|
||||||
|
const nowIso = new Date().toISOString();
|
||||||
|
|
||||||
|
db.prepare(
|
||||||
|
`
|
||||||
|
INSERT INTO app_state (id, state_json, updated_at)
|
||||||
|
VALUES (1, ?, ?)
|
||||||
|
ON CONFLICT(id) DO UPDATE SET
|
||||||
|
state_json = excluded.state_json,
|
||||||
|
updated_at = excluded.updated_at
|
||||||
|
`
|
||||||
|
).run(stateJson, nowIso);
|
||||||
|
|
||||||
|
res.json({ ok: true, updatedAt: nowIso });
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/api/passings", (req, res) => {
|
||||||
|
const { sessionId, passing } = req.body || {};
|
||||||
|
if (!sessionId || !passing || typeof passing !== "object") {
|
||||||
|
res.status(400).json({ error: "Expected { sessionId, passing }" });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const stmt = db.prepare(
|
||||||
|
`
|
||||||
|
INSERT INTO passings (
|
||||||
|
session_id,
|
||||||
|
timestamp_ms,
|
||||||
|
transponder,
|
||||||
|
driver_id,
|
||||||
|
driver_name,
|
||||||
|
car_id,
|
||||||
|
car_name,
|
||||||
|
strength,
|
||||||
|
loop_id,
|
||||||
|
resend,
|
||||||
|
raw_json,
|
||||||
|
created_at
|
||||||
|
) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
||||||
|
`
|
||||||
|
);
|
||||||
|
|
||||||
|
stmt.run(
|
||||||
|
String(sessionId),
|
||||||
|
Number(passing.timestamp || Date.now()),
|
||||||
|
String(passing.transponder || ""),
|
||||||
|
passing.driverId ? String(passing.driverId) : null,
|
||||||
|
passing.driverName ? String(passing.driverName) : null,
|
||||||
|
passing.carId ? String(passing.carId) : null,
|
||||||
|
passing.carName ? String(passing.carName) : null,
|
||||||
|
typeof passing.strength === "number" ? passing.strength : null,
|
||||||
|
passing.loopId ? String(passing.loopId) : null,
|
||||||
|
passing.resend ? 1 : 0,
|
||||||
|
JSON.stringify(passing),
|
||||||
|
new Date().toISOString()
|
||||||
|
);
|
||||||
|
|
||||||
|
res.json({ ok: true });
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/api/passings", (req, res) => {
|
||||||
|
const sessionId = req.query.sessionId ? String(req.query.sessionId) : null;
|
||||||
|
const limit = Math.min(1000, Math.max(1, Number(req.query.limit || 200)));
|
||||||
|
|
||||||
|
const rows = sessionId
|
||||||
|
? db
|
||||||
|
.prepare(
|
||||||
|
`
|
||||||
|
SELECT *
|
||||||
|
FROM passings
|
||||||
|
WHERE session_id = ?
|
||||||
|
ORDER BY timestamp_ms DESC
|
||||||
|
LIMIT ?
|
||||||
|
`
|
||||||
|
)
|
||||||
|
.all(sessionId, limit)
|
||||||
|
: db
|
||||||
|
.prepare(
|
||||||
|
`
|
||||||
|
SELECT *
|
||||||
|
FROM passings
|
||||||
|
ORDER BY timestamp_ms DESC
|
||||||
|
LIMIT ?
|
||||||
|
`
|
||||||
|
)
|
||||||
|
.all(limit);
|
||||||
|
|
||||||
|
res.json({ rows });
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/api/export/pdf", (req, res) => {
|
||||||
|
try {
|
||||||
|
const payload = normalizePdfExportPayload(req.body || {});
|
||||||
|
const pdf = buildSimplePdf(payload);
|
||||||
|
res.setHeader("Content-Type", "application/pdf");
|
||||||
|
res.setHeader("Content-Disposition", `attachment; filename="${payload.filename}"`);
|
||||||
|
res.send(pdf);
|
||||||
|
} catch (error) {
|
||||||
|
res.status(400).json({ error: error instanceof Error ? error.message : String(error) });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.use(
|
||||||
|
express.static(__dirname, {
|
||||||
|
setHeaders: (res, filePath) => {
|
||||||
|
if (filePath.endsWith(".html") || filePath.endsWith(".js") || filePath.endsWith(".css")) {
|
||||||
|
res.setHeader("Cache-Control", "no-store");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
app.get("*", (_req, res) => {
|
||||||
|
res.sendFile(path.join(__dirname, "index.html"));
|
||||||
|
});
|
||||||
|
|
||||||
|
app.listen(PORT, HOST, () => {
|
||||||
|
writePidFile();
|
||||||
|
console.log(`RC Timing server listening on http://${HOST}:${PORT}`);
|
||||||
|
const lanUrls = getLanUrls(PORT);
|
||||||
|
if (lanUrls.length) {
|
||||||
|
console.log(`LAN access: ${lanUrls.join(" , ")}`);
|
||||||
|
}
|
||||||
|
console.log(`SQLite database: ${DB_PATH}`);
|
||||||
|
console.log(`AMMC executable: ${buildAmmcStatus().resolvedExecutablePath}`);
|
||||||
|
maybeStartManagedAmmc();
|
||||||
|
});
|
||||||
|
|
||||||
|
function initSchema() {
|
||||||
|
db.exec(`
|
||||||
|
CREATE TABLE IF NOT EXISTS app_state (
|
||||||
|
id INTEGER PRIMARY KEY CHECK (id = 1),
|
||||||
|
state_json TEXT NOT NULL,
|
||||||
|
updated_at TEXT NOT NULL
|
||||||
|
);
|
||||||
|
|
||||||
|
CREATE TABLE IF NOT EXISTS passings (
|
||||||
|
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||||
|
session_id TEXT NOT NULL,
|
||||||
|
timestamp_ms INTEGER NOT NULL,
|
||||||
|
transponder TEXT NOT NULL,
|
||||||
|
driver_id TEXT,
|
||||||
|
driver_name TEXT,
|
||||||
|
car_id TEXT,
|
||||||
|
car_name TEXT,
|
||||||
|
strength REAL,
|
||||||
|
loop_id TEXT,
|
||||||
|
resend INTEGER NOT NULL DEFAULT 0,
|
||||||
|
raw_json TEXT NOT NULL,
|
||||||
|
created_at TEXT NOT NULL
|
||||||
|
);
|
||||||
|
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_passings_session ON passings(session_id);
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_passings_timestamp ON passings(timestamp_ms);
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizePdfExportPayload(input = {}) {
|
||||||
|
const title = String(input.title || "JMK RB Live Event").trim();
|
||||||
|
const subtitle = String(input.subtitle || "").trim();
|
||||||
|
const brandName = String(input.brandName || "JMK RB").trim();
|
||||||
|
const brandTagline = String(input.brandTagline || "Live Event").trim();
|
||||||
|
const footer = String(input.footer || "").trim();
|
||||||
|
const theme = ["classic", "minimal", "motorsport"].includes(String(input.theme || "").toLowerCase())
|
||||||
|
? String(input.theme).toLowerCase()
|
||||||
|
: "classic";
|
||||||
|
const filenameBase = String(input.filename || "export.pdf").trim() || "export.pdf";
|
||||||
|
const filename = filenameBase.toLowerCase().endsWith(".pdf") ? filenameBase : `${filenameBase}.pdf`;
|
||||||
|
const sections = Array.isArray(input.sections)
|
||||||
|
? input.sections.map((section) => ({
|
||||||
|
title: String(section?.title || "").trim(),
|
||||||
|
headers: Array.isArray(section?.headers) ? section.headers.map((value) => String(value || "").trim()) : [],
|
||||||
|
rows: Array.isArray(section?.rows)
|
||||||
|
? section.rows.map((row) => (Array.isArray(row) ? row.map((value) => String(value ?? "").trim()) : [String(row ?? "").trim()]))
|
||||||
|
: [],
|
||||||
|
}))
|
||||||
|
: [];
|
||||||
|
|
||||||
|
return { title, subtitle, brandName, brandTagline, footer, theme, filename, sections };
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildSimplePdf(payload) {
|
||||||
|
const pageWidth = 595;
|
||||||
|
const pageHeight = 842;
|
||||||
|
const marginLeft = 42;
|
||||||
|
const marginTop = 56;
|
||||||
|
const lineHeight = 15;
|
||||||
|
const maxChars = 86;
|
||||||
|
const lines = buildPdfLines(payload, maxChars);
|
||||||
|
const linesPerPage = Math.max(10, Math.floor((pageHeight - marginTop * 2) / lineHeight));
|
||||||
|
const pages = [];
|
||||||
|
for (let index = 0; index < lines.length; index += linesPerPage) {
|
||||||
|
pages.push(lines.slice(index, index + linesPerPage));
|
||||||
|
}
|
||||||
|
if (!pages.length) {
|
||||||
|
pages.push(["No content"]);
|
||||||
|
}
|
||||||
|
|
||||||
|
const objects = [];
|
||||||
|
objects.push("1 0 obj\n<< /Type /Catalog /Pages 2 0 R >>\nendobj\n");
|
||||||
|
|
||||||
|
const kids = [];
|
||||||
|
const fontObjectId = 3 + pages.length * 2;
|
||||||
|
for (let index = 0; index < pages.length; index += 1) {
|
||||||
|
const pageObjectId = 3 + index * 2;
|
||||||
|
const contentObjectId = 4 + index * 2;
|
||||||
|
kids.push(`${pageObjectId} 0 R`);
|
||||||
|
const contentStream = buildPdfContentStream(pages[index], marginLeft, pageHeight - marginTop, lineHeight);
|
||||||
|
objects.push(
|
||||||
|
`${pageObjectId} 0 obj\n<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ${pageWidth} ${pageHeight}] /Resources << /Font << /F1 ${fontObjectId} 0 R >> >> /Contents ${contentObjectId} 0 R >>\nendobj\n`
|
||||||
|
);
|
||||||
|
objects.push(`${contentObjectId} 0 obj\n<< /Length ${Buffer.byteLength(contentStream, "utf8")} >>\nstream\n${contentStream}\nendstream\nendobj\n`);
|
||||||
|
}
|
||||||
|
objects.splice(1, 0, `2 0 obj\n<< /Type /Pages /Count ${pages.length} /Kids [${kids.join(" ")}] >>\nendobj\n`);
|
||||||
|
objects.push(`${fontObjectId} 0 obj\n<< /Type /Font /Subtype /Type1 /BaseFont /Courier >>\nendobj\n`);
|
||||||
|
|
||||||
|
let pdf = "%PDF-1.4\n";
|
||||||
|
const offsets = [0];
|
||||||
|
objects.forEach((object) => {
|
||||||
|
offsets.push(Buffer.byteLength(pdf, "utf8"));
|
||||||
|
pdf += object;
|
||||||
|
});
|
||||||
|
const xrefOffset = Buffer.byteLength(pdf, "utf8");
|
||||||
|
pdf += `xref\n0 ${objects.length + 1}\n`;
|
||||||
|
pdf += "0000000000 65535 f \n";
|
||||||
|
offsets.slice(1).forEach((offset) => {
|
||||||
|
pdf += `${String(offset).padStart(10, "0")} 00000 n \n`;
|
||||||
|
});
|
||||||
|
pdf += `trailer\n<< /Size ${objects.length + 1} /Root 1 0 R >>\nstartxref\n${xrefOffset}\n%%EOF`;
|
||||||
|
return Buffer.from(pdf, "utf8");
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildPdfLines(payload, maxChars) {
|
||||||
|
const lines = [];
|
||||||
|
const separator =
|
||||||
|
payload.theme === "minimal"
|
||||||
|
? ""
|
||||||
|
: payload.theme === "motorsport"
|
||||||
|
? "=".repeat(Math.min(maxChars, 70))
|
||||||
|
: "-".repeat(Math.min(maxChars, 70));
|
||||||
|
if (payload.brandName) {
|
||||||
|
lines.push(payload.brandName);
|
||||||
|
}
|
||||||
|
if (payload.brandTagline) {
|
||||||
|
lines.push(payload.brandTagline);
|
||||||
|
}
|
||||||
|
if (separator) {
|
||||||
|
lines.push(separator);
|
||||||
|
}
|
||||||
|
if (payload.brandName || payload.brandTagline) {
|
||||||
|
lines.push("");
|
||||||
|
}
|
||||||
|
lines.push(payload.title);
|
||||||
|
if (payload.subtitle) {
|
||||||
|
lines.push(payload.subtitle);
|
||||||
|
}
|
||||||
|
payload.sections.forEach((section) => {
|
||||||
|
lines.push("");
|
||||||
|
if (section.title) {
|
||||||
|
lines.push(payload.theme === "motorsport" ? `> ${section.title}` : section.title);
|
||||||
|
}
|
||||||
|
if (section.headers.length) {
|
||||||
|
const widths = getColumnWidths(section.headers, section.rows, maxChars);
|
||||||
|
lines.push(formatPdfRow(section.headers, widths));
|
||||||
|
lines.push(formatPdfRow(widths.map((width) => (payload.theme === "minimal" ? " ".repeat(Math.min(width, 1)) : "-".repeat(Math.min(width, 12)))), widths));
|
||||||
|
section.rows.forEach((row) => {
|
||||||
|
lines.push(formatPdfRow(row, widths));
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
section.rows.forEach((row) => {
|
||||||
|
row.forEach((value) => {
|
||||||
|
wrapPdfText(value, maxChars).forEach((line) => lines.push(line));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (payload.footer) {
|
||||||
|
lines.push("");
|
||||||
|
lines.push(payload.footer);
|
||||||
|
}
|
||||||
|
return lines;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getColumnWidths(headers, rows, maxChars) {
|
||||||
|
const widths = headers.map((header, index) => {
|
||||||
|
const columnValues = rows.map((row) => String(row[index] || ""));
|
||||||
|
const longest = Math.max(header.length, ...columnValues.map((value) => value.length), 4);
|
||||||
|
return Math.min(26, Math.max(4, longest));
|
||||||
|
});
|
||||||
|
let total = widths.reduce((sum, width) => sum + width, 0) + Math.max(0, (widths.length - 1) * 3);
|
||||||
|
while (total > maxChars) {
|
||||||
|
const widestIndex = widths.findIndex((width) => width === Math.max(...widths));
|
||||||
|
if (widths[widestIndex] <= 4) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
widths[widestIndex] -= 1;
|
||||||
|
total -= 1;
|
||||||
|
}
|
||||||
|
return widths;
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatPdfRow(values, widths) {
|
||||||
|
return values
|
||||||
|
.map((value, index) => String(value || "").slice(0, widths[index]).padEnd(widths[index], " "))
|
||||||
|
.join(" | ");
|
||||||
|
}
|
||||||
|
|
||||||
|
function wrapPdfText(text, maxChars) {
|
||||||
|
const words = String(text || "").split(/\s+/).filter(Boolean);
|
||||||
|
if (!words.length) {
|
||||||
|
return [""];
|
||||||
|
}
|
||||||
|
const lines = [];
|
||||||
|
let current = "";
|
||||||
|
words.forEach((word) => {
|
||||||
|
const next = current ? `${current} ${word}` : word;
|
||||||
|
if (next.length > maxChars) {
|
||||||
|
if (current) {
|
||||||
|
lines.push(current);
|
||||||
|
current = word;
|
||||||
|
} else {
|
||||||
|
lines.push(word.slice(0, maxChars));
|
||||||
|
current = word.slice(maxChars);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
current = next;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (current) {
|
||||||
|
lines.push(current);
|
||||||
|
}
|
||||||
|
return lines;
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildPdfContentStream(lines, x, y, lineHeight) {
|
||||||
|
const escaped = lines.map((line) => escapePdfText(line));
|
||||||
|
return [
|
||||||
|
"BT",
|
||||||
|
"/F1 11 Tf",
|
||||||
|
`${lineHeight} TL`,
|
||||||
|
`${x} ${y} Td`,
|
||||||
|
...escaped.map((line) => `(${line}) Tj\nT*`),
|
||||||
|
"ET",
|
||||||
|
].join("\n");
|
||||||
|
}
|
||||||
|
|
||||||
|
function escapePdfText(text) {
|
||||||
|
return String(text || "")
|
||||||
|
.replaceAll("\\", "\\\\")
|
||||||
|
.replaceAll("(", "\\(")
|
||||||
|
.replaceAll(")", "\\)");
|
||||||
|
}
|
||||||
|
|
||||||
|
function getLanUrls(port) {
|
||||||
|
const interfaces = os.networkInterfaces();
|
||||||
|
const urls = [];
|
||||||
|
Object.values(interfaces).forEach((records) => {
|
||||||
|
(records || []).forEach((rec) => {
|
||||||
|
if (rec && rec.family === "IPv4" && !rec.internal) {
|
||||||
|
urls.push(`http://${rec.address}:${port}`);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return urls;
|
||||||
|
}
|
||||||
|
|
||||||
|
function watchAppFiles() {
|
||||||
|
WATCHED_FILES.forEach((filePath) => {
|
||||||
|
if (!fs.existsSync(filePath)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
fs.watchFile(filePath, { interval: 1000 }, (curr, prev) => {
|
||||||
|
if (curr.mtimeMs !== prev.mtimeMs) {
|
||||||
|
bumpAppVersion();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function bumpAppVersion() {
|
||||||
|
appVersion.revision += 1;
|
||||||
|
appVersion.updatedAt = new Date().toISOString();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getDefaultAmmcExecutablePath(platform = process.platform) {
|
||||||
|
if (platform === "win32") {
|
||||||
|
return path.join(__dirname, "AMMC", "windows64", "ammc-amb.exe");
|
||||||
|
}
|
||||||
|
if (platform === "darwin") {
|
||||||
|
return path.join(__dirname, "AMMC", "apple_m", "ammc-amb");
|
||||||
|
}
|
||||||
|
return path.join(__dirname, "AMMC", "linux_x86-64", "ammc-amb");
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeAmmcConfig(input = {}, previous = {}) {
|
||||||
|
const decoderHost = String(input.decoderHost ?? previous.decoderHost ?? "").trim();
|
||||||
|
const executablePath = String(input.executablePath ?? previous.executablePath ?? getDefaultAmmcExecutablePath()).trim();
|
||||||
|
const workingDirectory = String(input.workingDirectory ?? previous.workingDirectory ?? "").trim();
|
||||||
|
const extraArgs = String(input.extraArgs ?? previous.extraArgs ?? "").trim();
|
||||||
|
const wsPortValue = Number(input.wsPort ?? previous.wsPort ?? 9000);
|
||||||
|
if (!Number.isFinite(wsPortValue) || wsPortValue < 1 || wsPortValue > 65535) {
|
||||||
|
throw new Error("AMMC WebSocket port must be between 1 and 65535");
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
managedEnabled: Boolean(input.managedEnabled ?? previous.managedEnabled ?? false),
|
||||||
|
autoStart: Boolean(input.autoStart ?? previous.autoStart ?? false),
|
||||||
|
decoderHost,
|
||||||
|
wsPort: Math.round(wsPortValue),
|
||||||
|
executablePath,
|
||||||
|
workingDirectory,
|
||||||
|
extraArgs,
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadAmmcConfig() {
|
||||||
|
if (!fs.existsSync(AMMC_CONFIG_PATH)) {
|
||||||
|
return normalizeAmmcConfig({
|
||||||
|
managedEnabled: false,
|
||||||
|
autoStart: false,
|
||||||
|
decoderHost: "",
|
||||||
|
wsPort: 9000,
|
||||||
|
executablePath: getDefaultAmmcExecutablePath(),
|
||||||
|
workingDirectory: "",
|
||||||
|
extraArgs: "",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const raw = fs.readFileSync(AMMC_CONFIG_PATH, "utf8");
|
||||||
|
return normalizeAmmcConfig(JSON.parse(raw));
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Failed to load AMMC config: ${error instanceof Error ? error.message : String(error)}`);
|
||||||
|
return normalizeAmmcConfig({
|
||||||
|
managedEnabled: false,
|
||||||
|
autoStart: false,
|
||||||
|
decoderHost: "",
|
||||||
|
wsPort: 9000,
|
||||||
|
executablePath: getDefaultAmmcExecutablePath(),
|
||||||
|
workingDirectory: "",
|
||||||
|
extraArgs: "",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveAmmcConfig(config) {
|
||||||
|
fs.writeFileSync(AMMC_CONFIG_PATH, JSON.stringify(config, null, 2));
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveAmmcExecutable(executablePath) {
|
||||||
|
const value = String(executablePath || "").trim();
|
||||||
|
if (!value) {
|
||||||
|
return getDefaultAmmcExecutablePath();
|
||||||
|
}
|
||||||
|
if (path.isAbsolute(value)) {
|
||||||
|
return value;
|
||||||
|
}
|
||||||
|
return path.join(__dirname, value);
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveAmmcWorkingDirectory(config, executablePath) {
|
||||||
|
const explicitDir = String(config.workingDirectory || "").trim();
|
||||||
|
if (!explicitDir) {
|
||||||
|
return path.dirname(executablePath);
|
||||||
|
}
|
||||||
|
return path.isAbsolute(explicitDir) ? explicitDir : path.join(__dirname, explicitDir);
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseExtraArgs(extraArgs) {
|
||||||
|
return String(extraArgs || "")
|
||||||
|
.split(/\s+/)
|
||||||
|
.map((part) => part.trim())
|
||||||
|
.filter(Boolean);
|
||||||
|
}
|
||||||
|
|
||||||
|
function isAmmcRunning() {
|
||||||
|
return Boolean(ammcState.process && ammcState.process.exitCode == null && !ammcState.process.killed);
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildAmmcStatus() {
|
||||||
|
const resolvedExecutablePath = resolveAmmcExecutable(ammcState.config.executablePath);
|
||||||
|
const workingDirectory = resolveAmmcWorkingDirectory(ammcState.config, resolvedExecutablePath);
|
||||||
|
return {
|
||||||
|
running: isAmmcRunning(),
|
||||||
|
pid: ammcState.pid,
|
||||||
|
startedAt: ammcState.startedAt,
|
||||||
|
stoppedAt: ammcState.stoppedAt,
|
||||||
|
lastExitCode: ammcState.lastExitCode,
|
||||||
|
lastExitSignal: ammcState.lastExitSignal,
|
||||||
|
lastError: ammcState.lastError,
|
||||||
|
lastOutput: ammcState.lastOutput,
|
||||||
|
serverPlatform: process.platform,
|
||||||
|
executableExists: fs.existsSync(resolvedExecutablePath),
|
||||||
|
resolvedExecutablePath,
|
||||||
|
workingDirectory,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function appendAmmcOutput(stream, chunk) {
|
||||||
|
const lines = String(chunk || "")
|
||||||
|
.split(/\r?\n/)
|
||||||
|
.map((line) => line.trim())
|
||||||
|
.filter(Boolean);
|
||||||
|
|
||||||
|
lines.forEach((line) => {
|
||||||
|
ammcState.lastOutput.push({
|
||||||
|
ts: new Date().toISOString(),
|
||||||
|
stream,
|
||||||
|
line,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (ammcState.lastOutput.length > 30) {
|
||||||
|
ammcState.lastOutput.splice(0, ammcState.lastOutput.length - 30);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function startAmmcProcess() {
|
||||||
|
if (isAmmcRunning()) {
|
||||||
|
return buildAmmcStatus();
|
||||||
|
}
|
||||||
|
|
||||||
|
const config = normalizeAmmcConfig(ammcState.config, ammcState.config);
|
||||||
|
ammcState.config = config;
|
||||||
|
saveAmmcConfig(config);
|
||||||
|
|
||||||
|
if (!config.managedEnabled) {
|
||||||
|
throw new Error("Enable managed AMMC first");
|
||||||
|
}
|
||||||
|
if (!config.decoderHost) {
|
||||||
|
throw new Error("Set decoder IP/host before starting AMMC");
|
||||||
|
}
|
||||||
|
|
||||||
|
const executablePath = resolveAmmcExecutable(config.executablePath);
|
||||||
|
if (!fs.existsSync(executablePath)) {
|
||||||
|
throw new Error(`AMMC executable not found: ${executablePath}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const args = ["-w", String(config.wsPort), config.decoderHost, ...parseExtraArgs(config.extraArgs)];
|
||||||
|
const workingDirectory = resolveAmmcWorkingDirectory(config, executablePath);
|
||||||
|
|
||||||
|
ammcState.lastError = "";
|
||||||
|
appendAmmcOutput("system", `Starting ${path.basename(executablePath)} ${args.join(" ")}`);
|
||||||
|
|
||||||
|
const child = spawn(executablePath, args, {
|
||||||
|
cwd: workingDirectory,
|
||||||
|
windowsHide: true,
|
||||||
|
stdio: ["ignore", "pipe", "pipe"],
|
||||||
|
});
|
||||||
|
|
||||||
|
ammcState.process = child;
|
||||||
|
ammcState.pid = child.pid || null;
|
||||||
|
ammcState.startedAt = new Date().toISOString();
|
||||||
|
ammcState.stoppedAt = null;
|
||||||
|
ammcState.lastExitCode = null;
|
||||||
|
ammcState.lastExitSignal = null;
|
||||||
|
|
||||||
|
child.stdout.on("data", (chunk) => appendAmmcOutput("stdout", chunk));
|
||||||
|
child.stderr.on("data", (chunk) => appendAmmcOutput("stderr", chunk));
|
||||||
|
child.on("error", (error) => {
|
||||||
|
ammcState.lastError = error instanceof Error ? error.message : String(error);
|
||||||
|
appendAmmcOutput("error", ammcState.lastError);
|
||||||
|
});
|
||||||
|
child.on("exit", (code, signal) => {
|
||||||
|
ammcState.lastExitCode = code;
|
||||||
|
ammcState.lastExitSignal = signal;
|
||||||
|
ammcState.stoppedAt = new Date().toISOString();
|
||||||
|
appendAmmcOutput("system", `AMMC stopped (code=${code}, signal=${signal || "none"})`);
|
||||||
|
ammcState.process = null;
|
||||||
|
ammcState.pid = null;
|
||||||
|
});
|
||||||
|
|
||||||
|
return buildAmmcStatus();
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopAmmcProcess() {
|
||||||
|
if (!isAmmcRunning() || !ammcState.process) {
|
||||||
|
return Promise.resolve(buildAmmcStatus());
|
||||||
|
}
|
||||||
|
|
||||||
|
const child = ammcState.process;
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
let settled = false;
|
||||||
|
const finish = () => {
|
||||||
|
if (!settled) {
|
||||||
|
settled = true;
|
||||||
|
resolve(buildAmmcStatus());
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
child.once("exit", finish);
|
||||||
|
child.kill();
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (!settled && isAmmcRunning()) {
|
||||||
|
if (process.platform !== "win32") {
|
||||||
|
child.kill("SIGKILL");
|
||||||
|
}
|
||||||
|
finish();
|
||||||
|
}
|
||||||
|
}, 3000);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function maybeStartManagedAmmc() {
|
||||||
|
if (!ammcState.config.managedEnabled || !ammcState.config.autoStart) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
startAmmcProcess();
|
||||||
|
console.log("Managed AMMC started");
|
||||||
|
} catch (error) {
|
||||||
|
const msg = error instanceof Error ? error.message : String(error);
|
||||||
|
ammcState.lastError = msg;
|
||||||
|
console.error(`Managed AMMC failed to start: ${msg}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function shutdown() {
|
||||||
|
await stopAmmcProcess();
|
||||||
|
removePidFile();
|
||||||
|
process.exit(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
process.on("SIGINT", shutdown);
|
||||||
|
process.on("SIGTERM", shutdown);
|
||||||
|
process.on("exit", removePidFile);
|
||||||
|
|
||||||
|
function writePidFile() {
|
||||||
|
if (!PID_FILE) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
fs.writeFileSync(PID_FILE, `${process.pid}\n`);
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Failed to write pid file: ${error instanceof Error ? error.message : String(error)}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function removePidFile() {
|
||||||
|
if (!PID_FILE || !fs.existsSync(PID_FILE)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
const raw = fs.readFileSync(PID_FILE, "utf8").trim();
|
||||||
|
if (String(process.pid) === raw) {
|
||||||
|
fs.rmSync(PID_FILE, { force: true });
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// ignore pid cleanup errors on shutdown
|
||||||
|
}
|
||||||
|
}
|
||||||
5688
src/app.js
Normal file
5688
src/app.js
Normal file
File diff suppressed because it is too large
Load Diff
892
src/styles.css
Normal file
892
src/styles.css
Normal file
@@ -0,0 +1,892 @@
|
|||||||
|
:root {
|
||||||
|
--bg: #07090e;
|
||||||
|
--bg-soft: #0f1420;
|
||||||
|
--panel: #131a28;
|
||||||
|
--panel-2: #0c1220;
|
||||||
|
--line: #273149;
|
||||||
|
--text: #f3f7ff;
|
||||||
|
--muted: #98a7c8;
|
||||||
|
--accent: #e10600;
|
||||||
|
--accent-2: #ff3b30;
|
||||||
|
--ok: #26c281;
|
||||||
|
--warn: #f5a623;
|
||||||
|
--shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Barlow, "Segoe UI", sans-serif;
|
||||||
|
color: var(--text);
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 15% 0%, rgba(225, 6, 0, 0.18), transparent 30%),
|
||||||
|
radial-gradient(circle at 100% 80%, rgba(37, 59, 103, 0.22), transparent 30%),
|
||||||
|
linear-gradient(160deg, #05070b 0%, #090d16 55%, #07090e 100%);
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-shell {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 280px 1fr;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
border-right: 1px solid var(--line);
|
||||||
|
background:
|
||||||
|
linear-gradient(180deg, rgba(225, 6, 0, 0.1), transparent 25%),
|
||||||
|
repeating-linear-gradient(
|
||||||
|
-32deg,
|
||||||
|
rgba(255, 255, 255, 0.02) 0,
|
||||||
|
rgba(255, 255, 255, 0.02) 6px,
|
||||||
|
transparent 6px,
|
||||||
|
transparent 18px
|
||||||
|
),
|
||||||
|
var(--panel-2);
|
||||||
|
padding: 20px 16px;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-mark {
|
||||||
|
width: 46px;
|
||||||
|
height: 46px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-weight: 800;
|
||||||
|
background: linear-gradient(135deg, #ff574f 0%, var(--accent) 55%, #8b0000 100%);
|
||||||
|
box-shadow: 0 8px 20px rgba(225, 6, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand h1 {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand p {
|
||||||
|
margin: 4px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.84rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
padding-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
color: var(--text);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
text-align: left;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item:hover {
|
||||||
|
border-color: #405076;
|
||||||
|
transform: translateX(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item.active {
|
||||||
|
border-color: rgba(255, 88, 79, 0.55);
|
||||||
|
background: linear-gradient(90deg, rgba(225, 6, 0, 0.3), rgba(225, 6, 0, 0.1));
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-footer {
|
||||||
|
position: absolute;
|
||||||
|
left: 16px;
|
||||||
|
right: 16px;
|
||||||
|
bottom: 16px;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
border: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-online {
|
||||||
|
color: #b8ffd6;
|
||||||
|
border-color: rgba(38, 194, 129, 0.7);
|
||||||
|
background: rgba(38, 194, 129, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-offline {
|
||||||
|
color: #ffd2cf;
|
||||||
|
border-color: rgba(225, 6, 0, 0.7);
|
||||||
|
background: rgba(225, 6, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 20px 24px 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
padding-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
letter-spacing: 0.4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar p {
|
||||||
|
margin: 6px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip {
|
||||||
|
margin: 0;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang-wrap {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.86rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang-select {
|
||||||
|
width: 70px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-4 {
|
||||||
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
background:
|
||||||
|
linear-gradient(170deg, rgba(225, 6, 0, 0.12), transparent 40%),
|
||||||
|
linear-gradient(180deg, #151d2d 0%, #121927 100%);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 14px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card p {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card h3 {
|
||||||
|
margin: 6px 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.4fr 1fr;
|
||||||
|
gap: 14px;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
background: linear-gradient(180deg, #131a28 0%, #101724 100%);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 14px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-header {
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-header h3 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-body {
|
||||||
|
padding: 12px 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
border: 1px solid #425273;
|
||||||
|
background: linear-gradient(180deg, #1a2334 0%, #141c2b 100%);
|
||||||
|
color: var(--text);
|
||||||
|
border-radius: 10px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 9px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
border-color: #60739b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
border-color: #b11714;
|
||||||
|
background: linear-gradient(180deg, #f20d07 0%, #d30702 52%, #8e0603 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger {
|
||||||
|
border-color: #843137;
|
||||||
|
background: linear-gradient(180deg, #8f222a, #66181e);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-mini {
|
||||||
|
padding: 3px 8px;
|
||||||
|
font-size: 0.76rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-card {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
align-content: start;
|
||||||
|
padding: 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.025);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-card-checkbox {
|
||||||
|
grid-column: span 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-label {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-hint {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.84rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-5 {
|
||||||
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-2 {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-3 {
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
select {
|
||||||
|
width: 100%;
|
||||||
|
background: #0f1522;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: var(--text);
|
||||||
|
padding: 9px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus,
|
||||||
|
select:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: #6578a4;
|
||||||
|
box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.log-box {
|
||||||
|
margin: 10px 0 0;
|
||||||
|
min-height: 120px;
|
||||||
|
max-height: 260px;
|
||||||
|
overflow: auto;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
background: #0b1019;
|
||||||
|
color: #c8d6f5;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
font-family: "SFMono-Regular", Consolas, monospace;
|
||||||
|
font-size: 0.82rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table thead {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table th,
|
||||||
|
.data-table td {
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
padding: 9px 8px;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table th {
|
||||||
|
color: #bdc8e3;
|
||||||
|
font-size: 0.82rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table tbody tr:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple-list {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple-list li {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group h4 {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group ul {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group li {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions-inline {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-card {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-card input {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-editor-toolbar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-list {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item:hover {
|
||||||
|
border-color: #60739b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item-active {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item-over {
|
||||||
|
border-color: rgba(225, 6, 0, 0.8);
|
||||||
|
background: rgba(225, 6, 0, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-preview {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-preview img,
|
||||||
|
.overlay-logo {
|
||||||
|
max-width: 180px;
|
||||||
|
max-height: 90px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-logo {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid h4,
|
||||||
|
.final-card h4 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-list,
|
||||||
|
.matrix-slots {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-list {
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-item,
|
||||||
|
.matrix-slot,
|
||||||
|
.matrix-session-row,
|
||||||
|
.final-card {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-item,
|
||||||
|
.matrix-slot,
|
||||||
|
.matrix-session-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.final-matrix {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.final-card {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.final-card-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-slot {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-slot-reserved {
|
||||||
|
border-color: rgba(245, 166, 35, 0.6);
|
||||||
|
background: rgba(245, 166, 35, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-session-list {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-session-row {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-mode .sidebar,
|
||||||
|
.overlay-mode .topbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-mode .app-shell {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-mode .content {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-shell {
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 24px;
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 15% 0%, rgba(225, 6, 0, 0.18), transparent 30%),
|
||||||
|
radial-gradient(circle at 100% 80%, rgba(37, 59, 103, 0.22), transparent 30%),
|
||||||
|
linear-gradient(160deg, #05070b 0%, #090d16 55%, #07090e 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 16px;
|
||||||
|
align-items: flex-end;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-header h1 {
|
||||||
|
margin: 4px 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: clamp(2rem, 4vw, 3.8rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-kicker {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-meta {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-clock {
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: clamp(2.6rem, 5vw, 4.8rem);
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-status {
|
||||||
|
color: var(--muted);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-board {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.7fr);
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-main {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 18px;
|
||||||
|
padding: 28px;
|
||||||
|
background: rgba(7, 12, 20, 0.82);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-label {
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: var(--muted);
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-main h2 {
|
||||||
|
margin: 12px 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: clamp(2.8rem, 6vw, 5rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-side,
|
||||||
|
.overlay-results {
|
||||||
|
display: grid;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-table-wrap,
|
||||||
|
.overlay-side-card,
|
||||||
|
.overlay-empty {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 16px;
|
||||||
|
background: rgba(7, 12, 20, 0.82);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-table-wrap {
|
||||||
|
padding: 8px 12px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-side {
|
||||||
|
display: grid;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-side-card {
|
||||||
|
padding: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-side-card h3 {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-passing {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-passing:last-child {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-empty {
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
min-height: calc(100vh - 48px);
|
||||||
|
text-align: center;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 0.78rem;
|
||||||
|
padding: 3px 8px;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill-green {
|
||||||
|
border-color: rgba(38, 194, 129, 0.6);
|
||||||
|
color: #b7ffd4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-pill {
|
||||||
|
display: inline-grid;
|
||||||
|
place-items: center;
|
||||||
|
width: 32px;
|
||||||
|
height: 22px;
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-1 {
|
||||||
|
background: linear-gradient(180deg, #ffd95a, #d3a80e);
|
||||||
|
color: #1a1400;
|
||||||
|
border-color: #ffd95a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-2 {
|
||||||
|
background: linear-gradient(180deg, #dce4ef, #99a7b9);
|
||||||
|
color: #0f141b;
|
||||||
|
border-color: #dce4ef;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-3 {
|
||||||
|
background: linear-gradient(180deg, #d19562, #8c5d34);
|
||||||
|
color: #1a0f05;
|
||||||
|
border-color: #d19562;
|
||||||
|
}
|
||||||
|
|
||||||
|
.best {
|
||||||
|
color: #dfb9ff;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
color: #ffb5b5;
|
||||||
|
min-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.finish-banner {
|
||||||
|
margin-top: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid rgba(225, 6, 0, 0.7);
|
||||||
|
background: rgba(225, 6, 0, 0.2);
|
||||||
|
color: #ffd6d4;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-overlay {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(4, 7, 12, 0.76);
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 24px;
|
||||||
|
z-index: 40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-card {
|
||||||
|
width: min(760px, 100%);
|
||||||
|
max-height: 88vh;
|
||||||
|
overflow: auto;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 16px;
|
||||||
|
background:
|
||||||
|
linear-gradient(180deg, rgba(225, 6, 0, 0.08), transparent 20%),
|
||||||
|
linear-gradient(180deg, #131a28 0%, #101724 100%);
|
||||||
|
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
margin: 10px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-16 {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
.cols-4,
|
||||||
|
.cols-5 {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-row {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 820px) {
|
||||||
|
.app-shell {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
position: static;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-footer {
|
||||||
|
position: static;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-3,
|
||||||
|
.cols-4,
|
||||||
|
.cols-5 {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-card-checkbox {
|
||||||
|
grid-column: span 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-board {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-header {
|
||||||
|
align-items: flex-start;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-overlay {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
174
windows/README.md
Normal file
174
windows/README.md
Normal file
@@ -0,0 +1,174 @@
|
|||||||
|
# JMK RB Live Event
|
||||||
|
|
||||||
|
RC timing app med sponsor-eventflöde (delade bilar/transpondrar mellan olika heat/finaler), AMMC WebSocket och lokal SQLite-lagring på Windows.
|
||||||
|
|
||||||
|
## Vad som ingår
|
||||||
|
- Event-lägen:
|
||||||
|
- `Race (driver transponders)`
|
||||||
|
- `Track Event (shared cars)`
|
||||||
|
- UI-separering:
|
||||||
|
- `Event` = sponsor-event med delade bilar/transpondrar
|
||||||
|
- `Race Setup` = riktiga race med personlig transponder per förare
|
||||||
|
- `Race Setup` innehåller nu även:
|
||||||
|
- välj exakt vilka förare som är med i racet
|
||||||
|
- practice-ranking
|
||||||
|
- kval-ranking med `poäng` eller `bästa resultat`
|
||||||
|
- inbyggd guide för hur man skapar race steg för steg
|
||||||
|
- beskrivningar direkt i alla fält under `Raceformat`
|
||||||
|
- sessionstyp `Free Practice` för löpande varvtider utan seedning
|
||||||
|
- auto-generering av kvalheat från practice-ranking eller klasslista
|
||||||
|
- reseeding av kommande kvalheat från aktuell ranking
|
||||||
|
- auto-generering av `A/B/C...` finaler från ranking
|
||||||
|
- sparad manuell grid per session via dragbar grid-editor
|
||||||
|
- final-ranking över flera leg med räknade finalheat
|
||||||
|
- valbar `bump-up` mellan finaler
|
||||||
|
- reserverade bump-platser i högre finaler
|
||||||
|
- visuell finalmatris med reserverade bump-platser
|
||||||
|
- dragbar grid-editor för positionsstart
|
||||||
|
- utskrift/export av heatsheets per kval/final
|
||||||
|
- overlay-vy för extern leaderboard-skärm
|
||||||
|
- flera overlay-lägen: leaderboard, speaker och results
|
||||||
|
- utskrift av startlistor och resultat
|
||||||
|
- genererade kval/finaler ärver tid och starttyp från raceformatet
|
||||||
|
- finish-ljud som siren i stället för browser-röst
|
||||||
|
- Sessioner: `practice`, `qualification`, `heat`, `final`
|
||||||
|
- Sponsor-verktyg:
|
||||||
|
- Skapa rundor automatiskt (`qualification`, `heat`, `final`)
|
||||||
|
- Auto-assign förare -> bil per session
|
||||||
|
- Live timing från AMMC WebSocket (`msg: "PASSING"`)
|
||||||
|
- Hanterad AMMC från webbgränssnittet:
|
||||||
|
- backend kan starta/stoppa lokal `ammc-amb` på Windows, Linux och macOS
|
||||||
|
- läser bundlade binärer från `AMMC/windows64`, `AMMC/linux_x86-64`, `AMMC/apple_m`
|
||||||
|
- Redigering i UI:
|
||||||
|
- Klasser, eventnamn/datum, förare och bilar kan redigeras direkt
|
||||||
|
- Live race-kontroll:
|
||||||
|
- Nedräkning under pågående session
|
||||||
|
- Auto-finish vid tidslut med status `Race is finished`
|
||||||
|
- Leaderboard-sortering: varv först, därefter närmast måltid för sessionen (t.ex. 5 min = 600s)
|
||||||
|
- Browserljud för passing (`blipp` eller tala förarnamn) och målgång
|
||||||
|
- Sessioninställningar för `Mass start`, `Position start`, `Staggered`
|
||||||
|
- `Timing` visar grid/startordning för aktiv `Position start`-session
|
||||||
|
- leaderboard visar både `gap till ledaren`, `gap till bilen framför` och `eget delta` mot förra varvet
|
||||||
|
- Practice/Kval kan seedas på bästa `2` eller `3` varv i sessionsinställningar
|
||||||
|
- Persistens:
|
||||||
|
- Frontend state i browser (`localStorage`)
|
||||||
|
- Samma state + passeringar sparas i lokal SQLite via Node-backend
|
||||||
|
- Inbyggd `Guide`-meny i appen med steg-för-steg för:
|
||||||
|
- Sponsor-event (10 personer / 4 bilar)
|
||||||
|
- Vanligt race
|
||||||
|
- AMMC + npm setup på Windows och Linux
|
||||||
|
- Språkval i UI: `SV` / `EN`
|
||||||
|
|
||||||
|
## Windows installation
|
||||||
|
Kör i PowerShell i projektmappen.
|
||||||
|
|
||||||
|
1. Installera Node.js LTS (18+).
|
||||||
|
2. Installera dependencies:
|
||||||
|
```powershell
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
3. Starta servern i bakgrunden:
|
||||||
|
```powershell
|
||||||
|
npm start
|
||||||
|
```
|
||||||
|
4. Öppna:
|
||||||
|
- `http://localhost:8081`
|
||||||
|
- eller från annan dator: `http://<server-ip>:8081`
|
||||||
|
|
||||||
|
Vanliga kommandon:
|
||||||
|
```powershell
|
||||||
|
npm start
|
||||||
|
npm stop
|
||||||
|
npm restart
|
||||||
|
npm run status
|
||||||
|
npm run start:fg
|
||||||
|
```
|
||||||
|
|
||||||
|
- `npm start` startar `live_event` i bakgrunden
|
||||||
|
- `npm stop` stoppar processen via `data/server.pid`
|
||||||
|
- `npm restart` startar om backend
|
||||||
|
- `npm run status` visar om backend kör
|
||||||
|
- `npm run start:fg` kör i foreground för felsökning
|
||||||
|
|
||||||
|
### Windows scripts (bakgrundsstart)
|
||||||
|
Det finns färdiga `.bat`-filer i mappen `windows/`:
|
||||||
|
- `windows\\start_ammc.bat` startar AMMC i bakgrunden
|
||||||
|
- `windows\\start_backend.bat` startar `npm start` i bakgrunden (logg: `logs\\backend.log`)
|
||||||
|
- `windows\\start_all.bat` startar både AMMC + backend och öppnar webbsidan
|
||||||
|
- `windows\\stop_all.bat` stoppar backend på port `8081` och `ammc-amb.exe`
|
||||||
|
|
||||||
|
SQLite-filen skapas automatiskt här:
|
||||||
|
- `data\\rc_timing.sqlite`
|
||||||
|
|
||||||
|
## Koppla mot AMMC
|
||||||
|
Det finns nu två sätt:
|
||||||
|
|
||||||
|
### A. Hanterad AMMC i webbgränssnittet
|
||||||
|
Viktigt:
|
||||||
|
- AMMC körs på samma host där `npm start` / `node server.js` körs.
|
||||||
|
- Om du öppnar sidan från en annan laptop startas ingen AMMC där.
|
||||||
|
- Fältet `AMMC binär` i `Settings` är en sökväg på backend-hosten, inte på klienten som surfar in.
|
||||||
|
|
||||||
|
1. Lägg AMMC-binärerna i projektmappen `AMMC/` (redan gjort i denna repo).
|
||||||
|
2. Öppna `Settings`.
|
||||||
|
3. Aktivera `Hanterad AMMC / Managed AMMC`.
|
||||||
|
4. Sätt `Decoder IP / host`, kontrollera port `9000`, spara.
|
||||||
|
5. Klicka `Starta AMMC / Start AMMC`.
|
||||||
|
6. Klicka `Använd serverns WS-url / Use server WS URL` så sätts klienten till t.ex. `ws://<server-ip>:9000`.
|
||||||
|
|
||||||
|
Standardbinärer:
|
||||||
|
- Linux-host: `AMMC/linux_x86-64/ammc-amb`
|
||||||
|
- Windows-host: `AMMC/windows64/ammc-amb.exe`
|
||||||
|
- macOS-host: `AMMC/apple_m/ammc-amb`
|
||||||
|
|
||||||
|
### B. Manuell start
|
||||||
|
Starta AMMC med WebSocket (exempel):
|
||||||
|
```powershell
|
||||||
|
ammc-amb.exe -w 9000 192.168.1.11
|
||||||
|
```
|
||||||
|
|
||||||
|
I appen:
|
||||||
|
1. `Settings`
|
||||||
|
2. Sätt `WebSocket URL` till t.ex. `ws://127.0.0.1:9000`
|
||||||
|
3. Sätt `Backend URL` till `http://127.0.0.1:8081`
|
||||||
|
4. Klicka `Test Backend`
|
||||||
|
5. Gå till `Timing` och klicka `Connect Decoder`
|
||||||
|
|
||||||
|
Om du kör Linux-brandvägg (UFW), öppna porten:
|
||||||
|
```bash
|
||||||
|
sudo ufw allow 8081/tcp
|
||||||
|
```
|
||||||
|
|
||||||
|
## Auto reload vid uppdatering
|
||||||
|
- Servern bevakar `index.html`, `src/app.js` och `src/styles.css`.
|
||||||
|
- När du uppdaterar filer i `live_event` och sparar, laddar klienten om sidan automatiskt.
|
||||||
|
- Om backendkoden ändras, kör `npm restart`.
|
||||||
|
|
||||||
|
## Verifiera att SQLite sparar
|
||||||
|
Hämta senaste passeringar via API:
|
||||||
|
- `http://localhost:8081/api/passings`
|
||||||
|
|
||||||
|
Hämta sparad app-state:
|
||||||
|
- `http://localhost:8081/api/state`
|
||||||
|
|
||||||
|
## Viktig regel för sponsor-event
|
||||||
|
- I **samma pågående session** måste varje aktiv bil ha unikt transponder-ID.
|
||||||
|
- Samma transponder-ID kan återanvändas i **nästa session** (Heat 1 -> Heat 2 -> Heat 3 -> Final 1 ...).
|
||||||
|
|
||||||
|
## Referens AMMC JSON
|
||||||
|
Officiell quick-start:
|
||||||
|
- https://www.ammconverter.eu/docs/intro/quick-start/
|
||||||
|
|
||||||
|
Exempelmeddelande:
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"msg": "PASSING",
|
||||||
|
"passing_number": 1,
|
||||||
|
"transponder": 232323,
|
||||||
|
"rtc_time": "2022-10-11T22:57:36.099+02:00",
|
||||||
|
"strength": 0.0,
|
||||||
|
"resend": false,
|
||||||
|
"tran_code": "ID:232323",
|
||||||
|
"loop_id": "55"
|
||||||
|
}
|
||||||
|
```
|
||||||
5171
windows/src/app.js
Normal file
5171
windows/src/app.js
Normal file
File diff suppressed because it is too large
Load Diff
873
windows/src/styles.css
Normal file
873
windows/src/styles.css
Normal file
@@ -0,0 +1,873 @@
|
|||||||
|
:root {
|
||||||
|
--bg: #07090e;
|
||||||
|
--bg-soft: #0f1420;
|
||||||
|
--panel: #131a28;
|
||||||
|
--panel-2: #0c1220;
|
||||||
|
--line: #273149;
|
||||||
|
--text: #f3f7ff;
|
||||||
|
--muted: #98a7c8;
|
||||||
|
--accent: #e10600;
|
||||||
|
--accent-2: #ff3b30;
|
||||||
|
--ok: #26c281;
|
||||||
|
--warn: #f5a623;
|
||||||
|
--shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Barlow, "Segoe UI", sans-serif;
|
||||||
|
color: var(--text);
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 15% 0%, rgba(225, 6, 0, 0.18), transparent 30%),
|
||||||
|
radial-gradient(circle at 100% 80%, rgba(37, 59, 103, 0.22), transparent 30%),
|
||||||
|
linear-gradient(160deg, #05070b 0%, #090d16 55%, #07090e 100%);
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-shell {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 280px 1fr;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
border-right: 1px solid var(--line);
|
||||||
|
background:
|
||||||
|
linear-gradient(180deg, rgba(225, 6, 0, 0.1), transparent 25%),
|
||||||
|
repeating-linear-gradient(
|
||||||
|
-32deg,
|
||||||
|
rgba(255, 255, 255, 0.02) 0,
|
||||||
|
rgba(255, 255, 255, 0.02) 6px,
|
||||||
|
transparent 6px,
|
||||||
|
transparent 18px
|
||||||
|
),
|
||||||
|
var(--panel-2);
|
||||||
|
padding: 20px 16px;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-mark {
|
||||||
|
width: 46px;
|
||||||
|
height: 46px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-weight: 800;
|
||||||
|
background: linear-gradient(135deg, #ff574f 0%, var(--accent) 55%, #8b0000 100%);
|
||||||
|
box-shadow: 0 8px 20px rgba(225, 6, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand h1 {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand p {
|
||||||
|
margin: 4px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.84rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
padding-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
color: var(--text);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
text-align: left;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item:hover {
|
||||||
|
border-color: #405076;
|
||||||
|
transform: translateX(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item.active {
|
||||||
|
border-color: rgba(255, 88, 79, 0.55);
|
||||||
|
background: linear-gradient(90deg, rgba(225, 6, 0, 0.3), rgba(225, 6, 0, 0.1));
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-footer {
|
||||||
|
position: absolute;
|
||||||
|
left: 16px;
|
||||||
|
right: 16px;
|
||||||
|
bottom: 16px;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
border: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-online {
|
||||||
|
color: #b8ffd6;
|
||||||
|
border-color: rgba(38, 194, 129, 0.7);
|
||||||
|
background: rgba(38, 194, 129, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-offline {
|
||||||
|
color: #ffd2cf;
|
||||||
|
border-color: rgba(225, 6, 0, 0.7);
|
||||||
|
background: rgba(225, 6, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 20px 24px 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
padding-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
letter-spacing: 0.4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar p {
|
||||||
|
margin: 6px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip {
|
||||||
|
margin: 0;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang-wrap {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.86rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang-select {
|
||||||
|
width: 70px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-4 {
|
||||||
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
background:
|
||||||
|
linear-gradient(170deg, rgba(225, 6, 0, 0.12), transparent 40%),
|
||||||
|
linear-gradient(180deg, #151d2d 0%, #121927 100%);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 14px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card p {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card h3 {
|
||||||
|
margin: 6px 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.4fr 1fr;
|
||||||
|
gap: 14px;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
background: linear-gradient(180deg, #131a28 0%, #101724 100%);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 14px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-header {
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-header h3 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-body {
|
||||||
|
padding: 12px 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
border: 1px solid #425273;
|
||||||
|
background: linear-gradient(180deg, #1a2334 0%, #141c2b 100%);
|
||||||
|
color: var(--text);
|
||||||
|
border-radius: 10px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 9px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
border-color: #60739b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
border-color: #b11714;
|
||||||
|
background: linear-gradient(180deg, #f20d07 0%, #d30702 52%, #8e0603 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger {
|
||||||
|
border-color: #843137;
|
||||||
|
background: linear-gradient(180deg, #8f222a, #66181e);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-mini {
|
||||||
|
padding: 3px 8px;
|
||||||
|
font-size: 0.76rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-card {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
align-content: start;
|
||||||
|
padding: 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.025);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-card-checkbox {
|
||||||
|
grid-column: span 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-label {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-hint {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.84rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-5 {
|
||||||
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-2 {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-3 {
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
select {
|
||||||
|
width: 100%;
|
||||||
|
background: #0f1522;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: var(--text);
|
||||||
|
padding: 9px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus,
|
||||||
|
select:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: #6578a4;
|
||||||
|
box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.log-box {
|
||||||
|
margin: 10px 0 0;
|
||||||
|
min-height: 120px;
|
||||||
|
max-height: 260px;
|
||||||
|
overflow: auto;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
background: #0b1019;
|
||||||
|
color: #c8d6f5;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
font-family: "SFMono-Regular", Consolas, monospace;
|
||||||
|
font-size: 0.82rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table thead {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table th,
|
||||||
|
.data-table td {
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
padding: 9px 8px;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table th {
|
||||||
|
color: #bdc8e3;
|
||||||
|
font-size: 0.82rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-table tbody tr:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple-list {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple-list li {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group h4 {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group ul {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignment-group li {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions-inline {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-card {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-card input {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-editor-toolbar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-list {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item:hover {
|
||||||
|
border-color: #60739b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item-active {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-item-over {
|
||||||
|
border-color: rgba(225, 6, 0, 0.8);
|
||||||
|
background: rgba(225, 6, 0, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid h4,
|
||||||
|
.final-card h4 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-list,
|
||||||
|
.matrix-slots {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-list {
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-item,
|
||||||
|
.matrix-slot,
|
||||||
|
.matrix-session-row,
|
||||||
|
.final-card {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 12px;
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.position-grid-item,
|
||||||
|
.matrix-slot,
|
||||||
|
.matrix-session-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.final-matrix {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.final-card {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.final-card-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-slot {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-slot-reserved {
|
||||||
|
border-color: rgba(245, 166, 35, 0.6);
|
||||||
|
background: rgba(245, 166, 35, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-session-list {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.matrix-session-row {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-mode .sidebar,
|
||||||
|
.overlay-mode .topbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-mode .app-shell {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-mode .content {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-shell {
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 24px;
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 15% 0%, rgba(225, 6, 0, 0.18), transparent 30%),
|
||||||
|
radial-gradient(circle at 100% 80%, rgba(37, 59, 103, 0.22), transparent 30%),
|
||||||
|
linear-gradient(160deg, #05070b 0%, #090d16 55%, #07090e 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 16px;
|
||||||
|
align-items: flex-end;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-header h1 {
|
||||||
|
margin: 4px 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: clamp(2rem, 4vw, 3.8rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-kicker {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-meta {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-clock {
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: clamp(2.6rem, 5vw, 4.8rem);
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-status {
|
||||||
|
color: var(--muted);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-board {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.7fr);
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-main {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 18px;
|
||||||
|
padding: 28px;
|
||||||
|
background: rgba(7, 12, 20, 0.82);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-label {
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: var(--muted);
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-main h2 {
|
||||||
|
margin: 12px 0;
|
||||||
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-size: clamp(2.8rem, 6vw, 5rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker-side,
|
||||||
|
.overlay-results {
|
||||||
|
display: grid;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-table-wrap,
|
||||||
|
.overlay-side-card,
|
||||||
|
.overlay-empty {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 16px;
|
||||||
|
background: rgba(7, 12, 20, 0.82);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-table-wrap {
|
||||||
|
padding: 8px 12px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-side {
|
||||||
|
display: grid;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-side-card {
|
||||||
|
padding: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-side-card h3 {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-passing {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-passing:last-child {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-empty {
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
min-height: calc(100vh - 48px);
|
||||||
|
text-align: center;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill {
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 0.78rem;
|
||||||
|
padding: 3px 8px;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill-green {
|
||||||
|
border-color: rgba(38, 194, 129, 0.6);
|
||||||
|
color: #b7ffd4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-pill {
|
||||||
|
display: inline-grid;
|
||||||
|
place-items: center;
|
||||||
|
width: 32px;
|
||||||
|
height: 22px;
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-1 {
|
||||||
|
background: linear-gradient(180deg, #ffd95a, #d3a80e);
|
||||||
|
color: #1a1400;
|
||||||
|
border-color: #ffd95a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-2 {
|
||||||
|
background: linear-gradient(180deg, #dce4ef, #99a7b9);
|
||||||
|
color: #0f141b;
|
||||||
|
border-color: #dce4ef;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-3 {
|
||||||
|
background: linear-gradient(180deg, #d19562, #8c5d34);
|
||||||
|
color: #1a0f05;
|
||||||
|
border-color: #d19562;
|
||||||
|
}
|
||||||
|
|
||||||
|
.best {
|
||||||
|
color: #dfb9ff;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
color: #ffb5b5;
|
||||||
|
min-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.finish-banner {
|
||||||
|
margin-top: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid rgba(225, 6, 0, 0.7);
|
||||||
|
background: rgba(225, 6, 0, 0.2);
|
||||||
|
color: #ffd6d4;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-overlay {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(4, 7, 12, 0.76);
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 24px;
|
||||||
|
z-index: 40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-card {
|
||||||
|
width: min(760px, 100%);
|
||||||
|
max-height: 88vh;
|
||||||
|
overflow: auto;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 16px;
|
||||||
|
background:
|
||||||
|
linear-gradient(180deg, rgba(225, 6, 0, 0.08), transparent 20%),
|
||||||
|
linear-gradient(180deg, #131a28 0%, #101724 100%);
|
||||||
|
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
margin: 10px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-16 {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
.cols-4,
|
||||||
|
.cols-5 {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-row {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 820px) {
|
||||||
|
.app-shell {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
position: static;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-footer {
|
||||||
|
position: static;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cols-3,
|
||||||
|
.cols-4,
|
||||||
|
.cols-5 {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-card-checkbox {
|
||||||
|
grid-column: span 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-board {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-speaker {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay-header {
|
||||||
|
align-items: flex-start;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-overlay {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
10
windows/start_all.bat
Normal file
10
windows/start_all.bat
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
@echo off
|
||||||
|
setlocal
|
||||||
|
|
||||||
|
call "%~dp0start_ammc.bat"
|
||||||
|
call "%~dp0start_backend.bat"
|
||||||
|
|
||||||
|
start "" "http://localhost:8081"
|
||||||
|
|
||||||
|
echo [OK] AMMC + backend started
|
||||||
|
endlocal
|
||||||
23
windows/start_ammc.bat
Normal file
23
windows/start_ammc.bat
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
@echo off
|
||||||
|
setlocal
|
||||||
|
|
||||||
|
if "%AMMC_EXE%"=="" set "AMMC_EXE=%~dp0ammc-amb.exe"
|
||||||
|
if not exist "%AMMC_EXE%" if exist "%~dp0..\ammc-amb.exe" set "AMMC_EXE=%~dp0..\ammc-amb.exe"
|
||||||
|
if "%DECODER_IP%"=="" set "DECODER_IP=192.168.1.11"
|
||||||
|
if "%WS_PORT%"=="" set "WS_PORT=9000"
|
||||||
|
|
||||||
|
if not exist "%AMMC_EXE%" (
|
||||||
|
echo [ERROR] Could not find AMMC executable:
|
||||||
|
echo %AMMC_EXE%
|
||||||
|
echo Set AMMC_EXE in this file or as environment variable.
|
||||||
|
exit /b 1
|
||||||
|
)
|
||||||
|
|
||||||
|
start "AMMC" /min cmd /c "\"%AMMC_EXE%\" -w %WS_PORT% %DECODER_IP%"
|
||||||
|
|
||||||
|
echo [OK] AMMC started in background
|
||||||
|
|
||||||
|
echo Decoder IP: %DECODER_IP%
|
||||||
|
|
||||||
|
echo WebSocket: ws://127.0.0.1:%WS_PORT%
|
||||||
|
endlocal
|
||||||
15
windows/start_backend.bat
Normal file
15
windows/start_backend.bat
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
@echo off
|
||||||
|
setlocal
|
||||||
|
|
||||||
|
for %%I in ("%~dp0..") do set "APP_DIR=%%~fI"
|
||||||
|
set "LOG_DIR=%APP_DIR%\logs"
|
||||||
|
if not exist "%LOG_DIR%" mkdir "%LOG_DIR%"
|
||||||
|
|
||||||
|
start "RC Timing Backend" /min cmd /c "cd /d \"%APP_DIR%\" && npm start >> \"%LOG_DIR%\backend.log\" 2>&1"
|
||||||
|
|
||||||
|
echo [OK] Backend started in background
|
||||||
|
|
||||||
|
echo URL: http://localhost:8081
|
||||||
|
|
||||||
|
echo Log: %LOG_DIR%\backend.log
|
||||||
|
endlocal
|
||||||
11
windows/stop_all.bat
Normal file
11
windows/stop_all.bat
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
@echo off
|
||||||
|
setlocal
|
||||||
|
|
||||||
|
for /f "tokens=5" %%p in ('netstat -ano ^| findstr ":8081" ^| findstr "LISTENING"') do (
|
||||||
|
taskkill /PID %%p /F >nul 2>&1
|
||||||
|
)
|
||||||
|
|
||||||
|
taskkill /IM ammc-amb.exe /F >nul 2>&1
|
||||||
|
|
||||||
|
echo [OK] Stopped backend on :8081 and ammc-amb.exe (if running)
|
||||||
|
endlocal
|
||||||
Reference in New Issue
Block a user