blob: 5a0ca3e43f0a8ff68068decbd06f4ce7ebc10618 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<div class="sdc-composition-graph-wrapper {{zoneTagMode}}"
[ngClass]="{'with-sidebar': withSidebar$ | async, 'view-only':isViewOnly$ | async}">
</div>
<div class="sdc-composition-menu" [ngClass]="{'with-sidebar': withSidebar$ | async}">
<service-path-selector
*ngIf="topologyTemplate.isService() && compositionService.forwardingPaths"
[drawPath]="drawPathOnCy"
[deletePaths]="deletePathsOnCy"
[selectedPathId]="selectedPathId">
</service-path-selector>
<canvas-search *ngIf="componentInstanceNames" class="composition-search"
[placeholder]="'Type to search'"
[data]="componentInstanceNames"
(searchChanged)="getAutoCompleteValues($event)"
(searchButtonClicked)="highlightSearchMatches($event)">
</canvas-search>
<!--<service-path class="zoom-icons"-->
<!--*ngIf="!(isViewOnly$ | async) && topologyTemplate.isService()"-->
<!--[service]="topologyTemplate"-->
<!--[onCreate]="createOrUpdateServicePath">-->
<!--</service-path>-->
<svg-icon *ngIf="!(isViewOnly$ | async) && topologyTemplate.isService()" class="zoom-icons" [mode]="'primary2'" [size]="'medium'" [backgroundShape]="'rectangle'"
[backgroundColor]="'silver'" [name]="'browse'" [clickable]="true" [testId]="'pathsMenuBtn'"
(click)="openServicePathMenu($event)"></svg-icon>
<svg-icon class="zoom-icons" [mode]="'primary2'" [size]="'medium'" [backgroundShape]="'rectangle'"
[backgroundColor]="'silver'" [name]="'expand-o'" [clickable]="true"
(click)="zoomAllWithoutSidebar()"></svg-icon>
<svg-icon class="zoom-icons" [mode]="'primary2'" [size]="'medium'" [backgroundShape]="'rectangle'"
[backgroundColor]="'silver'" [name]="'plus'" [clickable]="true"
(click)="zoom(true)"></svg-icon>
<svg-icon class="zoom-icons" [mode]="'primary2'" [size]="'medium'" [backgroundShape]="'rectangle'"
[backgroundColor]="'silver'" [name]="'minus'" [clickable]="true"
(click)="zoom(false)"></svg-icon>
</div>
<div class="sdc-canvas-zones__wrapper {{zoneTagMode}}" [ngClass]="{'with-sidebar': withSidebar$ | async}">
<zone-container *ngFor="let zone of zones" [title]="zone.title" [type]="zone.type" [count]="zone.instances.length"
[visible]="zone.visible" [minimized]="zone.minimized" (minimize)="zoneMinimizeToggle(zone.type)"
(backgroundClick)="zoneBackgroundClicked()">
<zone-instance *ngFor="let instance of zone.instances" [hidden]="instance.hidden"
[zoneInstance]="instance" [defaultIconText]="zone.defaultIconText"
[isActive]="activeZoneInstance == instance"
[activeInstanceMode]="activeZoneInstance && activeZoneInstance.mode"
[isViewOnly]="isViewOnly$ | async"
[forceSave]="instance.forceSave"
(modeChange)="zoneInstanceModeChanged($event.newMode, $event.instance, zone.type)"
(tagHandleClick)="zoneInstanceTagged($event)"
(assignmentSaveStart)="zoneAssignmentSaveStart()"
(assignmentSaveComplete)="zoneAssignmentSaveComplete($event)">
</zone-instance>
</zone-container>
</div>
|
