diff options
| author |   Ittay Stern <ittay.stern@att.com> | 2018-08-29 17:01:32 +0300 |
|---|---|---|
| committer | Ittay Stern <ittay.stern@att.com> | 2019-02-18 18:35:30 +0200 |
| commit | 6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch) | |
| tree | 936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html | |
| parent | 67d99f816cc583643c35193197594cf78d8ce60a (diff) | |
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378
Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6
Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html')
| -rw-r--r-- | vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html b/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html new file mode 100644 index 000000000..91acca0d1 --- /dev/null +++ b/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html @@ -0,0 +1,47 @@ +<div class="available-models-tree" style="height: calc(100vh - 55px);"> + <div class="models-tree-header"> + <h5> + <span class="main" >MODEL <span class="sub-title">(from SDC)</span>:</span> + <span id="service-model-name">{{service | serviceInfo: _store: serviceModelId : 'name'}}</span> + </h5> + <search-component (updateNodes)="updateNodes($event)" + [nodes]="nodes" [tree]="tree? tree: {}" + [inputTestId]="'search-left-tree'" + *ngIf="nodes?.length > 0"></search-component> + </div> + <div class="available-models-content-wrapper" *ngIf="nodes?.length > 0" > + <tree-root #tree [attr.data-tests-id]="'available-models-tree'" [nodes]="nodes" [options]="options" id="available-models-tree"> + <ng-template #treeNodeTemplate let-node let-index="index"> + <div [attr.data-tests-id]="'node-'+node.data.name" (click)="selectNode(node)" [ngClass]="{'selected': index , 'isParent': node.data.type !== 'VFmodule' , 'isChild': node.data.type === 'VFmodule' }"> + <span class="vf-type" title="{{node.data.type}}" [attr.data-tests-id]="'node-type-indicator'" >{{node?.data?.typeName}}</span> + <div class="model-info"> + <span class="header-info"> + <span class="property-name"> + <span class="auto-name" + [innerHtml]="getNodeName(node, filterValue) | safe : 'html'" + [attr.data-tests-id]="'node-name'" + ></span> + </span> + </span> + </div> + <span class="actions"> + <span class="number-button" *ngIf="node.data.getNodeCount(node, serviceModelId) > 0"> + <span [attr.data-tests-id]="'numberButton'">{{node.data.getNodeCount(node, this.serviceModelId)}}</span> + </span> + <span class="icon-v" *ngIf="node?.data?.showNodeIcons(node, serviceModelId)?.vIcon"> + <svg-icon + [mode]="'secondary'" + [name]="'maximum'"> + </svg-icon> + </span> + <span class="icon-plus" *ngIf="node?.data?.showNodeIcons(node, serviceModelId)?.addIcon"> + <span tooltip="Add" [attr.data-tests-id]="'node-'+node.data.name+'-add-btn'" (click)="onClickAdd(node, serviceModelId)"> + <i class="fa fa-plus-circle" aria-hidden="true"></i> + </span> + </span> + </span> + </div> + </ng-template> + </tree-root> + </div> +</div> |