トリウムリーダー
v3.0.0
Thorium Reader は、Windows 10/10S、MacOS、Linux 用の使いやすい EPUB 読み取りアプリケーションです。ディレクトリまたは OPDS フィードから電子書籍をインポートすると、任意の画面サイズで読んだり、レイアウト設定をカスタマイズしたり、目次やページ リストを介して移動したり、ブックマークを設定したりできるようになります。 NVDA、JAWS、またはナレーターを使用した視覚障害者向けのアプリケーションのアクセシビリティ。
無料のアプリケーション。広告はありません。個人データはどこにも流れません。
このプロジェクトは継続的に進化しており、修正や新機能がすぐに追加される予定です。そのためのサポートは大歓迎です。このアプリケーションは、オープンソースの Readium Desktop ツールキットに基づいています。
現在、次の 25 の言語にローカライズされています。
参照: https://github.com/edrlab/thorium-reader/wiki/Localization-(l10n)- language-translations
node --versionで確認)npm --versionで確認) npm install (またはnpm ci ): package.jsonで宣言された依存関係からローカルのnode_modulesパッケージを初期化します (これにより、 npm run postinstallで長時間実行されるコンパイル ステージも自動的に呼び出されます)。node scripts/package-lock-patch.js && cat package-lock.json | grep -i divina-player-js 「インストール」に失敗した場合は、シェルで次のコマンドを実行してみてください。 node scripts/package-lock-patch.js && cat package-lock.json | grep -i divina-player-js(ホットリロード開発サーバー、Web インスペクター/デバッガーを使用)
npm run start:dev (またはnpm run start:dev:quick使用して TypeScript チェックをバイパス/アプリをより速く起動します)npm start (またはnpm run start ) npm run package:winまたはnpm run package:macまたはnpm run package:linuxコード署名情報: https://github.com/edrlab/thorium-reader/wiki/Code-Signing
HTTPS_PROXY 、 HTTP_PROXY 、およびNO_PROXY環境変数は、プロキシ サーバー経由で HTTP または HTTPS リクエストを行うときのクライアント アプリケーションの動作を構成するために使用されます。
HTTPS_PROXY : HTTPS リクエストに使用するプロキシ サーバーを指定します。値は http://proxy.example.com:8080 の形式である必要があります。HTTP_PROXY : HTTP リクエストに使用するプロキシ サーバーを指定します。値は http://proxy.example.com:8080 の形式である必要があります。NO_PROXY : プロキシを使用しないホスト名または IP アドレスのカンマ区切りのリストを指定します。これは、ローカル アドレスまたはイントラネット アドレスをプロキシの対象から除外する場合に便利です。これらの環境変数が設定されている場合、リクエストが NO_PROXY 変数にリストされているホスト名または IP アドレスに対するものでない限り、クライアント アプリケーションは HTTP または HTTPS リクエストに指定されたプロキシ サーバーを自動的に使用します。
TooTallNateのproxy-agentパッケージを使用しました (https://github.com/TooTallNate/proxy-agents/tree/main/packages/proxy-agent)
詳細については、https://www.npmjs.com/package/proxy-from-env#environment-variables を参照してください。
Thorium Reader は、このオープンソース コードベースでは利用できない追加のソフトウェア コンポーネントを介して、LCP で保護された出版物をサポートします。 Thorium Reader が追加の実稼働グレードのライブラリを使用せずにオープンソース コードからコンパイルされる場合、アプリケーションは LCP「基本暗号化プロファイル」で保護されたパブリケーションのみをロードできます。たとえば、実稼働グレードの LCP 暗号化プロファイルを有効にするパッチが適用されていない、Go で記述されたオープンソース LCP サーバーによって生成されたライセンスです。
Thorium Reader の運用グレードの LCP 準拠バリアント/派生版 (「フォーク」と呼ばれる) を作成するには、追加の機密ソフトウェア コンポーネントとプロセスをカスタム アプリケーションのビルド/リリース ワークフローに統合する必要があります。これは、フォークの開発チームと EDRLab の技術スタッフ間の緊密な協力だけでなく、少なからぬ時間と労力を要します。運用コストをカバーするために、EDRLab はメンテナンス料金を請求します。ご要望については、お気軽に EDRlab までお問い合わせください。
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">[開発] アーキテクチャ</h2></div><p dir="auto">Thorium-reader は 3 つの部分で構成されています。</p><ul dir="auto"><li> 1つのnode.jsメインプロセス（電子バックエンド）</li><li> 1 つのライブラリ ウィンドウ (クロム レンダラー)</li><li> 1 対 N のリーダー ウィンドウ (クロム レンダラー)</li></ul><p dir="auto">各部分はモデル コントローラーとレンダラー プロセスのビューを実行します。</p><ul dir="auto"><li>モデルは Redux を使用した状態コンテナーです。フラックスアーキテクチャに基づいています</li><li>コントローラーは Redux-saga という名前の Redux のミドルウェアです。すべての副作用とアプリケーションの動作を処理します。</li><li>レンダリングのビューはクラスコンポーネントを使用した React です</li></ul><p dir="auto">これら 3 つの部分をリンクするには、以下を使用します。</p><ul dir="auto"><li> IPC/RPC: Electron の実装を使用します。</li><li> React/Redux：react-redux からの接続を使用します。</li></ul><div class="markdown-heading" dir="auto"><h3>ダイアグラム</h3></div><div class="markdown-heading" dir="auto"><h4 tabindex="-1" class="heading-element" dir="auto">モデル ビュー コントローラーのアーキテクチャ</h4></div><div class="markdown-heading" dir="auto"><h3>APIコンセプト</h3></div><p dir="auto">レンダラー プロセスからメイン プロセスに POST リクエストを送信するには、API の概念を使用します。これは http API ではなく、Action と Reducer を備えた redux/redux-saga ロジックへの RPC カプセル化された API です。</p><p dir="auto">通信の図は次のとおりです。</p><p dir="auto">ソース:</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">現時点では、(src/main/redux/sagas/api) からの API エンドポイントが 17 個あります。</p><p dir="auto">図書館：</p><ul dir="auto"><li>アプリアプリ:<ul dir="auto"><li> apiapp/search : apiapp プロトコルからライブラリを検索します</li></ul></li><li>ブラウザ：<ul dir="auto"><li> httpbrowser/browse : opds URL を参照して解析します</li></ul></li><li>オプション:<ul dir="auto"><li> opds/getFeed : opdsFeed をその識別子とともに取得します</li><li>opds/findAllFeed: 保存されているすべての opdsFeed を取得します</li><li>opds/deleteFeed: opdsFeed をその識別子とともに削除します</li><li>opds/addFeed: opdsFeed を追加します</li><li>opds/getUrlWithSearchLinks: opdsFeed から検索 URL を取得します。</li></ul></li><li>パブリケーション: (src/common/api/interface/publicationApi.interface.ts)<ul dir="auto"><li> Publication/get: ID から PublicationView を取得します</li><li>Publication/delete: ID から PublicationView を削除します</li><li>Publication/findAll: すべての PublicationView を取得します</li><li>Publication/findByTag: 特定のタグ文字列からすべての PublicationView を取得します</li><li>Publication/updateTags: パブリケーションからタグ リストを更新します</li><li>Publication/importFromLink: URL からパブリケーションをインポートします</li><li>Publication/importFromFs: fileSystem パスからパブリケーションをインポートします</li><li>出版/検索: クエリ テキストから出版物を検索します。</li><li> Publication/searchEqTitrle: タイトル一致による出版物の検索</li><li>Publication/exportPublication: パブリケーションをファイルシステムにエクスポートします</li></ul></li></ul><div class="markdown-heading" dir="auto"><h3>アクションリデューサー</h3></div><p dir="auto">メインプロセスからレンダラープロセスへ、またはレンダラープロセスからメインプロセスへ。</p><p dir="auto">配置されているすべてのアクションのリスト (src/common/redux/actions):</p><ul dir="auto"><li>認証: opds 認証<ul dir="auto"><li>キャンセル</li><li>終わり</li><li>データのワイプ</li></ul></li><li>カタログ<ul dir="auto"><li>getCatalog: libraryState でのcatalogViewのリハイドレートを要求します</li><li>setCatalogView: getCatalog からの応答</li><li>setTagView: libraryState の tagStringView をリハイドレートします</li></ul></li><li>ダイアログ: ライブラリ、リーダーのモーダル ダイアログ ビュー<ul dir="auto"><li>closeRequest</li><li>オープンリクエスト</li><li>更新リクエスト</li></ul></li><li>ダウンロード: ライブラリ内のダウンロードキュー<ul dir="auto"><li>アボート</li><li>終わり</li><li>進捗</li></ul></li><li>履歴: 履歴 opds フィード<ul dir="auto"><li>プッシュフィード</li><li>リフレッシュする</li></ul></li><li>i18n<ul dir="auto"><li>セットロケール</li></ul></li><li>輸入<ul dir="auto"><li>verify: インポート検証プロセス</li></ul></li><li>キーボード: キーボード ショートカット<ul dir="auto"><li>リロードショートカット</li><li>ショートカットを設定</li><li>ショートカットを表示</li></ul></li><li>LCP<ul dir="auto"><li>更新出版物</li><li>戻る出版物</li><li>パスフレーズを使用して出版物のロックを解除する</li><li>userKeyCheckRequest</li></ul></li><li>ロード: メインプロセスがビジーかどうか<ul dir="auto"><li>忙しい</li><li>アイドル</li></ul></li><li>ネット（未使用）</li><li>リーダー<ul dir="auto"><li>アタッチモード</li><li>クリップボードコピー</li><li>closeRequest</li><li> closeRequestFromPublication</li><li> configSetDefault</li><li>デタッチモードリクエスト</li><li>デタッチモード成功</li><li>フルスクリーンリクエスト</li><li>オープンリクエスト</li><li>オープンエラー</li><li>setReduxState: アプリの永続性をトリガーします</li></ul></li><li>セッション: 保存されたセッション<ul dir="auto"><li>有効にする</li></ul></li><li>トースト: トースト通知ライブラリ、リーダー<ul dir="auto"><li>近い</li><li>開ける</li></ul></li></ul> </div>
<div class="zd_btn more_version_btn" data-more="拡大する" data-less="折りたたむ">拡大する</div>
</div>
</section>
<section class="section_box py_30 border_bottom">
<div class="w12_box">
<div class="title_template">
<span class="title">追加情報</span>
</div>
<ul class="more_info grid gap_y6 gap_x6 grid_c3">
<li>
<span class="title">バージョン</span>
<span class="text">v3.0.0</span>
</li>
<li>
<span class="title">タイプ</span>
<a class="text" href="/ja/category/list_228_1.html">その他のソースコード</a>
</li>
<li>
<span class="title">更新時間</span>
<span class="text">2024-11-17</span>
</li>
<li>
<span class="title">サイズ</span>
<span class="text"></span>
</li>
<li>
<span class="title">言語</span>
<span class="text">簡体字中国語</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">関連アプリ</span>
</div>
<ul class="version_list grid gap_x6 gap_y6 grid_c2">
<li>
<div class="content">
<h3><a href="/ja/download/187706.html">リーダー</a></h3>
<div class="other">
<div class="time">2024-11-11</div>
<a href="/ja/download/187706.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/ja/download/186339.html">アンクスリーダー</a></h3>
<div class="other">
<div class="time">2024-11-02</div>
<a href="/ja/download/186339.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/ja/app/154683.html">マンガ リーダーはローカルの漫画アプリをインポートします</a></h3>
<div class="other">
<div class="time">2024-05-28</div>
<a href="/ja/app/154683.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/ja/app/155313.html">マンガリーダー無料アプリ</a></h3>
<div class="other">
<div class="time">2024-02-16</div>
<a href="/ja/app/155313.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/ja/app/92424.html">Good Reading Reader アプリ</a></h3>
<div class="other">
<div class="time">2023-05-24</div>
<a href="/ja/app/92424.html" class="download_btn"></a>
</div>
</div>
</li>
<li>
<div class="content">
<h3><a href="/ja/download/6282.html">Foxit リーダー プロ</a></h3>
<div class="other">
<div class="time">2009-06-22</div>
<a href="/ja/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">おすすめ</span>
</div>
<ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3">
<li>
<a class="img_item" href="/ja/download/189370.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6737cd85f18a71.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="ライブスプリット"></a>
<div class="content">
<h3><a href="/ja/download/189370.html">ライブスプリット</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.8.29</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189310.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6737a2a168bdd1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="ドーサ"></a>
<div class="content">
<h3><a href="/ja/download/189310.html">ドーサ</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.0.0</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189309.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6737a1ed854211.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="INNフォイル"></a>
<div class="content">
<h3><a href="/ja/download/189309.html">INNフォイル</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.0.0</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189308.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6737a13a0264e1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="RWKVランナー"></a>
<div class="content">
<h3><a href="/ja/download/189308.html">RWKVランナー</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>v1.8.8</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189307.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6737a0855c7901.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="vrcosc マジックチャットボックス"></a>
<div class="content">
<h3><a href="/ja/download/189307.html">vrcosc マジックチャットボックス</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>v0.9.047</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189296.html"><img src="https://images.downcodes.com/uploads/20241116/logo_673798c96dbe61.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="サポートコンパニオン"></a>
<div class="content">
<h3><a href="/ja/download/189296.html">サポートコンパニオン</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.4.0.80845</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189297.html"><img src="https://images.downcodes.com/uploads/20241116/logo_6737997d4959a1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="ボルテックス"></a>
<div class="content">
<h3><a href="/ja/download/189297.html">ボルテックス</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.12.6</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189298.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67379a31574061.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="シングルストアODBCコネクタ"></a>
<div class="content">
<h3><a href="/ja/download/189298.html">シングルストアODBCコネクタ</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.0.0</span>
</div>
</div>
</li>
<li>
<a class="img_item" href="/ja/download/189300.html"><img src="https://images.downcodes.com/uploads/20241116/logo_67379b99a45411.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="perlego ダウンロード拡張機能"></a>
<div class="content">
<h3><a href="/ja/download/189300.html">perlego ダウンロード拡張機能</a></h3>
<div class="cate">
<a href="/ja/category/list_228_1.html">その他のソースコード</a>
</div>
<div class="other">
<span>1.0.0</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">関連情報</span>
<a href="/category/list_336_1.html">すべて</a>
</div>
<ul class="cate_list_template">
<li>
<a href="/ja/wz/212995.html">
<div class="text">Stalker 2: Heart of Chornobyl のスタッターを修正する方法</div>
<span class="time">2024-11-23</span>
</a>
</li>
<li>
<a href="/ja/wz/212994.html">
<div class="text">フォートナイトのジュースワールドはどこにありますか?</div>
<span class="time">2024-11-23</span>
</a>
</li>
<li>
<a href="/ja/wz/212993.html">
<div class="text">Star Wars Outlaws でワイルドカード拡張を開始する方法</div>
<span class="time">2024-11-23</span>
</a>
</li>
<li>
<a href="/ja/wz/212992.html">
<div class="text">北京、人工知能のセキュリティとガバナンスのレイアウトを改善するための新しい研究開発機関を追加</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212991.html">
<div class="text">上海でセミナーが開かれ、グテーレス首相も出席、人工知能の能力構築強化に協力するという中国の提案が国連総会で採択</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212989.html">
<div class="text">最も効果的なリゾチームを見つけるための人工知能フレームワークを構築する</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212983.html">
<div class="text">AI の大規模モデルは適用初年度に入り、金融機関はインテリジェントなコンピューティング能力の新しいエコシステムを構築する取り組みを強化しています。</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212977.html">
<div class="text">MiniMax Yan Junjie: 大きいモデルには高速が適していますが、より速くするために低速が必要な場合もあります。</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212971.html">
<div class="text">人工知能がキャンパスに登場し、学生の科学的夢を輝かせる</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212970.html">
<div class="text">人工知能により消費者向け製造業が活性化され、永康フィットネス機器は国内外の市場でよく売れています</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212968.html">
<div class="text">Nvidia、生成人工知能の開発を支援するため、Sakana AI のシリーズ B 資金調達に投資</div>
<span class="time">2024-11-22</span>
</a>
</li>
<li>
<a href="/ja/wz/212963.html">
<div class="text">AI は新たな認知革命を解き放ちます。新しい科学技術一般コースの普遍的な読み物、人工知能開発スケジュール: 2028 年にビデオを作成、2049 年にベストセラーの本を執筆...</div>
<span class="time">2024-11-22</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">ユーザーコメント</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 = 'ja';
this.pageIndex = 1;
this.resultLen = 10;
this. requestUrl = "/show_comment_list";
}
phpLoadPage.prototype.init = function() {
var _this = this;
var moreComment = 'さらに表示をクリック';
$(".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 = 'ja';
let fromto = 'から';
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>