sdc-workflow-designer-ui/src/app/components/node/node.component.html

   1 <!--\r
   2 /**\r
   3  * Copyright (c) 2017 ZTE Corporation.\r
   4  * All rights reserved. This program and the accompanying materials\r
   5  * are made available under the terms of the Eclipse Public License v1.0\r
   6  * and the Apache License 2.0 which both accompany this distribution,\r
   7  * and are available at http://www.eclipse.org/legal/epl-v10.html\r
   8  * and http://www.apache.org/licenses/LICENSE-2.0\r
   9  *\r
  10  * Contributors:\r
  11  *     ZTE - initial API and implementation and/or initial documentation\r
  12  */\r
  13 -->\r
  14 \r
  15 <div (dblclick)="showProperties()" class="node" id="{{node.id}}" [style.top]="node.position.top + 'px'"\r
  16 [style.left]="node.position.left + 'px'">\r
  17 <div [class]="node.type">\r
  18 \r
  19 </div>\r
  20 <div class="anchor anchors anchor-left">\r
  21    <span class="left">\r
  22        <i class="left-arrow1"></i>\r
  23        <i class="left-arrow2"></i>\r
  24    </span>\r
  25 </div>\r
  26 <div class="anchor anchors anchor-right">\r
  27    <span class="right">\r
  28        <i class="right-arrow1"></i>\r
  29        <i class="right-arrow2"></i>\r
  30    </span>\r
  31 </div>\r
  32 <div class="anchor anchors anchor-top">\r
  33    <span class="top">\r
  34        <i class="top-arrow1"></i>\r
  35        <i class="top-arrow2"></i>\r
  36    </span>\r
  37 </div>\r
  38 <div class="anchor anchors anchor-bottom">\r
  39    <span class="bottom">\r
  40        <i class="bottom-arrow1"></i>\r
  41        <i class="bottom-arrow2"></i>\r
  42    </span>\r
  43 </div>\r
  44 </div>\r