WorkFlow Diagram Editor
[sdc/sdc-workflow-designer.git] / 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 <div class="node" [style.top]="node.top + 'px'"\r
15      [style.left]="node.left + 'px'">\r
16      <div>{{node.name}}</div>\r
17     <div class="anchor anchors anchor-left">\r
18         <span class="left">\r
19             <i class="left-arrow1"></i>\r
20             <i class="left-arrow2"></i>\r
21         </span>\r
22     </div>\r
23     <div class="anchor anchors anchor-right">\r
24         <span class="right">\r
25             <i class="right-arrow1"></i>\r
26             <i class="right-arrow2"></i>\r
27         </span>\r
28     </div>\r
29     <div class="anchor anchors anchor-top">\r
30         <span class="top">\r
31             <i class="top-arrow1"></i>\r
32             <i class="top-arrow2"></i>\r
33         </span>\r
34     </div>\r
35     <div class="anchor anchors anchor-bottom">\r
36         <span class="bottom">\r
37             <i class="bottom-arrow1"></i>\r
38             <i class="bottom-arrow2"></i>\r
39         </span>\r
40     </div>\r
41 </div>\r