refactor: simplification du store de lecteur en supprimant les logs de débogage et en optimisant les getters pour une meilleure lisibilité
This commit is contained in:
parent
5e0fc96cd1
commit
d123166dcb
@@ -22,13 +22,7 @@
|
||||
<div class="page-container" :style="{ transform: `scale(${store.zoom})` }">
|
||||
<div v-if="!store.currentPageData" class="error"> Aucune donnée d'image disponible </div>
|
||||
<div v-else-if="!store.currentPageData.base64Content" class="error"> Contenu de l'image manquant </div>
|
||||
<img
|
||||
v-else
|
||||
:src="imageSource"
|
||||
:alt="`Page ${store.currentPage + 1}`"
|
||||
class="page-image"
|
||||
@error="handleImageError"
|
||||
@load="handleImageLoad" />
|
||||
<img v-else :src="imageSource" :alt="`Page ${store.currentPage + 1}`" class="page-image" />
|
||||
</div>
|
||||
|
||||
<div class="reader-settings">
|
||||
@@ -44,26 +38,6 @@
|
||||
<button @click="zoomIn">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="debug-info"
|
||||
style="
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
color: white;
|
||||
padding: 10px;
|
||||
font-size: 12px;
|
||||
">
|
||||
currentPage: {{ store.currentPage }}<br />
|
||||
totalPages: {{ store.totalPages }}<br />
|
||||
hasCurrentPageData: {{ !!store.currentPageData }}<br />
|
||||
hasBase64Content: {{ !!store.currentPageData?.base64Content }}<br />
|
||||
mimeType: {{ store.currentPageData?.mimeType }}<br />
|
||||
lastAction: {{ store._debug.lastAction }}<br />
|
||||
lastUpdate: {{ new Date(store._debug.lastUpdate).toLocaleTimeString() }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -83,29 +57,12 @@
|
||||
const store = useReaderStore();
|
||||
|
||||
const imageSource = computed(() => {
|
||||
console.log('Computing imageSource:', {
|
||||
hasCurrentPageData: !!store.currentPageData,
|
||||
mimeType: store.currentPageData?.mimeType,
|
||||
hasContent: !!store.currentPageData?.base64Content
|
||||
});
|
||||
|
||||
if (!store.currentPageData?.base64Content || !store.currentPageData?.mimeType) {
|
||||
console.error("Données d'image invalides:", store.currentPageData);
|
||||
return '';
|
||||
}
|
||||
return `data:${store.currentPageData.mimeType};base64,${store.currentPageData.base64Content}`;
|
||||
});
|
||||
|
||||
const handleImageError = e => {
|
||||
console.error("Erreur de chargement de l'image:", e);
|
||||
console.log("Source de l'image:", imageSource.value);
|
||||
console.log('Données de la page:', store.currentPageData);
|
||||
};
|
||||
|
||||
const handleImageLoad = () => {
|
||||
console.log('Image chargée avec succès');
|
||||
};
|
||||
|
||||
const toggleReadingMode = () => {
|
||||
store.setReadingMode(store.readingMode === 'single' ? 'infinite' : 'single');
|
||||
};
|
||||
@@ -134,7 +91,6 @@
|
||||
() => props.chapterId,
|
||||
newId => {
|
||||
if (newId) {
|
||||
console.log('ChapterId changed, loading new chapter:', newId);
|
||||
store.loadChapter(newId);
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user