github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/components/evaluation-sidebar/related-evaluations.hbs (about)

     1  <div class="boxed-section">
     2    <div class="boxed-section-head">
     3      Related Evaluations
     4    </div>
     5    <div class="boxed-section-body related-evaluations" data-test-eval-container>
     6      <div class="sidebar-content" {{on-resize @fns.handleResize}}>
     7        {{#if (and @data.width @data.height)}}
     8          <Providers::ActorsRelationships as |actors|>
     9            <svg
    10              width={{@data.width}}
    11              height="100%"
    12              style="z-index: 10; inset: 0; position: absolute; pointer-events: none"
    13              {{did-update actors.fns.recalcCurves @data.width}}
    14            >
    15              {{#each actors.data.relationships as |r|}}
    16                <path
    17                  d={{r.d}}
    18                  stroke="#7E8FA8"
    19                  strokeWidth="1"
    20                  fill="none"
    21                ></path>
    22                <circle
    23                  cx={{r.sx}}
    24                  cy={{r.sy}}
    25                  r="4"
    26                  fill="white"
    27                  stroke="black"
    28                ></circle>
    29                <circle
    30                  cx={{r.ex}}
    31                  cy={{r.ey}}
    32                  r="4"
    33                  fill="white"
    34                  stroke="black"
    35                ></circle>
    36              {{/each}}
    37            </svg>
    38          </Providers::ActorsRelationships>
    39        {{/if}}
    40        <div>
    41          <EvaluationSidebar::EvaluationActor
    42            @eval={{@data.parentEvaluation}}
    43            @activeEvaluationID={{@data.activeEvaluationID}}
    44            @onClick={{fn @fns.handleEvaluationClick @data.parentEvaluation}}
    45          />
    46        </div>
    47        {{#each @data.descendentsMap as |evals|}}
    48          <div class="evaluation-actors">
    49            {{#each evals as |eval|}}
    50              <EvaluationSidebar::EvaluationActor
    51                @eval={{eval.data}}
    52                @activeEvaluationID={{@data.activeEvaluationID}}
    53                @onClick={{fn @fns.handleEvaluationClick eval.data}}
    54              />
    55            {{/each}}
    56          </div>
    57        {{/each}}
    58      </div>
    59    </div>
    60  </div>