@hitsoft/e-donusum 1.0.114 → 1.0.115

package/fesm2020/hitsoft-e-donusum.mjs

@@ -17,15 +17,16 @@ import { PageModule } from '@abp/ng.components/page';
 import { DateAdapter } from '@abp/ng.theme.shared/extensions';
 import * as i4 from '@angular/forms';
 import { Validators } from '@angular/forms';
-import { finalize, tap, filter, switchMap } from 'rxjs/operators';
+import { finalize, tap, filter, switchMap, map } from 'rxjs/operators';
 import * as i6 from '@swimlane/ngx-datatable';
 import * as i5 from '@angular/common';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import * as i11 from 'devextreme-angular';
 import { DxDataGridModule, DxTextAreaModule, DxTextBoxModule, DxHtmlEditorModule, DxSelectBoxModule, DxLookupModule, DxTabPanelModule, DxCheckBoxModule, DxDateBoxModule, DxNumberBoxModule, DxTemplateModule, DxDropDownBoxModule, DxRadioGroupModule, DxPopupModule } from 'devextreme-angular';
 import * as i3$1 from 'devextreme-angular/ui/nested';
-import { finalize as finalize$1, tap as tap$1, filter as filter$1, switchMap as switchMap$1, firstValueFrom, BehaviorSubject, ReplaySubject } from 'rxjs';
+import { finalize as finalize$1, tap as tap$1, filter as filter$1, switchMap as switchMap$1, firstValueFrom, BehaviorSubject, ReplaySubject, map as map$1 } from 'rxjs';
 import * as i13 from 'devextreme-angular/core';
+import * as i3$2 from '@angular/common/http';
 import * as i1$2 from '@angular/platform-browser';
 import trMessages from 'devextreme/localization/messages/tr.json';
 import { loadMessages, locale } from 'devextreme/localization';
@@ -9154,9 +9155,12 @@ var InvoiceType;
 })(InvoiceType || (InvoiceType = {}));
 
 class HitInvoiceService {
-    constructor(restService, devexService) {
+    constructor(restService, devexService, http, configState // ← ekle
+    ) {
         this.restService = restService;
         this.devexService = devexService;
+        this.http = http;
+        this.configState = configState;
         this.apiName = 'eDonusum';
         this.LoadInvoices = this.devexService.createStore({
             key: "id",
@@ -9234,10 +9238,32 @@ class HitInvoiceService {
             url: '/api/e-donusum/invoices/get-invoice-response',
             params: { startDate: startDate, endDate: endDate, }
         }, { apiName: this.apiName });
-        this.getInvoiceView = (invoiceUUID) => this.restService.request({
-            method: 'GET',
-            url: `/api/e-donusum/invoices/get-invoice-view/${invoiceUUID}`,
-        }, { apiName: this.apiName });
+        this.getInvoiceViewToken = (invoiceUUID) => {
+            const httpClient = this.restService.http;
+            // ABP'nin base URL'sini al
+            const baseUrl = this.restService.configState?.getDeep('environment.apis.eDonusum.url')
+                || this.restService.configState?.getDeep('environment.apis.default.url')
+                || 'https://localhost:44359';
+            return httpClient.get(`${baseUrl}/api/e-donusum/invoices/get-invoice-view/${invoiceUUID}`, {
+                responseType: 'blob',
+                observe: 'response',
+                headers: {
+                    'Authorization': `Bearer ${this.getToken()}`
+                }
+            }).pipe(map(response => {
+                const cd = response.headers?.get('Content-Disposition');
+                let filename = 'fatura.pdf';
+                if (cd) {
+                    const match = cd.match(/filename[^;=\n]*=["']?([^"';\n]+)["']?/i);
+                    if (match)
+                        filename = match[1].trim();
+                }
+                return {
+                    blobUrl: URL.createObjectURL(response.body),
+                    filename: filename
+                };
+            }));
+        };
         this.showAllFiles = (invoiceUUID) => this.restService.request({
             method: 'GET',
             url: `/api/e-donusum/invoices/show-all-files/${invoiceUUID}`,
@@ -9258,15 +9284,24 @@ class HitInvoiceService {
             params: { blobID: blobID }
         }, { apiName: this.apiName });
     }
+    // invoice.service.ts - yeni method ekle
+    getInvoiceViewUrl(invoiceUUID) {
+        return `/api/e-donusum/invoices/get-invoice-view/${invoiceUUID}`;
+    }
+    getToken() {
+        return localStorage.getItem('access_token')
+            || sessionStorage.getItem('access_token')
+            || '';
+    }
 }
-HitInvoiceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }], target: i0.ɵɵFactoryTarget.Injectable });
+HitInvoiceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }, { token: i3$2.HttpClient }, { token: i1.ConfigStateService }], target: i0.ɵɵFactoryTarget.Injectable });
 HitInvoiceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitInvoiceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }, { type: i3$2.HttpClient }, { type: i1.ConfigStateService }]; } });
 
 class HitFileDocumentTypeService {
     constructor(restService, devexService) {
@@ -9321,14 +9356,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class HitSharedService {
     constructor() {
         this.apiName = 'eDonusum';
-        this.previewFile = (base64) => {
+        /*previewFile = (base64, filename: string = 'fatura.pdf') => {
+          const cleanBase64 = base64.includes(',') ? base64.split(',')[1] : base64;
+          const bytes = Uint8Array.from(atob(cleanBase64), c => c.charCodeAt(0));
+          
+          // File objesi blob'a filename metadata'sı ekler
+          const file = new File([bytes], filename, { type: 'application/pdf' });
+          const url = URL.createObjectURL(file);
+      
+          const newTab = window.open('', '_blank');
+          newTab.history.pushState({}, filename, `/${filename}`);
+          newTab.document.write(`
+              <html>
+              <head><title>${filename}</title></head>
+              <body style="margin:0;overflow:hidden">
+                  <iframe
+                      src="${url}#toolbar=1"
+                      style="width:100%;height:100vh;border:none;"
+                  ></iframe>
+              </body>
+              </html>
+          `);
+      
+          setTimeout(() => URL.revokeObjectURL(url), 60_000);
+      }*/
+        this.previewFile = (base64, filename = 'fatura.pdf') => {
             const cleanBase64 = base64.includes(',') ? base64.split(',')[1] : base64;
             const bytes = Uint8Array.from(atob(cleanBase64), c => c.charCodeAt(0));
-            const blob = new Blob([bytes], { type: 'application/pdf' });
-            const url = URL.createObjectURL(blob);
-            // Yeni tab (preview)
-            window.open(url, '_blank', 'noopener');
-            // İstersen kısa süre sonra URL'i serbest bırak (preview açıldıktan sonra)
+            const file = new File([bytes], filename, { type: 'application/pdf' });
+            const url = URL.createObjectURL(file);
+            const newTab = window.open('', '_blank');
+            newTab.history.pushState({}, filename, `/${filename}`);
+            newTab.document.write(`<!DOCTYPE html>
+        <html>
+        <head>
+            <title>${filename}</title>
+            <style>
+                * { margin:0; padding:0; box-sizing:border-box; }
+                body { background:#525659; font-family:sans-serif; }
+                #toolbar { 
+                    position:fixed; top:0; left:0; right:0; height:48px;
+                    background:#323639; display:flex; align-items:center; 
+                    padding:0 16px; gap:16px; z-index:99;
+                    color:white; font-size:14px;
+                }
+                #pages { margin-top:56px; display:flex; flex-direction:column; align-items:center; padding:16px; gap:16px; }
+                canvas { box-shadow:0 2px 8px #0006; background:white; }
+            </style>
+        </head>
+        <body>
+            <div id="toolbar">
+                <span>${filename}</span>
+                <span id="pageInfo"></span>
+                <button onclick="changePage(-1)" style="background:#555;color:white;border:none;padding:4px 10px;cursor:pointer;border-radius:4px">◀</button>
+                <button onclick="changePage(1)" style="background:#555;color:white;border:none;padding:4px 10px;cursor:pointer;border-radius:4px">▶</button>
+                <a href="${url}" download="${filename}" 
+                   style="margin-left:auto;background:#1976d2;color:white;padding:6px 14px;border-radius:4px;text-decoration:none">
+                   ⬇ İndir (${filename})
+                </a>
+            </div>
+            <div id="pages"></div>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
+            <script>
+                pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
+                let currentPage = 1, totalPages = 0, pdfDoc = null;
+
+                pdfjsLib.getDocument('${url}').promise.then(pdf => {
+                    pdfDoc = pdf;
+                    totalPages = pdf.numPages;
+                    renderPage(currentPage);
+                });
+
+                function renderPage(num) {
+                    pdfDoc.getPage(num).then(page => {
+                        const viewport = page.getViewport({ scale: 1.5 });
+                        const canvas = document.createElement('canvas');
+                        canvas.width = viewport.width;
+                        canvas.height = viewport.height;
+                        document.getElementById('pages').innerHTML = '';
+                        document.getElementById('pages').appendChild(canvas);
+                        page.render({ canvasContext: canvas.getContext('2d'), viewport });
+                        document.getElementById('pageInfo').textContent = num + ' / ' + totalPages;
+                    });
+                }
+
+                function changePage(delta) {
+                    const next = currentPage + delta;
+                    if (next >= 1 && next <= totalPages) {
+                        currentPage = next;
+                        renderPage(currentPage);
+                    }
+                }
+            </script>
+        </body>
+        </html>
+    `);
             setTimeout(() => URL.revokeObjectURL(url), 60000);
         };
     }
@@ -9555,13 +9677,42 @@ class HitInvoiceComponent {
         this.invoiceService.getInvoiceResponses(new Date().toISOString(), new Date().toISOString()).subscribe(() => this.dxInvoiceInstance.instance.refresh());
     }
     getInvoiceView(record) {
-        this.invoiceService.getInvoiceView(record.uuId).subscribe(item => {
-            const source = `data:${item.mimeType};base64,${item.content}`;
-            this.hitSharedService.previewFile(item.content);
-            /*const link = document.createElement('a');
-            link.href = source;
-            link.download = `${item.filename}`;
-            link.click();*/
+        this.invoiceService.getInvoiceViewToken(record.uuId).subscribe(({ blobUrl, filename }) => {
+            const newTab = window.open('', '_blank');
+            newTab.document.write(`
+            <html>
+            <head>
+                <title>${filename}</title>
+                <style>
+                    * { margin: 0; padding: 0; box-sizing: border-box; }
+                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
+                    .bar { 
+                        background: #1976d2; color: white; 
+                        padding: 6px 16px; display: flex; 
+                        align-items: center; justify-content: space-between;
+                        flex-shrink: 0;
+                    }
+                    .bar span { font-size: 14px; }
+                    .bar a { 
+                        color: white; text-decoration: none; font-size: 13px;
+                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
+                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
+                    }
+                    .bar a:hover { background: rgba(255,255,255,0.35); }
+                    iframe { flex: 1; border: none; width: 100%; }
+                </style>
+            </head>
+            <body>
+                <div class="bar">
+                    <span>📄 ${filename}</span>
+                    <a href="${blobUrl}" download="${filename}">⬇ İndir</a>
+                </div>
+                <iframe src="${blobUrl}"></iframe>
+            </body>
+            </html>
+        `);
+            newTab.document.close();
+            setTimeout(() => URL.revokeObjectURL(blobUrl), 300000);
         });
     }
     showAllFiles(record) {
@@ -10189,7 +10340,20 @@ class HitInboundInvoiceService {
             method: 'GET',
             url: `/api/e-donusum/invoices/get-inbound-invoice-view/${invoiceGUID}`,
             params: { invoiceGUID: invoiceGUID }
-        }, { apiName: this.apiName });
+        }, { apiName: this.apiName }).pipe(map$1(item => {
+            // base64 string → blob
+            const byteCharacters = atob(item.content);
+            const byteNumbers = new Array(byteCharacters.length);
+            for (let i = 0; i < byteCharacters.length; i++) {
+                byteNumbers[i] = byteCharacters.charCodeAt(i);
+            }
+            const byteArray = new Uint8Array(byteNumbers);
+            const blob = new Blob([byteArray], { type: 'application/pdf' });
+            return {
+                blobUrl: URL.createObjectURL(blob),
+                filename: item.filename || 'fatura.pdf'
+            };
+        }));
         this.getBankAccountByCurrency = (actCurr) => this.restService.request({
             method: 'GET',
             url: '/api/e-donusum/invoices/get-bank-accounts',
@@ -10460,14 +10624,41 @@ class HitInboundInvoiceComponent {
         this.service.getInboundInvoice(new Date().toISOString(), new Date().toISOString()).subscribe(() => this.dxInboundInvoiceInstance.instance.refresh());
     }
     getInvoicePreview(record) {
-        debugger;
-        this.service.getInboundInvoiceView(record.uuId).subscribe(item => {
-            const source = `data:${item.mimeType};base64,${item.content}`;
-            this.hitSharedService.previewFile(item.content);
-            /*const link = document.createElement('a');
-            link.href = source;
-            link.download = `${item.filename}`;
-            link.click();*/
+        this.service.getInboundInvoiceView(record.uuId).subscribe(({ blobUrl, filename }) => {
+            const newTab = window.open('', '_blank');
+            newTab.document.write(`
+            <html>
+            <head>
+                <title>${filename}</title>
+                <style>
+                    * { margin: 0; padding: 0; box-sizing: border-box; }
+                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
+                    .bar { 
+                        background: #1976d2; color: white; 
+                        padding: 6px 16px; display: flex; 
+                        align-items: center; justify-content: space-between;
+                        flex-shrink: 0;
+                    }
+                    .bar span { font-size: 14px; }
+                    .bar a { 
+                        color: white; text-decoration: none; font-size: 13px;
+                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
+                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
+                    }
+                    iframe { flex: 1; border: none; width: 100%; }
+                </style>
+            </head>
+            <body>
+                <div class="bar">
+                    <span>📄 ${filename}</span>
+                    <a href="${blobUrl}" download="${filename}">⬇ İndir</a>
+                </div>
+                <iframe src="${blobUrl}"></iframe>
+            </body>
+            </html>
+        `);
+            newTab.document.close();
+            setTimeout(() => URL.revokeObjectURL(blobUrl), 300000);
         });
     }
     openResponseModal(record) {
@@ -10815,7 +11006,6 @@ class HitInboundInvoiceComponent {
         this.isModalBusyForDocument = true;
         const dataSource = this.dxDocumentLines.instance.getDataSource();
         dataSource.store().load().then((gridLines) => {
-            console.log("GERÇEK DATA:", gridLines); // her zaman array
             if (gridLines.length == 0) {
                 if (this.isDraft) {
                     this.confirmation
@@ -11172,9 +11362,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
 class HitDespatchService {
-    constructor(restService, devexService) {
+    constructor(restService, devexService, http) {
         this.restService = restService;
         this.devexService = devexService;
+        this.http = http;
         this.apiName = 'eDonusum';
         this.LoadDespatches = this.devexService.createStore({
             key: "id",
@@ -11215,7 +11406,27 @@ class HitDespatchService {
         this.getDespatchView = (despatchUUID) => this.restService.request({
             method: 'GET',
             url: `/api/e-donusum/despatches/get-despatch-view/${despatchUUID}`,
-        }, { apiName: this.apiName });
+        }, { apiName: this.apiName }).pipe(map(item => {
+            let blob;
+            // base64 string mi yoksa byte array mi kontrol et
+            if (typeof item.content === 'string') {
+                // base64 string
+                const byteCharacters = atob(item.content);
+                const byteNumbers = new Array(byteCharacters.length);
+                for (let i = 0; i < byteCharacters.length; i++) {
+                    byteNumbers[i] = byteCharacters.charCodeAt(i);
+                }
+                blob = new Blob([new Uint8Array(byteNumbers)], { type: 'application/pdf' });
+            }
+            else {
+                // byte[] array
+                blob = new Blob([new Uint8Array(item.content)], { type: 'application/pdf' });
+            }
+            return {
+                blobUrl: URL.createObjectURL(blob),
+                filename: item.filename || 'irsaliye.pdf'
+            };
+        }));
         this.downloadFileById = (blobID) => this.restService.request({
             method: 'GET',
             url: `/api/e-donusum/despatches/download-file-by-id/${blobID}`,
@@ -11263,14 +11474,14 @@ class HitDespatchService {
         }, { apiName: this.apiName });
     }
 }
-HitDespatchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }], target: i0.ɵɵFactoryTarget.Injectable });
+HitDespatchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, deps: [{ token: i1.RestService }, { token: DevexpressRestService }, { token: i3$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 HitDespatchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HitDespatchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.RestService }, { type: DevexpressRestService }, { type: i3$2.HttpClient }]; } });
 
 class HitDespatchComponent {
     constructor(list, service, fileDocumentTypeService, gibPartnerPkService, hitDocumentSerialService, confirmation, toasterService, hitSharedService) {
@@ -11452,16 +11663,41 @@ class HitDespatchComponent {
         return "";
     }
     getDespatchView(record) {
-        this.service.getDespatchView(record.uuId).subscribe(item => {
-            const source = `data:${item.mimeType};base64,${item.content}`;
-            //  const newTab = window.open();
-            // newTab.document.title = record.id
-            // newTab.document.body.innerHTML = `<iframe src="${source}" width="100%" height="100%" style="border:none;"></iframe>`;
-            this.hitSharedService.previewFile(item.content);
-            /*const link = document.createElement('a');
-            link.href = source;
-            link.download = `${item.filename}`;
-            link.click();*/
+        this.service.getDespatchView(record.uuId).subscribe(({ blobUrl, filename }) => {
+            const newTab = window.open('', '_blank');
+            newTab.document.write(`
+            <html>
+            <head>
+                <title>${filename}</title>
+                <style>
+                    * { margin: 0; padding: 0; box-sizing: border-box; }
+                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
+                    .bar { 
+                        background: #1976d2; color: white; 
+                        padding: 6px 16px; display: flex; 
+                        align-items: center; justify-content: space-between;
+                        flex-shrink: 0;
+                    }
+                    .bar span { font-size: 14px; }
+                    .bar a { 
+                        color: white; text-decoration: none; font-size: 13px;
+                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
+                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
+                    }
+                    iframe { flex: 1; border: none; width: 100%; }
+                </style>
+            </head>
+            <body>
+                <div class="bar">
+                    <span>📄 ${filename}</span>
+                    <a href="${blobUrl}" download="${filename}">⬇ İndir</a>
+                </div>
+                <iframe src="${blobUrl}"></iframe>
+            </body>
+            </html>
+        `);
+            newTab.document.close();
+            setTimeout(() => URL.revokeObjectURL(blobUrl), 300000);
         });
     }
     getDespatchResponses() {
@@ -11637,8 +11873,8 @@ class HitInboundDespatchService {
         }, { apiName: this.apiName });
         this.getDespatchPreviewInbound = (despatchGUID) => this.restService.request({
             method: 'GET',
-            url: `/api/e-donusum/despatches/get-html-preview-inbound/${despatchGUID}`,
-            params: { despatchGUID: despatchGUID }
+            url: `/api/e-donusum/despatches/get-html-preview-inbound/${despatchGUID}`
+            //params: { despatchGUID: despatchGUID}
         }, { apiName: this.apiName });
     }
 }
@@ -11767,12 +12003,56 @@ class HitInboundDespatchComponent {
         return "";
     }
     getInboundDespatchPreview(record) {
-        debugger;
         this.despatchService.getDespatchPreviewInbound(record.id).subscribe(despatch => {
-            const source = `data:text/html;base64,${despatch.previewHTML}`;
-            const newTab = window.open();
-            newTab.document.title = record.id;
-            newTab.document.body.innerHTML = `<iframe src="${source}" width="100%" height="100%" style="border:none;"></iframe>`;
+            let htmlContent;
+            if (typeof despatch.previewHTML === 'string') {
+                htmlContent = atob(despatch.previewHTML);
+            }
+            else {
+                htmlContent = new TextDecoder().decode(new Uint8Array(despatch.previewHTML));
+            }
+            const filename = `Irsaliye-${record.despatchId || record.id}`;
+            const newTab = window.open('', '_blank');
+            newTab.document.open();
+            newTab.document.write(`
+            <html>
+            <head>
+                <title>${filename}</title>
+                <style>
+                    * { margin: 0; padding: 0; box-sizing: border-box; }
+                    body { display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; }
+                    .bar { 
+                        background: #1976d2; color: white; 
+                        padding: 6px 16px; display: flex; 
+                        align-items: center; justify-content: space-between;
+                        flex-shrink: 0;
+                    }
+                    .bar span { font-size: 14px; }
+                    .bar a { 
+                        color: white; text-decoration: none; font-size: 13px;
+                        background: rgba(255,255,255,0.2); padding: 4px 14px; 
+                        border-radius: 4px; border: 1px solid rgba(255,255,255,0.4);
+                    }
+                    iframe { flex: 1; border: none; width: 100%; }
+                </style>
+            </head>
+            <body>
+                <div class="bar">
+                    <span>📄 ${filename}</span>
+                    <a id="dlBtn" download="${filename}.html">⬇ İndir</a>
+                </div>
+                <iframe id="previewFrame"></iframe>
+                <script>
+                    const html = ${JSON.stringify(htmlContent)};
+                    const blob = new Blob([html], { type: 'text/html' });
+                    const url = URL.createObjectURL(blob);
+                    document.getElementById('previewFrame').src = url;
+                    document.getElementById('dlBtn').href = url;
+                </script>
+            </body>
+            </html>
+        `);
+            newTab.document.close();
         });
     }
 }