Esenjin_Asakha/Lectures
Esenjin_Asakha/Lectures
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases14 Wiki Activity

Compare commits

...

4 Commits
85d5c28a1b ... b7e7c54ecf

Author SHA1 Message Date
Esenjin
b7e7c54ecf l'import/export est compatible avec les images d'en-tête des chapitres 2025-02-17 17:52:31 +01:00
Esenjin
3660e796ee ajout de la possibilité d'ajouter des couvertures aux chapitres 2025-02-17 17:27:45 +01:00
Esenjin
2a6ae05837 amélioration de l'affichage des menus latéraux dans la page "à propos" 2025-02-17 15:49:34 +01:00
Esenjin
e14b0a3478 réorganisation de la page "options" et ajout d'une fonction de lien personnalisé pour la page "à propos" 2025-02-17 13:03:10 +01:00
15 changed files with 1038 additions and 222 deletions

148
about.php

@ -37,77 +37,97 @@ $siteStats = $stats->getStats();
</header>
<!-- Contenu principal -->
<div class="novel-content">
<div class="novel-description">
<?= $about['content'] ?>
<div class="about-content">
<div class="about-description">
<?= $about['content'] // Le contenu est déjà en HTML ?>
</div>
<aside class="stats-menu">
<h2>Statistiques</h2>
<ul class="stats-list">
<!-- Nombre total de romans -->
<li class="stats-item">
<div class="stats-label">Romans publiés</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['total_stories']) ?></div>
</li>
<aside class="sidebar">
<!-- Liens personnalisés -->
<?php if (!empty($about['links'])): ?>
<section class="sidebar-section links-section">
<h2>Liens</h2>
<ul class="custom-links-list">
<?php foreach ($about['links'] as $link): ?>
<li>
<a href="<?= htmlspecialchars($link['url']) ?>"
<?= !empty($link['target']) ? 'target="' . htmlspecialchars($link['target']) . '"' : '' ?>>
<?= htmlspecialchars($link['title']) ?>
</a>
</li>
<?php endforeach; ?>
</ul>
</section>
<?php endif; ?>
<!-- Nombre total de chapitres -->
<li class="stats-item">
<div class="stats-label">Chapitres écrits</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['total_chapters']) ?></div>
<div class="stats-detail">
Moyenne de <?= $siteStats['avg_chapters_per_story'] ?> chapitres par roman
</div>
</li>
<!-- Statistiques -->
<section class="sidebar-section stats-section">
<h2>Statistiques</h2>
<ul class="stats-list">
<!-- Nombre total de romans -->
<li class="stats-item">
<div class="stats-label">Romans publiés</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['total_stories']) ?></div>
</li>
<!-- Nombre total de mots -->
<li class="stats-item">
<div class="stats-label">Mots écrits</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['total_words']) ?></div>
<div class="stats-detail">
Moyenne de <?= Stats::formatNumber($siteStats['avg_words_per_chapter']) ?> mots par chapitre
</div>
</li>
<!-- Nombre total de chapitres -->
<li class="stats-item">
<div class="stats-label">Chapitres écrits</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['total_chapters']) ?></div>
<div class="stats-detail">
Moyenne de <?= $siteStats['avg_chapters_per_story'] ?> chapitres par roman
</div>
</li>
<!-- Roman avec le plus de chapitres -->
<?php if ($siteStats['most_chapters']['story']): ?>
<li class="stats-item">
<div class="stats-label">Plus long roman</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['most_chapters']['count']) ?> chapitres</div>
<div class="stats-detail">
<a href="roman.php?id=<?= htmlspecialchars($siteStats['most_chapters']['story']['id']) ?>">
<?= htmlspecialchars($siteStats['most_chapters']['story']['title']) ?>
</a>
</div>
</li>
<?php endif; ?>
<!-- Nombre total de mots -->
<li class="stats-item">
<div class="stats-label">Mots écrits</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['total_words']) ?></div>
<div class="stats-detail">
Moyenne de <?= Stats::formatNumber($siteStats['avg_words_per_chapter']) ?> mots par chapitre
</div>
</li>
<!-- Plus long chapitre -->
<?php if ($siteStats['longest_chapter']['story']): ?>
<li class="stats-item">
<div class="stats-label">Plus long chapitre</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['longest_chapter']['words']) ?> mots</div>
<div class="stats-detail">
<a href="roman.php?id=<?= htmlspecialchars($siteStats['longest_chapter']['story']['id']) ?>">
<?= htmlspecialchars($siteStats['longest_chapter']['story']['title']) ?>
</a>
</div>
</li>
<?php endif; ?>
<!-- Roman avec le plus de chapitres -->
<?php if ($siteStats['most_chapters']['story']): ?>
<li class="stats-item">
<div class="stats-label">Plus long roman</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['most_chapters']['count']) ?> chapitres</div>
<div class="stats-detail">
<a href="roman.php?id=<?= htmlspecialchars($siteStats['most_chapters']['story']['id']) ?>">
<?= htmlspecialchars($siteStats['most_chapters']['story']['title']) ?>
</a>
</div>
</li>
<?php endif; ?>
<!-- Dernière mise à jour -->
<?php if ($siteStats['latest_update']['story']): ?>
<li class="stats-item">
<div class="stats-label">Dernière mise à jour</div>
<div class="stats-value"><?= Stats::formatDate($siteStats['latest_update']['date']) ?></div>
<div class="stats-detail">
<a href="roman.php?id=<?= htmlspecialchars($siteStats['latest_update']['story']['id']) ?>">
<?= htmlspecialchars($siteStats['latest_update']['story']['title']) ?>
</a>
</div>
</li>
<?php endif; ?>
</ul>
<!-- Plus long chapitre -->
<?php if ($siteStats['longest_chapter']['story']): ?>
<li class="stats-item">
<div class="stats-label">Plus long chapitre</div>
<div class="stats-value"><?= Stats::formatNumber($siteStats['longest_chapter']['words']) ?> mots</div>
<div class="stats-detail">
<a href="roman.php?id=<?= htmlspecialchars($siteStats['longest_chapter']['story']['id']) ?>">
<?= htmlspecialchars($siteStats['longest_chapter']['story']['title']) ?>
</a>
</div>
</li>
<?php endif; ?>
<!-- Dernière mise à jour -->
<?php if ($siteStats['latest_update']['story']): ?>
<li class="stats-item">
<div class="stats-label">Dernière mise à jour</div>
<div class="stats-value"><?= Stats::formatDate($siteStats['latest_update']['date']) ?></div>
<div class="stats-detail">
<a href="roman.php?id=<?= htmlspecialchars($siteStats['latest_update']['story']['id']) ?>">
<?= htmlspecialchars($siteStats['latest_update']['story']['title']) ?>
</a>
</div>
</li>
<?php endif; ?>
</ul>
</section>
</aside>
</div>

23
admin/api/export-stories.php

@ -37,18 +37,32 @@ try {
$storyDir = $tempDir . '/' . $storyId;
mkdir($storyDir);
mkdir($storyDir . '/images');
mkdir($storyDir . '/chapter_covers');
// Copier l'image de couverture si elle existe
// Copier l'image de couverture du roman si elle existe
if (!empty($story['cover'])) {
$coverPath = __DIR__ . '/../../' . $story['cover'];
if (file_exists($coverPath)) {
copy($coverPath, $storyDir . '/cover' . pathinfo($coverPath, PATHINFO_EXTENSION));
$story['cover'] = 'cover' . pathinfo($coverPath, PATHINFO_EXTENSION);
$extension = '.' . pathinfo($coverPath, PATHINFO_EXTENSION);
copy($coverPath, $storyDir . '/cover' . $extension);
$story['cover'] = 'cover' . $extension;
}
}
// Extraire et copier les images des chapitres
foreach ($story['chapters'] as &$chapter) {
// Gestion des images de couverture des chapitres
if (!empty($chapter['cover'])) {
$chapterCoverPath = __DIR__ . '/../../' . $chapter['cover'];
if (file_exists($chapterCoverPath)) {
$extension = '.' . pathinfo($chapterCoverPath, PATHINFO_EXTENSION);
$newCoverName = 'chapter_' . $chapter['id'] . '_cover' . $extension;
copy($chapterCoverPath, $storyDir . '/chapter_covers/' . $newCoverName);
$chapter['cover'] = 'chapter_covers/' . $newCoverName;
}
}
// Gestion du contenu et des images intégrées
if (!empty($chapter['content'])) {
$content = $chapter['content'];
if (is_string($content) && isJson($content)) {
@ -62,7 +76,8 @@ try {
$imgUrl = $op['insert']['image'];
$imgPath = __DIR__ . '/../../' . preg_replace('/^(?:\.\.\/)+/', '', $imgUrl);
if (file_exists($imgPath)) {
$newImgName = 'image_' . uniqid() . pathinfo($imgPath, PATHINFO_EXTENSION);
$extension = '.' . pathinfo($imgPath, PATHINFO_EXTENSION);
$newImgName = 'image_' . uniqid() . $extension;
copy($imgPath, $storyDir . '/images/' . $newImgName);
$op['insert']['image'] = 'images/' . $newImgName;
}

5
admin/api/get-chapter.php

@ -41,6 +41,11 @@ try {
$chapter['title'] = '';
}
// S'assurer que le champ cover existe
if (!isset($chapter['cover'])) {
$chapter['cover'] = null;
}
// Conversion du contenu HTML en format Delta de Quill si nécessaire
if (!isset($chapter['content'])) {
$chapter['content'] = '{"ops":[{"insert":"\n"}]}';

82
admin/api/import-stories.php

@ -66,25 +66,65 @@ try {
continue;
}
// Créer les dossiers nécessaires
$coverDir = __DIR__ . '/../../assets/images/covers/';
$chaptersImgDir = __DIR__ . '/../../assets/images/chapters/' . $storyId;
// Créer les dossiers nécessaires avec les permissions correctes
$baseDir = __DIR__ . '/../../';
$coverDir = $baseDir . 'assets/images/covers';
$chaptersImgDir = $baseDir . 'assets/images/chapters/' . $storyId;
$chaptersCoverDir = $baseDir . 'assets/images/chapters/' . $storyId . '/covers';
if (!file_exists($coverDir)) mkdir($coverDir, 0755, true);
if (!file_exists($chaptersImgDir)) mkdir($chaptersImgDir, 0755, true);
foreach ([$coverDir, $chaptersImgDir, $chaptersCoverDir] as $dir) {
if (!file_exists($dir)) {
if (!mkdir($dir, 0777, true)) {
throw new Exception("Impossible de créer le dossier: $dir");
}
chmod($dir, 0777);
}
}
// Gérer l'image de couverture
// Gérer l'image de couverture du roman
if (!empty($story['cover'])) {
$coverFile = $storyDir . '/' . $story['cover'];
if (file_exists($coverFile)) {
$newCoverPath = 'assets/images/covers/' . $storyId . '.' . pathinfo($coverFile, PATHINFO_EXTENSION);
copy($coverFile, __DIR__ . '/../../' . $newCoverPath);
$story['cover'] = $newCoverPath;
// Extraire l'extension correctement
$originalName = basename($coverFile);
if (preg_match('/\.([^.]+)$/', $originalName, $matches)) {
$extension = $matches[1];
$newCoverPath = 'assets/images/covers/' . $storyId . '.' . $extension;
$targetPath = $baseDir . $newCoverPath;
if (!copy($coverFile, $targetPath)) {
throw new Exception("Impossible de copier la couverture du roman");
}
chmod($targetPath, 0777);
$story['cover'] = $newCoverPath;
}
}
}
// Gérer les images des chapitres
foreach ($story['chapters'] as &$chapter) {
// Gérer les images de couverture des chapitres
if (!empty($chapter['cover'])) {
$chapterCoverFile = $storyDir . '/' . $chapter['cover'];
if (file_exists($chapterCoverFile)) {
// Extraire l'extension correctement
$originalName = basename($chapterCoverFile);
if (preg_match('/\.([^.]+)$/', $originalName, $matches)) {
$extension = $matches[1];
$newChapterCoverName = $chapter['id'] . '-cover.' . $extension;
$newChapterCoverPath = 'assets/images/chapters/' . $storyId . '/covers/' . $newChapterCoverName;
$targetPath = $baseDir . $newChapterCoverPath;
if (!copy($chapterCoverFile, $targetPath)) {
throw new Exception("Impossible de copier la couverture du chapitre");
}
chmod($targetPath, 0777);
$chapter['cover'] = $newChapterCoverPath;
}
}
}
// Gérer le contenu et les images intégrées
if (!empty($chapter['content'])) {
$content = $chapter['content'];
if (is_string($content) && isJson($content)) {
@ -96,9 +136,18 @@ try {
if (is_array($op['insert']) && isset($op['insert']['image'])) {
$imgPath = $storyDir . '/' . $op['insert']['image'];
if (file_exists($imgPath)) {
$newImgName = 'image_' . uniqid() . '.' . pathinfo($imgPath, PATHINFO_EXTENSION);
copy($imgPath, $chaptersImgDir . '/' . $newImgName);
$op['insert']['image'] = 'assets/images/chapters/' . $storyId . '/' . $newImgName;
$originalName = basename($imgPath);
if (preg_match('/\.([^.]+)$/', $originalName, $matches)) {
$extension = $matches[1];
$newImgName = 'image_' . uniqid() . '.' . $extension;
$targetPath = $chaptersImgDir . '/' . $newImgName;
if (!copy($imgPath, $targetPath)) {
throw new Exception("Impossible de copier l'image intégrée");
}
chmod($targetPath, 0777);
$op['insert']['image'] = 'assets/images/chapters/' . $storyId . '/' . $newImgName;
}
}
}
}
@ -108,10 +157,14 @@ try {
}
// Sauvegarder le roman
Stories::save($story);
if (!Stories::save($story)) {
throw new Exception("Erreur lors de la sauvegarde de {$story['title']}");
}
$importedCount++;
} catch (Exception $e) {
error_log("Erreur d'import pour {$storyInfo['title']}: " . $e->getMessage());
error_log("Trace complète: " . print_r($e->getTraceAsString(), true));
$errors[] = "Erreur pour {$storyInfo['title']}: " . $e->getMessage();
}
}
@ -140,6 +193,9 @@ try {
exit;
} catch (Exception $e) {
error_log("Erreur générale d'import: " . $e->getMessage());
error_log("Trace complète: " . print_r($e->getTraceAsString(), true));
if (isset($tempDir) && file_exists($tempDir)) {
deleteDir($tempDir);
}

171
admin/api/update-chapter-cover.php Normal file

@ -0,0 +1,171 @@
<?php
require_once '../../includes/config.php';
require_once '../../includes/auth.php';
require_once '../../includes/stories.php';
class ChapterCoverHandler {
private $allowedTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
private $maxFileSize = 5242880; // 5MB
private $uploadDir;
public function __construct($storyId) {
$this->uploadDir = __DIR__ . '/../../assets/images/chapters/' . $storyId . '/covers/';
$this->ensureUploadDirectory();
}
public function handleUpload($file, $chapterId) {
try {
// Vérifications de base
if ($file['error'] !== UPLOAD_ERR_OK) {
throw new Exception($this->getUploadErrorMessage($file['error']));
}
// Vérification du type MIME
$finfo = new finfo(FILEINFO_MIME_TYPE);
$mimeType = $finfo->file($file['tmp_name']);
if (!in_array($mimeType, $this->allowedTypes)) {
throw new Exception('Type de fichier non autorisé. Types acceptés : JPG, PNG, GIF, WEBP');
}
// Vérification de la taille
if ($file['size'] > $this->maxFileSize) {
throw new Exception('Fichier trop volumineux. Taille maximum : 5MB');
}
// Génération du nom de fichier
$extension = $this->getExtensionFromMimeType($mimeType);
$filename = $chapterId . '-cover.' . $extension;
$targetPath = $this->uploadDir . $filename;
// Suppression de l'ancienne image si elle existe
$this->removeOldCover($chapterId);
// Déplacement du fichier
if (!move_uploaded_file($file['tmp_name'], $targetPath)) {
throw new Exception('Erreur lors du déplacement du fichier uploadé');
}
// Retourner le chemin relatif pour stockage en BDD
return 'assets/images/chapters/' . basename(dirname($this->uploadDir)) . '/covers/' . $filename;
} catch (Exception $e) {
throw $e;
}
}
public function removeCover($chapterId) {
foreach (glob($this->uploadDir . $chapterId . '-cover.*') as $file) {
unlink($file);
}
return true;
}
private function ensureUploadDirectory() {
if (!file_exists($this->uploadDir)) {
if (!mkdir($this->uploadDir, 0755, true)) {
throw new Exception('Impossible de créer le dossier d\'upload');
}
}
if (!is_writable($this->uploadDir)) {
throw new Exception('Le dossier d\'upload n\'est pas accessible en écriture');
}
}
private function removeOldCover($chapterId) {
foreach (glob($this->uploadDir . $chapterId . '-cover.*') as $file) {
unlink($file);
}
}
private function getExtensionFromMimeType($mimeType) {
$map = [
'image/jpeg' => 'jpg',
'image/png' => 'png',
'image/gif' => 'gif',
'image/webp' => 'webp'
];
return $map[$mimeType] ?? 'jpg';
}
private function getUploadErrorMessage($error) {
$errors = [
UPLOAD_ERR_INI_SIZE => 'Le fichier dépasse la taille maximale autorisée par PHP',
UPLOAD_ERR_FORM_SIZE => 'Le fichier dépasse la taille maximale autorisée par le formulaire',
UPLOAD_ERR_PARTIAL => 'Le fichier n\'a été que partiellement uploadé',
UPLOAD_ERR_NO_FILE => 'Aucun fichier n\'a été uploadé',
UPLOAD_ERR_NO_TMP_DIR => 'Dossier temporaire manquant',
UPLOAD_ERR_CANT_WRITE => 'Échec de l\'écriture du fichier sur le disque',
UPLOAD_ERR_EXTENSION => 'Une extension PHP a arrêté l\'upload'
];
return $errors[$error] ?? 'Erreur inconnue lors de l\'upload';
}
}
// Vérification de l'authentification
if (!Auth::check()) {
http_response_code(401);
exit(json_encode(['success' => false, 'error' => 'Non autorisé']));
}
// Traitement de la requête
try {
// Récupérer les données selon la méthode
$input = json_decode(file_get_contents('php://input'), true);
if ($input) {
// Cas d'une requête JSON (suppression)
$storyId = $input['storyId'] ?? null;
$chapterId = $input['chapterId'] ?? null;
$isDelete = $input['delete'] ?? false;
} else {
// Cas d'un upload de fichier
$storyId = $_POST['storyId'] ?? null;
$chapterId = $_POST['chapterId'] ?? null;
$isDelete = false;
}
if (!$storyId || !$chapterId) {
throw new Exception('Paramètres manquants');
}
// Récupération du roman
$story = Stories::get($storyId);
if (!$story) {
throw new Exception('Roman non trouvé');
}
// Trouver le chapitre concerné
$chapterFound = false;
foreach ($story['chapters'] as &$chapter) {
if ($chapter['id'] === $chapterId) {
$chapterFound = true;
break;
}
}
if (!$chapterFound) {
throw new Exception('Chapitre non trouvé');
}
$handler = new ChapterCoverHandler($storyId);
// Traitement selon le type de requête
if ($isDelete) {
$handler->removeCover($chapterId);
$chapter['cover'] = null;
} else if (isset($_FILES['cover'])) {
$chapter['cover'] = $handler->handleUpload($_FILES['cover'], $chapterId);
}
// Sauvegarde des modifications
Stories::save($story);
echo json_encode(['success' => true]);
} catch (Exception $e) {
http_response_code(500);
echo json_encode([
'success' => false,
'error' => $e->getMessage()
]);
}

197
admin/options.php

@ -25,6 +25,20 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$config['about']['title'] = trim($_POST['about_title'] ?? 'À propos');
$config['about']['content'] = $_POST['about_content'] ?? '';
// Traitement des liens personnalisés
$config['about']['links'] = [];
if (!empty($_POST['links'])) {
foreach ($_POST['links'] as $link) {
if (!empty($link['title']) && !empty($link['url'])) {
$config['about']['links'][] = [
'title' => trim($link['title']),
'url' => trim($link['url']),
'target' => isset($link['target']) ? '_blank' : ''
];
}
}
}
// Validation
if (empty($config['site']['name'])) {
throw new Exception('Le nom du site est requis');
@ -92,10 +106,10 @@ $config = Config::load();
<?php endif; ?>
<div class="options-container">
<!-- Section Options du Site -->
<section class="options-section">
<h2>Options générales</h2>
<form method="POST" class="options-form" enctype="multipart/form-data">
<!-- Options du site -->
<div class="form-group">
<label for="site_name">Nom du site</label>
<input type="text"
@ -117,8 +131,7 @@ $config = Config::load();
<?php if (!empty($config['site']['logo'])): ?>
<div class="current-logo">
<img src="<?= htmlspecialchars('../' . $config['site']['logo']) ?>"
alt="Logo actuel"
style="max-height: 100px; margin: 10px 0;">
alt="Logo actuel">
</div>
<?php endif; ?>
<input type="file"
@ -144,8 +157,7 @@ $config = Config::load();
<?php if (!empty($config['about']['background'])): ?>
<div class="current-background">
<img src="<?= htmlspecialchars('../' . $config['about']['background']) ?>"
alt="Image de fond actuelle"
style="max-height: 100px; margin: 10px 0;">
alt="Image de fond actuelle">
</div>
<?php endif; ?>
<input type="file"
@ -158,146 +170,57 @@ $config = Config::load();
<div class="form-group">
<label for="about_content">Contenu de la page</label>
<input type="hidden" id="about_content" name="about_content">
<div id="aboutEditor"></div>
<div id="aboutEditor" data-initial-content="<?= htmlspecialchars($config['about']['content'] ?? '') ?>"></div>
</div>
<!-- Section Liens personnalisés -->
<h2>Liens personnalisés</h2>
<div id="customLinks" class="custom-links">
<?php
if (!empty($config['about']['links'])) {
foreach ($config['about']['links'] as $index => $link) {
?>
<div class="link-item">
<div class="form-group">
<label>Titre du lien</label>
<input type="text"
name="links[<?= $index ?>][title]"
value="<?= htmlspecialchars($link['title']) ?>"
required>
</div>
<div class="form-group">
<label>URL</label>
<input type="text"
name="links[<?= $index ?>][url]"
value="<?= htmlspecialchars($link['url']) ?>"
required>
</div>
<div class="form-group">
<label>
<input type="checkbox"
name="links[<?= $index ?>][target]"
value="_blank"
<?= (!empty($link['target']) && $link['target'] === '_blank') ? 'checked' : '' ?>>
Ouvrir dans un nouvel onglet
</label>
</div>
<button type="button" class="button delete-story">Supprimer ce lien</button>
</div>
<?php
}
}
?>
</div>
<button type="button" id="addLink" class="button">Ajouter un lien</button>
<button type="submit" class="button">Enregistrer les modifications</button>
<button type="submit" class="button submit-button">Enregistrer les modifications</button>
</form>
</section>
</div>
</main>
<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Prévisualisation du logo
document.getElementById('site_logo').addEventListener('change', function(e) {
const file = e.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
let currentLogo = document.querySelector('.current-logo');
if (!currentLogo) {
currentLogo = document.createElement('div');
currentLogo.className = 'current-logo';
e.target.parentElement.insertBefore(currentLogo, e.target.nextSibling);
}
currentLogo.innerHTML = `
<img src="${e.target.result}"
alt="Aperçu du logo"
style="max-height: 100px; margin: 10px 0;">
`;
};
reader.readAsDataURL(file);
}
});
// Prévisualisation du background
document.getElementById('about_background').addEventListener('change', function(e) {
const file = e.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
let currentBackground = document.querySelector('.current-background');
if (!currentBackground) {
currentBackground = document.createElement('div');
currentBackground.className = 'current-background';
e.target.parentElement.insertBefore(currentBackground, e.target.nextSibling);
}
currentBackground.innerHTML = `
<img src="${e.target.result}"
alt="Aperçu du fond"
style="max-height: 100px; margin: 10px 0;">
`;
};
reader.readAsDataURL(file);
}
});
// Configuration de l'éditeur Quill
const aboutEditor = new Quill('#aboutEditor', {
theme: 'snow',
modules: {
toolbar: {
container: [
[{ 'header': [1, 2, 3, false] }],
['bold', 'italic', 'underline', 'strike'],
[{ 'color': [] }, { 'background': [] }],
[{ 'font': [] }],
[{ 'align': [] }],
['blockquote', 'code-block'],
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
[{ 'script': 'sub'}, { 'script': 'super' }],
[{ 'indent': '-1'}, { 'indent': '+1' }],
[{ 'direction': 'rtl' }],
['link', 'image', 'video'],
['clean']
],
handlers: {
image: function() {
const input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.click();
input.onchange = async () => {
const file = input.files[0];
if (file) {
const formData = new FormData();
formData.append('image', file);
try {
const response = await fetch('api/upload-image.php', {
method: 'POST',
body: formData
});
if (!response.ok) throw new Error('Upload failed');
const result = await response.json();
if (result.success) {
const range = aboutEditor.getSelection(true);
aboutEditor.insertEmbed(range.index, 'image', result.url);
aboutEditor.setSelection(range.index + 1);
} else {
showNotification(result.error || 'Erreur lors de l\'upload', 'error');
}
} catch (error) {
console.error('Error:', error);
showNotification('Erreur lors de l\'upload de l\'image', 'error');
}
}
};
}
}
}
},
placeholder: 'Commencez à écrire le contenu de la page À propos...'
});
// Initialiser le contenu si existant
<?php if (!empty($config['about']['content'])): ?>
aboutEditor.root.innerHTML = <?= json_encode($config['about']['content']) ?>;
<?php endif; ?>
// Mise à jour du champ caché avant la soumission
document.querySelector('form').addEventListener('submit', function() {
document.querySelector('#about_content').value = aboutEditor.root.innerHTML;
});
// Détection des changements non sauvegardés
const form = document.querySelector('form');
const initialState = new FormData(form).toString();
window.addEventListener('beforeunload', (e) => {
if (new FormData(form).toString() !== initialState) {
e.preventDefault();
e.returnValue = '';
}
});
});
</script>
<script src="../assets/js/options.js"></script>
<link rel="stylesheet" href="../assets/css/dialog.css">
<script src="../assets/js/dialog.js"></script>
</body>

26
admin/story-edit.php

@ -136,6 +136,7 @@ function generateSlug($title) {
<h3 class="chapter-title"><?= htmlspecialchars($chapter['title']) ?></h3>
<div class="chapter-actions">
<button type="button" class="button edit-chapter">Éditer</button>
<button type="button" class="button edit-cover">Couverture</button>
<button type="button" class="button delete-chapter">Supprimer</button>
</div>
</div>
@ -161,6 +162,31 @@ function generateSlug($title) {
</div>
</div>
<?php endif; ?>
<!-- Modale pour la couverture de chapitre -->
<div id="chapterCoverEditor" class="modal">
<div class="modal-content">
<div class="modal-header">
<h2>Couverture du chapitre</h2>
<p class="chapter-title-display"></p>
</div>
<div class="cover-preview-container">
<div class="current-cover-preview"></div>
<div class="form-group">
<label for="chapterCover">Nouvelle image de couverture</label>
<input type="file" id="chapterCover" accept="image/*">
<small>Formats acceptés : JPG, PNG, GIF. Taille maximum : 5MB</small>
</div>
</div>
<div class="modal-footer">
<button type="button" id="cancelCoverEdit" class="button dark">Annuler</button>
<button type="button" id="deleteCover" class="button delete-story" style="display: none;">Supprimer</button>
<button type="button" id="saveCover" class="button">Enregistrer</button>
</div>
</div>
</div>
</main>
<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script>

22
assets/css/components.css

@ -306,6 +306,28 @@
animation: modalFadeIn 0.3s ease-out;
}
.cover-preview-container {
padding: var(--spacing-lg);
}
.current-cover-preview {
margin-bottom: var(--spacing-md);
}
.current-cover-preview img {
max-width: 100%;
max-height: 300px;
display: block;
margin: 0 auto;
border-radius: var(--radius-sm);
border: 1px solid var(--border-color);
}
.chapter-title-display {
color: var(--text-secondary);
margin-top: var(--spacing-sm);
}
/* Media queries */
@media (max-width: 768px) {
.story-cover {

94
assets/css/forms.css

@ -104,4 +104,98 @@
height: auto;
display: block;
margin: var(--spacing-md) 0;
}
/* Section Options */
/* Conteneur des options */
.options-container {
margin: 0 auto;
}
.options-section {
background: var(--bg-tertiary);
padding: var(--spacing-xl);
border-radius: var(--radius-md);
border: 1px solid var(--border-color);
margin-bottom: var(--spacing-xl);
}
.options-section h2 {
margin: var(--spacing-xl) 0 var(--spacing-lg);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--accent-primary);
color: var(--text-primary);
}
.options-section h2:first-child {
margin-top: 0;
}
/* Aperçus des images */
.current-logo img,
.current-background img {
max-height: 100px;
margin: var(--spacing-sm) 0;
border-radius: var(--radius-sm);
border: 1px solid var(--border-color);
}
/* Section des liens personnalisés */
.custom-links {
margin: var(--spacing-lg) 0;
}
.link-item {
background: var(--bg-secondary);
padding: var(--spacing-lg);
border-radius: var(--radius-sm);
margin-bottom: var(--spacing-md);
border: 1px solid var(--border-color);
}
.link-item .form-group {
margin-bottom: var(--spacing-md);
}
.link-item .form-group:last-of-type {
margin-bottom: var(--spacing-sm);
}
.link-item label {
display: block;
margin-bottom: var(--spacing-xs);
}
.link-item label:has(input[type="checkbox"]) {
display: flex;
align-items: center;
gap: var(--spacing-xs);
cursor: pointer;
}
.link-item input[type="checkbox"] {
margin: 0;
}
/* Bouton d'ajout de lien */
#addLink {
margin-bottom: var(--spacing-xl);
}
/* Bouton de soumission */
.submit-button {
margin-top: var(--spacing-xl);
width: 100%;
padding: var(--spacing-md);
}
/* Responsive */
@media (max-width: 768px) {
.options-section {
padding: var(--spacing-md);
}
.link-item {
padding: var(--spacing-md);
}
}

139
assets/css/public.css

@ -522,6 +522,120 @@ body {
color: var(--text-tertiary);
}
/* Styles pour la page À propos */
.about-content {
max-width: var(--content-width);
margin: 0 auto;
padding: 0 var(--spacing-md);
display: grid;
grid-template-columns: 1fr 300px;
gap: var(--spacing-xl);
}
.about-description {
background: var(--bg-tertiary);
padding: var(--spacing-lg);
border-radius: var(--radius-md);
border: 1px solid var(--border-color);
}
/* Sidebar */
.sidebar {
display: flex;
flex-direction: column;
gap: var(--spacing-xl);
position: sticky;
top: var(--spacing-lg);
}
.sidebar-section {
background: var(--bg-tertiary);
padding: var(--spacing-lg);
border-radius: var(--radius-md);
border: 1px solid var(--border-color);
}
.sidebar-section h2 {
font-size: 1.5rem;
margin-bottom: var(--spacing-md);
color: var(--text-primary);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--accent-primary);
}
/* Liens personnalisés */
.custom-links-list {
list-style: none;
margin: 0;
padding: 0;
}
.custom-links-list li {
margin-bottom: var(--spacing-sm);
}
.custom-links-list a {
display: block;
padding: var(--spacing-sm);
color: var(--text-primary);
text-decoration: none;
border-radius: var(--radius-sm);
transition: all var(--transition-fast);
}
.custom-links-list a:hover {
background: var(--bg-secondary);
color: var(--accent-primary);
}
/* Statistiques */
.stats-list {
list-style: none;
margin: 0;
padding: 0;
}
.stats-item {
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-md);
border-bottom: 1px solid var(--border-color);
}
.stats-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.stats-label {
font-size: 0.9rem;
color: var(--text-secondary);
margin-bottom: var(--spacing-xs);
}
.stats-value {
font-size: 1.2rem;
color: var(--text-primary);
font-weight: bold;
}
.stats-detail {
font-size: 0.85rem;
color: var(--accent-primary);
margin-top: var(--spacing-xs);
}
.stats-detail a {
color: var(--accent-primary);
text-decoration: none;
transition: color var(--transition-fast);
}
.stats-detail a:hover {
color: var(--accent-secondary);
text-decoration: underline;
}
/* Responsive */
@media (max-width: 1200px) {
:root {
@ -542,6 +656,18 @@ body {
.novel-header h1 {
font-size: 2.5rem;
}
.about-content {
grid-template-columns: 1fr;
}
.sidebar {
gap: var(--spacing-lg);
}
.sidebar-section {
position: static;
}
}
@media (max-width: 768px) {
@ -610,4 +736,17 @@ body {
.site-header h1 {
font-size: 2.4rem;
}
.about-content {
padding: var(--spacing-sm);
}
.about-description,
.sidebar-section {
padding: var(--spacing-md);
}
.stats-value {
font-size: 1.1rem;
}
}

187
assets/js/options.js Normal file

@ -0,0 +1,187 @@
document.addEventListener('DOMContentLoaded', function() {
// Configuration de l'éditeur Quill
const aboutEditor = new Quill('#aboutEditor', {
theme: 'snow',
modules: {
toolbar: {
container: [
[{ 'header': [1, 2, 3, false] }],
['bold', 'italic', 'underline', 'strike'],
[{ 'color': [] }, { 'background': [] }],
[{ 'font': [] }],
[{ 'align': [] }],
['blockquote', 'code-block'],
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
[{ 'script': 'sub'}, { 'script': 'super' }],
[{ 'indent': '-1'}, { 'indent': '+1' }],
[{ 'direction': 'rtl' }],
['link', 'image', 'video'],
['clean']
],
handlers: {
image: handleImageUpload
}
}
},
placeholder: 'Commencez à écrire le contenu de la page À propos...'
});
// Gestion de l'upload d'images
function handleImageUpload() {
const input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.click();
input.onchange = async () => {
const file = input.files[0];
if (file) {
const formData = new FormData();
formData.append('image', file);
try {
const response = await fetch('api/upload-image.php', {
method: 'POST',
body: formData
});
if (!response.ok) throw new Error('Upload failed');
const result = await response.json();
if (result.success) {
const range = aboutEditor.getSelection(true);
aboutEditor.insertEmbed(range.index, 'image', result.url);
aboutEditor.setSelection(range.index + 1);
} else {
showNotification(result.error || 'Erreur lors de l\'upload', 'error');
}
} catch (error) {
console.error('Error:', error);
showNotification('Erreur lors de l\'upload de l\'image', 'error');
}
}
};
}
// Initialisation du contenu si existant
const editorElement = document.getElementById('aboutEditor');
const initialContent = editorElement.getAttribute('data-initial-content');
if (initialContent) {
aboutEditor.root.innerHTML = initialContent;
}
// Gestion des prévisualisations d'images
function handleImagePreview(inputId, previewClass) {
const input = document.getElementById(inputId);
if (!input) return;
input.addEventListener('change', function(e) {
const file = e.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
let previewContainer = input.parentElement.querySelector('.' + previewClass);
if (!previewContainer) {
previewContainer = document.createElement('div');
previewContainer.className = previewClass;
input.parentElement.insertBefore(previewContainer, input.nextSibling);
}
previewContainer.innerHTML = `<img src="${e.target.result}" alt="Aperçu">`;
};
reader.readAsDataURL(file);
}
});
}
// Initialisation des prévisualisations
handleImagePreview('site_logo', 'current-logo');
handleImagePreview('about_background', 'current-background');
// Gestion des liens personnalisés
const customLinks = document.getElementById('customLinks');
const addLinkBtn = document.getElementById('addLink');
// Ajout d'un nouveau lien
addLinkBtn.addEventListener('click', function() {
const index = customLinks.children.length;
const linkItem = document.createElement('div');
linkItem.className = 'link-item';
linkItem.innerHTML = `
<div class="form-group">
<label>Titre du lien</label>
<input type="text" name="links[${index}][title]" required>
</div>
<div class="form-group">
<label>URL</label>
<input type="text" name="links[${index}][url]" required>
</div>
<div class="form-group">
<label>
<input type="checkbox" name="links[${index}][target]" value="_blank">
Ouvrir dans un nouvel onglet
</label>
</div>
<button type="button" class="button dark remove-link">Supprimer ce lien</button>
`;
customLinks.appendChild(linkItem);
});
// Suppression d'un lien
customLinks.addEventListener('click', function(e) {
if (e.target.matches('.remove-link')) {
const linkItem = e.target.closest('.link-item');
confirmDialog.show({
title: 'Supprimer le lien',
message: 'Êtes-vous sûr de vouloir supprimer ce lien ?',
confirmText: 'Supprimer',
confirmClass: 'danger',
onConfirm: () => {
linkItem.remove();
// Réindexer les champs
customLinks.querySelectorAll('.link-item').forEach((item, index) => {
item.querySelectorAll('input').forEach(input => {
const name = input.getAttribute('name');
input.setAttribute('name', name.replace(/\[\d+\]/, `[${index}]`));
});
});
}
});
}
});
// Mise à jour du champ caché avant la soumission
document.querySelector('form').addEventListener('submit', function() {
document.querySelector('#about_content').value = aboutEditor.root.innerHTML;
});
// Détection des changements non sauvegardés
const form = document.querySelector('form');
const initialState = new FormData(form).toString();
window.addEventListener('beforeunload', (e) => {
if (new FormData(form).toString() !== initialState) {
e.preventDefault();
e.returnValue = '';
}
});
// Fonction utilitaire pour les notifications
function showNotification(message, type = 'success') {
const notification = document.createElement('div');
notification.className = `notification ${type}`;
notification.textContent = message;
document.body.appendChild(notification);
setTimeout(() => {
notification.style.opacity = '1';
notification.style.transform = 'translateY(0)';
}, 10);
setTimeout(() => {
notification.style.opacity = '0';
notification.style.transform = 'translateY(-100%)';
setTimeout(() => notification.remove(), 300);
}, 3000);
}
});

148
assets/js/story-edit.js

@ -127,6 +127,154 @@ document.addEventListener('DOMContentLoaded', function() {
const chapterTitleInput = document.getElementById('chapterTitle');
const chaptersList = document.getElementById('chaptersList');
// Éléments de la modale de couverture
const coverModal = document.getElementById('chapterCoverEditor');
const coverPreview = document.querySelector('.current-cover-preview');
const chapterCoverInput = document.getElementById('chapterCover');
const saveCoverBtn = document.getElementById('saveCover');
const cancelCoverBtn = document.getElementById('cancelCoverEdit');
const deleteCoverBtn = document.getElementById('deleteCover');
let currentChapterCover = null;
// Gestionnaire pour le bouton de couverture
if (chaptersList) {
chaptersList.addEventListener('click', async (e) => {
if (e.target.matches('.edit-cover')) {
const chapterItem = e.target.closest('.chapter-item');
const chapterId = chapterItem.dataset.id;
const chapterTitle = chapterItem.querySelector('.chapter-title').textContent;
// Mise à jour du titre dans la modale
coverModal.querySelector('.chapter-title-display').textContent = chapterTitle;
currentChapterCover = chapterId;
try {
const response = await fetch(`api/get-chapter.php?storyId=${storyId}&chapterId=${chapterId}`);
if (!response.ok) throw new Error('Erreur réseau');
const chapter = await response.json();
// Afficher l'image existante si elle existe
if (chapter.cover) {
coverPreview.innerHTML = `<img src="../${chapter.cover}" alt="Couverture actuelle">`;
deleteCoverBtn.style.display = 'block';
} else {
coverPreview.innerHTML = '';
deleteCoverBtn.style.display = 'none';
}
coverModal.style.display = 'block';
} catch (error) {
console.error('Erreur:', error);
showNotification('Erreur lors du chargement de la couverture', 'error');
}
}
});
}
// Prévisualisation de l'image
if (chapterCoverInput) {
chapterCoverInput.addEventListener('change', (e) => {
const file = e.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = (e) => {
coverPreview.innerHTML = `<img src="${e.target.result}" alt="Prévisualisation">`;
deleteCoverBtn.style.display = 'none';
};
reader.readAsDataURL(file);
}
});
}
// Fermeture de la modale de couverture
if (cancelCoverBtn) {
cancelCoverBtn.addEventListener('click', () => {
coverModal.style.display = 'none';
chapterCoverInput.value = '';
});
}
// Sauvegarde de la couverture
if (saveCoverBtn) {
saveCoverBtn.addEventListener('click', async () => {
const file = chapterCoverInput.files[0];
if (!file && !coverPreview.querySelector('img')) {
showNotification('Veuillez sélectionner une image', 'error');
return;
}
const formData = new FormData();
formData.append('storyId', storyId);
formData.append('chapterId', currentChapterCover);
if (file) {
formData.append('cover', file);
}
try {
const response = await fetch('api/update-chapter-cover.php', {
method: 'POST',
body: formData
});
if (!response.ok) throw new Error('Erreur lors de l\'upload');
const result = await response.json();
if (result.success) {
showNotification('Couverture mise à jour avec succès');
coverModal.style.display = 'none';
chapterCoverInput.value = '';
} else {
throw new Error(result.error || 'Erreur lors de la mise à jour');
}
} catch (error) {
console.error('Erreur:', error);
showNotification(error.message, 'error');
}
});
}
// Suppression de la couverture
if (deleteCoverBtn) {
deleteCoverBtn.addEventListener('click', () => {
confirmDialog.show({
title: 'Supprimer la couverture',
message: 'Voulez-vous vraiment supprimer la couverture de ce chapitre ?',
confirmText: 'Supprimer',
confirmClass: 'danger',
onConfirm: async () => {
try {
const response = await fetch('api/update-chapter-cover.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
storyId: storyId,
chapterId: currentChapterCover,
delete: true
})
});
if (!response.ok) throw new Error('Erreur réseau');
const result = await response.json();
if (result.success) {
showNotification('Couverture supprimée avec succès');
coverPreview.innerHTML = '';
coverModal.style.display = 'none';
} else {
throw new Error(result.error || 'Erreur lors de la suppression');
}
} catch (error) {
console.error('Erreur:', error);
showNotification(error.message, 'error');
}
}
});
});
}
// Configuration de Sortable pour la réorganisation des chapitres
if (chaptersList) {
new Sortable(chaptersList, {

7
chapitre.php

@ -57,8 +57,11 @@ $config = Config::load();
<meta name="description" content="<?= htmlspecialchars($story['title']) ?> - <?= htmlspecialchars($currentChapter['title']) ?>">
</head>
<body>
<!-- En-tête simple -->
<header class="novel-header" style="height: 180px;">
<!-- En-tête avec image de couverture si disponible -->
<header class="novel-header">
<?php if (!empty($currentChapter['cover'])): ?>
<div class="novel-header-background" style="background-image: url('<?= htmlspecialchars($currentChapter['cover']) ?>');"></div>
<?php endif; ?>
<h1><?= htmlspecialchars($currentChapter['title']) ?></h1>
</header>

9
config.json

@ -6,7 +6,14 @@
"about": {
"title": "À propos",
"content": "",
"background": "assets/images/site/about-bg.jpg"
"background": "assets/images/site/about-bg.jpg",
"links": [
{
"title": "Mon Blog",
"url": "https://blog.example.com",
"target": "_blank"
}
]
},
"users": [
{

2
version.txt

@ -1 +1 @@
1.1.4
1.1.5