1 files changed, 58 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html
new file mode 100644
index 00000000..b96d42f4
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html
@@ -0,0 +1,58 @@
+<app-save-sql-changes-dialog-component [(visible)]="showSaveSQLDialog">
+
+        <div class="card">
+            <div class="card-body">
+                <div class="modalTitle">{{SQLstatus}}</div>
+                <button *ngIf="SQLclosable" (click)="closeSaveModal()" aria-label="Close" class="dialog__close-btn">X</button>
+                <br/>
+                <h4>{{SQLmessage}}</h4>
+            </div>
+            <div class="card-footer">
+                <button (click)="showSaveSQLDialog = !showSaveSQLDialog" class="btn btn-alt btn-small">Close</button>
+            </div>
+        </div>
+</app-save-sql-changes-dialog-component> 
+
+
+<app-sql-validate-changes-dialog-component [(visible)]="showValidateSQLDialog">
+
+        <div class="card">
+            <div class="card-body" style="width: 800px; height: 615px; ">
+                <div style="height:600px; overflow: scroll;">
+                <div class="modalTitle">{{Validatestatus}}</div>
+                <button *ngIf="Validateclosable" (click)="closeValidateModal()" aria-label="Close" class="dialog__close-btn">X</button>
+                <br/>
+                <app-sql-validate-success-dialog-component *ngIf="ValidatePostResponse.query" [tableObj] = "GetValidateResponseString()"></app-sql-validate-success-dialog-component>
+                <app-sql-validate-error-dialog-component *ngIf="!ValidatePostResponse.query" [tableObj] = "GetValidateResponseString()"></app-sql-validate-error-dialog-component>
+                </div>
+            </div>
+            <div class="card-footer" style="width: 800px;">
+                <button (click)="closeValidateModal()" class="btn btn-alt btn-small">Close</button>
+            </div>
+        </div>
+</app-sql-validate-changes-dialog-component> 
+
+
+<div class="stdForm">
+    <br/>
+    <div class="tab-content">
+        <h1>Step 2 - Report SQL</h1>
+    </div>
+    <br/>
+    <br/>
+<div class="forms-group">
+<div class="tab-pane">
+<div class="field-group">
+    <label>Report SQL</label> <br/>
+    <textarea class="defaultFontSize" id="sqlText" type="textarea" name="sqlText" [(ngModel)]="sqlText" value="{{finalGetObj['query']}}"></textarea>
+</div>
+<br/>
+<div class="field-group">
+    <pre>
+<button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="saveSQL()" >Save</button><div class="divider"></div><button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="validate()" >Validate & Test Run SQL</button>
+    </pre>
+</div>
+<br/>
+<br/>
+</div>
+