github.com/hernad/nomad@v1.6.112/ui/app/templates/components/topo-viz/datacenter.hbs (about)

     1  {{!
     2    Copyright (c) HashiCorp, Inc.
     3    SPDX-License-Identifier: MPL-2.0
     4  ~}}
     5  
     6  <div data-test-topo-viz-datacenter class="boxed-section topo-viz-datacenter">
     7    <div data-test-topo-viz-datacenter-label class="boxed-section-head is-hollow">
     8      <span class="tooltip" aria-label="Datacenter"><strong>{{@datacenter.name}}</strong></span>
     9      <span class="bumper-left tooltip" aria-label="Number of Allocations">{{this.scheduledAllocations.length}} Allocs</span>
    10      <span class="bumper-left tooltip" aria-label="Number of Nodes">{{@datacenter.nodes.length}} Nodes</span>
    11      <span class="bumper-left is-faded">
    12        <span class="tooltip" aria-label="Memory Allocated">{{format-bytes this.aggregatedAllocationResources.memory start="MiB"}}</span> /
    13        <span class="tooltip" aria-label="Total Memory">{{format-bytes this.aggregatedNodeResources.memory start="MiB"}},</span>
    14        <span class="tooltip" aria-label="CPU Allocated">{{format-hertz this.aggregatedAllocationResources.cpu}}</span> /
    15        <span class="tooltip" aria-label="Total CPU">{{format-hertz this.aggregatedNodeResources.cpu}}</span>
    16      </span>
    17    </div>
    18    <div class="boxed-section-body">
    19      <FlexMasonry @columns={{if @isSingleColumn 1 2}} @items={{@datacenter.nodes}} as |node|>
    20        <TopoViz::Node
    21          @node={{node}}
    22          @isDense={{@isDense}}
    23          @heightScale={{@heightScale}}
    24          @onAllocationSelect={{@onAllocationSelect}}
    25          @onAllocationFocus={{@onAllocationFocus}}
    26          @onAllocationBlur={{@onAllocationBlur}}
    27          @onNodeSelect={{@onNodeSelect}} />
    28      </FlexMasonry>
    29    </div>
    30  </div>