d8fb480ca1
* ui: Various CSS amends 1. Split out %icon-definition from %composite-row 2. Add hover effect to node listing 3. Fix up proxy level list components 4. Rename our various pills to use a 100-900 scale 5. Reogranize other icon related things (consul-kind and consul-external-source) * Fix up upstream test
84 lines
2.3 KiB
Handlebars
84 lines
2.3 KiB
Handlebars
{{#if (gt items.length 0)}}
|
|
<ListCollection @items={{items}} class="consul-service-instance-list" as |item index|>
|
|
<BlockSlot @name="header">
|
|
{{#if (eq routeName "dc.services.show")}}
|
|
<a data-test-service-name href={{href-to routeName item.Service}}>
|
|
{{item.ID}}
|
|
</a>
|
|
{{else}}
|
|
<a data-test-service-name href={{href-to routeName item.Service.Service item.Node.Node (or item.Service.ID item.Service.Service)}}>
|
|
{{item.Service.ID}}
|
|
</a>
|
|
{{/if}}
|
|
</BlockSlot>
|
|
<BlockSlot @name="details">
|
|
{{#if checks}}
|
|
<ConsulExternalSource @item={{item}} />
|
|
<ConsulInstanceChecks @type="service" @items={{get checks item.Service}} />
|
|
{{else}}
|
|
<ConsulExternalSource @item={{item.Service}} />
|
|
<ConsulInstanceChecks @type="service" @items={{filter-by 'ServiceID' '' item.Checks}} />
|
|
<ConsulInstanceChecks @type="node" @items={{reject-by 'ServiceID' '' item.Checks}} />
|
|
{{/if}}
|
|
{{#if item.ProxyInstance}}
|
|
<dl class="proxy">
|
|
<dt>
|
|
<Tooltip>
|
|
Proxy
|
|
</Tooltip>
|
|
</dt>
|
|
<dd data-test-proxy>
|
|
connected with proxy
|
|
</dd>
|
|
</dl>
|
|
{{/if}}
|
|
{{#if (gt item.Node.Node.length 0)}}
|
|
<dl class="node">
|
|
<dt>
|
|
<Tooltip>
|
|
Node
|
|
</Tooltip>
|
|
</dt>
|
|
<dd>
|
|
<a href={{href-to 'dc.nodes.show' item.Node.Node}}>{{item.Node.Node}}</a>
|
|
</dd>
|
|
</dl>
|
|
{{/if}}
|
|
{{#if item.Service.Port}}
|
|
<dl class="address" data-test-address>
|
|
<dt>
|
|
<Tooltip>
|
|
IP Address and Port
|
|
</Tooltip>
|
|
</dt>
|
|
<dd>
|
|
{{#if (not-eq item.Service.Address '')}}
|
|
{{item.Service.Address}}:{{item.Service.Port}}
|
|
{{else}}
|
|
{{item.Node.Address}}:{{item.Service.Port}}
|
|
{{/if}}
|
|
</dd>
|
|
</dl>
|
|
{{/if}}
|
|
{{#if (and checks item.Port)}}
|
|
<dl class="port">
|
|
<dt>
|
|
Port
|
|
</dt>
|
|
<dd data-test-service-port={{item.Port}}>
|
|
<CopyButton
|
|
@value={{item.Port}}
|
|
@name="Port"
|
|
/>
|
|
:{{item.Port}}
|
|
</dd>
|
|
</dl>
|
|
{{/if}}
|
|
{{#if checks}}
|
|
<TagList @item={{item}} />
|
|
{{else}}
|
|
<TagList @item={{item.Service}} />
|
|
{{/if}}
|
|
</BlockSlot>
|
|
</ListCollection>
|
|
{{/if}} |