|
|
|
@ -50,6 +50,8 @@ module.exports = {
|
|
|
|
|
const previewPageContent = ref('');
|
|
|
|
|
const selectedPageUrl = ref('#');
|
|
|
|
|
|
|
|
|
|
const errorMessage = ref(null);
|
|
|
|
|
|
|
|
|
|
const bookletClassList = ref([]);
|
|
|
|
|
|
|
|
|
|
const onSelectPage = (idx) => {
|
|
|
|
@ -80,6 +82,7 @@ module.exports = {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const loadPageContent = () => {
|
|
|
|
|
errorMessage.value = null;
|
|
|
|
|
contentLoading.value = true;
|
|
|
|
|
selectedPageUrl.value = '#';
|
|
|
|
|
props.pageListLoader.loadPageContent(selectedPageInfo.value).then((pageContent) => {
|
|
|
|
@ -93,6 +96,7 @@ module.exports = {
|
|
|
|
|
});
|
|
|
|
|
}).catch((err) => {
|
|
|
|
|
contentLoading.value = false;
|
|
|
|
|
errorMessage.value = mw.msg('isekai-preview-page-list-load-error', selectedPageInfo.value.title);
|
|
|
|
|
console.error(err);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
@ -192,6 +196,7 @@ module.exports = {
|
|
|
|
|
containerRef,
|
|
|
|
|
pageListLoading,
|
|
|
|
|
contentLoading,
|
|
|
|
|
errorMessage,
|
|
|
|
|
pageList,
|
|
|
|
|
selectedPageIdx,
|
|
|
|
|
previewPageContent,
|
|
|
|
@ -272,6 +277,11 @@ module.exports = {
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="errorMessage">
|
|
|
|
|
<div class="error-message-container">
|
|
|
|
|
<span class="error">{{ errorMessage }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else class="isekai-preview-content" v-html="previewPageContent"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|