[FEAT] First functional version.
This commit is contained in:
NADAL Jean-Baptiste
3
.gitignore
vendored
3
.gitignore
vendored
@@ -1,3 +1,6 @@
|
||||
legacy/Scores
|
||||
_builds/
|
||||
missing.xml
|
||||
partitions/.svelte-kit/
|
||||
partitions/build/
|
||||
partitions/node_modules/
|
||||
|
||||
@@ -120,6 +120,11 @@ MySQL database connection configured in `api/config/database.php`:
|
||||
- FPDF library for PDF generation
|
||||
- MySQL extension (legacy)
|
||||
|
||||
## Important Notes
|
||||
|
||||
- **No external CDN dependencies allowed** - All assets must be local (fonts, JS libraries, etc.)
|
||||
- Use local copies in `static/` folder instead of CDN
|
||||
|
||||
## Notes
|
||||
|
||||
- This is a legacy codebase with mixed coding styles
|
||||
|
||||
154
PLAN.md
154
PLAN.md
@@ -45,29 +45,45 @@
|
||||
|
||||
### 1.1 ScoreScanner.php ✓ (FAIT)
|
||||
- [x] Classe pour scanner les partitions
|
||||
- [x] Lecture des fichiers score.ini
|
||||
- [x] Lecture des fichiers score.ini (supporte sections [info], [pieces])
|
||||
- [x] Scan récursif instruments → parties → fichiers PDF
|
||||
- [x] Mapping codes instruments vers noms
|
||||
- [x] Retourne `piece` pour chaque instrument
|
||||
- [x] Parse les noms de fichiers : `part`, `key`, `clef`, `variant`
|
||||
- [x] Retourne `ressource` si présent dans score.ini
|
||||
- [x] Supporte les partitions multi-morceaux (ex: score 390)
|
||||
|
||||
### 1.2 Auth.php
|
||||
- [ ] Classe JWT pour authentification
|
||||
- [ ] Génération token JWT
|
||||
- [ ] Vérification token JWT
|
||||
- [ ] Lecture users.json
|
||||
- [ ] Vérification password hashé (bcrypt)
|
||||
- [x] Classe JWT pour authentification
|
||||
- [x] Génération token JWT
|
||||
- [x] Vérification token JWT
|
||||
- [x] Lecture users.json
|
||||
- [x] Vérification password hashé (bcrypt)
|
||||
- [ ] Tests unitaires Auth.php (PHP non installé)
|
||||
|
||||
### 1.3 users.json
|
||||
- [ ] Fichier JSON avec structure users
|
||||
- [ ] Passwords hashés avec bcrypt
|
||||
- [x] Fichier JSON avec structure users
|
||||
- [ ] Passwords hashés avec bcrypt (password: password)
|
||||
- [ ] Script pour ajouter/modifier users
|
||||
|
||||
### 1.4 index.php (Router API)
|
||||
- [ ] CORS headers
|
||||
- [ ] Routing : POST /login
|
||||
- [ ] Routing : GET /scores (protégé JWT)
|
||||
- [ ] Routing : GET /scores/:id (protégé JWT)
|
||||
- [ ] Routing : GET /download/:path (protégé JWT, stream PDF)
|
||||
- [x] CORS headers
|
||||
- [x] POST /login
|
||||
- [x] GET /scores (protégé JWT)
|
||||
- [x] GET /scores/:id (protégé JWT)
|
||||
- [x] GET /pieces/:scoreId (protégé JWT)
|
||||
- [x] GET /download/:path (protégé JWT, stream PDF)
|
||||
- [x] POST /admin/scores (protégé JWT, créer partition)
|
||||
- [x] PUT /admin/scores/:id (protégé JWT, modifier partition)
|
||||
- [x] DELETE /admin/scores/:id (protégé JWT, supprimer partition)
|
||||
- [x] POST /admin/scores/:id/upload (protégé JWT, upload PDF)
|
||||
- [ ] Gestion erreurs JSON
|
||||
- [ ] Tests toutes les routes (PHP non installé)
|
||||
|
||||
### 1.5 Tests API
|
||||
- [ ] Tests unitaires Auth.php (PHP non installé)
|
||||
- [ ] Tests intégration toutes les routes (PHP non installé)
|
||||
- [ ] Tests authentification JWT (PHP non installé)
|
||||
|
||||
## Phase 2 : Frontend SvelteKit (partitions/)
|
||||
|
||||
@@ -370,3 +386,115 @@ count = 5
|
||||
- ✅ Mots composés: `sax_alto`, `clarinette_basse`
|
||||
- ✅ Pas de `-et-` (0 occurrences)
|
||||
- ✅ Pas de `--` (0 occurrences)
|
||||
|
||||
---
|
||||
|
||||
## Phase future : Liens externes
|
||||
|
||||
### Objectif
|
||||
|
||||
Ajouter des liens externes dans les partitions (YouTube, site éditeur, etc.)
|
||||
|
||||
### Implementation
|
||||
|
||||
1. **Modification score.ini** (FAIT)
|
||||
```ini
|
||||
[info]
|
||||
name = Le morceau
|
||||
compositor = Compositeur
|
||||
ressource = https://youtube.com/watch?v=xxx
|
||||
# ou
|
||||
ressource = https://www.musicdiffusion.com/...
|
||||
```
|
||||
|
||||
2. **API** (FAIT)
|
||||
- GET /scores → retourner `ressource` si présent
|
||||
- GET /scores/:id → retourner `ressource` aussi
|
||||
|
||||
3. **Frontend**
|
||||
- Page liste partitions : afficher icône lien externe si présent
|
||||
- Page détail partition : afficher les liens sous le titre
|
||||
|
||||
### Ordre de priorité
|
||||
- Implémenté, en attente frontend
|
||||
|
||||
---
|
||||
|
||||
## TODO: Icônes instruments
|
||||
|
||||
- Installer lucide-svelte (fait)
|
||||
- Personnaliser chaque instrument avec la bonne icône
|
||||
|
||||
### Code IconeDesired
|
||||
- pic flute traversiere
|
||||
- flu flute traversiere
|
||||
- cla clarinette
|
||||
- clb clarinette basse
|
||||
- sax OK
|
||||
- sat OK
|
||||
- sab OK
|
||||
- coa cor anglais
|
||||
- cba OK
|
||||
- cor cor
|
||||
- trp OK
|
||||
- trb OK
|
||||
- tub OK
|
||||
- htb hautbois
|
||||
- bas basson
|
||||
- per OK
|
||||
- crn OK
|
||||
- eup OK
|
||||
- har OK
|
||||
- pia OK
|
||||
|
||||
---
|
||||
|
||||
## TODO: Déploiement
|
||||
|
||||
### Solution idéale: Docker
|
||||
|
||||
**Services à conteneriser:**
|
||||
1. **PHP-FPM** - API backend
|
||||
2. **Nginx** - Servir static + proxy PHP
|
||||
3. **Node.js** - Frontend SvelteKit (ou build static)
|
||||
|
||||
**docker-compose.yml:**
|
||||
```yaml
|
||||
services:
|
||||
nginx:
|
||||
image: nginx:alpine
|
||||
ports:
|
||||
- "80:80"
|
||||
volumes:
|
||||
- ./frontend/build:/usr/share/nginx/html
|
||||
- ./api:/var/www/html
|
||||
- ./legacy/Scores:/var/www/html/Scores
|
||||
depends_on:
|
||||
- php
|
||||
|
||||
php:
|
||||
image: php:8.2-fpm
|
||||
volumes:
|
||||
- ./api:/var/www/html
|
||||
|
||||
node:
|
||||
build: ./partitions
|
||||
command: npm run dev
|
||||
```
|
||||
|
||||
### Solution alternative: Serveur classique
|
||||
|
||||
**Si hébergement mutualisé:**
|
||||
- Build SvelteKit → dossier `build/`
|
||||
- PHP-FPM pour API
|
||||
- Dossiers:
|
||||
- `/` → frontend static
|
||||
- `/api` → PHP
|
||||
- `/legacy/Scores` → fichiers PDF
|
||||
|
||||
### Tâches pour déploiement
|
||||
- [ ] Créer Dockerfile
|
||||
- [ ] Créer docker-compose.yml
|
||||
- [ ] Tester en local
|
||||
- [ ] Configurer CI/CD (GitHub Actions)
|
||||
- [ ] Déployer sur serveur prod
|
||||
|
||||
386
api/README.md
Normal file
386
api/README.md
Normal file
@@ -0,0 +1,386 @@
|
||||
# OHMJ API Documentation
|
||||
|
||||
API REST pour la gestion des partitions de l'Harmonie de Montpellier-Jacou.
|
||||
|
||||
## Base URL
|
||||
|
||||
```
|
||||
http://localhost:8000
|
||||
```
|
||||
|
||||
## Authentification
|
||||
|
||||
L'API utilise JWT (JSON Web Token) pour l'authentification.
|
||||
|
||||
### Login
|
||||
|
||||
```http
|
||||
POST /login
|
||||
Content-Type: application/json
|
||||
```
|
||||
|
||||
**Corps de la requête :**
|
||||
```json
|
||||
{
|
||||
"username": "admin",
|
||||
"password": "password"
|
||||
}
|
||||
```
|
||||
|
||||
**Réponse :**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||
"user": {
|
||||
"username": "admin",
|
||||
"role": "admin"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
**Rôles disponibles :**
|
||||
- `admin` - Accès complet
|
||||
- `user` - Accès lecture seule
|
||||
|
||||
### Utilisation du token
|
||||
|
||||
Inclure le token dans l'en-tête `Authorization` :
|
||||
```http
|
||||
Authorization: Bearer <token>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Endpoints
|
||||
|
||||
### GET /scores
|
||||
|
||||
Liste toutes les partitions.
|
||||
|
||||
```http
|
||||
GET /scores
|
||||
```
|
||||
|
||||
**Réponse :**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"scores": [
|
||||
{
|
||||
"id": "102",
|
||||
"name": "A Legend from Yao",
|
||||
"compositor": "Yeh Shu-Han"
|
||||
},
|
||||
{
|
||||
"id": "390",
|
||||
"name": "La part d Euterpe",
|
||||
"compositor": "Michael CUVILLON"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### GET /scores/:id
|
||||
|
||||
Détails d'une partition. Pour les partitions multi-morceaux (ex: 390), retourne tous les instruments de toutes les pièces.
|
||||
|
||||
```http
|
||||
GET /scores/102
|
||||
GET /scores/390
|
||||
```
|
||||
|
||||
**Réponse (score simple) :**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"score": {
|
||||
"id": "102",
|
||||
"name": "A Legend from Yao",
|
||||
"compositor": "Yeh Shu-Han",
|
||||
"instruments": [
|
||||
{
|
||||
"id": "cla",
|
||||
"title": "Clarinette",
|
||||
"piece": "1",
|
||||
"parts": [
|
||||
{
|
||||
"id": "1",
|
||||
"files": [
|
||||
{
|
||||
"name": "clarinette-sib-1",
|
||||
"filename": "clarinette-sib-1.pdf",
|
||||
"path": "102/1/cla/1/clarinette-sib-1.pdf",
|
||||
"part": "1",
|
||||
"key": "sib",
|
||||
"clef": null,
|
||||
"variant": null
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
**Réponse (partition multi-morceaux comme 390) :**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"score": {
|
||||
"id": "390",
|
||||
"name": "La part d Euterpe",
|
||||
"compositor": "Michael CUVILLON",
|
||||
"instruments": [
|
||||
{
|
||||
"id": "cla",
|
||||
"title": "Clarinette",
|
||||
"piece": "1",
|
||||
"parts": [...]
|
||||
},
|
||||
{
|
||||
"id": "sax",
|
||||
"title": "Sax Alto",
|
||||
"piece": "2",
|
||||
"parts": [...]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### GET /scores/:id/instruments
|
||||
|
||||
Liste les instruments d'une partition. Pour les partitions multi-morceaux (ex: 390), peut filtrer par pièce.
|
||||
|
||||
```http
|
||||
GET /scores/102/instruments
|
||||
GET /scores/390/instruments?piece=1
|
||||
```
|
||||
|
||||
**Paramètre optionnel :**
|
||||
- `piece` - Numéro de la pièce (pour partitions multi-morceaux)
|
||||
|
||||
**Réponse :**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"instruments": [
|
||||
{
|
||||
"id": "cla",
|
||||
"title": "Clarinette",
|
||||
"piece": "1",
|
||||
"parts": [
|
||||
{
|
||||
"id": "1",
|
||||
"files": [
|
||||
{
|
||||
"name": "clarinette-sib-1",
|
||||
"filename": "clarinette-sib-1.pdf",
|
||||
"path": "102/1/cla/1/clarinette-sib-1.pdf",
|
||||
"part": "1",
|
||||
"key": "sib",
|
||||
"clef": null,
|
||||
"variant": null
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
**Champs des fichiers :**
|
||||
- `name` - Nom du fichier sans extension
|
||||
- `filename` - Nom du fichier avec extension
|
||||
- `path` - Chemin relatif pour download
|
||||
- `part` - Numéro de partie (ex: "1", "2_3")
|
||||
- `key` - Tonalité (ex: "sib", "mib", "fa")
|
||||
- `clef` - Clé (ex: "clesol", "clefa")
|
||||
- `variant` - Variante (ex: "solo", "default")
|
||||
|
||||
---
|
||||
|
||||
### GET /pieces/:scoreId
|
||||
|
||||
Liste les pièces d'une partition.
|
||||
|
||||
```http
|
||||
GET /pieces/102
|
||||
```
|
||||
|
||||
**Réponse :**
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"pieces": [
|
||||
{
|
||||
"id": 1,
|
||||
"name": "Pièce 1"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### GET /download/:path
|
||||
|
||||
Télécharge un fichier PDF.
|
||||
|
||||
```http
|
||||
GET /download/102/1/cla/1/clarinette-sib-1.pdf
|
||||
```
|
||||
|
||||
**Réponse :** Fichier PDF (Content-Type: application/pdf)
|
||||
|
||||
**Structure des chemins :**
|
||||
```
|
||||
NUM/PIECE/INSTRUMENT/VERSION/PARTIE.pdf
|
||||
```
|
||||
|
||||
**Instruments disponibles :**
|
||||
| Code | Instrument |
|
||||
|------|------------|
|
||||
| dir | Direction |
|
||||
| pic | Piccolo |
|
||||
| flu | Flûte |
|
||||
| cla | Clarinette |
|
||||
| clb | Clarinette basse |
|
||||
| sax | Saxophone alto |
|
||||
| sab | Saxophone baryton |
|
||||
| sat | Saxophone ténor |
|
||||
| cba | Contrebasse |
|
||||
| cor | Cor |
|
||||
| trp | Trompette |
|
||||
| trb | Trombone |
|
||||
| tub | Tuba |
|
||||
| htb | Hautbois |
|
||||
| bas | Basson |
|
||||
| per | Percussion |
|
||||
| crn | Cornet |
|
||||
| eup | Euphonium |
|
||||
|
||||
---
|
||||
|
||||
## Routes Admin
|
||||
|
||||
### POST /admin/scores
|
||||
|
||||
Créer une nouvelle partition.
|
||||
|
||||
```http
|
||||
POST /admin/scores
|
||||
Authorization: Bearer <token_admin>
|
||||
Content-Type: application/json
|
||||
```
|
||||
|
||||
**Corps de la requête :**
|
||||
```json
|
||||
{
|
||||
"id": "200",
|
||||
"name": "Nouvelle partition",
|
||||
"compositor": "Compositeur"
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### PUT /admin/scores/:id
|
||||
|
||||
Mettre à jour une partition.
|
||||
|
||||
```http
|
||||
PUT /admin/scores/102
|
||||
Authorization: Bearer <token_admin>
|
||||
Content-Type: application/json
|
||||
```
|
||||
|
||||
**Corps de la requête :**
|
||||
```json
|
||||
{
|
||||
"name": "Nouveau nom",
|
||||
"compositor": "Nouveau compositeur"
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### DELETE /admin/scores/:id
|
||||
|
||||
Supprimer une partition.
|
||||
|
||||
```http
|
||||
DELETE /admin/scores/102
|
||||
Authorization: Bearer <token_admin>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### POST /admin/upload
|
||||
|
||||
Uploader un fichier PDF.
|
||||
|
||||
```http
|
||||
POST /admin/upload
|
||||
Authorization: Bearer <token_admin>
|
||||
Content-Type: multipart/form-data
|
||||
```
|
||||
|
||||
**Corps de la requête :**
|
||||
```
|
||||
file: <fichier_pdf>
|
||||
scoreId: 102
|
||||
pieceId: 1
|
||||
instrument: cla
|
||||
version: 1
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Codes d'erreur
|
||||
|
||||
| Code | Description |
|
||||
|------|-------------|
|
||||
| 200 | Succès |
|
||||
| 401 | Non authentifié |
|
||||
| 403 | Accès interdit (rôle insufficient) |
|
||||
| 404 | Ressource non trouvée |
|
||||
| 500 | Erreur serveur |
|
||||
|
||||
---
|
||||
|
||||
## Lancer le serveur
|
||||
|
||||
```bash
|
||||
cd api
|
||||
php -S localhost:8000 router.php
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Structure des fichiers
|
||||
|
||||
```
|
||||
legacy/Scores/
|
||||
├── 102/
|
||||
│ ├── 1/
|
||||
│ │ ├── cla/
|
||||
│ │ │ ├── 1/
|
||||
│ │ │ │ ├── clarinette-sib-1.pdf
|
||||
│ │ │ │ ├── clarinette-sib-2.pdf
|
||||
│ │ │ │ └── clarinette-mib-1.pdf
|
||||
│ │ │ └── 2/
|
||||
│ │ │ └── clarinette-sib-1.pdf
|
||||
│ │ ├── flu/
|
||||
│ │ └── sax/
|
||||
│ └── 2/
|
||||
└── score.ini
|
||||
```
|
||||
14
api/config/users.json
Normal file
14
api/config/users.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"users": [
|
||||
{
|
||||
"username": "admin",
|
||||
"password": "$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi",
|
||||
"role": "admin"
|
||||
},
|
||||
{
|
||||
"username": "user",
|
||||
"password": "$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi",
|
||||
"role": "user"
|
||||
}
|
||||
]
|
||||
}
|
||||
245
api/index.php
Normal file
245
api/index.php
Normal file
@@ -0,0 +1,245 @@
|
||||
<?php
|
||||
|
||||
header('Content-Type: application/json');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
|
||||
header('Access-Control-Allow-Headers: Authorization, Content-Type');
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
|
||||
http_response_code(200);
|
||||
exit;
|
||||
}
|
||||
|
||||
require_once __DIR__ . '/lib/Auth.php';
|
||||
require_once __DIR__ . '/lib/ScoreScanner.php';
|
||||
|
||||
$auth = new Auth();
|
||||
$scanner = new ScoreScanner('/home/jbnadal/sources/jb/ohmj/ohmj2/legacy/Scores/');
|
||||
|
||||
// Get Authorization header
|
||||
$token = null;
|
||||
$headers = getallheaders();
|
||||
if (isset($headers['Authorization'])) {
|
||||
$authHeader = $headers['Authorization'];
|
||||
if (preg_match('/Bearer\s+(.+)/i', $authHeader, $matches)) {
|
||||
$token = $matches[1];
|
||||
}
|
||||
}
|
||||
|
||||
// Parse request
|
||||
$method = $_SERVER['REQUEST_METHOD'];
|
||||
$uri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||
$path = trim($uri, '/');
|
||||
|
||||
// GET /download/:path - Download PDF (BEFORE auth check)
|
||||
if (preg_match('#^download/([^?]+)#', $path, $matches) && $method === 'GET') {
|
||||
$filePath = urldecode($matches[1]);
|
||||
|
||||
// Check token from header or query parameter
|
||||
$downloadToken = $_GET['token'] ?? $token;
|
||||
$downloadToken = urldecode($downloadToken ?? '');
|
||||
|
||||
if ($downloadToken === null || $downloadToken === '') {
|
||||
http_response_code(401);
|
||||
echo json_encode(['error' => 'Authorization required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$user = $auth->verifyToken($downloadToken);
|
||||
if ($user === null) {
|
||||
http_response_code(401);
|
||||
echo json_encode(['error' => 'Invalid token']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$fullPath = '/home/jbnadal/sources/jb/ohmj/ohmj2/legacy/Scores/' . $filePath;
|
||||
|
||||
if (!file_exists($fullPath) || !is_file($fullPath)) {
|
||||
http_response_code(404);
|
||||
echo json_encode(['error' => 'File not found', 'path' => $fullPath]);
|
||||
exit;
|
||||
}
|
||||
|
||||
header('Content-Type: application/pdf');
|
||||
header('Content-Length: ' . filesize($fullPath));
|
||||
header('Content-Disposition: attachment; filename="' . basename($fullPath) . '"');
|
||||
readfile($fullPath);
|
||||
exit;
|
||||
}
|
||||
|
||||
// Route matching
|
||||
if ($path === 'login' && $method === 'POST') {
|
||||
$input = json_decode(file_get_contents('php://input'), true);
|
||||
$username = $input['username'] ?? '';
|
||||
$password = $input['password'] ?? '';
|
||||
|
||||
$result = $auth->login($username, $password);
|
||||
|
||||
if ($result['success']) {
|
||||
echo json_encode([
|
||||
'success' => true,
|
||||
'token' => $result['token'],
|
||||
'user' => $result['user']
|
||||
]);
|
||||
} else {
|
||||
http_response_code(401);
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'error' => $result['error']
|
||||
]);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
// Protected routes - require auth
|
||||
if ($token === null) {
|
||||
http_response_code(401);
|
||||
echo json_encode(['error' => 'Authorization required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$user = $auth->verifyToken($token);
|
||||
if ($user === null) {
|
||||
http_response_code(401);
|
||||
echo json_encode(['error' => 'Invalid token']);
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /scores - List all scores
|
||||
if ($path === 'scores' && $method === 'GET') {
|
||||
$scores = $scanner->listScores();
|
||||
echo json_encode(['success' => true, 'scores' => $scores]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /scores/:id - Get score details
|
||||
if (preg_match('#^scores/(\d+)$#', $path, $matches) && $method === 'GET') {
|
||||
$scoreId = $matches[1];
|
||||
$score = $scanner->getScore($scoreId);
|
||||
|
||||
if ($score === null) {
|
||||
http_response_code(404);
|
||||
echo json_encode(['error' => 'Score not found']);
|
||||
exit;
|
||||
}
|
||||
|
||||
echo json_encode(['success' => true, 'score' => $score]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /scores/:id/instruments - Get instruments for a score
|
||||
// GET /scores/:id/instruments?piece=1 - Get instruments for a specific piece
|
||||
if (preg_match('#^scores/(\d+)/instruments$#', $path, $matches) && $method === 'GET') {
|
||||
$scoreId = $matches[1];
|
||||
$pieceId = $_GET['piece'] ?? null;
|
||||
$instruments = $scanner->getInstruments($scoreId, $pieceId);
|
||||
|
||||
echo json_encode(['success' => true, 'instruments' => $instruments]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /pieces/:scoreId - Get pieces for a score
|
||||
if (preg_match('#^pieces/(\d+)$#', $path, $matches) && $method === 'GET') {
|
||||
$scoreId = $matches[1];
|
||||
$pieces = $scanner->getPieces($scoreId);
|
||||
|
||||
echo json_encode(['success' => true, 'pieces' => $pieces]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// ADMIN ROUTES - require admin role
|
||||
if ($user['role'] !== 'admin') {
|
||||
http_response_code(403);
|
||||
echo json_encode(['error' => 'Admin access required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
// POST /admin/scores - Create new score
|
||||
if ($path === 'admin/scores' && $method === 'POST') {
|
||||
$input = json_decode(file_get_contents('php://input'), true);
|
||||
|
||||
$id = $input['id'] ?? null;
|
||||
$name = $input['name'] ?? '';
|
||||
$compositor = $input['compositor'] ?? '';
|
||||
|
||||
if (empty($id) || empty($name)) {
|
||||
http_response_code(400);
|
||||
echo json_encode(['error' => 'ID and name required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$result = $scanner->createScore($id, $name, $compositor);
|
||||
|
||||
if ($result['success']) {
|
||||
echo json_encode(['success' => true, 'score' => $result['score']]);
|
||||
} else {
|
||||
http_response_code(400);
|
||||
echo json_encode(['error' => $result['error']]);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
// PUT /admin/scores/:id - Update score
|
||||
if (preg_match('#^admin/scores/(\d+)$#', $path, $matches) && $method === 'PUT') {
|
||||
$scoreId = $matches[1];
|
||||
$input = json_decode(file_get_contents('php://input'), true);
|
||||
|
||||
$name = $input['name'] ?? null;
|
||||
$compositor = $input['compositor'] ?? null;
|
||||
|
||||
$result = $scanner->updateScore($scoreId, $name, $compositor);
|
||||
|
||||
if ($result['success']) {
|
||||
echo json_encode(['success' => true]);
|
||||
} else {
|
||||
http_response_code(400);
|
||||
echo json_encode(['error' => $result['error']]);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
// DELETE /admin/scores/:id - Delete score
|
||||
if (preg_match('#^admin/scores/(\d+)$#', $path, $matches) && $method === 'DELETE') {
|
||||
$scoreId = $matches[1];
|
||||
|
||||
$result = $scanner->deleteScore($scoreId);
|
||||
|
||||
if ($result['success']) {
|
||||
echo json_encode(['success' => true]);
|
||||
} else {
|
||||
http_response_code(400);
|
||||
echo json_encode(['error' => $result['error']]);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
// POST /admin/scores/:id/upload - Upload PDF
|
||||
if (preg_match('#^admin/scores/(\d+)/upload$#', $path, $matches) && $method === 'POST') {
|
||||
$scoreId = $matches[1];
|
||||
|
||||
if (!isset($_FILES['file'])) {
|
||||
http_response_code(400);
|
||||
echo json_encode(['error' => 'No file uploaded']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$file = $_FILES['file'];
|
||||
$piece = $_POST['piece'] ?? '1';
|
||||
$instrument = $_POST['instrument'] ?? '';
|
||||
$version = $_POST['version'] ?? '1';
|
||||
$filename = $_POST['filename'] ?? '';
|
||||
|
||||
$result = $scanner->uploadPdf($scoreId, $file, $piece, $instrument, $version, $filename);
|
||||
|
||||
if ($result['success']) {
|
||||
echo json_encode(['success' => true, 'path' => $result['path']]);
|
||||
} else {
|
||||
http_response_code(400);
|
||||
echo json_encode(['error' => $result['error']]);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
// 404 Not Found
|
||||
http_response_code(404);
|
||||
echo json_encode(['error' => 'Not found']);
|
||||
122
api/lib/Auth.php
Normal file
122
api/lib/Auth.php
Normal file
@@ -0,0 +1,122 @@
|
||||
<?php
|
||||
|
||||
class Auth {
|
||||
private const JWT_SECRET = 'ohmj_secret_key_change_in_production';
|
||||
private const JWT_ALGO = 'HS256';
|
||||
private const JWT_EXPIRY = 3600; // 1 hour
|
||||
|
||||
private string $usersFile;
|
||||
|
||||
public function __construct(string $usersFile = null) {
|
||||
$this->usersFile = $usersFile ?? __DIR__ . '/../config/users.json';
|
||||
}
|
||||
|
||||
public function login(string $username, string $password): array {
|
||||
$users = $this->loadUsers();
|
||||
|
||||
foreach ($users['users'] as $user) {
|
||||
if ($user['username'] === $username) {
|
||||
if (password_verify($password, $user['password'])) {
|
||||
$token = $this->generateToken($user);
|
||||
return [
|
||||
'success' => true,
|
||||
'token' => $token,
|
||||
'user' => [
|
||||
'username' => $user['username'],
|
||||
'role' => $user['role']
|
||||
]
|
||||
];
|
||||
}
|
||||
return ['success' => false, 'error' => 'Invalid password'];
|
||||
}
|
||||
}
|
||||
|
||||
return ['success' => false, 'error' => 'User not found'];
|
||||
}
|
||||
|
||||
public function verifyToken(string $token): ?array {
|
||||
$parts = explode('.', $token);
|
||||
|
||||
if (count($parts) !== 3) {
|
||||
return null;
|
||||
}
|
||||
|
||||
list($header, $payload, $signature) = $parts;
|
||||
|
||||
// Verify signature
|
||||
$expectedSignature = base64_encode(
|
||||
hash_hmac('sha256', "$header.$payload", self::JWT_SECRET, true)
|
||||
);
|
||||
|
||||
if (!hash_equals($expectedSignature, $signature)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Decode payload
|
||||
$payloadData = json_decode(base64_decode($payload), true);
|
||||
|
||||
// Check expiry
|
||||
if (isset($payloadData['exp']) && $payloadData['exp'] < time()) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return $payloadData;
|
||||
}
|
||||
|
||||
public function requireAuth(string $token): array {
|
||||
$payload = $this->verifyToken($token);
|
||||
|
||||
if ($payload === null) {
|
||||
http_response_code(401);
|
||||
echo json_encode(['error' => 'Unauthorized']);
|
||||
exit;
|
||||
}
|
||||
|
||||
return $payload;
|
||||
}
|
||||
|
||||
public function requireAdmin(string $token): array {
|
||||
$payload = $this->requireAuth($token);
|
||||
|
||||
if ($payload['role'] !== 'admin') {
|
||||
http_response_code(403);
|
||||
echo json_encode(['error' => 'Forbidden']);
|
||||
exit;
|
||||
}
|
||||
|
||||
return $payload;
|
||||
}
|
||||
|
||||
private function generateToken(array $user): string {
|
||||
$header = base64_encode(json_encode([
|
||||
'alg' => self::JWT_ALGO,
|
||||
'typ' => 'JWT'
|
||||
]));
|
||||
|
||||
$payload = base64_encode(json_encode([
|
||||
'username' => $user['username'],
|
||||
'role' => $user['role'],
|
||||
'iat' => time(),
|
||||
'exp' => time() + self::JWT_EXPIRY
|
||||
]));
|
||||
|
||||
$signature = base64_encode(
|
||||
hash_hmac('sha256', "$header.$payload", self::JWT_SECRET, true)
|
||||
);
|
||||
|
||||
return "$header.$payload.$signature";
|
||||
}
|
||||
|
||||
private function loadUsers(): array {
|
||||
if (!file_exists($this->usersFile)) {
|
||||
return ['users' => []];
|
||||
}
|
||||
|
||||
$content = file_get_contents($this->usersFile);
|
||||
return json_decode($content, true) ?? ['users' => []];
|
||||
}
|
||||
|
||||
public function hashPassword(string $password): string {
|
||||
return password_hash($password, PASSWORD_BCRYPT);
|
||||
}
|
||||
}
|
||||
@@ -13,6 +13,10 @@ class ScoreScanner {
|
||||
foreach ($directories as $dir) {
|
||||
if ($dir === '.' || $dir === '..') continue;
|
||||
|
||||
// Ignorer les fichiers cachés et non-numériques
|
||||
if (strpos($dir, '.') === 0) continue;
|
||||
if (!is_numeric($dir)) continue;
|
||||
|
||||
$scorePath = $this->scoresPath . $dir;
|
||||
if (!is_dir($scorePath)) continue;
|
||||
|
||||
@@ -38,12 +42,16 @@ class ScoreScanner {
|
||||
return null;
|
||||
}
|
||||
|
||||
$ini = parse_ini_file($iniFile);
|
||||
$ini = @parse_ini_file($iniFile, true);
|
||||
if ($ini === false) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return [
|
||||
'id' => $id,
|
||||
'name' => $ini['name'] ?? 'Inconnu',
|
||||
'compositor' => $ini['compositor'] ?? 'Inconnu'
|
||||
'name' => $ini['info']['name'] ?? 'Inconnu',
|
||||
'compositor' => $ini['info']['compositor'] ?? 'Inconnu',
|
||||
'ressource' => $ini['info']['ressource'] ?? null
|
||||
];
|
||||
}
|
||||
|
||||
@@ -60,17 +68,28 @@ class ScoreScanner {
|
||||
}
|
||||
|
||||
$instruments = [];
|
||||
$entries = scandir($scoreDir);
|
||||
|
||||
foreach ($entries as $entry) {
|
||||
if ($entry === '.' || $entry === '..' || $entry === 'score.ini') continue;
|
||||
// New structure: NUM/PIECE/INSTRUMENT/VERSION/
|
||||
// First get all piece directories
|
||||
$pieceDirs = scandir($scoreDir);
|
||||
|
||||
foreach ($pieceDirs as $pieceDir) {
|
||||
if ($pieceDir === '.' || $pieceDir === '..' || $pieceDir === 'score.ini') continue;
|
||||
if (strpos($pieceDir, '.') === 0) continue;
|
||||
if (!is_dir($scoreDir . '/' . $pieceDir)) continue;
|
||||
|
||||
$instrumentPath = $scoreDir . '/' . $entry;
|
||||
if (!is_dir($instrumentPath)) continue;
|
||||
// Then get instrument directories
|
||||
$instrumentDirs = scandir($scoreDir . '/' . $pieceDir);
|
||||
|
||||
$instrument = $this->getInstrumentInfo($id, $entry);
|
||||
if ($instrument) {
|
||||
$instruments[] = $instrument;
|
||||
foreach ($instrumentDirs as $instrumentId) {
|
||||
if ($instrumentId === '.' || $instrumentId === '..') continue;
|
||||
if (strpos($instrumentId, '.') === 0) continue;
|
||||
if (!is_dir($scoreDir . '/' . $pieceDir . '/' . $instrumentId)) continue;
|
||||
|
||||
$instrument = $this->getInstrumentInfo($id, $instrumentId, $pieceDir);
|
||||
if ($instrument) {
|
||||
$instruments[] = $instrument;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -82,8 +101,13 @@ class ScoreScanner {
|
||||
return array_merge($basicInfo, ['instruments' => $instruments]);
|
||||
}
|
||||
|
||||
private function getInstrumentInfo($scoreId, $instrumentId) {
|
||||
$instrumentPath = $this->scoresPath . $scoreId . '/' . $instrumentId;
|
||||
private function getInstrumentInfo($scoreId, $instrumentId, $pieceId = null) {
|
||||
// New structure: NUM/PIECE/INSTRUMENT/VERSION/
|
||||
if ($pieceId !== null) {
|
||||
$instrumentPath = $this->scoresPath . $scoreId . '/' . $pieceId . '/' . $instrumentId;
|
||||
} else {
|
||||
$instrumentPath = $this->scoresPath . $scoreId . '/' . $instrumentId;
|
||||
}
|
||||
|
||||
if (!is_dir($instrumentPath)) {
|
||||
return null;
|
||||
@@ -95,11 +119,12 @@ class ScoreScanner {
|
||||
$entries = scandir($instrumentPath);
|
||||
foreach ($entries as $entry) {
|
||||
if ($entry === '.' || $entry === '..') continue;
|
||||
if (strpos($entry, '.') === 0) continue;
|
||||
|
||||
$partPath = $instrumentPath . '/' . $entry;
|
||||
if (!is_dir($partPath)) continue;
|
||||
|
||||
$part = $this->getPartInfo($scoreId, $instrumentId, $entry);
|
||||
$part = $this->getPartInfo($scoreId, $instrumentId, $entry, $pieceId);
|
||||
if ($part) {
|
||||
$parts[] = $part;
|
||||
}
|
||||
@@ -117,12 +142,18 @@ class ScoreScanner {
|
||||
return [
|
||||
'id' => $instrumentId,
|
||||
'title' => $title,
|
||||
'piece' => $pieceId,
|
||||
'parts' => $parts
|
||||
];
|
||||
}
|
||||
|
||||
private function getPartInfo($scoreId, $instrumentId, $partId) {
|
||||
$partPath = $this->scoresPath . $scoreId . '/' . $instrumentId . '/' . $partId;
|
||||
private function getPartInfo($scoreId, $instrumentId, $partId, $pieceId = null) {
|
||||
// New structure: NUM/PIECE/INSTRUMENT/VERSION/
|
||||
if ($pieceId !== null) {
|
||||
$partPath = $this->scoresPath . $scoreId . '/' . $pieceId . '/' . $instrumentId . '/' . $partId;
|
||||
} else {
|
||||
$partPath = $this->scoresPath . $scoreId . '/' . $instrumentId . '/' . $partId;
|
||||
}
|
||||
|
||||
if (!is_dir($partPath)) {
|
||||
return null;
|
||||
@@ -133,6 +164,7 @@ class ScoreScanner {
|
||||
|
||||
foreach ($entries as $entry) {
|
||||
if ($entry === '.' || $entry === '..') continue;
|
||||
if (strpos($entry, '.') === 0) continue;
|
||||
|
||||
$filePath = $partPath . '/' . $entry;
|
||||
if (!is_file($filePath)) continue;
|
||||
@@ -140,10 +172,20 @@ class ScoreScanner {
|
||||
// Vérifier que c'est un PDF
|
||||
if (strtolower(pathinfo($entry, PATHINFO_EXTENSION)) !== 'pdf') continue;
|
||||
|
||||
$relativePath = $pieceId !== null
|
||||
? "$scoreId/$pieceId/$instrumentId/$partId/$entry"
|
||||
: "$scoreId/$instrumentId/$partId/$entry";
|
||||
|
||||
$parsed = $this->parseFilename(pathinfo($entry, PATHINFO_FILENAME));
|
||||
|
||||
$files[] = [
|
||||
'name' => pathinfo($entry, PATHINFO_FILENAME),
|
||||
'filename' => $entry,
|
||||
'path' => $scoreId . '/' . $instrumentId . '/' . $partId . '/' . $entry
|
||||
'path' => $relativePath,
|
||||
'part' => $parsed['part'],
|
||||
'key' => $parsed['key'],
|
||||
'clef' => $parsed['clef'],
|
||||
'variant' => $parsed['variant']
|
||||
];
|
||||
}
|
||||
|
||||
@@ -191,4 +233,272 @@ class ScoreScanner {
|
||||
|
||||
return $names[$code] ?? $code;
|
||||
}
|
||||
|
||||
private function parseFilename(string $filename): array {
|
||||
$result = [
|
||||
'part' => null,
|
||||
'key' => null,
|
||||
'clef' => null,
|
||||
'variant' => null
|
||||
];
|
||||
|
||||
// Normalize: replace - by _ and lowercase
|
||||
$name = strtolower(str_replace('-', '_', $filename));
|
||||
|
||||
// Extract clef (clesol, clefa)
|
||||
if (preg_match('/(clesol|clefa)$/', $name, $m)) {
|
||||
$result['clef'] = $m[1];
|
||||
$name = preg_replace('/_(clesol|clefa)$/', '', $name);
|
||||
}
|
||||
|
||||
// Extract variant (solo, etc.)
|
||||
$variants = ['solo', 'default'];
|
||||
foreach ($variants as $variant) {
|
||||
if (strpos($name, $variant) !== false) {
|
||||
$result['variant'] = $variant;
|
||||
$name = str_replace('_' . $variant, '', $name);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Extract key (tonalités: sib, mib, fa, do, etc.)
|
||||
$keys = ['sib', 'mib', 'reb', 'dob', 'solb', 'lab', 'mibemol', 'sibemol'];
|
||||
foreach ($keys as $key) {
|
||||
if (preg_match('/_' . $key . '/', $name)) {
|
||||
$result['key'] = $key;
|
||||
$name = preg_replace('/_' . $key . '/', '', $name);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// If no compound keys found, try single keys
|
||||
if ($result['key'] === null) {
|
||||
$singleKeys = ['fa', 'do', 'ut', 'sol', 're', 'mi', 'si'];
|
||||
foreach ($singleKeys as $key) {
|
||||
if (preg_match('/_' . $key . '(?:_|$)/', $name)) {
|
||||
$result['key'] = $key;
|
||||
$name = preg_replace('/_' . $key . '/', '', $name);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Extract part number (1, 2, 1_et_2, etc.) - should be last
|
||||
// Handle formats: 1, 2, 1_et_2
|
||||
if (preg_match('/_(\d+(?:_\w+)*)$/', $name, $m)) {
|
||||
$result['part'] = $m[1];
|
||||
$name = preg_replace('/_\d+(?:_\w+)*$/', '', $name);
|
||||
}
|
||||
|
||||
return $result;
|
||||
}
|
||||
|
||||
// API Methods
|
||||
|
||||
public function listScores(): array {
|
||||
return $this->getAllScores();
|
||||
}
|
||||
|
||||
public function getScore(string $id): ?array {
|
||||
return $this->getScoreDetail($id);
|
||||
}
|
||||
|
||||
public function getPieces(string $scoreId): array {
|
||||
$scoreDir = $this->scoresPath . $scoreId;
|
||||
$iniFile = $scoreDir . '/score.ini';
|
||||
|
||||
if (!file_exists($iniFile)) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$ini = @parse_ini_file($iniFile, true);
|
||||
if ($ini === false) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$pieces = [];
|
||||
|
||||
// Check if [pieces] section exists
|
||||
if (isset($ini['pieces'])) {
|
||||
$piecesSection = $ini['pieces'];
|
||||
$count = intval($piecesSection['count'] ?? 1);
|
||||
|
||||
for ($i = 1; $i <= $count; $i++) {
|
||||
$pieces[] = [
|
||||
'id' => $i,
|
||||
'name' => $piecesSection[$i] ?? "Pièce $i"
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
return $pieces;
|
||||
}
|
||||
|
||||
public function getInstruments(string $scoreId, ?string $pieceId = null): array {
|
||||
$scoreDir = $this->scoresPath . $scoreId;
|
||||
|
||||
if (!is_dir($scoreDir)) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$instruments = [];
|
||||
|
||||
// New structure: NUM/PIECE/INSTRUMENT/VERSION/
|
||||
$pieceDirs = scandir($scoreDir);
|
||||
|
||||
foreach ($pieceDirs as $pieceDir) {
|
||||
if ($pieceDir === '.' || $pieceDir === '..' || $pieceDir === 'score.ini') continue;
|
||||
if (strpos($pieceDir, '.') === 0) continue;
|
||||
if (!is_dir($scoreDir . '/' . $pieceDir)) continue;
|
||||
|
||||
// Filter by piece if specified
|
||||
if ($pieceId !== null && $pieceDir !== $pieceId) continue;
|
||||
|
||||
$instrumentDirs = scandir($scoreDir . '/' . $pieceDir);
|
||||
|
||||
foreach ($instrumentDirs as $instrumentId) {
|
||||
if ($instrumentId === '.' || $instrumentId === '..') continue;
|
||||
if (strpos($instrumentId, '.') === 0) continue;
|
||||
if (!is_dir($scoreDir . '/' . $pieceDir . '/' . $instrumentId)) continue;
|
||||
|
||||
$instrument = $this->getInstrumentInfo($scoreId, $instrumentId, $pieceDir);
|
||||
if ($instrument) {
|
||||
$instruments[] = $instrument;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sort by title
|
||||
usort($instruments, function($a, $b) {
|
||||
return strcmp($a['title'], $b['title']);
|
||||
});
|
||||
|
||||
return $instruments;
|
||||
}
|
||||
|
||||
public function createScore(string $id, string $name, string $compositor): array {
|
||||
$scoreDir = $this->scoresPath . $id;
|
||||
|
||||
if (is_dir($scoreDir)) {
|
||||
return ['success' => false, 'error' => 'Score already exists'];
|
||||
}
|
||||
|
||||
if (!mkdir($scoreDir, 0755, true)) {
|
||||
return ['success' => false, 'error' => 'Failed to create directory'];
|
||||
}
|
||||
|
||||
$iniContent = "[info]\nname = $name\ncompositor = $compositor\n\n[pieces]\ncount = 1\n";
|
||||
|
||||
if (file_put_contents($scoreDir . '/score.ini', $iniContent) === false) {
|
||||
return ['success' => false, 'error' => 'Failed to create score.ini'];
|
||||
}
|
||||
|
||||
return [
|
||||
'success' => true,
|
||||
'score' => [
|
||||
'id' => $id,
|
||||
'name' => $name,
|
||||
'compositor' => $compositor
|
||||
]
|
||||
];
|
||||
}
|
||||
|
||||
public function updateScore(string $scoreId, ?string $name, ?string $compositor): array {
|
||||
$scoreDir = $this->scoresPath . $scoreId;
|
||||
$iniFile = $scoreDir . '/score.ini';
|
||||
|
||||
if (!file_exists($iniFile)) {
|
||||
return ['success' => false, 'error' => 'Score not found'];
|
||||
}
|
||||
|
||||
$ini = @parse_ini_file($iniFile, true);
|
||||
if ($ini === false) {
|
||||
return ['success' => false, 'error' => 'Failed to parse score.ini'];
|
||||
}
|
||||
|
||||
// Update values
|
||||
if ($name !== null) {
|
||||
$ini['info']['name'] = $name;
|
||||
}
|
||||
if ($compositor !== null) {
|
||||
$ini['info']['compositor'] = $compositor;
|
||||
}
|
||||
|
||||
// Rebuild ini content
|
||||
$content = "[info]\n";
|
||||
$content .= "name = " . ($ini['info']['name'] ?? '') . "\n";
|
||||
$content .= "compositor = " . ($ini['info']['compositor'] ?? '') . "\n\n";
|
||||
$content .= "[pieces]\n";
|
||||
|
||||
if (isset($ini['pieces'])) {
|
||||
foreach ($ini['pieces'] as $key => $value) {
|
||||
$content .= "$key = $value\n";
|
||||
}
|
||||
}
|
||||
|
||||
if (file_put_contents($iniFile, $content) === false) {
|
||||
return ['success' => false, 'error' => 'Failed to write score.ini'];
|
||||
}
|
||||
|
||||
return ['success' => true];
|
||||
}
|
||||
|
||||
public function deleteScore(string $scoreId): array {
|
||||
$scoreDir = $this->scoresPath . $scoreId;
|
||||
|
||||
if (!is_dir($scoreDir)) {
|
||||
return ['success' => false, 'error' => 'Score not found'];
|
||||
}
|
||||
|
||||
// Recursive delete
|
||||
$this->deleteDirectory($scoreDir);
|
||||
|
||||
return ['success' => true];
|
||||
}
|
||||
|
||||
private function deleteDirectory(string $dir): void {
|
||||
if (!is_dir($dir)) return;
|
||||
|
||||
$items = scandir($dir);
|
||||
foreach ($items as $item) {
|
||||
if ($item === '.' || $item === '..') continue;
|
||||
|
||||
$path = $dir . '/' . $item;
|
||||
if (is_dir($path)) {
|
||||
$this->deleteDirectory($path);
|
||||
} else {
|
||||
unlink($path);
|
||||
}
|
||||
}
|
||||
|
||||
rmdir($dir);
|
||||
}
|
||||
|
||||
public function uploadPdf(string $scoreId, array $file, string $piece, string $instrument, string $version, string $filename): array {
|
||||
$scoreDir = $this->scoresPath . $scoreId;
|
||||
|
||||
if (!is_dir($scoreDir)) {
|
||||
return ['success' => false, 'error' => 'Score not found'];
|
||||
}
|
||||
|
||||
// Create directory structure: scoreId/piece/instrument/version
|
||||
$targetDir = $scoreDir . '/' . $piece . '/' . $instrument . '/' . $version;
|
||||
|
||||
if (!mkdir($targetDir, 0755, true)) {
|
||||
return ['success' => false, 'error' => 'Failed to create directory'];
|
||||
}
|
||||
|
||||
// Determine filename
|
||||
if (empty($filename)) {
|
||||
$filename = $file['name'];
|
||||
}
|
||||
|
||||
$targetPath = $targetDir . '/' . $filename;
|
||||
|
||||
if (move_uploaded_file($file['tmp_name'], $targetPath)) {
|
||||
return ['success' => true, 'path' => "$scoreId/$piece/$instrument/$version/$filename"];
|
||||
}
|
||||
|
||||
return ['success' => false, 'error' => 'Failed to move uploaded file'];
|
||||
}
|
||||
}
|
||||
|
||||
12
api/router.php
Normal file
12
api/router.php
Normal file
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
|
||||
// Router script for PHP built-in server
|
||||
$uri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||
|
||||
// Serve existing files directly
|
||||
if ($uri !== '/' && file_exists(__DIR__ . $uri)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Route everything through index.php
|
||||
require __DIR__ . '/index.php';
|
||||
3035
partitions/package-lock.json
generated
Normal file
3035
partitions/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
26
partitions/package.json
Normal file
26
partitions/package.json
Normal file
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"name": "partitions",
|
||||
"version": "0.0.1",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite dev",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sveltejs/adapter-static": "^3.0.0",
|
||||
"@sveltejs/kit": "^2.0.0",
|
||||
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
||||
"autoprefixer": "^10.4.16",
|
||||
"postcss": "^8.4.32",
|
||||
"svelte": "^5.0.0",
|
||||
"tailwindcss": "^3.4.0",
|
||||
"typescript": "^5.0.0",
|
||||
"vite": "^5.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.6.0",
|
||||
"lucide-svelte": "^0.574.0",
|
||||
"pdfjs-dist": "^4.0.379"
|
||||
}
|
||||
}
|
||||
6
partitions/postcss.config.js
Normal file
6
partitions/postcss.config.js
Normal file
@@ -0,0 +1,6 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
16
partitions/src/app.css
Normal file
16
partitions/src/app.css
Normal file
@@ -0,0 +1,16 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--ohmj-primary: #1e3a5f;
|
||||
--ohmj-secondary: #c9a227;
|
||||
--ohmj-light: #f5f5f5;
|
||||
--ohmj-dark: #0a1f33;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
|
||||
background-color: var(--ohmj-light);
|
||||
color: #333;
|
||||
}
|
||||
14
partitions/src/app.d.ts
vendored
Normal file
14
partitions/src/app.d.ts
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
/// <reference types="@sveltejs/kit" />
|
||||
|
||||
declare global {
|
||||
namespace App {
|
||||
interface Locals {
|
||||
user?: {
|
||||
username: string;
|
||||
role: string;
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
13
partitions/src/app.html
Normal file
13
partitions/src/app.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>OHMJ - Partitions</title>
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
</body>
|
||||
</html>
|
||||
113
partitions/src/lib/api.ts
Normal file
113
partitions/src/lib/api.ts
Normal file
@@ -0,0 +1,113 @@
|
||||
import axios, { type AxiosError } from 'axios';
|
||||
import { auth } from '$lib/stores/auth';
|
||||
import { browser } from '$app/environment';
|
||||
import { get } from 'svelte/store';
|
||||
|
||||
const API_BASE_URL = browser ? 'http://localhost:8000' : 'http://localhost:8000';
|
||||
|
||||
const api = axios.create({
|
||||
baseURL: API_BASE_URL,
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
});
|
||||
|
||||
export { api };
|
||||
|
||||
api.interceptors.request.use((config) => {
|
||||
const authState = get(auth);
|
||||
if (authState.token) {
|
||||
config.headers.Authorization = `Bearer ${authState.token}`;
|
||||
}
|
||||
return config;
|
||||
});
|
||||
|
||||
api.interceptors.response.use(
|
||||
(response) => response,
|
||||
(error: AxiosError) => {
|
||||
if (error.response?.status === 401) {
|
||||
auth.logout();
|
||||
if (browser) {
|
||||
window.location.href = '/';
|
||||
}
|
||||
}
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
export interface Score {
|
||||
id: string;
|
||||
name: string;
|
||||
compositor: string;
|
||||
ressource?: string | null;
|
||||
instruments?: Instrument[];
|
||||
}
|
||||
|
||||
export interface Piece {
|
||||
id: number;
|
||||
name: string;
|
||||
}
|
||||
|
||||
export interface Instrument {
|
||||
id: string;
|
||||
title: string;
|
||||
piece: string;
|
||||
parts: Part[];
|
||||
}
|
||||
|
||||
export interface Part {
|
||||
id: string;
|
||||
files: PdfFile[];
|
||||
}
|
||||
|
||||
export interface PdfFile {
|
||||
name: string;
|
||||
filename: string;
|
||||
path: string;
|
||||
part: string | null;
|
||||
key: string | null;
|
||||
clef: string | null;
|
||||
variant: string | null;
|
||||
}
|
||||
|
||||
export const apiService = {
|
||||
async login(username: string, password: string): Promise<{ token: string; user: { username: string; role: string } }> {
|
||||
const response = await api.post('/login', { username, password });
|
||||
return response.data;
|
||||
},
|
||||
|
||||
async getScores(): Promise<Score[]> {
|
||||
const response = await api.get('/scores');
|
||||
return response.data.scores;
|
||||
},
|
||||
|
||||
async getScore(id: string): Promise<Score> {
|
||||
const response = await api.get(`/scores/${id}`);
|
||||
return response.data.score;
|
||||
},
|
||||
|
||||
async getInstruments(scoreId: string): Promise<Instrument[]> {
|
||||
const response = await api.get(`/scores/${scoreId}/instruments`);
|
||||
return response.data.instruments;
|
||||
},
|
||||
|
||||
async getPieces(scoreId: string): Promise<Piece[]> {
|
||||
const response = await api.get(`/pieces/${scoreId}`);
|
||||
return response.data.pieces;
|
||||
},
|
||||
|
||||
async downloadPdf(path: string): Promise<Blob> {
|
||||
const response = await api.get(`/download/${path}`, {
|
||||
responseType: 'blob'
|
||||
});
|
||||
return response.data;
|
||||
},
|
||||
|
||||
getDownloadUrl(path: string): string {
|
||||
let token = '';
|
||||
auth.subscribe((state) => {
|
||||
token = state.token || '';
|
||||
})();
|
||||
return `${API_BASE_URL}/download/${path}?token=${token}`;
|
||||
}
|
||||
};
|
||||
206
partitions/src/lib/components/PdfViewer.svelte
Normal file
206
partitions/src/lib/components/PdfViewer.svelte
Normal file
@@ -0,0 +1,206 @@
|
||||
<script lang="ts">
|
||||
import { onMount, onDestroy } from 'svelte';
|
||||
import * as pdfjsLib from 'pdfjs-dist';
|
||||
import { api } from '$lib/api';
|
||||
|
||||
pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.mjs';
|
||||
|
||||
interface Props {
|
||||
pdfUrl: string;
|
||||
title?: string;
|
||||
key?: string;
|
||||
}
|
||||
|
||||
let { pdfUrl, title = 'Partition', key = '' }: Props = $props();
|
||||
|
||||
// Force re-render when key changes
|
||||
$effect(() => {
|
||||
if (key) {
|
||||
loadPdf();
|
||||
}
|
||||
});
|
||||
|
||||
let canvas: HTMLCanvasElement;
|
||||
let pdfDoc: pdfjsLib.PDFDocumentProxy | null = null;
|
||||
let currentPage = $state(1);
|
||||
let totalPages = $state(0);
|
||||
let scale = $state(1.2);
|
||||
let loading = $state(true);
|
||||
let error = $state('');
|
||||
let rendering = $state(false);
|
||||
|
||||
async function loadPdf() {
|
||||
loading = true;
|
||||
error = '';
|
||||
try {
|
||||
// Load PDF via axios to include auth token
|
||||
const path = pdfUrl.split('/download/')[1];
|
||||
const response = await api.get(`/download/${path}`, {
|
||||
responseType: 'blob'
|
||||
});
|
||||
const blob = new Blob([response.data], { type: 'application/pdf' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
|
||||
const loadingTask = pdfjsLib.getDocument(url);
|
||||
pdfDoc = await loadingTask.promise;
|
||||
totalPages = pdfDoc.numPages;
|
||||
await renderPage(currentPage);
|
||||
} catch (err) {
|
||||
console.error('Error loading PDF:', err);
|
||||
error = 'Erreur lors du chargement du PDF';
|
||||
} finally {
|
||||
loading = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function renderPage(pageNum: number) {
|
||||
if (!pdfDoc || rendering) return;
|
||||
rendering = true;
|
||||
|
||||
try {
|
||||
const page = await pdfDoc.getPage(pageNum);
|
||||
const viewport = page.getViewport({ scale });
|
||||
const context = canvas.getContext('2d');
|
||||
|
||||
if (!context) return;
|
||||
|
||||
canvas.height = viewport.height;
|
||||
canvas.width = viewport.width;
|
||||
|
||||
await page.render({
|
||||
canvasContext: context,
|
||||
viewport
|
||||
}).promise;
|
||||
} catch (err) {
|
||||
console.error('Error rendering page:', err);
|
||||
} finally {
|
||||
rendering = false;
|
||||
}
|
||||
}
|
||||
|
||||
function prevPage() {
|
||||
if (currentPage > 1) {
|
||||
currentPage--;
|
||||
renderPage(currentPage);
|
||||
}
|
||||
}
|
||||
|
||||
function nextPage() {
|
||||
if (currentPage < totalPages) {
|
||||
currentPage++;
|
||||
renderPage(currentPage);
|
||||
}
|
||||
}
|
||||
|
||||
function zoomIn() {
|
||||
scale = Math.min(scale + 0.2, 3);
|
||||
renderPage(currentPage);
|
||||
}
|
||||
|
||||
function zoomOut() {
|
||||
scale = Math.max(scale - 0.2, 0.5);
|
||||
renderPage(currentPage);
|
||||
}
|
||||
|
||||
function handleKeydown(e: KeyboardEvent) {
|
||||
if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
|
||||
prevPage();
|
||||
} else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
|
||||
nextPage();
|
||||
}
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
loadPdf();
|
||||
window.addEventListener('keydown', handleKeydown);
|
||||
});
|
||||
|
||||
onDestroy(() => {
|
||||
window.removeEventListener('keydown', handleKeydown);
|
||||
if (pdfDoc) {
|
||||
pdfDoc.destroy();
|
||||
}
|
||||
});
|
||||
|
||||
$effect(() => {
|
||||
if (pdfUrl) {
|
||||
loadPdf();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="flex flex-col h-full">
|
||||
<div class="bg-ohmj-dark text-white px-4 py-2 flex items-center justify-between">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="font-semibold">{title}</span>
|
||||
{#if totalPages > 0}
|
||||
<span class="text-gray-400">| Page {currentPage} / {totalPages}</span>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<button
|
||||
onclick={zoomOut}
|
||||
class="px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-sm"
|
||||
title="Zoom -"
|
||||
>
|
||||
➖
|
||||
</button>
|
||||
<span class="text-sm w-16 text-center">{Math.round(scale * 100)}%</span>
|
||||
<button
|
||||
onclick={zoomIn}
|
||||
class="px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-sm"
|
||||
title="Zoom +"
|
||||
>
|
||||
➕
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 overflow-auto bg-gray-800 flex items-start justify-center p-4">
|
||||
{#if loading}
|
||||
<div class="text-white">
|
||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-white mx-auto mb-4"></div>
|
||||
<p>Chargement du PDF...</p>
|
||||
</div>
|
||||
{:else if error}
|
||||
<div class="text-red-400 text-center">
|
||||
<p class="text-xl mb-2">⚠️</p>
|
||||
<p>{error}</p>
|
||||
</div>
|
||||
{:else}
|
||||
<canvas bind:this={canvas} class="shadow-2xl"></canvas>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="bg-ohmj-dark text-white px-4 py-3 flex items-center justify-center gap-4">
|
||||
<button
|
||||
onclick={prevPage}
|
||||
disabled={currentPage <= 1}
|
||||
class="px-4 py-2 bg-ohmj-primary hover:bg-ohmj-secondary disabled:opacity-50 disabled:cursor-not-allowed rounded transition-colors"
|
||||
>
|
||||
◀ Précédent
|
||||
</button>
|
||||
|
||||
<div class="flex gap-1">
|
||||
{#each Array(Math.min(5, totalPages)) as _, i}
|
||||
{@const pageNum = Math.max(1, Math.min(currentPage - 2, totalPages - 4)) + i}
|
||||
{#if pageNum <= totalPages}
|
||||
<button
|
||||
onclick={() => { currentPage = pageNum; renderPage(pageNum); }}
|
||||
class="w-8 h-8 rounded {currentPage === pageNum ? 'bg-ohmj-secondary text-ohmj-dark font-bold' : 'bg-gray-700 hover:bg-gray-600'}"
|
||||
>
|
||||
{pageNum}
|
||||
</button>
|
||||
{/if}
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<button
|
||||
onclick={nextPage}
|
||||
disabled={currentPage >= totalPages}
|
||||
class="px-4 py-2 bg-ohmj-primary hover:bg-ohmj-secondary disabled:opacity-50 disabled:cursor-not-allowed rounded transition-colors"
|
||||
>
|
||||
Suivant ▶
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
43
partitions/src/lib/stores/auth.ts
Normal file
43
partitions/src/lib/stores/auth.ts
Normal file
@@ -0,0 +1,43 @@
|
||||
import { writable } from 'svelte/store';
|
||||
import { browser } from '$app/environment';
|
||||
|
||||
interface User {
|
||||
username: string;
|
||||
role: string;
|
||||
}
|
||||
|
||||
interface AuthState {
|
||||
token: string | null;
|
||||
user: User | null;
|
||||
}
|
||||
|
||||
function createAuthStore() {
|
||||
const stored = browser ? localStorage.getItem('auth') : null;
|
||||
const initial: AuthState = stored ? JSON.parse(stored) : { token: null, user: null };
|
||||
|
||||
const { subscribe, set, update } = writable<AuthState>(initial);
|
||||
|
||||
return {
|
||||
subscribe,
|
||||
login: (token: string, user: User) => {
|
||||
const state = { token, user };
|
||||
set(state);
|
||||
if (browser) {
|
||||
localStorage.setItem('auth', JSON.stringify(state));
|
||||
}
|
||||
},
|
||||
logout: () => {
|
||||
set({ token: null, user: null });
|
||||
if (browser) {
|
||||
localStorage.removeItem('auth');
|
||||
}
|
||||
},
|
||||
getToken: () => {
|
||||
let token: string | null = null;
|
||||
update((s) => (token = s.token));
|
||||
return token;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
export const auth = createAuthStore();
|
||||
74
partitions/src/routes/+layout.svelte
Normal file
74
partitions/src/routes/+layout.svelte
Normal file
@@ -0,0 +1,74 @@
|
||||
<script lang="ts">
|
||||
import '../app.css';
|
||||
import { auth } from '$lib/stores/auth';
|
||||
import { goto } from '$app/navigation';
|
||||
import { page } from '$app/stores';
|
||||
import { onMount } from 'svelte';
|
||||
|
||||
const publicRoutes = ['/'];
|
||||
|
||||
let isAuthenticated = false;
|
||||
let currentPath = '/';
|
||||
|
||||
auth.subscribe((state) => {
|
||||
isAuthenticated = !!state.token;
|
||||
});
|
||||
|
||||
page.subscribe(($page) => {
|
||||
currentPath = $page.url.pathname;
|
||||
});
|
||||
|
||||
onMount(() => {
|
||||
const unsubscribe = page.subscribe(($page) => {
|
||||
const path = $page.url.pathname;
|
||||
const isPublic = publicRoutes.includes(path);
|
||||
|
||||
if (!isPublic && !isAuthenticated) {
|
||||
goto('/');
|
||||
}
|
||||
});
|
||||
|
||||
return unsubscribe;
|
||||
});
|
||||
|
||||
function logout() {
|
||||
auth.logout();
|
||||
goto('/');
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="min-h-screen flex flex-col">
|
||||
{#if isAuthenticated && currentPath !== '/'}
|
||||
<header class="bg-ohmj-primary text-white shadow-lg">
|
||||
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
|
||||
<a href="/scores" class="flex items-center gap-3">
|
||||
<img src="/logo.png" alt="OHMJ" class="h-10" />
|
||||
<span class="text-xl font-bold text-ohmj-secondary hidden md:inline">
|
||||
Partitions
|
||||
</span>
|
||||
</a>
|
||||
<nav class="flex items-center gap-4">
|
||||
<a href="/scores" class="hover:text-ohmj-secondary transition-colors">
|
||||
Mes Partitions
|
||||
</a>
|
||||
<button
|
||||
onclick={logout}
|
||||
class="bg-red-600 hover:bg-red-700 px-3 py-1 rounded text-sm transition-colors"
|
||||
>
|
||||
Déconnexion
|
||||
</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
{/if}
|
||||
|
||||
<main class="flex-1">
|
||||
<slot />
|
||||
</main>
|
||||
|
||||
{#if isAuthenticated && currentPath !== '/'}
|
||||
<footer class="bg-ohmj-dark text-gray-400 py-4 text-center text-sm">
|
||||
<p>© {new Date().getFullYear()} Harmonie de Montpellier-Jacou</p>
|
||||
</footer>
|
||||
{/if}
|
||||
</div>
|
||||
126
partitions/src/routes/+page.svelte
Normal file
126
partitions/src/routes/+page.svelte
Normal file
@@ -0,0 +1,126 @@
|
||||
<script lang="ts">
|
||||
import { auth } from '$lib/stores/auth';
|
||||
import { apiService } from '$lib/api';
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
let username = '';
|
||||
let password = '';
|
||||
let error = '';
|
||||
let loading = false;
|
||||
|
||||
async function handleLogin() {
|
||||
if (!username || !password) {
|
||||
error = 'Veuillez entrer un nom d\'utilisateur et un mot de passe';
|
||||
return;
|
||||
}
|
||||
|
||||
loading = true;
|
||||
error = '';
|
||||
|
||||
try {
|
||||
const result = await apiService.login(username, password);
|
||||
auth.login(result.token, result.user);
|
||||
goto('/scores');
|
||||
} catch (err: any) {
|
||||
if (err.response?.status === 401) {
|
||||
error = 'Nom d\'utilisateur ou mot de passe incorrect';
|
||||
} else {
|
||||
error = 'Erreur de connexion au serveur';
|
||||
}
|
||||
} finally {
|
||||
loading = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleKeydown(event: KeyboardEvent) {
|
||||
if (event.key === 'Enter') {
|
||||
handleLogin();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Connexion - OHMJ</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="min-h-screen flex items-center justify-center relative overflow-hidden">
|
||||
<!-- Background image with blur -->
|
||||
<div class="absolute inset-0 z-0">
|
||||
<img src="/bg-login.jpg" alt="Background" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-ohmj-primary/50 backdrop-blur-sm"></div>
|
||||
</div>
|
||||
|
||||
<div class="w-full max-w-md px-4 z-10">
|
||||
<div class="bg-white rounded-lg shadow-2xl p-8">
|
||||
<div class="text-center mb-8">
|
||||
<img src="/logo.png" alt="OHMJ" class="h-24 mx-auto mb-4" />
|
||||
<p class="text-gray-600">
|
||||
Harmonie de Montpellier-Jacou
|
||||
</p>
|
||||
<p class="text-gray-500 text-sm mt-2">
|
||||
Connexion à l'espace partitions
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form onsubmit={(e) => { e.preventDefault(); handleLogin(); }} class="space-y-6">
|
||||
{#if error}
|
||||
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
|
||||
{error}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div>
|
||||
<label for="username" class="block text-gray-700 text-sm font-bold mb-2">
|
||||
Nom d'utilisateur
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="username"
|
||||
bind:value={username}
|
||||
onkeydown={handleKeydown}
|
||||
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-ohmj-primary focus:border-transparent"
|
||||
placeholder="musicien"
|
||||
autocomplete="username"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="password" class="block text-gray-700 text-sm font-bold mb-2">
|
||||
Mot de passe
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
bind:value={password}
|
||||
onkeydown={handleKeydown}
|
||||
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-ohmj-primary focus:border-transparent"
|
||||
placeholder="••••••••"
|
||||
autocomplete="current-password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
class="w-full bg-ohmj-primary hover:bg-ohmj-dark text-white font-bold py-3 px-4 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
>
|
||||
{#if loading}
|
||||
<span class="inline-flex items-center">
|
||||
<svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-white" fill="none" viewBox="0 0 24 24">
|
||||
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
||||
</svg>
|
||||
Connexion...
|
||||
</span>
|
||||
{:else}
|
||||
Se connecter
|
||||
{/if}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<p class="text-center text-gray-400 text-xs mt-6">
|
||||
Accès réservé aux membres de l'OHMJ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
115
partitions/src/routes/scores/+page.svelte
Normal file
115
partitions/src/routes/scores/+page.svelte
Normal file
@@ -0,0 +1,115 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import { apiService, type Score } from '$lib/api';
|
||||
|
||||
let scores: Score[] = [];
|
||||
let loading = true;
|
||||
let error = '';
|
||||
let sortBy: 'id' | 'name' | 'compositor' = 'id';
|
||||
let sortOrder: 'asc' | 'desc' = 'asc';
|
||||
|
||||
onMount(async () => {
|
||||
try {
|
||||
scores = await apiService.getScores();
|
||||
} catch (err) {
|
||||
error = 'Erreur lors du chargement des partitions';
|
||||
console.error(err);
|
||||
} finally {
|
||||
loading = false;
|
||||
}
|
||||
});
|
||||
|
||||
function sortScores(key: 'id' | 'name' | 'compositor') {
|
||||
if (sortBy === key) {
|
||||
sortOrder = sortOrder === 'asc' ? 'desc' : 'asc';
|
||||
} else {
|
||||
sortBy = key;
|
||||
sortOrder = 'asc';
|
||||
}
|
||||
}
|
||||
|
||||
$: sortedScores = [...scores].sort((a, b) => {
|
||||
let aVal = a[sortBy] || '';
|
||||
let bVal = b[sortBy] || '';
|
||||
if (sortBy === 'id') {
|
||||
aVal = a.id;
|
||||
bVal = b.id;
|
||||
}
|
||||
const cmp = aVal.localeCompare(bVal);
|
||||
return sortOrder === 'asc' ? cmp : -cmp;
|
||||
});
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Mes Partitions - OHMJ</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<div class="mb-6">
|
||||
<h1 class="text-3xl font-bold text-ohmj-primary">Mes Partitions</h1>
|
||||
<p class="text-gray-600 mt-2">{scores.length} partitions disponibles</p>
|
||||
</div>
|
||||
|
||||
{#if loading}
|
||||
<div class="flex justify-center items-center py-20">
|
||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-ohmj-primary"></div>
|
||||
</div>
|
||||
{:else if error}
|
||||
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
|
||||
{error}
|
||||
</div>
|
||||
{:else}
|
||||
<div class="bg-white rounded-lg shadow overflow-hidden">
|
||||
<table class="min-w-full">
|
||||
<thead class="bg-gray-50">
|
||||
<tr>
|
||||
<th
|
||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
|
||||
onclick={() => sortScores('id')}
|
||||
>
|
||||
№ {sortBy === 'id' ? (sortOrder === 'asc' ? '↑' : '↓') : ''}
|
||||
</th>
|
||||
<th
|
||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
|
||||
onclick={() => sortScores('name')}
|
||||
>
|
||||
Nom {sortBy === 'name' ? (sortOrder === 'asc' ? '↑' : '↓') : ''}
|
||||
</th>
|
||||
<th
|
||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
|
||||
onclick={() => sortScores('compositor')}
|
||||
>
|
||||
Compositeur {sortBy === 'compositor' ? (sortOrder === 'asc' ? '↑' : '↓') : ''}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Action
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
{#each sortedScores as score}
|
||||
<tr class="hover:bg-gray-50 transition-colors">
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
|
||||
{score.id}
|
||||
</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700">
|
||||
{score.name}
|
||||
</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||
{score.compositor || '-'}
|
||||
</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-right text-sm">
|
||||
<a
|
||||
href="/scores/{score.id}"
|
||||
class="inline-flex items-center px-3 py-1 border border-ohmj-primary text-sm font-medium rounded text-ohmj-primary hover:bg-ohmj-primary hover:text-white transition-colors"
|
||||
>
|
||||
Voir →
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
148
partitions/src/routes/scores/[id]/+page.svelte
Normal file
148
partitions/src/routes/scores/[id]/+page.svelte
Normal file
@@ -0,0 +1,148 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import { page } from '$app/stores';
|
||||
import { apiService, type Score, type Piece } from '$lib/api';
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
const INSTRUMENT_ICONS: Record<string, string> = {
|
||||
dir: '🎼', pic: '🎺', flu: '🎵', cla: '🎵', clb: '🎵',
|
||||
sax: '🎷', sab: '🎷', sat: '🎷', coa: '🎵', cba: '🎸',
|
||||
cor: '🥇', trp: '🎺', trb: '🎺', tub: '🎺', htb: '🎵',
|
||||
bas: '🎻', per: '🥁', crn: '🎺', eup: '🎺', har: '🎵',
|
||||
pia: '🎹', sup: '📄', par: '📄'
|
||||
};
|
||||
|
||||
const INSTRUMENT_NAMES: Record<string, string> = {
|
||||
dir: 'Direction', pic: 'Piccolo', flu: 'Flûte', cla: 'Clarinette',
|
||||
clb: 'Clarinette Basse', sax: 'Sax Alto', sat: 'Sax Ténor', sab: 'Sax Baryton',
|
||||
coa: 'Cor Anglais', cba: 'Contrebasse', cor: 'Cor', trp: 'Trompette',
|
||||
trb: 'Trombone', tub: 'Tuba', htb: 'Hautbois', bas: 'Basson',
|
||||
per: 'Percussions', crn: 'Cornet', eup: 'Euphonium', har: 'Harpe',
|
||||
pia: 'Piano', sup: 'Parties supplementaires', par: 'Parties'
|
||||
};
|
||||
|
||||
function getInstrumentIcon(code: string): string {
|
||||
return INSTRUMENT_ICONS[code] || '🎵';
|
||||
}
|
||||
|
||||
function getInstrumentName(code: string): string {
|
||||
return INSTRUMENT_NAMES[code] || code;
|
||||
}
|
||||
|
||||
let scoreId = '';
|
||||
let score: Score | null = null;
|
||||
let pieces: Piece[] = [];
|
||||
let instruments: any[] = [];
|
||||
let loading = $state(true);
|
||||
let error = $state('');
|
||||
let selectedPiece = $state(1);
|
||||
|
||||
page.subscribe(($page) => {
|
||||
scoreId = $page.params.id || '';
|
||||
});
|
||||
|
||||
onMount(async () => {
|
||||
try {
|
||||
score = await apiService.getScore(scoreId);
|
||||
pieces = await apiService.getPieces(scoreId);
|
||||
|
||||
if (pieces.length > 1) {
|
||||
// Multi-pieces score - use instruments from API
|
||||
instruments = score?.instruments || [];
|
||||
loading = false;
|
||||
} else {
|
||||
// Single piece - load instruments
|
||||
selectedPiece = 1;
|
||||
instruments = score?.instruments || [];
|
||||
}
|
||||
} catch (err) {
|
||||
error = 'Erreur lors du chargement';
|
||||
console.error(err);
|
||||
} finally {
|
||||
loading = false;
|
||||
}
|
||||
});
|
||||
|
||||
async function selectPiece(pieceId: number) {
|
||||
goto(`/scores/${scoreId}/${pieceId}`);
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>{score?.name || 'Partition'} - OHMJ</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<a href="/scores" class="inline-flex items-center text-ohmj-primary hover:underline mb-4">
|
||||
← Retour aux partitions
|
||||
</a>
|
||||
|
||||
{#if loading}
|
||||
<div class="flex justify-center items-center py-20">
|
||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-ohmj-primary"></div>
|
||||
</div>
|
||||
{:else if error}
|
||||
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
|
||||
{error}
|
||||
</div>
|
||||
{:else}
|
||||
<div class="mb-6">
|
||||
<h1 class="text-3xl font-bold text-ohmj-primary">{score?.name || ''}</h1>
|
||||
{#if score?.compositor}
|
||||
<p class="text-gray-600 mt-1 text-lg">{score.compositor}</p>
|
||||
{/if}
|
||||
{#if score?.ressource}
|
||||
<a
|
||||
href={score.ressource}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="inline-flex items-center mt-2 text-ohmj-primary hover:underline"
|
||||
>
|
||||
🔗 Ressource externe
|
||||
</a>
|
||||
{/if}
|
||||
<p class="text-sm text-gray-400 mt-1">№ {scoreId}</p>
|
||||
</div>
|
||||
|
||||
{#if pieces.length > 1}
|
||||
<h2 class="text-xl font-semibold text-gray-700 mb-4">Pièces</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-8">
|
||||
{#each pieces as piece}
|
||||
<button
|
||||
onclick={() => selectPiece(piece.id)}
|
||||
class="bg-white p-4 rounded-lg shadow hover:shadow-lg transition-shadow border-2 {selectedPiece === piece.id ? 'border-ohmj-primary' : 'border-transparent hover:border-ohmj-primary'}"
|
||||
>
|
||||
<p class="font-semibold text-gray-800">{piece.name}</p>
|
||||
<p class="text-sm text-gray-500">№ {piece.id}</p>
|
||||
</button>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if pieces.length <= 1 || selectedPiece}
|
||||
<h2 class="text-xl font-semibold text-gray-700 mb-4">Instruments disponibles</h2>
|
||||
|
||||
{#if instruments.length === 0}
|
||||
<p class="text-gray-500">Aucun instrument trouvé.</p>
|
||||
{:else}
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
|
||||
{#each instruments as instrument}
|
||||
{@const code = instrument.id || instrument.code || ''}
|
||||
{@const title = instrument.title || getInstrumentName(code)}
|
||||
{@const fileCount = instrument.parts?.[0]?.files?.length || 0}
|
||||
<a
|
||||
href="/scores/{scoreId}/{selectedPiece}/{code}"
|
||||
class="bg-white p-6 rounded-lg shadow hover:shadow-lg transition-shadow border border-gray-200 hover:border-ohmj-primary"
|
||||
>
|
||||
<div class="text-center">
|
||||
<div class="text-4xl mb-2">{getInstrumentIcon(code)}</div>
|
||||
<h3 class="font-semibold text-gray-800">{title}</h3>
|
||||
<p class="text-sm text-gray-500 mt-1">{fileCount} fichier{fileCount !== 1 ? 's' : ''}</p>
|
||||
</div>
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
79
partitions/src/routes/scores/[id]/[piece]/+page.svelte
Normal file
79
partitions/src/routes/scores/[id]/[piece]/+page.svelte
Normal file
@@ -0,0 +1,79 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import { page } from '$app/stores';
|
||||
import { apiService, type Score, type Instrument } from '$lib/api';
|
||||
|
||||
const INSTRUMENT_ICONS: Record<string, string> = {
|
||||
dir: '🎼', pic: '🎺', flu: '🎵', cla: '🎵', clb: '🎵',
|
||||
sax: '🎷', sab: '🎷', sat: '🎷', coa: '🎵', cba: '🎸',
|
||||
cor: '🥇', trp: '🎺', trb: '🎺', tub: '🎺', htb: '🎵',
|
||||
bas: '🎻', per: '🥁', crn: '🎺', eup: '🎺', har: '🎵',
|
||||
pia: '🎹', sup: '📄', par: '📄'
|
||||
};
|
||||
|
||||
function getInstrumentIcon(code: string): string {
|
||||
return INSTRUMENT_ICONS[code] || '🎵';
|
||||
}
|
||||
|
||||
let scoreId = '';
|
||||
let pieceId = '';
|
||||
let instruments: Instrument[] = $state([]);
|
||||
let loading = $state(true);
|
||||
let error = $state('');
|
||||
|
||||
page.subscribe(($page) => {
|
||||
scoreId = $page.params.id || '';
|
||||
pieceId = $page.params.piece || '';
|
||||
});
|
||||
|
||||
onMount(async () => {
|
||||
try {
|
||||
const score = await apiService.getScore(scoreId);
|
||||
// Filter instruments by piece
|
||||
instruments = (score.instruments || []).filter(i => i.piece === pieceId);
|
||||
} catch (err) {
|
||||
error = 'Erreur lors du chargement';
|
||||
console.error(err);
|
||||
} finally {
|
||||
loading = false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Pièce {pieceId} - {scoreId} - OHMJ</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<a href="/scores/{scoreId}" class="inline-flex items-center text-ohmj-primary hover:underline mb-4">
|
||||
← Retour aux pièces
|
||||
</a>
|
||||
|
||||
<h1 class="text-2xl font-bold text-ohmj-primary mb-6">Instruments - Pièce {pieceId}</h1>
|
||||
|
||||
{#if loading}
|
||||
<div class="flex justify-center items-center py-20">
|
||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-ohmj-primary"></div>
|
||||
</div>
|
||||
{:else if error}
|
||||
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
|
||||
{error}
|
||||
</div>
|
||||
{:else}
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
|
||||
{#each instruments as instrument}
|
||||
{@const fileCount = instrument.parts?.[0]?.files?.length || 0}
|
||||
<a
|
||||
href="/scores/{scoreId}/{pieceId}/{instrument.id}"
|
||||
class="bg-white p-6 rounded-lg shadow hover:shadow-lg transition-shadow border border-gray-200 hover:border-ohmj-primary"
|
||||
>
|
||||
<div class="text-center">
|
||||
<div class="text-4xl mb-2">{getInstrumentIcon(instrument.id)}</div>
|
||||
<h3 class="font-semibold text-gray-800">{instrument.title}</h3>
|
||||
<p class="text-sm text-gray-500 mt-1">{fileCount} fichier{fileCount !== 1 ? 's' : ''}</p>
|
||||
</div>
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
@@ -0,0 +1,190 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import { page } from '$app/stores';
|
||||
import { apiService, type Part, type PdfFile } from '$lib/api';
|
||||
import PdfViewer from '$lib/components/PdfViewer.svelte';
|
||||
|
||||
const INSTRUMENT_NAMES: Record<string, string> = {
|
||||
dir: 'Direction',
|
||||
pic: 'Piccolo',
|
||||
flu: 'Flûte',
|
||||
cla: 'Clarinette',
|
||||
clb: 'Clarinette basse',
|
||||
sax: 'Saxophone',
|
||||
sab: 'Saxophone baryton',
|
||||
sat: 'Saxophone ténor',
|
||||
cba: 'Contrebasse',
|
||||
cor: 'Cor',
|
||||
trp: 'Trompette',
|
||||
trb: 'Trombone',
|
||||
tub: 'Tuba',
|
||||
htb: 'Hautbois',
|
||||
bas: 'Basson',
|
||||
per: 'Percussion',
|
||||
crn: 'Cornet',
|
||||
eup: 'Euphonium',
|
||||
har: 'Harpe',
|
||||
pia: 'Piano'
|
||||
};
|
||||
|
||||
function getInstrumentName(code: string): string {
|
||||
return INSTRUMENT_NAMES[code] || code;
|
||||
}
|
||||
|
||||
let scoreId = '';
|
||||
let pieceId = '';
|
||||
let instrumentCode = '';
|
||||
let instrumentTitle = '';
|
||||
let parts: Part[] = $state([]);
|
||||
let loading = $state(true);
|
||||
let error = $state('');
|
||||
let selectedFile = $state('');
|
||||
let showSidebar = $state(true);
|
||||
|
||||
let pdfViewerUrl = $derived(selectedFile ? apiService.getDownloadUrl(selectedFile) : '');
|
||||
let pdfFileName = $derived(selectedFile ? selectedFile.split('/').pop() || 'Partition' : 'Partition');
|
||||
|
||||
page.subscribe(($page) => {
|
||||
scoreId = $page.params.id || '';
|
||||
pieceId = $page.params.piece || '';
|
||||
instrumentCode = $page.params.instrument || '';
|
||||
});
|
||||
|
||||
onMount(async () => {
|
||||
try {
|
||||
const score = await apiService.getScore(scoreId);
|
||||
const instrument = (score.instruments || []).find(
|
||||
i => i.id === instrumentCode && i.piece === pieceId
|
||||
);
|
||||
if (instrument) {
|
||||
instrumentTitle = instrument.title;
|
||||
parts = instrument.parts || [];
|
||||
}
|
||||
if (parts.length > 0 && parts[0].files.length > 0) {
|
||||
selectedFile = parts[0].files[0].path;
|
||||
}
|
||||
} catch (err) {
|
||||
error = 'Erreur lors du chargement des parties';
|
||||
console.error(err);
|
||||
} finally {
|
||||
loading = false;
|
||||
}
|
||||
});
|
||||
|
||||
function getFileInfo(file: PdfFile): string {
|
||||
const info = [];
|
||||
if (file.part) info.push(`Partie ${file.part}`);
|
||||
if (file.key) info.push(file.key);
|
||||
if (file.clef) info.push(file.clef);
|
||||
if (file.variant) info.push(file.variant);
|
||||
return info.length > 0 ? `(${info.join(', ')})` : '';
|
||||
}
|
||||
|
||||
async function downloadFile(path: string) {
|
||||
try {
|
||||
const blob = await apiService.downloadPdf(path);
|
||||
const url = window.URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = path.split('/').pop() || 'partition.pdf';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
window.URL.revokeObjectURL(url);
|
||||
a.remove();
|
||||
} catch (err) {
|
||||
console.error('Error downloading:', err);
|
||||
}
|
||||
}
|
||||
|
||||
function openViewer(path: string) {
|
||||
selectedFile = path;
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>{instrumentTitle || instrumentCode} - {scoreId} - OHMJ</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="h-[calc(100vh-64px)] flex flex-col">
|
||||
<div class="container mx-auto px-4 py-4">
|
||||
<a href="/scores/{scoreId}/{pieceId}" class="inline-flex items-center text-ohmj-primary hover:underline mb-4">
|
||||
← Retour aux instruments
|
||||
</a>
|
||||
|
||||
<h1 class="text-2xl font-bold text-ohmj-primary">
|
||||
{instrumentTitle || getInstrumentName(instrumentCode)} - Partition {scoreId} - Pièce {pieceId}
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
{#if loading}
|
||||
<div class="flex justify-center items-center py-20">
|
||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-ohmj-primary"></div>
|
||||
</div>
|
||||
{:else if error}
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
|
||||
{error}
|
||||
</div>
|
||||
</div>
|
||||
{:else}
|
||||
<div class="flex-1 flex overflow-hidden relative">
|
||||
<!-- Toggle button -->
|
||||
<button
|
||||
onclick={() => showSidebar = !showSidebar}
|
||||
class="absolute left-0 top-1/2 transform -translate-y-1/2 z-10 bg-ohmj-primary text-white px-2 py-4 rounded-r shadow hover:bg-ohmj-secondary transition-colors"
|
||||
title={showSidebar ? 'Masquer' : 'Afficher'}
|
||||
>
|
||||
{showSidebar ? '◀' : '▶'}
|
||||
</button>
|
||||
|
||||
<!-- Liste des parties -->
|
||||
{#if showSidebar}
|
||||
<div class="w-64 min-w-[200px] max-w-xs bg-white border-r overflow-y-auto p-4 flex-shrink-0 ml-8">
|
||||
<h2 class="font-semibold text-gray-700 mb-4">Parties disponibles</h2>
|
||||
|
||||
{#each parts as part}
|
||||
<div class="mb-4">
|
||||
<h3 class="font-medium text-gray-800 mb-2">Version {part.id}</h3>
|
||||
<ul class="space-y-1">
|
||||
{#each part.files as file}
|
||||
<li class="flex items-center gap-2">
|
||||
<button
|
||||
onclick={() => openViewer(file.path)}
|
||||
class="flex-1 text-left px-3 py-2 rounded hover:bg-ohmj-light border border-transparent hover:border-ohmj-primary transition-colors text-sm {selectedFile === file.path ? 'bg-ohmj-primary text-white' : 'text-ohmj-primary'}"
|
||||
>
|
||||
📖 {file.name} {getFileInfo(file)}
|
||||
</button>
|
||||
<button
|
||||
onclick={() => downloadFile(file.path)}
|
||||
class="px-3 py-2 text-gray-500 hover:text-ohmj-secondary transition-colors text-sm"
|
||||
title="Télécharger"
|
||||
>
|
||||
⬇️
|
||||
</button>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
{#if parts.length === 0}
|
||||
<p class="text-gray-500">Aucune partie disponible.</p>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- Visionneuse PDF -->
|
||||
<div class="flex-1 bg-gray-800 flex flex-col ml-8">
|
||||
{#if selectedFile}
|
||||
{#key selectedFile}
|
||||
<PdfViewer pdfUrl={pdfViewerUrl} title={pdfFileName} />
|
||||
{/key}
|
||||
{:else}
|
||||
<div class="h-full flex items-center justify-center text-gray-400">
|
||||
<p>Sélectionnez une partition pour la visionner</p>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
77
partitions/src/routes/test-icons/+page.svelte
Normal file
77
partitions/src/routes/test-icons/+page.svelte
Normal file
@@ -0,0 +1,77 @@
|
||||
<script lang="ts">
|
||||
const INSTRUMENT_ICONS: Record<string, string> = {
|
||||
dir: '🎼',
|
||||
pic: '🎵',
|
||||
flu: '🎵',
|
||||
cla: '🎵',
|
||||
clb: '🎵',
|
||||
sax: '🎷',
|
||||
sab: '🎷',
|
||||
sat: '🎷',
|
||||
coa: '🎵',
|
||||
cba: '🎸',
|
||||
cor: '🥇',
|
||||
trp: '🎺',
|
||||
trb: '🎺',
|
||||
tub: '🎺',
|
||||
htb: '🎵',
|
||||
bas: '🎻',
|
||||
per: '🥁',
|
||||
crn: '🎺',
|
||||
eup: '🎺',
|
||||
har: '🎵',
|
||||
pia: '🎹',
|
||||
sup: '📄',
|
||||
par: '📄'
|
||||
};
|
||||
|
||||
const INSTRUMENT_NAMES: Record<string, string> = {
|
||||
dir: 'Direction',
|
||||
pic: 'Piccolo',
|
||||
flu: 'Flûte',
|
||||
cla: 'Clarinette',
|
||||
clb: 'Clarinette Basse',
|
||||
sax: 'Sax Alto',
|
||||
sat: 'Sax Ténor',
|
||||
sab: 'Sax Baryton',
|
||||
coa: 'Cor Anglais',
|
||||
cba: 'Contrebasse',
|
||||
cor: 'Cor',
|
||||
trp: 'Trompette',
|
||||
trb: 'Trombone',
|
||||
tub: 'Tuba',
|
||||
htb: 'Hautbois',
|
||||
bas: 'Basson',
|
||||
per: 'Percussions',
|
||||
crn: 'Cornet',
|
||||
eup: 'Euphonium',
|
||||
har: 'Harpe',
|
||||
pia: 'Piano',
|
||||
sup: 'Parties supplementaires',
|
||||
par: 'Parties'
|
||||
};
|
||||
|
||||
const instruments = Object.entries(INSTRUMENT_NAMES).map(([code, name]) => ({
|
||||
code,
|
||||
name,
|
||||
icon: INSTRUMENT_ICONS[code] || '❓'
|
||||
}));
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Test icônes instruments - OHMJ</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<h1 class="text-3xl font-bold text-ohmj-primary mb-8">Test icônes instruments</h1>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
|
||||
{#each instruments as inst}
|
||||
<div class="bg-white p-6 rounded-lg shadow border border-gray-200 text-center">
|
||||
<div class="text-5xl mb-2">{inst.icon}</div>
|
||||
<p class="font-semibold">{inst.name}</p>
|
||||
<p class="text-sm text-gray-400">{inst.code}</p>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
BIN
partitions/static/bg-login.jpg
Normal file
BIN
partitions/static/bg-login.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
BIN
partitions/static/logo.png
Normal file
BIN
partitions/static/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
21
partitions/static/pdf.worker.min.mjs
Normal file
21
partitions/static/pdf.worker.min.mjs
Normal file
File diff suppressed because one or more lines are too long
21
partitions/svelte.config.js
Normal file
21
partitions/svelte.config.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import adapter from '@sveltejs/adapter-static';
|
||||
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
||||
|
||||
/** @type {import('@sveltejs/kit').Config} */
|
||||
const config = {
|
||||
preprocess: vitePreprocess(),
|
||||
kit: {
|
||||
adapter: adapter({
|
||||
pages: 'build',
|
||||
assets: 'build',
|
||||
fallback: 'index.html',
|
||||
precompress: false,
|
||||
strict: true
|
||||
}),
|
||||
alias: {
|
||||
$lib: './src/lib'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export default config;
|
||||
17
partitions/tailwind.config.js
Normal file
17
partitions/tailwind.config.js
Normal file
@@ -0,0 +1,17 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
ohmj: {
|
||||
primary: '#1e3a5f',
|
||||
secondary: '#c9a227',
|
||||
light: '#f5f5f5',
|
||||
dark: '#0a1f33'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: []
|
||||
};
|
||||
14
partitions/tsconfig.json
Normal file
14
partitions/tsconfig.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"extends": "./.svelte-kit/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"allowJs": true,
|
||||
"checkJs": true,
|
||||
"esModuleInterop": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"resolveJsonModule": true,
|
||||
"skipLibCheck": true,
|
||||
"sourceMap": true,
|
||||
"strict": true,
|
||||
"moduleResolution": "bundler"
|
||||
}
|
||||
}
|
||||
9
partitions/vite.config.ts
Normal file
9
partitions/vite.config.ts
Normal file
@@ -0,0 +1,9 @@
|
||||
import { sveltekit } from '@sveltejs/kit/vite';
|
||||
import { defineConfig } from 'vite';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [sveltekit()],
|
||||
server: {
|
||||
port: 5173
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user