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

<EventSource @src={{gatewayServices}} />
<div class="tab-section">
{{#let (hash
  instances=(if instance (split instance ',') undefined)
  searchproperties=(if (not-eq searchproperty undefined)
    (split searchproperty ',')
    (array 'Name' 'Tags')
  )
) as |filters|}}
  {{#let (or sortBy "Name:asc") as |sort|}}
{{#if (gt gatewayServices.length 0)}}
    <input type="checkbox" id="toolbar-toggle" />
    <Consul::Upstream::SearchBar
      @search={{search}}
      @onsearch={{action (mut search) value="target.value"}}

      @sort={{sort}}
      @onsort={{action (mut sortBy) value="target.selected"}}

      @filter={{filters}}
      @onfilter={{hash
        searchproperty=(action (mut searchproperty) value="target.selectedItems")
        instance=(action (mut instance) value="target.selectedItems")
      }}
      />
{{/if}}
    <p>
      The following services may receive traffic from external services through this gateway. Learn more about configuring gateways in our
      <a href="{{env 'CONSUL_DOCS_URL'}}/connect/terminating-gateway" target="_blank" rel="noopener noreferrer">step-by-step guide</a>.
    </p>
    <DataCollection
      @type="service"
      @sort={{sort}}
      @filters={{filters}}
      @search={{search}}
      @items={{gatewayServices}}
    as |collection|>
      <collection.Collection>
        <Consul::Service::List
          @nspace={{nspace}}
          @items={{collection.items}}
        >
        </Consul::Service::List>
      </collection.Collection>
      <collection.Empty>
        <EmptyState>
          <BlockSlot @name="body">
            <p>
              There are no linked services{{#if (gt gatewayServices.length 0)}} matching that search{{/if}}.
            </p>
          </BlockSlot>
        </EmptyState>
      </collection.Empty>
    </DataCollection>
  {{/let}}
{{/let}}
</div>