I18n complete.

Author: gnu4cn

src/app/book/book.module.ts

@@ -10,6 +10,7 @@ import { IonicModule } from '@ionic/angular';
 import { MarkdownElementsModule } from './markdown-elements/markdown-elements.module';
 import { MarkdownModule } from './markdown/markdown.module';
 import { DocsifyPluginsModule } from './docsify-plugins.module';
+import { I18nModule } from '../i18n/i18n.module';
 
 import { MARKDOWN_CONFIG_TOKEN } from './markdown/markdown.service';
 
@@ -48,6 +49,7 @@ import { UiImageLoaderDirective } from './directives/ui-image-loader.directive';
         FormsModule,
         IonicModule,
         RouterModule,
+        I18nModule,
         HttpClientModule,
         MarkdownModule,
         MarkdownElementsModule,

src/app/book/markdown-elements/made-with-love.ts

@@ -14,7 +14,7 @@ import { join } from '../shared/utils';
     </ng-template>
     <span [style.font-size.em]="size">
       <ng-container *ngIf="url && url.length > 0; else noUrl">
-        作者：<a [attr.href]="url" target="_blank" [style.color]="color" rel="noopener">
+        {{'book.footer.writer' | translate}}<a [attr.href]="url" target="_blank" [style.color]="color" rel="noopener">
           <ng-content></ng-content>
           <slot></slot>
           {{name}}

src/app/book/markdown-elements/markdown-elements.module.ts

@@ -7,6 +7,8 @@ import visit from 'unist-util-visit';
 import * as MDAST from 'mdast';
 import * as UNIFIED from 'unified';
 
+import { I18nModule } from '../../i18n/i18n.module';
+
 import { customSmartCodes } from '../shared/shortcodes';
 import { MarkdownService } from '../markdown/markdown.service';
 import { LocationService } from '../services/location.service';
@@ -37,6 +39,7 @@ const elements = [
 @NgModule({
     imports: [
         CommonModule,
+        I18nModule,
         RouterModule
     ],
     exports: [

src/app/book/markdown-elements/toc-pagination.component.html

@@ -3,15 +3,15 @@
         <a class="prev" [routerLink]="prev.link">
 
             <div class="pagination-item-label">
-                <span>« 上个部分</span>
+                <span>« {{'book.tocPagination.lastChapter' | translate}}</span>
             </div>
             <div class="pagination-item-title">{{prev.title}}</div>
         </a>
     </div>
     <div class="pagination-item pagination-item--next" *ngIf="next">
         <a class="next" [routerLink]="next.link">
             <div class="pagination-item-label">
-                <span>下一部分 »</span>
+                <span>{{'book.tocPagination.nextChapter' | translate}} »</span>
             </div>
             <div class="pagination-item-title">{{next.title}}</div>
         </a>

src/app/book/markdown-elements/toc-pagination.component.ts

@@ -9,6 +9,8 @@ import frontmatter from 'remark-frontmatter';
 import RegexEscape from 'regex-escape';
 
 import { RouterService } from '../services/router.service';
+
+import { I18nService } from '../../i18n/i18n.service';
 import { MarkdownService } from '../markdown/markdown.service';
 import { SearchService } from '../services/search.service';
 import { LocationService } from '../services/location.service';
@@ -43,6 +45,7 @@ export class TOCPaginationComponent implements OnInit, OnChanges {
         private fetchService: FetchService,
         private routerService: RouterService,
         private markdownService: MarkdownService,
+        private i18n: I18nService,
         private locationService: LocationService,
     ) {}
 

src/app/book/plugins/edit-on-github.ts

@@ -9,7 +9,18 @@ import { join as _join } from 'path';
 
 @Component({
     selector: 'docspa-edit-on-github', // tslint:disable-line
-    template: `<a [attr.href]="href" target="_blank"><ng-content></ng-content></a>`,
+    template: `<a [attr.href]="href" target="_blank">
+        <small>
+            <ion-icon name="create-outline" size="small"></ion-icon>{{'book.rightSideBar.editThisPage' | translate}}
+        </small>
+        </a>
+
+    <br />
+
+    <small>
+        <object type="image/svg+xml" data="assets/icon/content.svg"></object>{{'book.rightSideBar.content' | translate}}
+    </small>
+    `,
     styles: []
 })
 export class EditOnGithubComponent implements OnInit {

src/app/home/components/book-list.component.html

@@ -6,7 +6,7 @@
     <ion-badge color="warning" 
                style="position: absolute; right: -5px; top: -10px;" 
                *ngIf="book.recordList && book.recordList.length > 0">
-        {{book.recordList.length}}次阅读
+        {{book.recordList.length}} {{'home.bookList.readTimes' | translate}}
     </ion-badge>
     <mat-card-title>{{(book.name.length > 24 ? book.name.slice(0,23)+'...' : book.name) | uppercase}}</mat-card-title>
 
@@ -36,7 +36,7 @@
                 <ion-label>{{cate.name}}</ion-label>
             </mat-chip>
             <button class="modify-cate-list" (click)="openEditBookCateListDialog(book)" mat-button>
-                <ion-icon name="cog-outline"></ion-icon>修改
+                <ion-icon name="cog-outline"></ion-icon>{{'home.bookList.modify' | translate}}
             </button>
         </mat-chip-list>
     </mat-card-content>
@@ -45,30 +45,30 @@
     <mat-card-actions fxLayout="row" fxLayoutGap="0px">
         <button class="action-button" mat-button *ngIf="book.recordList && book.recordList.length > 0" 
                 (click)="openReadingRecordDialog(book)">
-            <ion-icon name="list-outline"></ion-icon>阅读记录
+            <ion-icon name="list-outline"></ion-icon>{{'home.bookList.readingRecord' | translate}}
         </button>
         <button class="action-button" mat-button *ngIf="book.downloaded" (click)="openReadmeDialog(book)">
             <ion-icon name="compass-outline"></ion-icon>README
         </button>
         <button class="action-button" mat-button *ngIf="book.downloaded" (click)="openBook(book)">
-            <ion-icon name="book-outline"></ion-icon>阅读
+            <ion-icon name="book-outline"></ion-icon>{{'home.bookList.read' | translate}}
         </button>
         <button class="action-button" id="{{ 'download-book-' + book.id }}" mat-button 
                 *ngIf="!book.downloaded" (click)="startDownload(book)">
-            <ion-icon name="cloud-download-outline"></ion-icon>下载
+            <ion-icon name="cloud-download-outline"></ion-icon>{{'home.bookList.download' | translate}}
         </button>
         <button class="action-button" 
                 id="{{ 'delete-book-' + book.id }}" mat-button (click)="openDeleteBookDialog(book)" 
                 *ngIf="!book.downloaded || !book.recycled"
                 [disabled]="book.recycled">
-            <ion-icon name="close-outline" sizme="small"></ion-icon>删除
+            <ion-icon name="close-outline" sizme="small"></ion-icon>{{'home.bookList.remove' | translate}}
         </button>
         <button class="action-button" mat-button *ngIf="book.recycled" (click)="openDeleteBookDialog(book)">
-            <ion-icon name="cog-outline" sizme="small"></ion-icon>操作
+            <ion-icon name="cog-outline" sizme="small"></ion-icon>{{'home.bookList.operation' | translate}}
         </button>
     </mat-card-actions>
 
     <mat-card-content *ngIf="book.errMsg">
-        <ion-text color="danger">{{book.errMsg}} - 无法下载，建议删除</ion-text>
+        <ion-text color="danger">{{book.errMsg}}{{'home.bookList.cloneErrorMsg' | translate}}</ion-text>
     </mat-card-content>
 </mat-card>

src/app/home/components/book-list.component.ts

@@ -12,6 +12,7 @@ import {
     MatDialog, 
 } from '@angular/material/dialog';
 
+import { I18nService } from '../../i18n/i18n.service';
 import { CrudService } from '../../services/crud.service';
 import { Book, Category } from '../../models';
 import { BookService } from '../services/book.service';
@@ -54,6 +55,7 @@ export class BookListComponent implements OnInit, OnChanges {
         private crud: CrudService,
         private dialog: MatDialog,
         private book: BookService,
+        private i18n: I18nService,
         private cdr: ChangeDetectorRef,
         private opMessage: OpMessageService
     ) {}

src/app/home/components/delete-book-dialog.component.html

@@ -1,15 +1,23 @@
-<h1 mat-dialog-title>删除 - {{ this.data.name }}</h1>
+<h1 mat-dialog-title>{{'home.deleteBook.remove' | translate}}{{ this.data.name }}</h1>
 <div mat-dialog-content>
-    <p>删除注意事项：</p>
+    <p>{{'home.deleteBook.precautions' | translate}}</p>
     <ul>
-        <li *ngIf="!this.data.recycled">选择放入“回收站”，将<ion-text color="danger" *ngIf="this.data.recordList && this.data.recordList.length > 0">删除该书籍的阅读记录，</ion-text>可在回收站中查看并恢复删除的书籍</li>
-        <li>选择彻底删除，<ion-text color="danger">系统将删除下载的该书籍所有文件，并从数据库中移除书籍与该书籍的阅读记录</ion-text></li>
-        <li>关闭此对话框，将不进行任何操作</li>
+        <li *ngIf="!this.data.recycled">{{'home.deleteBook.recycleRemind.prefix' | translate}}<ion-text color="danger" *ngIf="this.data.recordList && this.data.recordList.length > 0">{{'home.deleteBook.recycleRemind.important' | translate}}</ion-text>{{'home.deleteBook.recycleRemind.last' | translate}}</li>
+        <li>{{'home.deleteBook.deleteRemind.prefix' | translate}}<ion-text color="danger">{{'home.deleteBook.deleteRemind.important' | translate}}</ion-text></li>
+        <li>{{'home.deleteBook.closeDialogRemind' | translate}}</li>
     </ul>
 </div>
 <div mat-dialog-actions>
-    <button mat-button (click)="onNoClick()">放弃</button>
-    <button *ngIf="!this.data.recycled" mat-button [mat-dialog-close]="recycled">放入回收站</button>
-    <button *ngIf="this.data.recycled" color="success" mat-button [mat-dialog-close]="recoverRecycled">重新放回书架</button>
-    <button color="warn" mat-button [mat-dialog-close]="deleteRecycled">彻底删除</button>
+    <button mat-button matDialogClose>
+        {{'home.deleteBook.actions.cancel' | translate}}
+    </button>
+    <button *ngIf="!this.data.recycled" mat-button [mat-dialog-close]="recycled" matTooltip="{{'home.deleteBook.tooltip.recycle' | translate}}">
+        {{'home.deleteBook.actions.recycle' | translate}}
+    </button>
+    <button *ngIf="this.data.recycled" color="success" 
+                                       mat-button [mat-dialog-close]="recoverRecycled" 
+                                       matTooltip="{{'home.deleteBook.tooltip.putItBack' | translate}}">
+        {{'home.deleteBook.actions.putItBack' | translate}}
+    </button>
+    <button color="warn" mat-button [mat-dialog-close]="deleteRecycled">{{'home.deleteBook.actions.remove' | translate}}</button>
 </div>

src/app/home/components/delete-book-dialog.component.ts

@@ -10,6 +10,8 @@ import {
     MAT_DIALOG_DATA 
 } from '@angular/material/dialog';
 
+import { I18nService } from '../../i18n/i18n.service';
+
 import { 
     IDeleteBookDialogResData,
 } from '../../vendor';
@@ -23,6 +25,7 @@ import { Book } from '../../models';
 export class DeleteBookDialog implements OnInit{
     constructor(
         public dialogRef: MatDialogRef<DeleteBookDialog>,
+        private i18n: I18nService,
         @Inject(MAT_DIALOG_DATA) public data: Book
     ) {}
 
@@ -45,8 +48,4 @@ export class DeleteBookDialog implements OnInit{
     }
 
     ngOnInit() {}
-
-    onNoClick(): void {
-        this.dialogRef.close();
-    }
 }