open-consul/ui/packages/consul-ui/app/templates/dc/nodes/show.hbs

<Route
  @name={{routeName}}
  @title={{item.Node}}
as |route|>
  <DataSource @src={{
    uri '/${partition}/${nspace}/${dc}/coordinates/for-node/${name}'
    (hash
      partition=route.params.partition
      nspace=route.params.nspace
      dc=route.params.dc
      name=route.params.name
    )
  }} as |tomography|>
  <DataLoader
    @src={{uri '/${partition}/${nspace}/${dc}/node/${name}'
      (hash
        partition=route.params.partition
        nspace=route.params.nspace
        dc=route.params.dc
        name=route.params.name
      )
    }}
  as |loader|>

    <BlockSlot @name="error">
      <AppError
        @error={{loader.error}}
        @login={{route.model.app.login.open}}
      />
    </BlockSlot>

    <BlockSlot @name="disconnected" as |Notification|>
      {{#if (eq loader.error.status "404")}}
        <Notification @sticky={{true}}>
          <p data-notification role="alert" class="warning notification-update">
            <strong>Warning!</strong>
            This node no longer exists in the catalog.
          </p>
        </Notification>
      {{else if (eq loader.error.status "403")}}
        <Notification @sticky={{true}}>
          <p data-notification role="alert" class="error notification-update">
            <strong>Error!</strong>
            You no longer have access to this node
          </p>
        </Notification>
      {{else}}
        <Notification @sticky={{true}}>
          <p data-notification role="alert" class="warning notification-update">
            <strong>Warning!</strong>
            An error was returned whilst loading this data, refresh to try again.
          </p>
        </Notification>
      {{/if}}
    </BlockSlot>

    <BlockSlot @name="loaded">
{{#let
  loader.data
  tomography.data
as |item tomography|}}
      <AppView>
          <BlockSlot @name="notification" as |status type|>
            <Consul::LockSession::Notifications
              @type={{type}}
              @status={{status}}
            />
          </BlockSlot>
          <BlockSlot @name="breadcrumbs">
              <ol>
                  <li><a data-test-back href={{href-to 'dc.nodes'}}>All Nodes</a></li>
              </ol>
          </BlockSlot>
          <BlockSlot @name="header">
              <h1>
                <route.Title @title={{item.Node}} />
              </h1>
              <label for="toolbar-toggle"></label>
          </BlockSlot>
          <BlockSlot @name="nav">
              <TabNav @items={{
                compact
                    (array
                                (hash label="Health Checks" href=(href-to "dc.nodes.show.healthchecks") selected=(is-href "dc.nodes.show.healthchecks"))
                                (hash label="Service Instances" href=(href-to "dc.nodes.show.services") selected=(is-href "dc.nodes.show.services"))
      (if tomography.distances  (hash label="Round Trip Time" href=(href-to "dc.nodes.show.rtt") selected=(is-href "dc.nodes.show.rtt")) '')
                                (hash label="Lock Sessions" href=(href-to "dc.nodes.show.sessions") selected=(is-href "dc.nodes.show.sessions"))
                                (hash label="Metadata" href=(href-to "dc.nodes.show.metadata") selected=(is-href "dc.nodes.show.metadata"))
                    )
              }}/>
          </BlockSlot>
          <BlockSlot @name="actions">
            <CopyButton @value={{item.Address}} @name="Address">{{item.Address}}</CopyButton>
          </BlockSlot>
          <BlockSlot @name="content">
            <Outlet
              @name={{routeName}}
              @model={{assign
                (hash
                  item=item
                  tomography=tomography
                ) route.model
              }}
            as |o|>
              {{outlet}}
            </Outlet>
          </BlockSlot>
      </AppView>
{{/let}}
    </BlockSlot>
  </DataLoader>
  </DataSource>
</Route>