1 <loader display="isLoading" loader-type="composition-graph"></loader>
2 <div class="sdc-composition-graph-wrapper {{zoneTagMode}}" ng-class="{'view-only':isViewOnly}"
4 data-jqyoui-options="{accept: verifyDrop}"
5 data-jqyoui-droppable="{onDrop:'dropCallback', beforeDrop: 'beforeDropCallback'}">
8 <relation-menu relation-menu-directive-obj="relationMenuDirectiveObj" is-link-menu-open="isLinkMenuOpen"
9 create-relation="createLinkFromMenu" cancel="cancelRelationMenu()"></relation-menu>
11 <menu-list-ng2 [props]="canvasMenuProps"></menu-list-ng2>
13 <div class="w-sdc-search-menu" data-ng-class="{'with-sidebar': withSidebar}">
15 <ng2-service-path-selector
16 ng-if="component.isService()"
18 [draw-path]="drawPathOnCy"
19 [delete-paths]="deletePathsOnCy"
20 [selected-path-id]="selectedPathId">
21 </ng2-service-path-selector>
23 ng-if="component.isService()"
25 [on-create]="createOrUpdateServicePath">
27 <ng2-search-with-autocomplete
28 [search-placeholder]="'Type to search'"
29 [auto-complete-values]="componentInstanceNames"
30 (search-changed)="getAutoCompleteValues($event)"
31 (search-button-clicked)="highlightSearchMatches($event)"
32 [search-bar-class]="'composition-search'">
33 </ng2-search-with-autocomplete>
34 <div class="zoom-icons sprite-new canvas-fit-all" data-ng-click="zoomAll()"></div>
35 <div class="zoom-icons sprite-new zoom-plus" data-ng-click="zoom(true)"></div>
36 <div class="zoom-icons sprite-new zoom-minus" data-ng-click="zoom(false)"></div>
38 <!--<asset-popover ng-if="assetPopoverOpen" asset-popover-obj="assetPopoverObj" delete-asset="deleteNode(assetPopoverObj.nodeId)"></asset-popover>-->
39 <div class="sdc-canvas-zones__wrapper {{zoneTagMode}}" data-ng-class="{'with-sidebar': withSidebar}">
40 <ng2-zone-container data-ng-repeat="zoneConfig in zones" [title]="zoneConfig.title" [class]="zoneConfig.type" [count]="zoneConfig.instances.length" [show-zone] = "zoneConfig.showZone" [minify-zone] = "minifyZone">
42 data-ng-repeat="instance in zoneConfig.instances" clicked-outside="{onClickedOutside: 'clickOutsideZoneInstance()', clickedOutsideEnable: 'activeZoneInstance == instance'}"
43 [config]="instance" [default-icon-text]="zoneConfig.defaultIconText" [is-active]="activeZoneInstance == instance" [active-instance-mode]="activeZoneInstance && activeZoneInstance.mode"
44 (mode-change)="zoneInstanceModeChanged($event.newMode, $event.instance, zoneConfig.type)">