diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.html')
| -rw-r--r-- | ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.html | 200 |
1 files changed, 200 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.html b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.html new file mode 100644 index 00000000..a58d7e50 --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/welcome-dashboard.component.html @@ -0,0 +1,200 @@ +<!-- + ============LICENSE_START========================================== + ONAP Portal SDK + =================================================================== + Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + =================================================================== + + Unless otherwise specified, all software contained herein is licensed + under the Apache License, Version 2.0 (the "License"); + you may not use this software except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + Unless otherwise specified, all documentation contained herein is licensed + under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + you may not use this documentation except in compliance with the License. + You may obtain a copy of the License at + + https://creativecommons.org/licenses/by/4.0/ + + Unless required by applicable law or agreed to in writing, documentation + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + ============LICENSE_END============================================ + +--> + +<gridster [options]="gridOptions" class="appCatalogue-boarder"> + <div *ngFor="let item of dashboard"> + <!--Bar Chart--> + <div *ngIf="item.id===2"> + <gridster-item [item]="item" > + <div class="gridster-box"> + <div class="gridster-box-header"> + <h3>Call Success Rate</h3> + <div class="gridster-box-content"> + <app-bar-chart></app-bar-chart> + </div> + <div *ngIf="item.hasContent"> + <button mat-icon-button mat-raised-button class="drag-handler"> + <mat-icon>open_with</mat-icon> + </button> + <button mat-icon-button mat-raised-button class="remove-button" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + <label *ngIf="!item.hasContent">{{item.label}}</label> + <button mat-mini-fab *ngIf="!item.hasContent" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + </div> + </gridster-item> + </div> + + <!-- Pie Chart --> + <div *ngIf="item.id===3"> + <gridster-item [item]="item" > + <div class="gridster-box"> + <div class="gridster-box-header"> + <h3>Call Position Method Distribution on 10/14/2001</h3> + <div class="gridster-box-content"> + <app-pie-chart></app-pie-chart> + </div> + <div *ngIf="item.hasContent"> + <button mat-icon-button mat-raised-button class="drag-handler"> + <mat-icon>open_with</mat-icon> + </button> + <button mat-icon-button mat-raised-button class="remove-button" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + <label *ngIf="!item.hasContent">{{item.label}}</label> + <button mat-mini-fab *ngIf="!item.hasContent" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + </div> + </gridster-item> + </div> + + + <!-- important links --> + <div *ngIf="item.id===4"> + <gridster-item [item]="item" > + <div class="gridster-box"> + <div class="gridster-box-header"> + <h3>Important Links</h3> + <div class="gridster-box-content" style="height:390px"> + <div> + <table> + <thead> + <th></th> + <th></th> + </thead> + <tbody> + <tr> + <td>1. <td> + <td><a href="#" target="_blank">Sample Network Simulator</a> + </td> + </tr> + <tr> + <td>2. <td> + <td><a href="#" target="_blank">Work Space – Shared Folder</a></td> + </tr> + <tr> + <td>3. <td> + <td><a href="#" target="_blank">Sample Help Documents</a></td> + </tr> + </tbody> + </table> + </div> + </div> + <div *ngIf="item.hasContent"> + <button mat-icon-button mat-raised-button class="drag-handler"> + <mat-icon>open_with</mat-icon> + </button> + <button mat-icon-button mat-raised-button class="remove-button" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + <label *ngIf="!item.hasContent">{{item.label}}</label> + <button mat-mini-fab *ngIf="!item.hasContent" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + </div> + </gridster-item> + </div> + + <!-- Sticky Notes --> + <div *ngIf="item.id===5"> + <gridster-item [item]="item" > + <div class="gridster-box"> + <div class="gridster-box-header"> + <h3>Sticky Notes</h3> + <div class="gridster-box-content"> + <mat-card> + <mat-card-header> + <mat-card-title> + Sticky Notes + <button mat-icon-button class="more-button" [matMenuTriggerFor]="menu" aria-label="Toggle menu"> + <mat-icon>more_vert</mat-icon> + </button> + <mat-menu #menu="matMenu" xPosition="before"> + + </mat-menu> + + <button class="add material-icons" (click)="addNote()" > + note_add + </button> + + </mat-card-title> + </mat-card-header> + <mat-card-content class="dashboard-card-content"> + + + <div class="app"> + <app-note *ngFor="let note of notes" (dismiss)="deleteNote($event)" (focusout)="saveNote($event)" id="{{note.id}}">{{note.content}}</app-note> + </div> + + </mat-card-content> + </mat-card> + </div> + <div *ngIf="item.hasContent"> + <button mat-icon-button mat-raised-button class="drag-handler"> + <mat-icon>open_with</mat-icon> + </button> + <button mat-icon-button mat-raised-button class="remove-button" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + <label *ngIf="!item.hasContent">{{item.label}}</label> + <button mat-mini-fab *ngIf="!item.hasContent" (mousedown)="removeItem($event, item)" + (touchstart)="removeItem($event, item)" matTooltip="Remove"> + <mat-icon>delete</mat-icon> + </button> + </div> + </div> + </gridster-item> + </div> + </div> +</gridster>
\ No newline at end of file |