lecteur de thorium
v3.0.0
Thorium Reader est une application de lecture EPUB facile à utiliser pour Windows 10/10S, MacOS et Linux. Après avoir importé des livres électroniques depuis un annuaire ou un flux OPDS, vous pourrez lire sur n'importe quelle taille d'écran, personnaliser les paramètres de mise en page, naviguer dans la table des matières ou la liste des pages, définir des favoris... Un grand soin est apporté à garantir l'accessibilité de l'application pour les personnes malvoyantes utilisant NVDA, JAWS ou Narrator.
Application gratuite. Aucune publicité. Aucune donnée privée ne circule nulle part.
Ce projet est en constante évolution, des corrections et de nouvelles fonctionnalités seront ajoutées prochainement et votre soutien est le bienvenu pour cela. L'application est basée sur la boîte à outils open source Readium Desktop.
Il est actuellement localisé dans les 25 langues suivantes :
Voir : https://github.com/edrlab/thorium-reader/wiki/Localization-(l10n)-lingual-translations
node --version )npm --version ) npm install (ou npm ci ) : initialisez les packages node_modules locaux à partir des dépendances déclarées dans package.json (cela appellera également automatiquement une étape de compilation de longue durée dans npm run postinstall )node scripts/package-lock-patch.js && cat package-lock.json | grep -i divina-player-js(avec serveur de développement à rechargement à chaud, inspecteurs Web/débogueurs)
npm run start:dev (ou npm run start:dev:quick pour contourner les vérifications TypeScript/lancer l'application plus rapidement)npm start (ou npm run start ) npm run package:win ou npm run package:mac ou npm run package:linuxInformations sur la signature de code : https://github.com/edrlab/thorium-reader/wiki/Code-Signing
Les variables d'environnement HTTPS_PROXY , HTTP_PROXY et NO_PROXY sont utilisées pour configurer le comportement d'une application client lors de l'exécution de requêtes HTTP ou HTTPS via un serveur proxy.
HTTPS_PROXY : Spécifie le serveur proxy à utiliser pour les requêtes HTTPS. La valeur doit être au format http://proxy.example.com:8080.HTTP_PROXY : Spécifie le serveur proxy à utiliser pour les requêtes HTTP. La valeur doit être au format http://proxy.example.com:8080.NO_PROXY : Spécifie une liste de noms d'hôtes ou d'adresses IP séparés par des virgules qui ne doivent pas être proxy. Ceci est utile pour exclure les adresses locales ou intranet du proxy.Lorsque ces variables d'environnement sont définies, l'application client utilisera automatiquement le serveur proxy spécifié pour les requêtes HTTP ou HTTPS, sauf si la requête concerne un nom d'hôte ou une adresse IP répertoriée dans la variable NO_PROXY.
nous avons utilisé le package proxy-agent de TooTallNate (https://github.com/TooTallNate/proxy-agents/tree/main/packages/proxy-agent)
voir https://www.npmjs.com/package/proxy-from-env#environment-variables pour plus d'informations.
Thorium Reader prend en charge les publications protégées par LCP via un composant logiciel supplémentaire qui n'est pas disponible dans cette base de code open source. Lorsque Thorium Reader est compilé à partir du code open source sans la bibliothèque supplémentaire de qualité production, l'application ne peut charger que les publications protégées par le « Basic Encryption Profile » LCP. Par exemple, les licences générées par le serveur LCP open source écrit en Go, sans le correctif qui active les profils de chiffrement LCP de niveau production.
Afin de créer une variante/dérivation de Thorium Reader conforme au LCP de qualité production (connue sous le nom de « fork »), des composants logiciels et des processus confidentiels supplémentaires doivent être intégrés dans le flux de travail de création/sortie de l'application personnalisée. Cela représente une quantité non négligeable de temps et d'efforts, ainsi qu'une collaboration étroite entre l'équipe de développement du fork et le personnel technique d'EDRLab. Pour couvrir les coûts opérationnels, EDRLab facture des frais de maintenance. N'hésitez pas à contacter EDRlab pour discuter de vos besoins.
thorium [args]
Commands:
thorium opds <url> import opds feed
thorium import <path> import epub or lpcl file
thorium read <title> searches already-imported publications with the
provided TITLE, and opens the reader with the
first match
thorium [path] import and read an epub or lcpl file [default]
thorium completion generate bash completion script
Positionals:
path path of your publication, it can be an absolute, relative path [string]
Options:
--version Show version number [boolean]
--help Show help [boolean]
</code></pre></div><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto">[DEV]Architecture</h2></div><p dir="auto"> Le lecteur Thorium est composé de 3 parties :</p><ul dir="auto"><li> Un processus principal node.js (back-end électronique)</li><li> Une fenêtre de bibliothèque (rendu Chrome)</li><li> Une à N fenêtre(s) de lecteur (rendu chrome)</li></ul><p dir="auto"> Chaque partie exécute un contrôleur de modèle et une vue pour le processus de rendu.</p><ul dir="auto"><li> le modèle est un conteneur d'état avec Redux. Il est basé sur une architecture de flux</li><li> le contrôleur est un middleware de Redux nommé Redux-saga. Il gère tous les effets secondaires et le comportement des applications.</li><li> la vue pour le rendu est React avec des composants de classe</li></ul><p dir="auto"> Pour relier ces 3 parties nous utilisons :</p><ul dir="auto"><li> IPC/RPC : nous utilisons une implémentation d'Electron</li><li> React/Redux : Nous utilisons connect de réagir-redux.</li></ul><div class="markdown-heading" dir="auto"><h3> Diagramme </h3></div><div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">Architecture du contrôleur de vue modèle</h4></div><div class="markdown-heading" dir="auto"><h3> Concept d'API</h3></div><p dir="auto"> Pour avoir une requête POST d'un processus de rendu vers le processus principal, nous utilisons la notion d'API. Ce n'est pas une API http mais une API encapsulée RPC, selon la logique redux/redux-saga avec Action et Réducteur.</p><p dir="auto"> Voici un schéma de la communication :</p><p dir="auto"> Src :</p><ul dir="auto"><li> src/main/redux/sagas/api/api.ts</li><li> src/common/redux/actions/api/index.ts</li><li> src/renderer/common/redux/reducers/api.ts</li></ul><p dir="auto"> À l'heure actuelle, il existe 17 points de terminaison d'API provenant de (src/main/redux/sagas/api) :</p><p dir="auto"> bibliothèque:</p><ul dir="auto"><li> API :<ul dir="auto"><li> apiapp/search : recherche une bibliothèque à partir du protocole apiapp</li></ul></li><li> navigateur:<ul dir="auto"><li> httpbrowser/browse : parcourir et analyser une URL opds</li></ul></li><li> options :<ul dir="auto"><li> opds/getFeed : récupère un opdsFeed avec son identifiant</li><li> opds/findAllFeed : récupère tous les opdsFeed enregistrés</li><li> opds/deleteFeed : supprime un opdsFeed avec son identifiant</li><li> opds/addFeed : ajouter un opdsFeed</li><li> opds/getUrlWithSearchLinks : récupère l'URL de recherche à partir d'un opdsFeed</li></ul></li><li> publication : (src/common/api/interface/publicationApi.interface.ts)<ul dir="auto"><li> publication/get : obtenir une publicationView à partir de l'identifiant</li><li> publication/delete : supprimer une publicationView de l'identifiant</li><li> publication/findAll : obtenir toutes les publicationsView</li><li> publication/findByTag : récupère toutes les publicationsView à partir d'une chaîne de balise spécifique</li><li> publication/updateTags : mettre à jour la liste des tags à partir d'une publication</li><li> publication/importFromLink : importer une publication depuis une URL</li><li> publication/importFromFs : importer une publication à partir d'un chemin de système de fichiers</li><li> publication/recherche : rechercher une publication à partir d'un texte de requête</li><li> publication/searchEqTitrle : recherche de publication par correspondance de titre</li><li> publication/exportPublication : exporter la publication vers le système de fichiers</li></ul></li></ul><div class="markdown-heading" dir="auto"><h3> RÉDUCTEUR D'ACTION</h3></div><p dir="auto"> Du processus principal au processus de rendu, ou du processus de rendu au processus principal.</p><p dir="auto"> Liste de toutes les actions en place (src/common/redux/actions) :</p><ul dir="auto"><li> auth : authentification opds<ul dir="auto"><li> Annuler</li><li> fait</li><li> effacer les données</li></ul></li><li> catalogue<ul dir="auto"><li> getCatalog : demander de réhydrater catalogView dans libraryState</li><li> setCatalogView : réponse de getCatalog</li><li> setTagView : réhydrater tagStringView dans le libraryState</li></ul></li><li> dialog : vue de dialogue modale dans la bibliothèque, lecteur<ul dir="auto"><li> fermerDemande</li><li> demandeouverte</li><li> demande de mise à jour</li></ul></li><li> téléchargement : file d'attente de téléchargement dans la bibliothèque<ul dir="auto"><li> avorter</li><li> fait</li><li> progrès</li></ul></li><li> historique : flux d'opds historique<ul dir="auto"><li> pushFeed</li><li> rafraîchir</li></ul></li><li> i18n<ul dir="auto"><li> définirLocale</li></ul></li><li> importer<ul dir="auto"><li> verify : processus de vérification des importations</li></ul></li><li> clavier : raccourci clavier<ul dir="auto"><li> rechargerRaccourci</li><li> définirRaccourci</li><li> afficherRaccourci</li></ul></li><li> lcp<ul dir="auto"><li> renouvelerPublication</li><li> retourPublication</li><li> unlockPublicationWithPassphrase</li><li> userKeyCheckRequest</li></ul></li><li> charge : processus principal occupé ou non<ul dir="auto"><li> occupé</li><li> inactif</li></ul></li><li> net (non utilisé)</li><li> lecteur<ul dir="auto"><li> Mode attachement</li><li> Presse-papiersCopier</li><li> fermerDemande</li><li> closeRequestFromPublication</li><li> configSetDefault</li><li> détacherModeRequest</li><li> détacherModeSuccès</li><li> demande plein écran</li><li> demandeouverte</li><li> erreur d'ouverture</li><li> setReduxState : déclencher la persistance de l'application</li></ul></li><li> session : session enregistrée<ul dir="auto"><li> activer</li></ul></li><li> toast : bibliothèque de notifications toast, lecteur<ul dir="auto"><li> fermer</li><li> ouvrir</li></ul></li></ul> </div>
<div class="zd_btn more_version_btn" data-more="Développer" data-less="Replier">Développer</div>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template">
<span class="title">Informations supplémentaires</span>
</div>
<ul class="more_info grid gap_y6 gap_x6 grid_c3">
<li>
<span class="title">Version</span>
<span class="text">v3.0.0</span>
</li>
<li>
<span class="title">Type</span>
<a class="text" href="/fr/category/list_228_1.html">Autre code source</a>
</li>
<li>
<span class="title">Date de mise à jour</span>
<span class="text">2024-11-17</span>
</li>
<li>
<span class="title">taille</span>
<span class="text"></span>
</li>
<li>
<span class="title">Langue</span>
<span class="text">Chinois simplifié</span>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Applications connexes</span>
</div>
<ul class="version_list grid gap_x6 gap_y6 grid_c2">
<li>
<div class="content">
<h3><a href="/fr/download/187706.html">lecteur</a></h3>
<div class="other">
<div class="time">2024-11-11</div>
<a href="/fr/download/187706.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/fr/download/186339.html">lecteur anx</a></h3>
<div class="other">
<div class="time">2024-11-02</div>
<a href="/fr/download/186339.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/fr/app/154683.html">Manga Reader importe une application de bandes dessinées locale</a></h3>
<div class="other">
<div class="time">2024-05-28</div>
<a href="/fr/app/154683.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/fr/app/155313.html">Application gratuite Manga Reader</a></h3>
<div class="other">
<div class="time">2024-02-16</div>
<a href="/fr/app/155313.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/fr/app/92424.html">Application Bonne lecture</a></h3>
<div class="other">
<div class="time">2023-05-24</div>
<a href="/fr/app/92424.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/fr/download/6282.html">Foxit Reader Pro</a></h3>
<div class="other">
<div class="time">2009-06-22</div>
<a href="/fr/download/6282.html" class="download_btn"></a>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Recommandé pour vous</span>
</div>
<ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3">
<li>
<a class="img_item" href="/fr/download/189537.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67384d7de544c1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="llmmoyen"></a>
<div class="content">
<h3><a href="/fr/download/189537.html">llmmoyen</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span></span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189539.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67384ee62f2961.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="un renard"></a>
<div class="content">
<h3><a href="/fr/download/189539.html">un renard</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span>1.8</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189542.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67385101b8a4e1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="CSharpForMarkup"></a>
<div class="content">
<h3><a href="/fr/download/189542.html">CSharpForMarkup</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span>csharpmarkup2-winui-2-4-18</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189544.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67385269d89781.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="boîte de type h3"></a>
<div class="content">
<h3><a href="/fr/download/189544.html">boîte de type h3</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span>v0.6.0</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189547.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6738548625a611.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Magikarpe"></a>
<div class="content">
<h3><a href="/fr/download/189547.html">Magikarpe</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span></span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189549.html"><img src="https://images.downcodes.com/uploads/20241116/logo_673855ed794451.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="PI Pwn"></a>
<div class="content">
<h3><a href="/fr/download/189549.html">PI Pwn</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span></span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189552.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6738580a1d82f1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="labelme"></a>
<div class="content">
<h3><a href="/fr/download/189552.html">labelme</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span>v5.5.0</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189556.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67385b8d668381.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="DDPG"></a>
<div class="content">
<h3><a href="/fr/download/189556.html">DDPG</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span></span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/fr/download/189558.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67385cf543e191.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="construit une bascule"></a>
<div class="content">
<h3><a href="/fr/download/189558.html">construit une bascule</a></h3>
<div class="cate">
<a href="/fr/category/list_228_1.html">Autre code source</a>
</div>
<div class="other">
<span>2.0.2</span>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Actualités connexes</span>
<a href="/category/list_336_1.html">Tout</a>
</div>
<ul class="cate_list_template">
<li>
<a href="/fr/wz/211358.html">
<div class="text">80 000 entreprises d'intelligence artificielle se réunissent dans la partie ouest de Hangzhou pour renforcer la formation de talents complets en intelligence artificielle</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211347.html">
<div class="text">Le chiffre d'affaires de Qianfang Technology au cours des trois premiers trimestres s'est élevé à 5,4 milliards de yuans et a accéléré la mise en œuvre de son grand modèle d'IA pour les entreprises à basse altitude.</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211345.html">
<div class="text">Le nouveau jeu mobile roguelike dark fantasy "Valhalla Survival" G-Star 2024 a publié une nouvelle vidéo promotionnelle et sera lancé mondialement en janvier 2025</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211333.html">
<div class="text">Rapport : les applications liées à l'AIGC ont été utilisées plus de 55 milliards de fois en un seul mois. Cutting, Beanbao et Meituxiuxiu ont pris les trois premières places.</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211325.html">
<div class="text">L'événement sur le serveur japonais "Fate/Grand Order" "Destroy it! The Mystery House and Builders" a maintenant commencé et le nouveau disciple "Toutankhamon" est apparu.</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211324.html">
<div class="text">L'IA donne pleinement du pouvoir aux personnes, aux voitures et à l'ensemble de l'écosystème. Xiaomi ThePaper OS 2 est officiellement lancé.</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211312.html">
<div class="text">Le champ d’application de l’IA continue de s’étendre et l’espace de commercialisation s’ouvre davantage</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211307.html">
<div class="text">Récompenses Twitch Drop de All Black Ops 6 Saison 1 et comment les gagner</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211306.html">
<div class="text">Meilleur équipement Krig C dans Black Ops 6 et Warzone</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211305.html">
<div class="text">Comment faire l'œuf de Pâques modèle Nuketown dans Black Ops 6 Saison 1</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211304.html">
<div class="text">Où trouver tous les cadeaux de compagnon dans Dragon Age The Veilguard</div>
<span class="time">2024-11-15</span>
</a>
</li>
<li>
<a href="/fr/wz/211303.html">
<div class="text">Codes des voisins Roblox (novembre 2024)</div>
<span class="time">2024-11-15</span>
</a>
</li>
</ul>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template arrow_link">
<span class="title">Commentaires des utilisateurs</span>
</div>
</div>
</section>
<footer class="footer_template">
<div class="w12_box">
<div class="clearfix">
<div class="l_item">
<img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt="">
<div class="f_icon">
<a href="https://www.facebook.com/" title="facebook"></a>
<a href="https://telegram.org/" title="telegram"></a>
<a href="https://www.tiktok.com/" title="tiktok"></a>
<a href="https://www.youtube.com/" title="youtube"></a>
</div>
</div>
<div class="r_item">
<dl>
<dt>Products & Services</dt>
<dd><a href="javascript:;">Install APK</a></dd>
<dd><a href="javascript:;">APK signature verification</a></dd>
<dd><a href="javascript:;">APK Download Service</a></dd>
</dl>
<dl>
<dt>Company</dt>
<dd><a href="javascript:;">Developer Console</a></dd>
<dd><a href="javascript:;">Submit APK</a></dd>
<dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd>
</dl>
<dl>
<dt>Legal</dt>
<dd><a href="javascript:;">About us</a></dd>
<dd><a href="javascript:;">Contact Us</a></dd>
<dd><a href="javascript:;">Cooperation</a></dd>
</dl>
</div>
</div>
<p>© 2006-2024Copyright All rights reserves</p>
</div>
</footer>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tongji.zhangwan.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5D64MDP2H8');
</script>
</body>
<script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/viewer.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script>
<script>
commonMethod.appdetail();
function phpLoadPage(){
this.kid = '';
this.lang = 'fr';
this.pageIndex = 1;
this.resultLen = 10;
this. requestUrl = "/show_comment_list";
}
phpLoadPage.prototype.init = function() {
var _this = this;
var moreComment = 'Cliquez pour voir plus';
$(".loadmore_item").click(function(){
if(_this.resultLen >= 10){
_this.pageIndex = _this.pageIndex + 1
$(".loadmore_item").html("loading...")
$.ajax({
async: true,
url: _this.requestUrl,
type: 'GET',
data : { page : _this.pageIndex,kid:_this.kid,lang:_this.lang },
dataType: 'json',
timeout: 30000,
success: function(result){
_this.resultLen = result.newArray.length
if(_this.resultLen < 10){
$(".loadmore_item").html("Reached the end...")
}else{
$(".loadmore_item").html(`${moreComment}`)
}
$(".comment_template").append(_this.mergeHtml(result.newArray));
},
error: function(xhr, status){
console.log('An error occurred...');
},
complete: function(xhr, status){
console.log('Ajax request has ended...');
}
})
}
})
}
phpLoadPage.prototype.mergeHtml = function(data){
var textHtml = "";
var lang = 'fr';
let fromto = 'Provenant de';
for(var i=0;i<data.length;i++) {
var item= data[i];
var lsHtml = item.mark == 1 && item.status == 1 ? `<span class="tip">${fromto}</span><a href="/${lang}/ask/${item.aid}.html">${item.title}</a>` : '';
textHtml += `<dd>
<span class="img_item">
<img src="${item.headlogo}" alt="${item.adduser}">
</span>
<div class="main">
<div class="title">
<span>${item.adduser}</span>
${lsHtml}
<span>${item.showtime}</span>
</div>
<div>${item.content}</div>
</div>
</dd>`;
}
return textHtml;
}
new phpLoadPage().init()
</script>
</html>