Merge pull request #24 from tilde-nlp/feature/whole-page-translation

dispatching translation finished event once ALL batches have been translated

src/js/lib/AsyncTranslator.ts

@@ -25,6 +25,8 @@ class AsyncTranslator {
   private itemsTranslated: number;
   private itemsTotal:number;
   private retryTimeout = 1000;
+  private batchesCount: number;
+  private translationFinishedEvent = new Event("translation-finished");
 
   constructor (
     private readonly websiteService:WebsiteService,
@@ -193,11 +195,17 @@ class AsyncTranslator {
     if (this.itemsTotal === 0) {
       return 1
     }
+    if (this.batchesCount === 0 && (this.itemsTranslated / this.itemsTotal) === 1) {
+      document.dispatchEvent(this.translationFinishedEvent);
+    }
+
     return this.itemsTranslated / this.itemsTotal
   }
 
   private onTranslationItemDiscovered (items: Array<TranslationTextRange>, priority: TranslationPriority) {
     const batches = this.getBatches(items)
+    this.batchesCount = batches.length;
+
     if (batches.length > 0) {
       const queueBatches = this.queue.getItems()
 
@@ -218,6 +226,10 @@ class AsyncTranslator {
 
       this.onProgress(this.getProgress())
     }
+    else {
+      this.batchesCount = 0;
+      this.onProgress(this.getProgress())
+    }
   }
 
   private cancelBatch (batch: Array<ITranslatableItem>) {