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>