luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity
open-consul/ui-v2/app/templates/dc/services/show.hbs

52 lines
2.0 KiB
Handlebars
Raw Normal View History

ui: Implements the ember-page-title addon to the UI (#7118) * Installs ember-page-title 5.x * Adds a page title to all template files that need one * Adds an assertion step to test the page titles
2020-01-28 14:25:52 +00:00
{{title item.Service.Service}}
ui: Move to angle brackets for ember components (#7321) * Modify templates with codemods angle brackets * ui: Fix up problem with intention filter action attribute Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-02-19 19:26:38 +00:00
<AppView @class="service show">
<BlockSlot @name="notification" as |status type|>
ui: Discovery chain improvements (#7222) * ui: remove the default word when describing routes * ui: Avoid mutating the chain and look for the default edges more safely * ui: Use not null check instead of a truthy check for showing disco-chain * ui: Upgrade consul-api-double for better disco-chain mocks/fixtures
2020-02-06 12:06:48 +00:00
{{partial 'dc/services/notifications'}}
ui: Per Service Intentions Tab (#7615) * Add model layer support for filtering intentions by service * Add Route, Controller and template for services.show.intentions tab We are still loading the intentions themselves in the parent Route for the moment * Load the intentions in in the parent route for the moment * Temporarily add support for returning to history -1 Once we have an intention form underneath the service/intention tab this will no longer be needed * Add the new tab and enable blocking queries for it * Add some further acceptance testing around intention listings
2020-04-16 14:15:45 +00:00
{{partial 'dc/intentions/notifications'}}
ui: Move to angle brackets for ember components (#7321) * Modify templates with codemods angle brackets * ui: Fix up problem with intention filter action attribute Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-02-19 19:26:38 +00:00
</BlockSlot>
<BlockSlot @name="breadcrumbs">
ui: Discovery chain improvements (#7222) * ui: remove the default word when describing routes * ui: Avoid mutating the chain and look for the default edges more safely * ui: Use not null check instead of a truthy check for showing disco-chain * ui: Upgrade consul-api-double for better disco-chain mocks/fixtures
2020-02-06 12:06:48 +00:00
<ol>
<li><a data-test-back href={{href-to 'dc.services'}}>All Services</a></li>
</ol>
ui: Move to angle brackets for ember components (#7321) * Modify templates with codemods angle brackets * ui: Fix up problem with intention filter action attribute Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-02-19 19:26:38 +00:00
</BlockSlot>
<BlockSlot @name="header">
ui: Redesign - Service Detail Page (#7655) * Create ConsulServiceInstanceList with styling and test * Implement ConsulServiceInstanceList to Service Detail page * Implement ConsulExternalSource to Services Show page header * Update services/show page object * Update the styling of CompositeRow * Refactor ConsulServiceList component and styling * Update ConsulExternalSource to say 'Registered via...' * Upgrade consul-api-double to patch 2.14.1 * Fix up tests to not use Kind in service models * Update ListCollection with clickFirstAnchor action * Add $typo-size-450 to typography base variables
2020-04-21 14:21:52 +00:00
<h1>
{{item.Service.Service}}
</h1>
<ConsulExternalSource @item={{item.Service}} />
ui: ConsulKind explanatory tooltip panels (#8048) * ui: Add tooltip panels to ConsulKind
2020-06-09 10:10:14 +00:00
<ConsulKind @item={{item.Service}} @withInfo={{true}} />
ui: Redesign - Instance Detail Proxy Info tab (#7745) * Fix clickFirstAnchor bug * Create Proxy Info Tab for Instance Detail Page * Create tests for ProxyInfo and update other scenarios with Proxy data * ui: Refactors our app-view/%app-view component (#7752) Co-authored-by: John Cowen <johncowen@users.noreply.github.com>
2020-05-07 13:57:15 +00:00
</BlockSlot>
<BlockSlot @name="nav">
ui: Create Upstreams tab for Ingress Gateways (#7865)
2020-05-13 15:28:11 +00:00
{{#if (not-eq item.Service.Kind 'mesh-gateway')}}
ui: Redesign - Service Detail Page (#7655) * Create ConsulServiceInstanceList with styling and test * Implement ConsulServiceInstanceList to Service Detail page * Implement ConsulExternalSource to Services Show page header * Update services/show page object * Update the styling of CompositeRow * Refactor ConsulServiceList component and styling * Update ConsulExternalSource to say 'Registered via...' * Upgrade consul-api-double to patch 2.14.1 * Fix up tests to not use Kind in service models * Update ListCollection with clickFirstAnchor action * Add $typo-size-450 to typography base variables
2020-04-21 14:21:52 +00:00
<TabNav @items={{
compact
(array
ui: ConsulKind explanatory tooltip panels (#8048) * ui: Add tooltip panels to ConsulKind
2020-06-09 10:10:14 +00:00
(if (eq item.Service.Kind 'terminating-gateway')
ui: Create Linked Services Tab for Terminating Gateways (#7858) * Fix to bottom border not applying to the correct <li> * Create Linked Services tab with styling and tests * Add internal endpoint gateway-services-nodes to the codebase with tests * Upgrade consul-api-double to version 2.15.0
2020-05-12 21:34:47 +00:00
(hash label="Linked Services" href=(href-to "dc.services.show.services") selected=(is-href "dc.services.show.services"))
'')
ui: ConsulKind explanatory tooltip panels (#8048) * ui: Add tooltip panels to ConsulKind
2020-06-09 10:10:14 +00:00
(if (eq item.Service.Kind 'ingress-gateway')
ui: Create Upstreams tab for Ingress Gateways (#7865)
2020-05-13 15:28:11 +00:00
(hash label="Upstreams" href=(href-to "dc.services.show.upstreams") selected=(is-href "dc.services.show.upstreams"))
'')
ui: Reorder the tabs for Ingress/Terminating Gateway Service Detail page (#8060)
2020-06-09 15:02:13 +00:00
(hash label="Instances" href=(href-to "dc.services.show.instances") selected=(is-href "dc.services.show.instances"))
ui: ConsulKind explanatory tooltip panels (#8048) * ui: Add tooltip panels to ConsulKind
2020-06-09 10:10:14 +00:00
(if (not item.Service.Kind)
ui: Create Linked Services Tab for Terminating Gateways (#7858) * Fix to bottom border not applying to the correct <li> * Create Linked Services tab with styling and tests * Add internal endpoint gateway-services-nodes to the codebase with tests * Upgrade consul-api-double to version 2.15.0
2020-05-12 21:34:47 +00:00
(hash label="Intentions" href=(href-to "dc.services.show.intentions") selected=(is-href "dc.services.show.intentions"))
'')
ui: Reduce discovery-chain log errors (#8065) * ui: Reduce discovery-chain log spam Currently the only way that the UI can know whether connect is enabled or not is whether we get 500 errors from certain endpoints. One of these endpoints we already use, so aswell as recovering from a 500 error, we also remember that connect is disabled for the rest of the page 'session' (so until the page is refreshed), and make no further http requests to the endpoint for that specific datacenter. This means that log spam is reduced to only 1 log per page refresh/dc instead of 1 log per service navigation. Longer term we'll need some way to dynamically discover whether connect is enabled per datacenter without relying on something that will add error logs to consul.
2020-06-10 15:07:06 +00:00
(if chain.Chain
ui: Create Linked Services Tab for Terminating Gateways (#7858) * Fix to bottom border not applying to the correct <li> * Create Linked Services tab with styling and tests * Add internal endpoint gateway-services-nodes to the codebase with tests * Upgrade consul-api-double to version 2.15.0
2020-05-12 21:34:47 +00:00
(hash label="Routing" href=(href-to "dc.services.show.routing") selected=(is-href "dc.services.show.routing"))
'')
ui: ConsulKind explanatory tooltip panels (#8048) * ui: Add tooltip panels to ConsulKind
2020-06-09 10:10:14 +00:00
(if (not item.Service.Kind)
ui: Create Linked Services Tab for Terminating Gateways (#7858) * Fix to bottom border not applying to the correct <li> * Create Linked Services tab with styling and tests * Add internal endpoint gateway-services-nodes to the codebase with tests * Upgrade consul-api-double to version 2.15.0
2020-05-12 21:34:47 +00:00
(hash label="Tags" href=(href-to "dc.services.show.tags") selected=(is-href "dc.services.show.tags"))
'')
ui: Redesign - Service Detail Page (#7655) * Create ConsulServiceInstanceList with styling and test * Implement ConsulServiceInstanceList to Service Detail page * Implement ConsulExternalSource to Services Show page header * Update services/show page object * Update the styling of CompositeRow * Refactor ConsulServiceList component and styling * Update ConsulExternalSource to say 'Registered via...' * Upgrade consul-api-double to patch 2.14.1 * Fix up tests to not use Kind in service models * Update ListCollection with clickFirstAnchor action * Add $typo-size-450 to typography base variables
2020-04-21 14:21:52 +00:00
)
}}/>
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
{{/if}}
ui: Move to angle brackets for ember components (#7321) * Modify templates with codemods angle brackets * ui: Fix up problem with intention filter action attribute Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-02-19 19:26:38 +00:00
</BlockSlot>
<BlockSlot @name="actions">
ui: Discovery chain improvements (#7222) * ui: remove the default word when describing routes * ui: Avoid mutating the chain and look for the default edges more safely * ui: Use not null check instead of a truthy check for showing disco-chain * ui: Upgrade consul-api-double for better disco-chain mocks/fixtures
2020-02-06 12:06:48 +00:00
{{#if urls.service}}
{{#templated-anchor data-test-dashboard-anchor href=urls.service vars=(hash Datacenter=dc Service=(hash Name=item.Service.Service)) rel="external"}}Open Dashboard{{/templated-anchor}}
{{/if}}
ui: Move to angle brackets for ember components (#7321) * Modify templates with codemods angle brackets * ui: Fix up problem with intention filter action attribute Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-02-19 19:26:38 +00:00
</BlockSlot>
<BlockSlot @name="content">
ui: Add tab navigation to the browser history/URLs (#7592) * ui: Add tab navigation to the browser history/URLs This commit changes all our tabbed UI interfaces in the catalog to use actual URL changes rather than only updating the content in the page using CSS. Originally we had decided not to add tab clicks into the browser history for a variety of reasons. As the UI has progressed these tabs are a fairly common pattern we are using and as the UI grows and stabilizes around certain UX patterns we've decided to make these tabs 'URL changing'. Pros: - Deeplinking - Potentially smaller Route files with a more concentrated scope of the contents of a tab rather than the entire page. - Tab clicks now go into your history meaning backwards and forwards buttons take you through the tabs not just the pages. - The majority of our partials are now fully fledged templates (Octane :tada:) Cons: - Tab clicks now go into your history meaning backwards and forwards buttons take you through the tabs not just the pages. (Could be good and bad from a UX perspective) - Many more Route and Controller files (yet as mentioned above each of these have a more reduced scope) - Moving around the contents of these tabs, or changing the visual names of them means updates to the URL structure, which then should potentially entail redirects, therefore what things that seem like straightforwards design reorganizations are now a little more impactful. It was getting to the point that the Pros outweight the Cons Apart from moving some files around we made a few more tiny tweaks to get this all working: - Our freetext-filter component now performs the initial search rather than this happening in the Controller (remove of the search method in the Controllers and the new didInsertElement hook in the component) - All of the <TabNav>'s were changed to use its alternative href approach. - <TabPanel>s usage was mostly removed. This is th thing I dislike the most. I think this needs removing, but I'd also like to remove the HTML it creates. You'll see that every new page is wrappe din the HTML for the old <TabPanel>, this is to continue to use the same HTML structure and id's as before to avoid making further changes to any CSS that might use this and being able to target things during testing. We could have also removed these here, but it would have meant a much larger changeset and can just as easily be done at a later date. - We made a new `tabgroup` page-object component, which is almost identical to the previous `radiogroup` one and injected that instead where needed during testing. * Make sure we pick up indexed routes when nspaces are enabled * Move session invalidation to the child (session) route * Revert back to not using didInsertElement for updating the searching This adds a way for the searchable to remember the last search result instead, which changes less and stick to the previous method of searching.
2020-04-08 09:56:36 +00:00
{{outlet}}
ui: Move to angle brackets for ember components (#7321) * Modify templates with codemods angle brackets * ui: Fix up problem with intention filter action attribute Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-02-19 19:26:38 +00:00
</BlockSlot>
ui: Redesign - Instance Detail Proxy Info tab (#7745) * Fix clickFirstAnchor bug * Create Proxy Info Tab for Instance Detail Page * Create tests for ProxyInfo and update other scenarios with Proxy data * ui: Refactors our app-view/%app-view component (#7752) Co-authored-by: John Cowen <johncowen@users.noreply.github.com>
2020-05-07 13:57:15 +00:00
</AppView>