diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html new file mode 100644 index 00000000..c37f4bbd --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html @@ -0,0 +1,65 @@ +<br/> +<div> + + <div class="field-group"> + <label>Search Report</label> <br/> + <input #myInput class="defaultFontSize" type="text" [(ngModel)]="name" (input)="filterItem(myInput.value)"/> + </div> +</div> +<br/> +<div> +<table> + <tr> + <th>Report Data</th> + <th>Report Chart</th> + </tr> + +<tr> + + <td> + <div *ngIf="showSpinner"> + <div class="lds-ring"><div></div><div></div><div></div><div></div></div> + </div> + <div *ngIf="!showSpinner" class="data-table"> + <div *ngFor="let report of filteredItemsData"> + <div *ngIf="options.enableEmptyCellDrop" class="example-list" draggable="true" (dragstart)="dragStartHandler($event, report)">{{report.id}} {{report.name}}</div> + </div> + </div> + </td> + + + <td> + <div *ngIf="showSpinner"> + <div class="lds-ring"><div></div><div></div><div></div><div></div></div> + </div> + <div *ngIf="!showSpinner" class="data-table"> + <div *ngFor="let report of filteredItemsChart"> + <div *ngIf="options.enableEmptyCellDrop" class="example-list" draggable="true" (dragstart)="dragStartHandler($event, report)">{{report.id}} {{report.name}}</div> + </div> + </div> + </td> + +</tr> + +</table> +</div> +<br/> + +<label>Dashboard Preview </label> <br/> +<gridster [options]="options"> + <gridster-item [item]="item" *ngFor="let item of dashboard"> + <div class="gridster-item-content1" *ngIf="item.hasContent"> + <div class="stuff"> + {{item.hasContent.id}} {{item.hasContent.name}} + </div> + <div class="button-holder" style="margin-top: 50;"> + <button mat-mini-fab (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)"> + <mat-icon>delete</mat-icon> + </button> + </div> + </div> + + + </gridster-item> +</gridster>
\ No newline at end of file |