feat: clear all and translate all btns

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nitro-plus-translator/source",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "license": "MIT",
   "scripts": {
     "start": "nx serve",

src/app/app.component.html

@@ -1,10 +1,21 @@
 <div class="btns">
   <nwui-button (click)="fileInput.click()">
     <span><i class="lni lni-upload"></i> Upload</span>
-    <input type="file" (change)="submitFile($event)" #fileInput style="display: none" />
+    <input type="file" (change)="submitFile($event)" accept=".nps" #fileInput style="display: none" />
+  </nwui-button>
+  <nwui-button (click)="onSaveClicked()">
+    <span><i class="lni lni-save"></i> Save</span>
+  </nwui-button>
+  @if (this.elements.length){
+  <nwui-button (click)="clearAllTranslations()" [disabled]="!has_translations">
+    <span><i class="lni lni-trash-can"></i> Clear translations</span>
+  </nwui-button>
+  <nwui-button (click)="getAllTranslations()">
+    <span><i class="lni lni-google"></i> Translate all</span>
   </nwui-button>
   <nwui-button (click)="onClearClicked()">
     <span><i class="lni lni-trash-can"></i> Clear</span>
   </nwui-button>
+  }
 </div>
 <app-text-list [elements]="elements"></app-text-list>

src/app/app.component.ts

@@ -1,3 +1,4 @@
+import { NgIf } from '@angular/common';
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { NWUIButtonComponent } from '@nwaifu-ui';
 import { TextListComponent } from './components/text_list/text_list.component';
@@ -7,7 +8,7 @@ import { saveOriginalFile } from './lib/file_tools';
 import { parse } from './lib/parser';
 @Component({
   standalone: true,
-  imports: [TextListComponent, NWUIButtonComponent],
+  imports: [TextListComponent, NWUIButtonComponent, NgIf],
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
@@ -16,6 +17,7 @@ export class AppComponent implements OnInit {
   title = 'NitroPlusTranslator';
   elements: TranslateData[] = [];
   @ViewChild('fileInput') fileInput: HTMLInputElement | null = null;
+  @ViewChild(TextListComponent) text_list: TextListComponent | null = null;
 
   ngOnInit(): void {
     const data = localStorage.getItem(LocalStorageKeys.TRANSLATIONS);
@@ -62,4 +64,45 @@ export class AppComponent implements OnInit {
     this.elements = [];
     localStorage.removeItem(LocalStorageKeys.TRANSLATIONS);
   }
+
+  onSaveClicked() {
+    const original_file: NpsFile = JSON.parse(
+      localStorage.getItem(LocalStorageKeys.ORIGINAL_FILE) ?? '{"file_name":"", "original_text":""}',
+    );
+    if (original_file.file_name && original_file.original_text) {
+      const data: TranslateData[] = JSON.parse(localStorage.getItem(LocalStorageKeys.TRANSLATIONS) ?? '[]');
+      if (!data.length) {
+        alert('No data');
+        return;
+      }
+      original_file.translated_text = original_file.original_text;
+      data.forEach((el) => {
+        original_file.translated_text = original_file.translated_text?.replace(el.english_text, el.translated_text);
+      });
+
+      const element = document.createElement('a');
+      const file = new Blob([original_file.translated_text], { type: 'text/plain' });
+      element.href = URL.createObjectURL(file);
+      element.download = original_file.file_name;
+      element.click();
+    }
+  }
+
+  //TODO: Dialog windows for clear op
+  clearAllTranslations() {
+    if (this.text_list)
+      if (this.text_list.translate_blocks) {
+        this.text_list.translate_blocks.filter((item) => item.item.translated_text).forEach((item) => item.clear());
+      }
+  }
+
+  getAllTranslations() {
+    if (this.text_list)
+      if (this.text_list.translate_blocks)
+        this.text_list.translate_blocks.forEach((item) => item.sendToGoogleTranslate());
+  }
+
+  get has_translations(): boolean {
+    return this.elements.some((i) => i.translated_text);
+  }
 }

src/app/components/text_list/text_list.component.html

@@ -1,6 +1,6 @@
 <h1 *ngIf="elements_data.length">Всего: {{ elements_data.length }}</h1>
 <div id="elements">
   @for(item of elements_data; track $index) {
-  <app-translate-block [index]="$index" [item]="item"></app-translate-block>
+  <app-translate-block #translateBlock [index]="$index" [item]="item"></app-translate-block>
   }
 </div>

src/app/components/text_list/text_list.component.ts

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
+import { Component, Input, QueryList, ViewChildren } from '@angular/core';
 import { TranslateData } from '../../dto/translate_data.dto';
 import { TranslateBlockComponent } from '../translate_block/translate_block.component';
 
@@ -11,6 +11,7 @@ import { TranslateBlockComponent } from '../translate_block/translate_block.comp
   imports: [CommonModule, TranslateBlockComponent],
 })
 export class TextListComponent {
+  @ViewChildren('translateBlock') translate_blocks: QueryList<TranslateBlockComponent> | null = null;
   elements_data: TranslateData[] = [];
   @Input() set elements(el: TranslateData[]) {
     this.elements_data = el;