catalog-ui/src/app/directives/graphs-v2/composition-graph/composition-graph.html

   1 <loader display="isLoading" loader-type="composition-graph"></loader>
   2 <div class="sdc-composition-graph-wrapper {{zoneTagMode}}" ng-class="{'with-sidebar': withSidebar, 'view-only':isViewOnly}"
   3      data-drop="!zoneTagMode"
   4      data-jqyoui-options="{accept: verifyDrop}"
   5      data-jqyoui-droppable="{onDrop:'dropCallback', beforeDrop: 'beforeDropCallback'}">
   6 </div>
   7
   8 <!-- <relation-menu relation-menu-directive-obj="relationMenuDirectiveObj" is-link-menu-open="isLinkMenuOpen"
   9                create-relation="createLinkFromMenu" cancel="cancelRelationMenu()"></relation-menu> -->
  10
  11 <menu-list-ng2 [props]="canvasMenuProps"></menu-list-ng2>
  12
  13     <div class="w-sdc-search-menu" data-ng-class="{'with-sidebar': withSidebar}">
  14
  15     <ng2-service-path-selector
  16         ng-if="component.isService()"
  17         [service]="component"
  18         [draw-path]="drawPathOnCy"
  19         [delete-paths]="deletePathsOnCy"
  20         [selected-path-id]="selectedPathId">
  21     </ng2-service-path-selector>
  22     <ng2-service-path
  23         ng-if="component.isService()"
  24         [service]="component"
  25         [on-create]="createOrUpdateServicePath"
  26         [is-view-only]="isViewOnly">
  27     </ng2-service-path>
  28     <ng2-search-with-autocomplete
  29         [search-placeholder]="'Type to search'"
  30         [auto-complete-values]="componentInstanceNames"
  31         (search-changed)="getAutoCompleteValues($event)"
  32         (search-button-clicked)="highlightSearchMatches($event)"
  33         [search-bar-class]="'composition-search'">
  34     </ng2-search-with-autocomplete>
  35         <div class="zoom-icons sprite-new canvas-fit-all" data-ng-click="zoomAllWithoutSidebar()"></div>
  36         <div class="zoom-icons sprite-new zoom-plus" data-ng-click="zoom(true)"></div>
  37         <div class="zoom-icons sprite-new zoom-minus" data-ng-click="zoom(false)"></div>
  38     </div>
  39 <!--<asset-popover ng-if="assetPopoverOpen" asset-popover-obj="assetPopoverObj" delete-asset="deleteNode(assetPopoverObj.nodeId)"></asset-popover>-->
  40 <div class="sdc-canvas-zones__wrapper {{zoneTagMode}}" data-ng-class="{'with-sidebar': withSidebar}">
  41     <ng2-zone-container data-ng-repeat="zone in zones" [title]="zone.title" [type]="zone.type" [count]="zone.instances.length"
  42                         [visible]="zone.visible" [minimized]="zone.minimized" (minimize)="zoneMinimizeToggle(zone.type)" (background-click)="zoneBackgroundClicked()">
  43         <ng2-zone-instance
  44             data-ng-repeat="instance in zone.instances" [hidden]="instance.hidden"
  45             [zone-instance]="instance" [default-icon-text]="zone.defaultIconText" [is-active]="activeZoneInstance == instance" [active-instance-mode]="activeZoneInstance && activeZoneInstance.mode"
  46             [is-view-only]="isViewOnly" [force-save]="instance.forceSave" (mode-change)="zoneInstanceModeChanged($event.newMode, $event.instance, zone.type)" (tag-handle-click)="zoneInstanceTagged($event)"
  47             (assignment-save-start)="zoneAssignmentSaveStart()" (assignment-save-complete)="zoneAssignmentSaveComplete($event)">
  48         </ng2-zone-instance>
  49     </ng2-zone-container>
  50 </div>