diff options
author | 2019-03-18 14:15:03 +0530 | |
---|---|---|
committer | 2019-03-18 11:38:42 +0000 | |
commit | 4192e3caac2662624a7368252a3bc5619539caa7 (patch) | |
tree | c070e560ac56c9c246e059d4b4a510b9eec9320f /catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.component.html | |
parent | 2ca2fc5c0da1eb862fcd79d1f9345aa89e62b396 (diff) |
Service Consumption FE
Service consumption feature
frontend implementation
Change-Id: I68e1b507b1d4379b271fe97428ff8ae86dc11b4c
Issue-ID: SDC-1990
Signed-off-by: ojasdubey <ojas.dubey@amdocs.com>
Diffstat (limited to 'catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.component.html')
-rw-r--r-- | catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.component.html | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.component.html b/catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.component.html new file mode 100644 index 0000000000..9c52afbb6b --- /dev/null +++ b/catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.component.html @@ -0,0 +1,26 @@ +<div class='service-consumption'> + <loader [display]="isLoading" [size]="'medium'" [relative]="true"></loader> + <div class="no-operations-text" data-tests-id="no-operations" *ngIf="!isLoading && !interfacesList.length">{{'CONSUMPTION_NO_OPERATIONS_TO_SHOW' | translate}}</div> + + <div class="interface-operations-group" + *ngFor="let interface of interfacesList; let interfaceIndex = index" + (click)="expandCollapseInterfaceGroup(interface)"> + <div class="interface-title first-level hand" [attr.data-tests-id]="interface.displayName" [ngClass]="{'expanded': interface.isExpanded}"> + <span class="sprite-new expand-collapse-plus-icon expand-collapse-icon"></span> + <div class="title-text" tooltips tooltip="{{interface.displayName}}">{{interface.displayName}}</div> + </div> + <div class="i-sdc-designer-sidebar-section-content-item operations-group" *ngIf="interface.isExpanded"> + <div class="operation-data" + [ngClass]="{'hand': !readonly}" + *ngFor="let serviceOperation of interface.operationsList; let opIndex = index" + (click)="onSelectOperation($event, interface, opIndex)"> + <div class="operation-name" + [attr.data-tests-id]="interface.displayName + '.' + serviceOperation.operation.name" + [ngClass]="{'readonly': readonly}" + tooltips tooltip="{{serviceOperation.operation.name}}"> + {{serviceOperation.operation.name}} + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file |