consul/ui-v2/app/templates/dc/services/instance/proxy.hbs

<div class="tab-section">
  <div role="tabpanel">
  {{#if (gt proxy.Proxy.Upstreams.length 0)}}
    <section class="proxy-upstreams">
      <h3> Upstreams</h3>
      <ul data-test-proxy-upstreams>
      {{#let proxy.Datacenter as |proxyDatacenter|}}
        {{#each proxy.Proxy.Upstreams as |item|}}
          <li>
            <p data-test-destination-name>
              {{item.DestinationName}}
            </p>
            <ul>
          {{#if (env 'CONSUL_NSPACES_ENABLED')}}
            {{#if (not-eq item.DestinationType 'prepared_query')}}
              <li class="nspace">
                <span>
                  <Tooltip>
                      Namespace
                  </Tooltip>
                </span>
                <span>
                  {{or item.DestinationNamespace 'default'}}
                </span>
              </li>
            {{/if}}
          {{/if}}
            {{#if (and (not-eq item.Datacenter proxyDatacenter) (not-eq item.Datacenter ""))}}
              <li class="datacenter">
                <span>
                  <Tooltip>
                      Datacenter
                  </Tooltip>
                </span>
                <span>
                  {{item.Datacenter}}
                </span>
              </li>
            {{/if}}
            {{#if (gt item.LocalBindPort 0)}}
              {{#let (concat (or item.LocalBindAddress '127.0.0.1') ':' item.LocalBindPort) as |combinedAddress| }}
              <li class="port">
                <span>
                  <Tooltip>
                    Address
                  </Tooltip>
                </span>
                <span>
                  <span>{{combinedAddress}}</span>
                  <CopyButton
                    @value={{combinedAddress}}
                    @name="Address"
                  />
                </span>
              </li>
              {{/let}}
            {{/if}}
            </ul>
          </li>
        {{/each}}
      {{/let}}
      </ul>
    </section>
  {{/if}}
  {{#if (gt proxy.Proxy.Expose.Paths.length 0)}}
    <section class="proxy-exposed-paths">
      <h3>Exposed paths</h3>
      <p>
        The following list shows individual HTTP paths exposed through Envoy for external services like Prometheus. Read more about this in our documentation.
      </p>
      <ul data-test-proxy-exposed-paths>
      {{#each proxy.Proxy.Expose.Paths as |path|}}
        <li>
      {{#let (concat item.Address ':' path.Path) as |combinedAddress| }}
        <p class="combined-address">
          <span>
            {{combinedAddress}}
          </span>
          <CopyButton
            @value={{combinedAddress}}
            @name="Address"
          />
        </p>
      {{/let}}
          <ul>
          {{#if path.Protocol}}
            <li class="protocol">
              <span>
                <Tooltip>
                    Protocol
                </Tooltip>
              </span>
              <span>
                {{path.Protocol}}
              </span>
            </li>
          {{/if}}
          {{#if path.ListenerPort}}
            <li class="port">
              <span>
                <Tooltip>
                    Port
                </Tooltip>
              </span>
              <span>
                listening on :{{path.ListenerPort}}
              </span>
            </li>
          {{/if}}
          {{#if path.LocalPathPort}}
            <li class="port">
              <span>
                <Tooltip>
                    Port
                </Tooltip>
              </span>
              <span>
                local port :{{path.LocalPathPort}}
              </span>
            </li>
          {{/if}}
          {{#if path.Path}}
            <li class="path">
              <span>
                <Tooltip>
                    Path
                </Tooltip>
              </span>
              <span>
                {{path.Path}}
              </span>
            </li>
          {{/if}}
        </ul>
        </li>
      {{/each}}
      </ul>
    </section>
  {{/if}}
  {{#if (or (gt proxy.ServiceChecks.length 0) (gt proxy.NodeChecks.length 0))}}
    <section>
      <h3>Proxy health</h3>
      <HealthcheckList data-test-proxy-checks @items={{append proxy.ServiceChecks proxy.NodeChecks}} />
    </section>
  {{/if}}
  </div>
</div>