| Stone, Avi (as206k) | 9b2ceb3 | 2018-04-12 16:36:39 +0300 | [diff] [blame] | 1 | <svg id="diagram" #diagram> |
| 2 | <svg viewBox="0 0 500 500" width="100%" height="500px" preserveAspectRatio="xMaxYMin meet" *ngFor="let item of list; let i = index"> |
| 3 | |
| 4 | <svg width="80px"> |
| 5 | <text x="0" [attr.y]="45 * (i+1)"> |
| 6 | {{item.source}} |
| 7 | </text> |
| 8 | </svg> |
| 9 | |
| 10 | <circle cx="100" [attr.cy]="44 * (i+1)" r="5" /> |
| 11 | <line x1="100" [attr.y1]="44 * (i+1)" [attr.x2]="maxWidth - 150" [attr.y2]="44 * (i+1)" stroke-width="2" stroke="black" stroke-dasharray="5, 5" |
| 12 | class="line" /> |
| 13 | <circle [attr.cx]="maxWidth - 150" [attr.cy]="44 * (i+1)" r="5" /> |
| 14 | |
| 15 | <text [attr.x]="maxWidth - 130" [attr.y]="45 * (i+1)"> |
| 16 | {{item.target}} |
| 17 | </text> |
| 18 | </svg> |
| 19 | </svg> |