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

<Route @name={{routeName}} as |route|>
  {{#let
    (filter (action 'syntheticNodeSearchPropertyFilter' route.model.item) searchProperties)
    as |filteredSearchProperties|
  }}
    {{#let
      (hash value=(or sortBy 'Status:asc') change=(action (mut sortBy) value='target.selected'))
      (hash
        status=(hash
          value=(if status (split status ',') undefined)
          change=(action (mut status) value='target.selectedItems')
        )
        check=(hash
          value=(if check (split check ',') undefined)
          change=(action (mut check) value='target.selectedItems')
        )
        searchproperty=(hash
          value=(if
            (not-eq searchproperty undefined) (split searchproperty ',') filteredSearchProperties
          )
          change=(action (mut searchproperty) value='target.selectedItems')
          default=filteredSearchProperties
        )
      )
      (filter
        (action 'syntheticNodeHealthCheckFilter' route.model.item)
        (merge-checks
          (array route.model.item.Checks route.model.proxy.Checks)
          route.model.proxy.ServiceProxy.Expose.Checks
        )
      )
      as |sort filters items|
    }}
      <div class='tab-section'>

        {{#if (gt items.length 0)}}
          <input type='checkbox' id='toolbar-toggle' />
          <Consul::HealthCheck::SearchBar
            @search={{search}}
            @onsearch={{action (mut search) value='target.value'}}
            @sort={{sort}}
            @filter={{filters}}
          />
        {{/if}}

        {{#let (find-by 'Type' 'serf' items) as |serf|}}
          {{#if (and serf (eq serf.Status 'critical'))}}
            <Notice data-test-critical-serf-notice @type='warning' as |notice|>
              <notice.Header>
                <h2>
                  {{t 'routes.dc.services.instance.healthchecks.critical-serf-notice.header'}}
                </h2>
              </notice.Header>
              <notice.Body>
                {{t
                  'routes.dc.services.instance.healthchecks.critical-serf-notice.body'
                  htmlSafe=true
                }}
              </notice.Body>
            </Notice>
          {{/if}}
        {{/let}}
        <DataCollection
          @type='health-check'
          @sort={{sort.value}}
          @filters={{filters}}
          @search={{search}}
          @items={{items}}
          as |collection|
        >
          <collection.Collection>
            <Consul::HealthCheck::List @items={{collection.items}} />
          </collection.Collection>
          <collection.Empty>
            <EmptyState>
              <BlockSlot @name='body'>
                {{t
                  'routes.dc.services.instance.healthchecks.empty'
                  items=items.length
                  htmlSafe=true
                }}
              </BlockSlot>
            </EmptyState>
          </collection.Empty>
        </DataCollection>

      </div>
    {{/let}}
  {{/let}}
</Route>