netzgrafik-editor-frontend/src/app/streckengrafik/components/slider/path-slider/path-slider.component.html at fab09f3b7bf3b8c870fe690b9bff891dcbb5e8d2 · OpenRailAssociation/netzgrafik-editor-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<div>
  <svg
    #svg
    xmlns="http://www.w3.org/2000/svg"
    [attr.viewBox]="viewBox"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g>
      <g *ngFor="let path of getSelectedTrainrunPaths()">
        <g [attr.transform]="'translate(' + getTranslateX(path) + ',' + 0 + ')'">
          <g *ngIf="isPathNode(path)">
            <ng-container *ngIf="!isTrackOccupier(path)">
              <ng-container *ngIf="!isStartOrEndNode(path)">
                <ng-container *ngIf="showRailTrackSlider">
                  <line class="VerticalNodeLine NoTrackOccupier" x1="0" y1="18" x2="0" y2="40" />
                </ng-container>
                <ng-container *ngIf="!showRailTrackSlider">
                  <line class="VerticalNodeLine NoTrackOccupier" x1="0" y1="28" x2="0" y2="40" />
                </ng-container>
              </ng-container>
              <text [class]="getNodeTextClassTag(path)" x="0" y="15" (click)="doClick(path)">
                {{ getNodeName(path) }}
              </text>
            </ng-container>
            <ng-container *ngIf="isTrackOccupier(path)">
              <rect
                class="TrackOccupierShown"
                [attr.x]="-1"
                y="0"
                [attr.width]="nodeWidth(path) + 2"
                height="39"
              />
              <text
                [attr.x]="nodeWidth(path) / 2"
                y="15"
                class="TrackOccupierShown"
                (click)="doClick(path)"
              >
                {{ getNodeName(path) }}
              </text>
              <ng-container *ngIf="!isStartOrEndNode(path) || path.index !== 0">
                <line class="VerticalNodeLine TrackOccupier" x1="0" y1="0" x2="0" y2="40" />
              </ng-container>
              <ng-container *ngIf="!isStartOrEndNode(path) || path.index === 0">
                <line
                  class="VerticalNodeLine TrackOccupier"
                  [attr.x1]="nodeWidth(path) - 1"
                  y1="0"
                  [attr.x2]="nodeWidth(path) - 1"
                  y2="40"
                />
              </ng-container>
            </ng-container>
          </g>
          <ng-container *ngIf="showRailTrackSlider">
            <g *ngIf="isPathSection(path)">
              <g sbb-path-slider-track-segments [path]="path" [horizontal]="horizontal"></g>
            </g>
          </ng-container>
          <g *ngIf="isPathSection(path)">
            <line
              style="stroke-width: 0.5px; stroke: var(--NODE_TEXT_FOCUS)"
              [attr.x1]="0"
              y1="40"
              [attr.x2]="sectionWidth(path)"
              y2="40"
            />
            />
          </g>
        </g>
      </g>
    </g>

    <g sbb-path-grid [renderTrackLabels]="true"></g>
  </svg>
</div>