For deploy v.4.55

PMS/ClientApp/src/app/core/global.ts

@@ -106,10 +106,15 @@ export class Globals {
     }
   }
 
-  GoToExport_Temp(reportName: string, parameters: any, newTab: boolean = true, exportTo: string = '', fileName: string = null) {
-    // let navigationExtras: NavigationExtras = {
-    //   queryParams: parameters
-    // }
+  /**
+   * 
+   * @param reportName Report name
+   * @param parameters Parameters in JSON 
+   * @param fileName Filename without extension
+   * @param exportTo PDF/pdf or EXCELOPENXML
+   */
+  GoToExportName(reportName: string, parameters: any, fileName: string = null, exportTo: string = '') {
+
     const reportserver: string = environment.report.url;
     const reportRootPath: string = environment.report.rootPath;
     const language: string = "en-us";
@@ -148,10 +153,18 @@ export class Globals {
 
     this.http.downloadReport(url, reportName, fileType, fileExtension, fileName || reportName)
       .subscribe(res => {
-        console.log(res);
-
+        let url = window.URL.createObjectURL(res.data);
+        let a = document.createElement('a');
+        document.body.appendChild(a);
+        a.setAttribute('style', 'display: none');
+        a.href = url;
+        a.download = res.filename;
+        a.click();
+        window.URL.revokeObjectURL(url);
+        a.remove();
       })
 
+
   }
 
   public buildParameterString(parameters): string {

PMS/ClientApp/src/app/core/http.service.ts

@@ -320,16 +320,21 @@ export class HttpService {
   }
 
   downloadReport(url: string, reportName: string, fileType: string, fileExtension: string, fileName: string) {
-    const httpOptions = {
-      headers: new HttpHeaders({
+    
+    const headers = {
         'Content-Type': 'application/json'
-      })
-    }
+      }
 
     return this.http
-              .post("/service/Report/ExportReport/" + reportName, {url, fileType, fileExtension, fileName }, httpOptions)
+              .post("/service/Report/ExportReport/" + reportName, {url, fileType, fileExtension, fileName }, { responseType: 'blob', headers: headers })
               .pipe(
-                catchError(this.handleError)
+                catchError(this.handleError),
+                map(res => {
+                  return {
+                    filename: fileName,
+                    data: res
+                  };
+                })
               )
   }
   /**

PMS/ClientApp/src/app/modules/domsales/domsales.module.ts

@@ -73,6 +73,7 @@ import { SNIE001_NReverseComponent } from 'src/app/pages/domsale/SNIE001_N/Rever
 import { SNSE208Component } from 'src/app/pages/domsale/SNSE208/SNSE208.component';
 import { SNSE210Component } from 'src/app/pages/domsale/SNSE210/SNSE210.component';
 import { SNSE219Component } from 'src/app/pages/domsale/SNSE219/SNSE219.component';
+import { SNSE063R_A4Component } from 'src/app/pages/domsale/SNSE063R_A4/SNSE063R_A4.component';
 
 @NgModule({
   declarations: [
@@ -138,7 +139,8 @@ import { SNSE219Component } from 'src/app/pages/domsale/SNSE219/SNSE219.componen
     SNSE205Component,
     SNSE208Component,
     SNSE210Component,
-      SNSE219Component
+    SNSE219Component,
+    SNSE063R_A4Component
   ],
   imports: [
     CommonModule,
@@ -569,6 +571,13 @@ import { SNSE219Component } from 'src/app/pages/domsale/SNSE219/SNSE219.componen
             resolve: {
               role: RoleResolver
             }
+          },
+          {
+            path: 'SNSE063R_A4',
+            component: SNSE063R_A4Component,
+            resolve: {
+              role: RoleResolver
+            }
           }
         ],
         canActivate: [AuthGuard]

PMS/ClientApp/src/app/pages/domsale/SNSE063R_A4/SNSE063R_A4.component.css

+.form-header {
+  width: 100%;
+  padding: 1px 55px;
+  box-sizing: content-box;
+  border: 2px solid #ccc;
+  border-radius: 4px;
+}
+
+.header {
+  padding-top: 12px
+}
+
+.col-padding {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.text {
+  padding-top: 20px;
+  text-align: center;
+}
+
+.form-box {
+  border: 1px solid #c8c0c0;
+  margin: 5px 5px;
+  padding: 5px 5px;
+  display: flex;
+  flex-direction: column;
+}
+

PMS/ClientApp/src/app/pages/domsale/SNSE063R_A4/SNSE063R_A4.component.html

+<div class="container-fluid">
+  <form-header formID="SNSE063R_A4"></form-header>
+  <div class="form-box">
+    <div class="row">
+      <div class="col-md-4"></div>
+      <div class="col-md-4">
+        <mat-form-field class="w-100" floatLabel="always">
+          <mat-label>Document Type</mat-label>
+          <input type="text" matInput autocompleteOff [(ngModel)]="params.DOCUMENT_TYPE" disabled />
+        </mat-form-field>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-4"></div>
+      <div class="col-md-4">
+        <mat-form-field class="w-100" floatLabel="always">
+          <mat-label>Document No Start</mat-label>
+          <input class="can-input" type="text" matInput autocompleteOff [(ngModel)]="params.FROM_DOCUMENT_NO" (change)="autoCompleteDocStart.query()" />
+          <auto-complete-query matSuffix [config]="ConfigDocStart" [textInput]="params.FROM_DOCUMENT_NO"
+                               (datacallback)="params.FROM_DOCUMENT_NO = $event.DOCUMENT_NO" #autoCompleteDocStart></auto-complete-query>
+        </mat-form-field>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-4"></div>
+      <div class="col-md-4">
+        <mat-form-field class="w-100" floatLabel="always">
+          <mat-label>Document No End</mat-label>
+          <input class="can-input" type="text" matInput autocompleteOff [(ngModel)]="params.TO_DOCUMENT_NO" (change)="autoCompleteDocEnd.query()" />
+          <auto-complete-query matSuffix [config]="ConfigDocEnd" [textInput]="params.TO_DOCUMENT_NO"
+                               (datacallback)="params.TO_DOCUMENT_NO = $event.DOCUMENT_NO" #autoCompleteDocEnd></auto-complete-query>
+        </mat-form-field>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-4"></div>
+      <div class="col-md-4">
+        <mat-radio-group [(ngModel)]="params.PRINT_FORMAT">
+          <mat-radio-button [value]="'NMT'">NMT Format</mat-radio-button><br />
+          <mat-radio-button class="pt-2" [value]="'CUSTOMER'">Customer Format</mat-radio-button>
+        </mat-radio-group>
+      </div>
+    </div>
+    <mat-divider class="mt-2 mb-4"></mat-divider>
+    <div class="row mb-4">
+      <div class="col-md-12" style="text-align:center">
+        <button mat-raised-button (click)="RunReport()">
+          <i class="material-icons">print</i>
+          Report
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+