consul/ui/packages/consul-ui/app/templates/dc/services/instance/upstreams.hbs

<Route
  @name={{routeName}}
as |route|>
  <div class="tab-section">
  {{#let

    (hash
      value=(or sortBy "DestinationName:asc")
      change=(action (mut sortBy) value="target.selected")
    )

    (hash
      searchproperty=(hash
        value=(if (not-eq searchproperty undefined)
          (split searchproperty ',')
          searchProperties
        )
        change=(action (mut searchproperty) value="target.selectedItems")
        default=searchProperties
      )
    )

    (or route.params.partition route.model.user.token.Partition 'default')
    (or route.params.nspace route.model.user.token.Namespace 'default')
    route.params.dc

    route.model.proxy
    route.model.meta
    route.model.proxy.Service.Proxy.Upstreams

  as |sort filters partition nspace dc proxy meta items|}}
      {{#if (gt items.length 0)}}
        <input type="checkbox" id="toolbar-toggle" />
        <Consul::UpstreamInstance::SearchBar
          @search={{search}}
          @onsearch={{action (mut search) value="target.value"}}
          @searchproperties={{searchProperties}}

          @sort={{sort}}

          @filter={{filters}}
        />
      {{/if}}
      {{! TODO: Looks like we can get this straight from item.Proxy.Mode }}
      {{! the less we need `proxy` and `meta` the better }}
      {{#if (eq meta.ServiceProxy.Mode 'transparent')}}
        <Notice
          @type="warning"
        as |notice|>
          <notice.Header>
            <h3>
              {{t "routes.dc.services.instance.upstreams.tproxy-mode.header"}}
            </h3>
          </notice.Header>
          <notice.Body>
            {{t "routes.dc.services.instance.upstreams.tproxy-mode.body"
              htmlSafe=true
            }}
          </notice.Body>
          <notice.Footer>
            <p>
              <Hds::Link::Standalone
                @text={{t "routes.dc.services.instance.upstreams.tproxy-mode.footer.text"}}
                @href='{{concat (env 'CONSUL_DOCS_URL') (t "routes.dc.services.instance.upstreams.tproxy-mode.footer.link")}}'
                @icon="docs-link"
                @iconPosition="trailing"
                @size="small"
              />
            </p>
          </notice.Footer>
        </Notice>
      {{/if}}
      <DataCollection
        @type="upstream-instance"
        @sort={{sort.value}}
        @filters={{filters}}
        @search={{search}}
        @items={{items}}
      as |collection|>
        <collection.Collection>
          <Consul::UpstreamInstance::List
            @items={{collection.items}}
            @dc={{dc}}
            @nspace={{nspace}}
            @partition={{partition}}
          />
        </collection.Collection>
        <collection.Empty>
          <EmptyState>
            <BlockSlot @name="body">
              {{t "routes.dc.services.instance.upstreams.empty"
                items=items.length
                htmlSafe=true
              }}
            </BlockSlot>
          </EmptyState>
        </collection.Empty>
      </DataCollection>
  {{/let}}
  </div>
</Route>