fix: error with api tango [remove for now]

Author: ibuioli

android/app/src/main/AndroidManifest.xml

@@ -14,7 +14,7 @@
         <activity
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
             android:name="ar.codize.afip.MainActivity"
-            android:label="Codize AFIP"
+            android:label="Codize-AFIP"
             android:theme="@style/AppTheme.NoActionBarLaunch"
             android:launchMode="singleTask">
 

angular.json

@@ -73,6 +73,9 @@
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "proxyConfig": "src/proxy.conf.json"
+          },
           "configurations": {
             "production": {
               "proxyConfig": "src/proxy.conf.json",

src/app/afip/afip.component.html

@@ -32,8 +32,7 @@
 
 <div *ngIf="invoices.length > 0" class="row">
     <div class="col-12">
-        <table mat-table [dataSource]="invoices" class="mat-elevation-z8 w-100" multiTemplateDataRows>
-      
+        <table mat-table *ngIf="invoices" [dataSource]="invoices" class="mat-elevation-z8 w-100" multiTemplateDataRows>
             <ng-container matColumnDef="docName">
               <th class="ps-2 pe-2" mat-header-cell *matHeaderCellDef> Tipo </th>
               <td class="ps-2 pe-2" mat-cell *matCellDef="let element"> {{element.docName}} </td>
@@ -50,26 +49,26 @@
                        [@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'">
                     <div class="p-1 w-50 border-end">
                         <span class="badge bg-secondary mb-1">{{element.date | date:'dd/MM/yyyy'}}</span><br />
-                        <h3 class="mb-0">{{element.amount | currency:'ARS':'symbol':'':'es-AR'}}</h3>
+                        <h5 class="mb-0"><small>{{element.amount | currency:'ARS':'symbol':'':'es-AR'}}</small></h5>
                         <small><b>Moneda:</b> {{element.currency}}</small>
                     </div>
                     <div class="p-1 w-50">
-                        <h5 class="mb-1">{{element.docName}} {{element.docNumber}}</h5>
-                        <h5 class="mb-1"><b>Emisor:</b> {{element.nameEmi}}</h5>
-                        <h5 class="mb-1"><b>Receptor:</b> {{element.nameRec}}</h5>
+                        <h6 class="mb-1"><small>{{element.docName}} {{element.docNumber}}</small></h6>
+                        <h6 class="mb-1"><small><b>Emisor:</b> {{element.nameEmi}}</small></h6>
+                        <h6 class="mb-1"><small><b>Receptor:</b> {{element.nameRec}}</small></h6>
                     </div>
                   </div>
                 </td>
             </ng-container>
 
-            <tr class="ps-2 pe-2" mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-            <tr class="ps-2 pe-2" mat-row *matRowDef="let element; columns: displayedColumns;"
+            <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+            <tr mat-row *matRowDef="let element; columns: displayedColumns;"
                 class="example-element-row"
                 [class.example-expanded-row]="expandedElement === element"
                 (click)="expandedElement = expandedElement === element ? null : element">
             </tr>
-            <tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="example-detail-row ps-2 pe-2"></tr>
-          
+            <tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="example-detail-row"></tr>
+            
         </table>
     </div>
 </div>

src/app/afip/afip.component.ts

@@ -3,7 +3,7 @@ import {animate, state, style, transition, trigger} from '@angular/animations';
 import { MatTable } from '@angular/material/table';
 import { MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { BarcodeScanner } from '@awesome-cordova-plugins/barcode-scanner/ngx';
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 
 import { Globals } from '../app.globals';
 
@@ -143,18 +143,31 @@ export class AfipComponent implements OnInit {
     const decode = decodeURIComponent(escape(atob( encode ))).replace(/\'/g, '"');
     const obj = JSON.parse(decode);
     console.log(obj);
+    const httpOptions = {
+      headers: new HttpHeaders({ 
+        'Access-Control-Allow-Origin':'*',
+      })
+    };
 
     if (url.host === 'www.afip.gob.ar' || url.host === 'afip.gob.ar' || url.host === 'serviciosweb.afip.gob.ar') {
       if (this.invoices.find(x => x.cae === obj.codAut) !== undefined) {
         this.openDialog('¡Factura ya escaneada!');
         this.loading = false;
       } else {
         let newinvoice = await this.processQrFeAr(obj);
-        this.http.get<any>('https://www.tangofactura.com/Rest/GetContribuyente?cuit=' + obj.cuit,{}).subscribe(dataE => {
+        this.invoices.push(newinvoice);
+        localStorage.setItem('invoices', JSON.stringify(this.invoices));
+        setTimeout(() => {
+          if (this.table) {
+            this.table!.renderRows();
+          }
+          this.loading = false;
+        }, 1);
+        /*this.http.get<any>('./tango/Rest/GetContribuyente?cuit=' + obj.cuit, httpOptions).subscribe(dataE => {
           if (dataE.Contribuyente) {
             newinvoice.nameEmi = dataE.Contribuyente.nombre;
             if (obj.nroDocRec !== 0 && obj.nroDocRec.toString().length >= 11) {
-              this.http.get<any>('https://www.tangofactura.com/Rest/GetContribuyente?cuit=' + obj.nroDocRec,{}).subscribe(dataR => {
+              this.http.get<any>('./tango/Rest/GetContribuyente?cuit=' + obj.nroDocRec, httpOptions).subscribe(dataR => {
                 if (dataR.Contribuyente) {
                   newinvoice.nameRec = dataR.Contribuyente.nombre;
                   this.invoices.push(newinvoice);
@@ -168,7 +181,7 @@ export class AfipComponent implements OnInit {
                 }
               }, (err: any) => {
                 console.log(err);
-                this.openDialog(err);
+                this.openDialog(JSON.stringify(err));
                 this.loading = false;
               });
             } else {
@@ -183,9 +196,9 @@ export class AfipComponent implements OnInit {
           } else {}
         }, (err: any) => {
           console.log(err);
-          this.openDialog(err);
+          this.openDialog(JSON.stringify(err));
           this.loading = false;
-        });
+        });*/
       }
     } else {
       this.openDialog('El QR escaneado no es de AFIP');
@@ -209,7 +222,15 @@ export class AfipComponent implements OnInit {
           this.qrs[i] = false;
         } else {
           let newinvoice = await this.processQrFeAr(obj);
-          this.http.get<any>('https://afip.tangofactura.com/Rest/GetContribuyenteFull?cuit=' + obj.cuit,{}).subscribe(dataE => {
+          this.invoices.push(newinvoice);
+          localStorage.setItem('invoices', JSON.stringify(this.invoices));
+          setTimeout(() => {
+            if (this.table) {
+              this.table!.renderRows();
+            }
+            this.qrs[i] = false;
+          }, 1);
+          /*this.http.get<any>('https://afip.tangofactura.com/Rest/GetContribuyenteFull?cuit=' + obj.cuit,{}).subscribe(dataE => {
             if (dataE.Contribuyente) {
               newinvoice.nameEmi = dataE.Contribuyente.nombre;
               if (obj.nroDocRec !== 0) {
@@ -240,7 +261,7 @@ export class AfipComponent implements OnInit {
           }, (err: any) => {
             this.qrs[i] = false;
             this.qrErrors.push(obj.codAut);
-          });
+          });*/
         }
       } else {
         this.qrs[i] = false;

src/proxy.conf.json

@@ -1,6 +1,9 @@
 {
-    "/api": {
-    "target": "https://www.tangofactura.com",
-    "secure": false
+    "/tango": {
+      "target": "https://www.tangofactura.com",
+      "secure": false,
+      "pathRewrite": {"^/tango": "https://www.tangofactura.com"},
+      "changeOrigin": true,
+      "logLevel": "debug"
     }
-}
+  }