454ce7166b
* Create Topology Tab with foundational layout and styling * Create Toplogy Metrics component with dynamic SVG * Add ember-render-modifiers addon * Implement Topology Metrics comp and fix up styling * Create topology endpoint with tests * Move arrow drawing to index.js file * Add topology to show controller * Fix up conditional wrapper, tabs positioning, links, and styling * Group upstreams by dc and fix up styling * Create service/health-percentage helper * Add health check percentages to upstreams and downstreams * Basic Layout * Upgrade @hashicorp/consul-api-double to v5.2.3 * Renamed endpoint to be service-topology * Refactor styling * Update to only show Topology tab when Connect is enabled * Fix bug and changes from review notes * Remove unused functions that are replaced with SVG markers * Refactor to resuse svg-curve helper * Use the render-template helper for the metrics link * Add topology default null to services show route * Removed unused ID * Fix up tests broken by redirect to /topology
72 lines
2.5 KiB
Handlebars
72 lines
2.5 KiB
Handlebars
<EventSource @src={{items}} @onerror={{action "error"}} />
|
|
<EventSource @src={{chain}} />
|
|
<EventSource @src={{intentions}} />
|
|
<EventSource @src={{proxies}} />
|
|
<EventSource @src={{gatewayServices}} />
|
|
<EventSource @src={{topology}} />
|
|
{{title item.Service.Service}}
|
|
<AppView>
|
|
<BlockSlot @name="notification" as |status type|>
|
|
{{partial 'dc/services/notifications'}}
|
|
</BlockSlot>
|
|
<BlockSlot @name="breadcrumbs">
|
|
<ol>
|
|
<li><a data-test-back href={{href-to 'dc.services'}}>All Services</a></li>
|
|
</ol>
|
|
</BlockSlot>
|
|
<BlockSlot @name="header">
|
|
<h1>
|
|
{{item.Service.Service}}
|
|
</h1>
|
|
<ConsulExternalSource @item={{item.Service}} />
|
|
<ConsulKind @item={{item.Service}} @withInfo={{true}} />
|
|
</BlockSlot>
|
|
<BlockSlot @name="nav">
|
|
{{#if (not-eq item.Service.Kind 'mesh-gateway')}}
|
|
<TabNav @items={{
|
|
compact
|
|
(array
|
|
(if topology.Datacenter
|
|
(hash label="Topology" href=(href-to "dc.services.show.topology") selected=(is-href "dc.services.show.topology"))
|
|
'')
|
|
(if (eq item.Service.Kind 'terminating-gateway')
|
|
(hash label="Linked Services" href=(href-to "dc.services.show.services") selected=(is-href "dc.services.show.services"))
|
|
'')
|
|
(if (eq item.Service.Kind 'ingress-gateway')
|
|
(hash label="Upstreams" href=(href-to "dc.services.show.upstreams") selected=(is-href "dc.services.show.upstreams"))
|
|
'')
|
|
(hash label="Instances" href=(href-to "dc.services.show.instances") selected=(is-href "dc.services.show.instances"))
|
|
(if (not-eq item.Service.Kind 'terminating-gateway')
|
|
(hash label="Intentions" href=(href-to "dc.services.show.intentions") selected=(is-href "dc.services.show.intentions"))
|
|
'')
|
|
(if chain.Chain
|
|
(hash label="Routing" href=(href-to "dc.services.show.routing") selected=(is-href "dc.services.show.routing"))
|
|
'')
|
|
(if (not item.Service.Kind)
|
|
(hash label="Tags" href=(href-to "dc.services.show.tags") selected=(is-href "dc.services.show.tags"))
|
|
'')
|
|
)
|
|
}}/>
|
|
{{/if}}
|
|
</BlockSlot>
|
|
<BlockSlot @name="actions">
|
|
{{#if urls.service}}
|
|
<a href={{render-template urls.service (hash
|
|
Datacenter=dc
|
|
Service=(hash Name=item.Service.Service)
|
|
)}}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
data-test-dashboard-anchor>
|
|
Open Dashboard
|
|
</a>
|
|
{{/if}}
|
|
</BlockSlot>
|
|
<BlockSlot @name="content">
|
|
<Outlet
|
|
@name={{routeName}}
|
|
as |o|>
|
|
{{outlet}}
|
|
</Outlet>
|
|
</BlockSlot>
|
|
</AppView> |