514e24ba9f
* Add some less fake API data * Rename the models class so as to not be confused with JS Proxies * Rearrange routlets slightly and add some initial outletFor tests * Move away from a MeshChecks computed property and just use a helper * Just use ServiceChecks for healthiness filtering for the moment * Make TProxy cookie configurable * Amend exposed paths and upstreams so they know about meta AND proxy * Slight bit of TaggedAddresses refactor while I was checking for `meta` etc * Document CONSUL_TPROXY_ENABLE
187 lines
6.6 KiB
Handlebars
187 lines
6.6 KiB
Handlebars
<Route
|
|
@name={{routeName}}
|
|
as |route|>
|
|
<DataLoader
|
|
@src={{uri '/${partition}/${nspace}/${dc}/service-instance/${id}/${node}/${name}'
|
|
(hash
|
|
partition=route.params.partition
|
|
nspace=route.params.nspace
|
|
dc=route.params.dc
|
|
id=route.params.id
|
|
node=route.params.node
|
|
name=route.params.name
|
|
)
|
|
}}
|
|
as |loader|>
|
|
|
|
<BlockSlot @name="error">
|
|
<AppError
|
|
@error={{loader.error}}
|
|
@login={{route.model.app.login.open}}
|
|
/>
|
|
</BlockSlot>
|
|
|
|
<BlockSlot @name="disconnected" as |after|>
|
|
{{#if (eq loader.error.status "404")}}
|
|
<Notice
|
|
{{notification
|
|
sticky=true
|
|
}}
|
|
class="notification-update"
|
|
@type="warning"
|
|
as |notice|>
|
|
<notice.Header>
|
|
<strong>Warning!</strong>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
This service has been deregistered and no longer exists in the catalog.
|
|
</p>
|
|
</notice.Body>
|
|
</Notice>
|
|
{{else if (eq loader.error.status "403")}}
|
|
<Notice
|
|
{{notification
|
|
sticky=true
|
|
}}
|
|
class="notification-update"
|
|
@type="error"
|
|
as |notice|>
|
|
<notice.Header>
|
|
<strong>Error!</strong>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
You no longer have access to this service
|
|
</p>
|
|
</notice.Body>
|
|
</Notice>
|
|
{{else}}
|
|
<Notice
|
|
{{notification
|
|
sticky=true
|
|
}}
|
|
class="notification-update"
|
|
@type="error"
|
|
as |notice|>
|
|
<notice.Header>
|
|
<strong>Warning!</strong>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
An error was returned whilst loading this data, refresh to try again.
|
|
</p>
|
|
</notice.Body>
|
|
</Notice>
|
|
{{/if}}
|
|
</BlockSlot>
|
|
|
|
<BlockSlot @name="loaded">
|
|
{{#let
|
|
|
|
loader.data
|
|
|
|
as |item|}}
|
|
{{#if item.IsOrigin}}
|
|
<DataSource
|
|
@src={{uri '/${partition}/${nspace}/${dc}/proxy-instance/${id}/${node}/${name}'
|
|
(hash
|
|
partition=route.params.partition
|
|
nspace=route.params.nspace
|
|
dc=route.params.dc
|
|
id=route.params.id
|
|
node=route.params.node
|
|
name=route.params.name
|
|
)
|
|
}}
|
|
@onchange={{action (mut meta) value="data"}}
|
|
as |meta|>
|
|
{{! We only really need meta to get the correct ServiceID }}
|
|
{{! but we may as well use the NodeName and ServiceName }}
|
|
{{! from meta also, but they should be the same as the instance }}
|
|
{{! so if we can ever get ServiceID from elsewhere we could save }}
|
|
{{! a HTTP request/long poll here }}
|
|
{{#if meta.data.ServiceID}}
|
|
{{! if we have a proxy then get the additional instance information }}
|
|
{{! for the proxy itself so if the service is called `backend` }}
|
|
{{! its likely to have a proxy service called `backend-sidecar-proxy` }}
|
|
{{! and this second request get the info for that instance and saves }}
|
|
{{! it into the `proxy` variable }}
|
|
<DataSource
|
|
@src={{uri '/${partition}/${nspace}/${dc}/service-instance/${id}/${node}/${name}'
|
|
(hash
|
|
partition=route.params.partition
|
|
nspace=route.params.nspace
|
|
dc=route.params.dc
|
|
id=meta.data.ServiceID
|
|
node=meta.data.NodeName
|
|
name=meta.data.ServiceName
|
|
)
|
|
}}
|
|
@onchange={{action (mut proxy) value="data"}}
|
|
/>
|
|
{{/if}}
|
|
</DataSource>
|
|
{{/if}}
|
|
<AppView>
|
|
<BlockSlot @name="breadcrumbs">
|
|
<ol>
|
|
<li><a href={{href-to 'dc.services'}}>All Services</a></li>
|
|
<li><a data-test-back href={{href-to 'dc.services.show'}}>Service ({{item.Service.Service}})</a></li>
|
|
</ol>
|
|
</BlockSlot>
|
|
<BlockSlot @name="header">
|
|
<h1>
|
|
<route.Title @title={{item.Service.ID}} />
|
|
</h1>
|
|
<Consul::ExternalSource @item={{item}} @withInfo={{true}} />
|
|
<Consul::Kind @item={{item}} @withInfo={{true}} />
|
|
{{! 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')}}
|
|
<Consul::TransparentProxy />
|
|
{{/if}}
|
|
</BlockSlot>
|
|
<BlockSlot @name="nav">
|
|
<dl>
|
|
<dt>Service Name</dt>
|
|
<dd><a href="{{href-to 'dc.services.show' item.Service.Service}}">{{item.Service.Service}}</a></dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>Node Name</dt>
|
|
<dd><a href="{{href-to 'dc.nodes.show' item.Node.Node}}">{{item.Node.Node}}</a></dd>
|
|
</dl>
|
|
</BlockSlot>
|
|
<BlockSlot @name="actions">
|
|
{{#let (or item.Service.Address item.Node.Address) as |address|}}
|
|
<CopyButton @value={{address}} @name="Address">{{address}}</CopyButton>
|
|
{{/let}}
|
|
</BlockSlot>
|
|
<BlockSlot @name="content">
|
|
<TabNav @items={{
|
|
compact
|
|
(array
|
|
(hash label="Health Checks" href=(href-to "dc.services.instance.healthchecks") selected=(is-href "dc.services.instance.healthchecks"))
|
|
(if (eq item.Service.Kind 'mesh-gateway') (hash label="Addresses" href=(href-to "dc.services.instance.addresses") selected=(is-href "dc.services.instance.addresses")))
|
|
(if proxy (hash label="Upstreams" href=(href-to "dc.services.instance.upstreams") selected=(is-href "dc.services.instance.upstreams")))
|
|
(if proxy (hash label="Exposed Paths" href=(href-to "dc.services.instance.exposedpaths") selected=(is-href "dc.services.instance.exposedpaths")))
|
|
(hash label="Tags & Meta" href=(href-to "dc.services.instance.metadata") selected=(is-href "dc.services.instance.metadata"))
|
|
)
|
|
}}
|
|
/>
|
|
<Outlet
|
|
@name={{routeName}}
|
|
@model={{assign (hash
|
|
proxy=proxy
|
|
meta=meta
|
|
item=item
|
|
) route.model}}
|
|
as |o|>
|
|
{{outlet}}
|
|
</Outlet>
|
|
</BlockSlot>
|
|
</AppView>
|
|
{{/let}}
|
|
</BlockSlot>
|
|
</DataLoader>
|
|
</Route> |