feat: add localstorage for invoices

Author: ibuioli

src/app/afip/afip.component.html

@@ -1,7 +1,12 @@
 <div class="row mb-2">
-    <div class="col-6">
+    <div class="col-12">
         <button mat-raised-button color="primary" class="w-100" (click)="scanQR()">Escanear QR</button>
     </div>
+</div>
+<div class="row mb-2">
+    <div class="col-6">
+        <button mat-raised-button color="warn" class="w-100" (click)="removeInvoices()" [disabled]="invoices.length == 0">Eliminar Facturas</button>
+    </div>
     <div class="col-6">
         <button mat-raised-button color="accent" class="w-100" (click)="exportToCSV()" [disabled]="invoices.length == 0">Exportar</button>
     </div>

src/app/afip/afip.component.ts

@@ -35,6 +35,12 @@ export class AfipComponent implements OnInit {
   constructor(private barcodeScanner: BarcodeScanner) { }
 
   ngOnInit(): void {
+    let inv = localStorage.getItem('invoices');
+    if (inv) {
+      if (JSON.parse(inv).length > 0) {
+        this.invoices = JSON.parse(inv);
+      }
+    }
   }
 
   scanQR() {
@@ -54,6 +60,11 @@ export class AfipComponent implements OnInit {
     this.processQR(urlText);
   }
 
+  removeInvoices(): void {
+    this.invoices.length = 0;
+    localStorage.setItem('invoices', JSON.stringify(this.invoices));
+  }
+
   processQR(t: string) {
     const url = new URL(t);
     const p: any = url.searchParams.get('p');
@@ -63,6 +74,7 @@ export class AfipComponent implements OnInit {
     console.log(obj);
     if (url.host === 'www.afip.gob.ar' || url.host === 'afip.gob.ar') {
       this.invoices.push(this.processQrFeAr(obj));
+      localStorage.setItem('invoices', JSON.stringify(this.invoices));
       console.log(this.invoices);
       if (this.table) {
         this.table!.renderRows();

src/app/app.module.ts

@@ -16,6 +16,9 @@ import { BarcodeScanner } from '@awesome-cordova-plugins/barcode-scanner/ngx';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatButtonModule } from '@angular/material/button';
 import { MatTableModule } from '@angular/material/table';
+import { MatIconModule } from '@angular/material/icon';
+import { MatDialogModule } from '@angular/material/dialog';
+
 import { AfipComponent } from './afip/afip.component';
 
 const routes: Routes = [
@@ -37,7 +40,9 @@ const routes: Routes = [
     RouterModule.forRoot(routes),
     MatToolbarModule,
     MatButtonModule,
-    MatTableModule
+    MatTableModule,
+    MatIconModule,
+    MatDialogModule
   ],
   providers: [BarcodeScanner],
   bootstrap: [AppComponent]