improve notepad features and add drawing canvas
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
This commit is contained in:
parent
e73d754082
commit
de1b8a5638
20 changed files with 1732 additions and 141 deletions
|
|
@ -79,13 +79,36 @@ Type : `notepad`
|
|||
|
||||
```json
|
||||
{
|
||||
"text": "Notes rapides..."
|
||||
"html": "<p>Notes <strong>rapides</strong>...</p>",
|
||||
"text": "Notes rapides...",
|
||||
"updatedAt": "2026-07-29T12:00:00.000Z",
|
||||
"drawingMode": "permanent",
|
||||
"drawings": {
|
||||
"strokes": [
|
||||
{
|
||||
"id": "stroke1",
|
||||
"color": "#f6c453",
|
||||
"width": 4,
|
||||
"points": [
|
||||
{ "x": 12.5, "y": 48 },
|
||||
{ "x": 24, "y": 52.5 }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Stockage compact :
|
||||
|
||||
- si `text` est vide, l'entrée de module peut être supprimée.
|
||||
- l'ancien format `{ "text": "..." }` reste accepté et est converti en HTML riche au prochain enregistrement ;
|
||||
- `html` est nettoyé avec une allowlist de balises et de couleurs ;
|
||||
- `text` conserve une version texte pour les exports et les fallbacks ;
|
||||
- `updatedAt` est omis si vide ou invalide ;
|
||||
- `drawingMode` vaut `temporary` par défaut et est omis dans ce cas ;
|
||||
- `drawings` est stocké uniquement si `drawingMode` vaut `permanent` et qu'au moins un trait valide existe ;
|
||||
- les dessins temporaires du bloc-notes sont conservés dans `sessionStorage`, pas dans IndexedDB ;
|
||||
- si le texte, la date et les dessins permanents sont vides, l'entrée de module peut être supprimée.
|
||||
|
||||
## Outil Checklist
|
||||
|
||||
|
|
@ -178,7 +201,20 @@ Type : `imageAnnotation`
|
|||
"y": 68,
|
||||
"label": "Entrée"
|
||||
}
|
||||
]
|
||||
],
|
||||
"drawings": {
|
||||
"strokes": [
|
||||
{
|
||||
"id": "stroke1",
|
||||
"color": "#f6c453",
|
||||
"width": 4,
|
||||
"points": [
|
||||
{ "x": 18.5, "y": 32 },
|
||||
{ "x": 24, "y": 40.5 }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -188,6 +224,10 @@ Stockage compact :
|
|||
- `x` et `y` sont des pourcentages entre `0` et `100`.
|
||||
- `label` est facultatif.
|
||||
- `label` est omis si vide.
|
||||
- `drawings` est facultatif et omis si aucun trait valide n'existe.
|
||||
- les points des dessins sont stockés en pourcentages entre `0` et `100` pour rester alignés en aperçu réduit et en plein écran.
|
||||
- les dessins sont éditables uniquement depuis la modale plein écran ; l'aperçu réduit les affiche en lecture seule.
|
||||
- le mode temporaire des dessins d'image utilise `sessionStorage` et ne modifie pas `drawings` dans IndexedDB tant que l'utilisateur ne repasse pas en stockage permanent.
|
||||
|
||||
## Outil Timer
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue