diff --git a/.changelog/23481.txt b/.changelog/23481.txt
new file mode 100644
index 00000000000..125430d5b64
--- /dev/null
+++ b/.changelog/23481.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Removed block-slot addon dependency
+```
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/app-error/index.hbs b/ui/packages/consul-ui/app/components/app-error/index.hbs
index ca65502f593..6d5a67e0f97 100644
--- a/ui/packages/consul-ui/app/components/app-error/index.hbs
+++ b/ui/packages/consul-ui/app/components/app-error/index.hbs
@@ -4,15 +4,15 @@
}}
-
+ <:header>
Error {{@error.status}}
-
-
+
+ <:content>
-
+
diff --git a/ui/packages/consul-ui/app/components/app-view/README.mdx b/ui/packages/consul-ui/app/components/app-view/README.mdx
index 12a7a459fc2..ea461307f70 100644
--- a/ui/packages/consul-ui/app/components/app-view/README.mdx
+++ b/ui/packages/consul-ui/app/components/app-view/README.mdx
@@ -23,22 +23,22 @@ breadcrumbs and back again.
-
+ <:header>
Main title {{format-number "100000"}} total {{pluralize 100000 "thing" without-count=true}} in this page
-
-
+
+ <:content>
-
+ <:body>
Nothing to see here
-
+
-
+
Basic list-like view
@@ -48,36 +48,36 @@ breadcrumbs and back again.
-
+ <:breadcrumbs>
Hansel
Gretel
-
+
-
+ <:header>
Scary witch's gingerbread house (run away quick!)
-
+
-
+ <:actions>
Run away!
-
+
-
+ <:content>
-
+ <:body>
Double, double toil and trouble
-
+
-
+
Basic detail-like view
diff --git a/ui/packages/consul-ui/app/components/app-view/index.hbs b/ui/packages/consul-ui/app/components/app-view/index.hbs
index 6cb7e313ee8..a0f4fb8350c 100644
--- a/ui/packages/consul-ui/app/components/app-view/index.hbs
+++ b/ui/packages/consul-ui/app/components/app-view/index.hbs
@@ -11,36 +11,34 @@
-
-
- {{document-attrs class="with-breadcrumbs"}}
- {{yield}}
-
-
+
+ {{#if (if (not-eq @showBreadcrumb undefined) @showBreadcrumb (has-block 'breadcrumbs'))}}
+ {{document-attrs class="with-breadcrumbs"}}
+ {{yield to='breadcrumbs'}}
+ {{/if}}
+
-
- {{yield}}
-
+ {{yield to='header'}}
-
-
- {{yield}}
-
+
+ {{#if (has-block 'actions')}}
+ {{yield to='actions'}}
+ {{/if}}
-
- {{yield}}
-
+ {{#if (has-block 'nav')}}
+ {{yield to='nav'}}
+ {{/if}}
-
+ {{#if (has-block 'toolbar')}}
- {{yield}}
-
+ {{yield to='toolbar'}}
+ {{/if}}
- {{yield}}
+ {{yield to='content'}}
diff --git a/ui/packages/consul-ui/app/components/app-view/index.js b/ui/packages/consul-ui/app/components/app-view/index.js
index f0f07373de6..b9f3eb8f0e2 100644
--- a/ui/packages/consul-ui/app/components/app-view/index.js
+++ b/ui/packages/consul-ui/app/components/app-view/index.js
@@ -4,7 +4,7 @@
*/
import Component from '@ember/component';
-import SlotsMixin from 'block-slots';
-export default Component.extend(SlotsMixin, {
+
+export default Component.extend({
tagName: '',
});
diff --git a/ui/packages/consul-ui/app/components/child-selector/index.hbs b/ui/packages/consul-ui/app/components/child-selector/index.hbs
index ac492ee8898..5cfe1ac4b04 100644
--- a/ui/packages/consul-ui/app/components/child-selector/index.hbs
+++ b/ui/packages/consul-ui/app/components/child-selector/index.hbs
@@ -10,9 +10,9 @@
>
{{yield}}
{{#if (not @disabled)}}
- {{yield}}
+ {{yield to="create"}}
- {{yield}}
+ {{yield to="label"}}
{{!-- {{#if isOpen}} --}}
{{/if}}
{{#if (gt @items.length 0)}}
- {{yield}}
+ {{yield (action "remove") to="set"}}
{{else}}
{{/if}}
diff --git a/ui/packages/consul-ui/app/components/child-selector/index.js b/ui/packages/consul-ui/app/components/child-selector/index.js
index 978d69081d7..1591c4d94bb 100644
--- a/ui/packages/consul-ui/app/components/child-selector/index.js
+++ b/ui/packages/consul-ui/app/components/child-selector/index.js
@@ -11,9 +11,7 @@ import { A } from '@ember/array';
import { task } from 'ember-concurrency';
-import Slotted from 'block-slots';
-
-export default Component.extend(Slotted, {
+export default Component.extend({
onchange: function () {},
tagName: '',
@@ -30,8 +28,11 @@ export default Component.extend(Slotted, {
init: function () {
this._super(...arguments);
this._listeners = this.dom.listeners();
- set(this, 'form', this.formContainer.form(this.type));
- this.form.clear({ Datacenter: this.dc, Namespace: this.nspace });
+ const form = this.formContainer.form(this.type);
+ setTimeout(() => {
+ form.clear({ Datacenter: this.dc, Namespace: this.nspace });
+ }, 0);
+ set(this, 'form', form);
},
willDestroyElement: function () {
this._super(...arguments);
diff --git a/ui/packages/consul-ui/app/components/confirmation-alert/index.hbs b/ui/packages/consul-ui/app/components/confirmation-alert/index.hbs
index 95f243a8923..651b6d5ab15 100644
--- a/ui/packages/consul-ui/app/components/confirmation-alert/index.hbs
+++ b/ui/packages/consul-ui/app/components/confirmation-alert/index.hbs
@@ -3,28 +3,37 @@
SPDX-License-Identifier: BUSL-1.1
}}
-{{yield}}
<:header>
- {{yield}}
+ {{#if (has-block "header")}}
+ {{yield to="header"}}
+ {{else}}
+ {{yield}}
+ {{/if}}
<:body>
- {{yield}}
+ {{#if (has-block "body")}}
+ {{yield to="body"}}
+ {{else}}
+ {{yield}}
+ {{/if}}
<:actions as |Actions|>
-
+ {{else}}
{{yield}}
-
+ {{/if}}
@@ -32,4 +41,4 @@
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/confirmation-dialog/index.hbs b/ui/packages/consul-ui/app/components/confirmation-dialog/index.hbs
index 812c7b337ae..056611f467d 100644
--- a/ui/packages/consul-ui/app/components/confirmation-dialog/index.hbs
+++ b/ui/packages/consul-ui/app/components/confirmation-dialog/index.hbs
@@ -4,15 +4,19 @@
}}
-{{yield}}
-
-{{#if (or this.permanent (not this.confirming))}}
+ {{#if (has-block)}}
{{yield}}
-{{/if}}
-
-
-{{#if this.confirming }}
- {{yield}}
-{{/if}}
-
-
\ No newline at end of file
+ {{/if}}
+
+ {{#if (has-block "action")}}
+ {{#if (or this.permanent (not this.confirming))}}
+ {{yield (action "confirm") (action "cancel") to="action"}}
+ {{/if}}
+ {{/if}}
+
+ {{#if (has-block "dialog")}}
+ {{#if this.confirming}}
+ {{yield (action "execute") (action "cancel") @message this.actionName to="dialog"}}
+ {{/if}}
+ {{/if}}
+
diff --git a/ui/packages/consul-ui/app/components/confirmation-dialog/index.js b/ui/packages/consul-ui/app/components/confirmation-dialog/index.js
index 69b9b75af94..c1353ae2fb0 100644
--- a/ui/packages/consul-ui/app/components/confirmation-dialog/index.js
+++ b/ui/packages/consul-ui/app/components/confirmation-dialog/index.js
@@ -7,9 +7,7 @@ import Component from '@ember/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
-import Slotted from 'block-slots';
-
-export default class ConfirmationDialogComponent extends Component.extend(Slotted) {
+export default class ConfirmationDialogComponent extends Component {
tagName = '';
message = 'Are you sure?';
@tracked confirming = false;
diff --git a/ui/packages/consul-ui/app/components/consul/acl/disabled/index.hbs b/ui/packages/consul-ui/app/components/consul/acl/disabled/index.hbs
index 68aef3859e9..420db343bc6 100644
--- a/ui/packages/consul-ui/app/components/consul/acl/disabled/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/acl/disabled/index.hbs
@@ -4,22 +4,22 @@
}}
-
+ <:header>
Tokens
-
-
+
+ <:content>
-
+ <:header>
Welcome to ACLs
-
-
+
+ <:body>
ACLs are not enabled in this Consul cluster. We strongly encourage the use of ACLs in production environments for the best security practices.
-
-
+
+ <:actions>
-
+
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/auth-method/list/index.hbs b/ui/packages/consul-ui/app/components/consul/auth-method/list/index.hbs
index e1e283f5a76..13c3c0201a3 100644
--- a/ui/packages/consul-ui/app/components/consul/auth-method/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/auth-method/list/index.hbs
@@ -6,9 +6,8 @@
-
+ <:header as |item|>
{{#if (not-eq item.DisplayName '')}}
{{item.DisplayName}}
@@ -18,8 +17,8 @@
{{item.Name}}
{{/if}}
-
-
+
+ <:details as |item|>
{{#if (not-eq item.DisplayName '')}}
{{item.Name}}
@@ -35,5 +34,5 @@
{{item.MaxTokenTTL}}
{{/if}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/auth-method/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/auth-method/search-bar/index.hbs
index 903dff6e5e0..dc4c967a026 100644
--- a/ui/packages/consul-ui/app/components/consul/auth-method/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/auth-method/search-bar/index.hbs
@@ -49,14 +49,13 @@
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
@required={{true}}
- as |components|
>
-
+ <:selected>
{{t 'common.search.searchproperty'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -64,7 +63,7 @@
{{/each}}
{{/let}}
-
+
@@ -74,14 +73,13 @@
@position='left'
@onchange={{action @filter.kind.change}}
@multiple={{true}}
- as |components|
>
-
+ <:selected>
{{t 'components.consul.auth-method.search-bar.kind.name'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
@@ -100,21 +98,20 @@
>OIDC
{{/if}}
{{/let}}
-
-
+
+
-
+ <:selected>
{{t 'components.consul.auth-method.search-bar.locality.name'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array 'local' 'global') as |option|}}
{{/each}}
{{/let}}
-
-
+
+
<:sort as |search|>
-
+ <:selected>
{{#let
(from-entries
@@ -155,8 +151,8 @@
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t
@@ -175,7 +171,7 @@
}}
{{/let}}
-
-
+
+
diff --git a/ui/packages/consul-ui/app/components/consul/auth-method/view/index.hbs b/ui/packages/consul-ui/app/components/consul/auth-method/view/index.hbs
index 533080da342..7b99bcedb59 100644
--- a/ui/packages/consul-ui/app/components/consul/auth-method/view/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/auth-method/view/index.hbs
@@ -270,13 +270,13 @@ as |item|}}
{{else}}
-
+ <:header>
No claim mappings
-
-
+
+ <:body>
Use this if the claim you are capturing is singular. When mapped, the values can be any of a number, string, or boolean and will all be stringified when returned.
-
-
+
+ <:actions>
{{#if (eq @item.Type 'jwt')}}
Read the documentation
@@ -284,7 +284,7 @@ as |item|}}
Read the documentation
{{/if}}
-
+
{{/if}}
@@ -313,13 +313,13 @@ as |item|}}
{{else}}
-
+ <:header>
No list claim mappings
-
-
+
+ <:body>
Use this if the claim you are capturing is list-like (such as groups). When mapped, the values can be any of a number, string, or boolean and will all be stringified when returned.
-
-
+
+ <:actions>
{{#if (eq @item.Type 'jwt')}}
Read the documentation
@@ -327,7 +327,7 @@ as |item|}}
Read the documentation
{{/if}}
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/components/consul/external-source/index.hbs b/ui/packages/consul-ui/app/components/consul/external-source/index.hbs
index 98f0d8d75f6..8cfe884cb0e 100644
--- a/ui/packages/consul-ui/app/components/consul/external-source/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/external-source/index.hbs
@@ -23,10 +23,10 @@
-
+ <:header>
API Gateways manage north-south traffic from external services to services in the Datacenter. For more information, read our documentation.
-
-
+
+ <:menu>
About {{t (concat "common.brand." externalSource)}}
@@ -35,7 +35,7 @@
Learn guides
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/health-check/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/health-check/search-bar/index.hbs
index e24adef1656..35f63c9ddce 100644
--- a/ui/packages/consul-ui/app/components/consul/health-check/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/health-check/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
{{/if}}
@@ -75,14 +74,13 @@ as |key value|}}
class="type-status"
@position="left"
@onchange={{action @filter.status.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "common.consul.status"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "passing" "warning" "critical" "empty") as |state|}}
@@ -94,21 +92,20 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
{{#if @filter.kind}}
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.health-check.search-bar.kind.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "service" "node") as |item|}}
@@ -120,21 +117,20 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
{{/if}}
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.health-check.search-bar.check.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "alias" "docker" "grpc" "http" "script" "serf" "tcp" "ttl") as |item|}}
@@ -146,7 +142,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -156,9 +152,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -173,8 +168,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.status.asc"}}
@@ -189,7 +184,7 @@ as |key value|}}
Node to Service
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/index.hbs b/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/index.hbs
index b438ae6bf47..55e2ab72721 100644
--- a/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/intention/form/fieldsets/index.hbs
@@ -33,7 +33,7 @@
{{service.Name}}
{{/if}}
-
+
{{#if @create}}
Search for an existing service, or enter any Service name.
{{/if}}
@@ -235,17 +235,17 @@
/>
{{else}}
-
+ <:header>
No permissions yet
-
-
+
+ <:body>
Permissions intercept an Intention's traffic using Layer 7 criteria, such as path prefixes and http headers.
-
-
+
+ <:actions>
-
+
{{/if}}
@@ -276,35 +276,37 @@
@aria={{hash
label="Edit Permission"
}}
- as |modal|>
-
-
+ >
+ <:default as |modal|>
+
+
+ <:header>
Edit Permission
-
-
+
+ <:body>
-
-
+
+ <:actions as |close|>
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/intention/form/index.hbs b/ui/packages/consul-ui/app/components/consul/intention/form/index.hbs
index 2501bf22208..2d61d4dddae 100644
--- a/ui/packages/consul-ui/app/components/consul/intention/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/intention/form/index.hbs
@@ -17,9 +17,9 @@
@src={{@src}}
@onchange={{action this.change}}
@onsubmit={{action this.onsubmit}}
-as |api|>
+>
-
+ <:error as |after err api|>
{{#if (string-starts-with api.error.detail 'duplicate intention found:')}}
{{/if}}
-
+
-
+ <:form as |api|>
{{#let
api.data
(not (can 'write intention' item=api.data))
@@ -64,17 +64,19 @@ as |item readonly|}}
@aria={{hash
label=(concat "Set intention to " newAction)
}}
- as |modal|>
-
-
+ >
+ <:default as |modal|>
+
+
+ <:header>
Set intention to {{newAction}}?
-
-
+
+ <:body>
When you change this Intention to {{newAction}}, you will remove all the Layer 7 policy permissions currently saved to this Intention. Are you sure you want to set it to {{newAction}}?
-
-
+
+ <:actions as |close|>
-
+
{{/let}}
@@ -173,7 +175,7 @@ as |item readonly|}}
{{#if (not api.isCreate)}}
{{#if (not-eq item.ID 'anonymous') }}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
-
+
{{/if}}
{{/if}}
@@ -215,6 +217,6 @@ as |item readonly|}}
{{/if}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/intention/list/table/index.hbs b/ui/packages/consul-ui/app/components/consul/intention/list/table/index.hbs
index 1c95386d027..302c01cac6d 100644
--- a/ui/packages/consul-ui/app/components/consul/intention/list/table/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/intention/list/table/index.hbs
@@ -8,9 +8,8 @@
...attributes
@items={{@items}}
@rowHeight={{59}}
- as |item index|
>
-
+ <:header>
Source
Intention Type
Destination
@@ -19,8 +18,8 @@
Status
-
-
+
+ <:row as |item index|>
{{/if}}
-
-
+
+ <:actions as |item index change checked|>
-
+ <:trigger>
More
-
-
+
+ <:menu as |components api confirm keypressClick change|>
{{#if (can 'write intention' item=item)}}
-
+ <:label>
Edit
-
+
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm Delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this intention?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{else if (can 'view CRD intention' item=item)}}
@@ -160,7 +158,7 @@
{{/if}}
-
+
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/intention/permission/header/list/index.hbs b/ui/packages/consul-ui/app/components/consul/intention/permission/header/list/index.hbs
index edd7bd36191..5623ece758b 100644
--- a/ui/packages/consul-ui/app/components/consul/intention/permission/header/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/intention/permission/header/list/index.hbs
@@ -8,9 +8,8 @@
class="consul-intention-permission-header-list"
@items={{@items}}
@scroll="native"
- @cellHeight={{42}}
-as |item|>
-
+ @cellHeight={{42}}>
+ <:details as |item|>
Header
@@ -19,30 +18,30 @@ as |item|>
{{item.Name}} {{route-match item}}
-
-
+
+ <:actions as |item index Actions|>
-
+ <:label>
Delete
-
-
+
+ <:confirmation as |Confirmation|>
-
+ <:header>
Confirm delete
-
-
+
+ <:body>
Are you sure you want to delete this header?
-
-
+
+ <:confirm as |Confirm|>
Delete
-
+
-
+
-
+
{{/if}}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/intention/permission/list/index.hbs b/ui/packages/consul-ui/app/components/consul/intention/permission/list/index.hbs
index f05af03c5a2..a45642ace81 100644
--- a/ui/packages/consul-ui/app/components/consul/intention/permission/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/intention/permission/list/index.hbs
@@ -8,9 +8,9 @@
class="consul-intention-permission-list{{if (not @onclick) ' readonly'}}"
@scroll="native"
@items={{@items}}
- @partial={{5}}
-as |item|>
-
+ @showActions={{if @onclick true false}}
+ @partial={{5}}>
+ <:details as |item|>
{{#if (gt item.HTTP.Methods.length 0)}}
@@ -46,37 +46,35 @@ as |item|>
{{/each}}
-
-{{#if @onclick}}
-
+
+ <:actions as |item index Actions|>
-
+ <:label>
Edit
-
+
-
+ <:label>
Delete
-
-
+
+ <:confirmation as |Confirmation|>
-
+ <:header>
Confirm delete
-
-
+
+ <:body>
Are you sure you want to delete this permission?
-
-
+
+ <:confirm as |Confirm|>
Delete
-
+
-
+
-
-{{/if}}
+
-{{/if}}
\ No newline at end of file
+{{/if}}
diff --git a/ui/packages/consul-ui/app/components/consul/intention/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/intention/search-bar/index.hbs
index c8952122812..db640e7042c 100644
--- a/ui/packages/consul-ui/app/components/consul/intention/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/intention/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
{{/if}}
@@ -75,14 +74,13 @@ as |key value|}}
class="type-access"
@position="left"
@onchange={{action @filter.access.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.intention.search-bar.access.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "allow" "deny" "") as |item|}}
@@ -90,7 +88,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -100,9 +98,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Action:asc" (t "components.consul.intention.search-bar.sort.access.asc"))
@@ -119,8 +116,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "components.consul.intention.search-bar.sort.access.asc"}}
@@ -139,7 +136,7 @@ as |key value|}}
{{t "common.sort.numeric.desc"}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/kind/index.hbs b/ui/packages/consul-ui/app/components/consul/kind/index.hbs
index 0c6e17309a3..811bb935e8d 100644
--- a/ui/packages/consul-ui/app/components/consul/kind/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/kind/index.hbs
@@ -18,7 +18,7 @@
-
+ <:header>
{{#if (eq @item.Kind 'ingress-gateway')}}
Ingress gateways enable ingress traffic from services outside the Consul service mesh to services inside the Consul service mesh.
{{else if (eq @item.Kind 'terminating-gateway')}}
@@ -28,8 +28,8 @@
{{else}}
Mesh gateways enable routing of Connect traffic between different Consul datacenters.
{{/if}}
-
-
+
+ <:menu>
{{#if (eq @item.Kind 'ingress-gateway')}}
About Ingress gateways
@@ -97,7 +97,7 @@
{{/if}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/kv/form/index.hbs b/ui/packages/consul-ui/app/components/consul/kv/form/index.hbs
index 4757add53db..8df91778000 100644
--- a/ui/packages/consul-ui/app/components/consul/kv/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/kv/form/index.hbs
@@ -14,9 +14,8 @@
@src={{@src}}
@onchange={{action 'change'}}
@onsubmit={{action (or @onsubmit this.onsubmit)}}
- as |api|
>
-
+ <:content as |api|>
{{#let (cannot 'write kv' item=api.data) as |disabld|}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/kv/list/index.hbs b/ui/packages/consul-ui/app/components/consul/kv/list/index.hbs
index ab50e4145fe..f1b5cdf391b 100644
--- a/ui/packages/consul-ui/app/components/consul/kv/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/kv/list/index.hbs
@@ -3,65 +3,64 @@
SPDX-License-Identifier: BUSL-1.1
}}
-
-
+
+ <:header>
Name
-
-
+
+ <:row as |item index|>
{{right-trim
(left-trim item.Key @parent.Key)
'/'
}}
-
-
+
+ <:actions as |item index change checked|>
-
+ <:trigger>
More
-
-
+
+ <:menu as |components api confirm keypressClick|>
{{#if (can 'write kv' item=item)}}
-
+ <:label>
{{if item.isFolder 'View' 'Edit'}}
-
+
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm Delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this KV entry?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{else}}
-
+ <:label>
View
-
+
{{/if}}
-
+
-
-
\ No newline at end of file
+
+
diff --git a/ui/packages/consul-ui/app/components/consul/kv/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/kv/search-bar/index.hbs
index 1d4aa2cc4f3..199c734de8b 100644
--- a/ui/packages/consul-ui/app/components/consul/kv/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/kv/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
{{/if}}
@@ -75,14 +74,13 @@ as |key value|}}
class="type-kind"
@position="left"
@onchange={{action @filter.kind.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.kv.search-bar.kind.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "folder" "key") as |item|}}
@@ -90,7 +88,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -100,9 +98,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Key:asc" (t "common.sort.alpha.asc"))
@@ -115,8 +112,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.alpha.asc"}}
@@ -127,7 +124,7 @@ as |key value|}}
{{t "components.consul.kv.search-bar.sort.kind.desc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/lock-session/form/index.hbs b/ui/packages/consul-ui/app/components/consul/lock-session/form/index.hbs
index 8620fd8631f..8fb254dee1e 100644
--- a/ui/packages/consul-ui/app/components/consul/lock-session/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/lock-session/form/index.hbs
@@ -20,17 +20,16 @@
@type='session'
@label='Lock Session'
@ondelete={{fn (if @ondelete @ondelete @onsubmit) @item}}
- @onchange={{fn (optional @onsubmit) @item}}
- as |writer|>
-
+ @onchange={{fn (optional @onsubmit) @item}}>
+ <:removed as |after|>
-
-
+
+ <:error as |after error writer|>
-
-
+
+ <:content as |writer|>
@@ -81,15 +80,15 @@
{{#if (can 'delete session' item=@item)}}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
{{message}}
@@ -106,9 +105,9 @@
{{on 'click' cancel}}
/>
-
+
{{/if}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/lock-session/list/index.hbs b/ui/packages/consul-ui/app/components/consul/lock-session/list/index.hbs
index 77d22a3cd33..4822834d25d 100644
--- a/ui/packages/consul-ui/app/components/consul/lock-session/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/lock-session/list/index.hbs
@@ -6,9 +6,8 @@
-
+ @items={{@items}}>
+ <:header as |item index|>
{{#if item.Name}}
{{item.Name}}
{{else}}
@@ -20,8 +19,8 @@ as |item index|>
/>
{{/if}}
-
-
+
+ <:details as |item index|>
{{#if item.Name}}
@@ -80,20 +79,20 @@ as |item index|>
{{/let}}
-
-
+
+ <:actions as |item index|>
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
{{message}}
@@ -110,7 +109,7 @@ as |item index|>
{{on 'click' cancel}}
/>
-
+
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/metadata/list/index.hbs b/ui/packages/consul-ui/app/components/consul/metadata/list/index.hbs
index cc4e8c4645b..3c31bed1f26 100644
--- a/ui/packages/consul-ui/app/components/consul/metadata/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/metadata/list/index.hbs
@@ -6,13 +6,13 @@
-
+ <:header>
Key
Value
-
-
+
+ <:row as |item index|>
{{object-at 0 item}}
@@ -21,5 +21,5 @@
{{object-at 1 item}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/node/list/index.hbs b/ui/packages/consul-ui/app/components/consul/node/list/index.hbs
index 46469b8ae7c..77e855ee0b9 100644
--- a/ui/packages/consul-ui/app/components/consul/node/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/node/list/index.hbs
@@ -5,9 +5,8 @@
-
+ @items={{@items}}>
+ <:header as |item index|>
Health
@@ -33,8 +32,8 @@ as |item index|>
{{item.Node}}
-
-
+
+ <:details as |item index|>
{{#if (eq item.Address @leader.Address)}}
@@ -74,5 +73,5 @@ as |item index|>
{{/if}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/node/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/node/search-bar/index.hbs
index d7bdde58a59..c83ac28d6f4 100644
--- a/ui/packages/consul-ui/app/components/consul/node/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/node/search-bar/index.hbs
@@ -52,14 +52,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -67,8 +66,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:filter as |search|>
@@ -76,14 +75,13 @@ as |key value|}}
class="type-status"
@position="left"
@onchange={{action @filter.status.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "common.consul.status"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "passing" "warning" "critical") as |state|}}
@@ -95,20 +93,19 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
-
+ @multiple={{true}}>
+ <:selected>
{{t "common.consul.version"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @versions as |version|}}
@@ -116,7 +113,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -126,9 +123,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Node:asc" (t "common.sort.alpha.asc"))
@@ -143,8 +139,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.status.asc"}}
@@ -159,7 +155,7 @@ as |key value|}}
{{t "common.sort.version.desc"}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/nspace/form/README.mdx b/ui/packages/consul-ui/app/components/consul/nspace/form/README.mdx
index 8329f0829cf..3be16567bd7 100644
--- a/ui/packages/consul-ui/app/components/consul/nspace/form/README.mdx
+++ b/ui/packages/consul-ui/app/components/consul/nspace/form/README.mdx
@@ -11,7 +11,7 @@
)
}}
as |loader|>
-
+ <:loaded>
@partition={{'partition'}}
@onsubmit={{noop}}
/>
-
+
```
diff --git a/ui/packages/consul-ui/app/components/consul/nspace/form/index.hbs b/ui/packages/consul-ui/app/components/consul/nspace/form/index.hbs
index 32000cce6d5..22d51f2a00f 100644
--- a/ui/packages/consul-ui/app/components/consul/nspace/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/nspace/form/index.hbs
@@ -13,16 +13,15 @@
@label="Namespace"
@ondelete={{fn this.onDelete @item}}
@onchange={{fn this.onSubmit @item}}
- as |writer|
>
-
+ <:removed as |after|>
-
+
-
+ <:content as |writer|>
{{#let
(not (can "write nspaces"))
@@ -140,21 +139,21 @@
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
-
+
{{/if}}
@@ -162,6 +161,6 @@
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/nspace/list/index.hbs b/ui/packages/consul-ui/app/components/consul/nspace/list/index.hbs
index e872cd70e87..5d2ce512534 100644
--- a/ui/packages/consul-ui/app/components/consul/nspace/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/nspace/list/index.hbs
@@ -8,9 +8,8 @@
...attributes
@items={{@items}}
@linkable="linkable nspace"
- as |item|
>
-
+ <:header as |item|>
{{#if item.DeletedAt}}
Deleting
@@ -22,8 +21,8 @@
href={{href-to "dc.nspaces.edit" item.Name}}
>{{item.Name}}
{{/if}}
-
-
+
+ <:details as |item|>
{{#if item.Description}}
Description
@@ -35,21 +34,21 @@
{{#if (env "CONSUL_ACLS_ENABLED")}}
{{/if}}
-
-
+
+ <:actions as |item index Actions|>
{{#if (not item.DeletedAt)}}
-
+ <:label>
{{#if (can "write nspace" item=item)}}
Edit
{{else}}
View
{{/if}}
-
+
{{#if (can "delete nspace" item=item)}}
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this namespace?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
{{/if}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/nspace/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/nspace/search-bar/index.hbs
index f438d18dce2..acd5e361ba9 100644
--- a/ui/packages/consul-ui/app/components/consul/nspace/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/nspace/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:sort as |search|>
@@ -76,9 +75,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -89,15 +87,15 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.alpha.asc"}}
{{t "common.sort.alpha.desc"}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/partition/form/README.mdx b/ui/packages/consul-ui/app/components/consul/partition/form/README.mdx
index c3160a95b28..986dbf80901 100644
--- a/ui/packages/consul-ui/app/components/consul/partition/form/README.mdx
+++ b/ui/packages/consul-ui/app/components/consul/partition/form/README.mdx
@@ -11,7 +11,7 @@
)
}}
as |loader|>
-
+ <:loaded>
@partition={{'partition'}}
@onsubmit={{noop}}
/>
-
+
```
diff --git a/ui/packages/consul-ui/app/components/consul/partition/form/index.hbs b/ui/packages/consul-ui/app/components/consul/partition/form/index.hbs
index c39d5db6896..20cc0bbb736 100644
--- a/ui/packages/consul-ui/app/components/consul/partition/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/partition/form/index.hbs
@@ -19,21 +19,20 @@
@type='partition'
@label='Partition'
@ondelete={{fn (if @ondelete @ondelete @onsubmit) @item}}
- @onchange={{fn (optional @onsubmit) @item}}
- as |writer|>
-
-
+ <:removed as |after|>
+
-
+
-
+ <:content as |writer|>
+
+{{#let
-{{#let
-
(not (can "write partition"))
@item
@@ -58,7 +57,7 @@ as |readOnly item Name Description|}}
{{disabled readOnly}}
>
-
@@ -113,21 +112,21 @@ as |State Guard ChartAction dispatch state|>
{{#if (and (not (is "new partition" item=item)) (can "delete partition" item=item))}}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
-
+
{{/if}}
@@ -137,6 +136,6 @@ as |State Guard ChartAction dispatch state|>
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/partition/list/index.hbs b/ui/packages/consul-ui/app/components/consul/partition/list/index.hbs
index e350a7678f9..d46ca42f0c0 100644
--- a/ui/packages/consul-ui/app/components/consul/partition/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/partition/list/index.hbs
@@ -7,9 +7,8 @@
class="consul-partition-list"
...attributes
@items={{@items}}
- @linkable="linkable partition"
-as |item|>
-
+ @linkable="linkable partition">
+ <:header as |item|>
{{#if item.DeletedAt}}
Deleting {{item.Name}}...
@@ -17,8 +16,8 @@ as |item|>
{{else}}
{{item.Name}}
{{/if}}
-
-
+
+ <:details as |item|>
{{#if item.Description}}
Description
@@ -27,38 +26,38 @@ as |item|>
{{/if}}
-
-
+
+ <:actions as |item index Actions|>
{{#if (not item.DeletedAt)}}
-
+ <:label>
{{#if (can "write partition" item=item)}}
Edit
{{else}}
View
{{/if}}
-
+
{{#if (can "delete partition" item=item)}}
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this partition?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
{{/if}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/partition/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/partition/search-bar/index.hbs
index 56fa44084a7..4238b101735 100644
--- a/ui/packages/consul-ui/app/components/consul/partition/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/partition/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:sort as |search|>
@@ -76,9 +75,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -89,15 +87,15 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.alpha.asc"}}
{{t "common.sort.alpha.desc"}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/peer/form/initiate/index.hbs b/ui/packages/consul-ui/app/components/consul/peer/form/initiate/index.hbs
index cd297d3dcbf..2dcd08e8f8e 100644
--- a/ui/packages/consul-ui/app/components/consul/peer/form/initiate/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/peer/form/initiate/index.hbs
@@ -16,15 +16,14 @@
@type="peer"
@label="peer"
@onchange={{fn (optional @onsubmit) @item}}
- as |writer|
>
-
+ <:error as |after error writer |>
Error
{{error.message}}
-
-
+
+ <:content as |writer|>
{{#let (dom-guid) as |id|}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/peer/list/index.hbs b/ui/packages/consul-ui/app/components/consul/peer/list/index.hbs
index 9fd4e40c371..3d65070c2d5 100644
--- a/ui/packages/consul-ui/app/components/consul/peer/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/peer/list/index.hbs
@@ -8,9 +8,8 @@
...attributes
@items={{@items}}
@linkable="linkable peers"
- as |item index|
>
-
+ <:header as |item index|>
{{#if (can "delete peer" item=item)}}
{{/if}}
-
-
+
+ <:details as |item index|>
-
-
+
+ <:actions as |item index Actions|>
{{#if (can "delete peer" item=item)}}
{{#if (and (can "write peer" item=item) item.isDialer)}}
-
+ <:label>
Regenerate token
-
+
{{/if}}
-
+ <:label>
View
-
+
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this peer?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/peer/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/peer/search-bar/index.hbs
index 475c8a2b5a1..c6c93789d5b 100644
--- a/ui/packages/consul-ui/app/components/consul/peer/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/peer/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:filter as |search|>
@@ -74,14 +73,13 @@ as |key value|}}
class="type-state"
@position="left"
@onchange={{action @filter.state.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.peer.search-bar.state.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each
(get
@@ -102,7 +100,7 @@ as |key value|}}
{{/let}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -112,9 +110,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -127,8 +124,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "components.consul.peer.search-bar.sort.state.asc"}}
@@ -139,7 +136,7 @@ as |key value|}}
{{t "common.sort.alpha.desc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/policy/form/index.hbs b/ui/packages/consul-ui/app/components/consul/policy/form/index.hbs
index 20653366f2e..76f915ef26f 100644
--- a/ui/packages/consul-ui/app/components/consul/policy/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/policy/form/index.hbs
@@ -11,7 +11,7 @@
@item={{@item}}
>
{{!don't show template selection here, i.e. Service Identity}}
-
+ <:template>
{{#if (and (not @create) @item @item.ID)}}
{{# if (and (not @create) (can "delete policy" item=@item) ) }}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
{{#if (gt @items.length 0)}}
-
+ <:header>
Policy in Use
-
-
+
+ <:body>
This Policy is currently in use. If you choose to delete this Policy, it will be removed from the
following {{@items.length}} Tokens :
@@ -90,8 +90,8 @@
This action cannot be undone. {{message}}
-
-
+
+ <:actions as |close|>
-
+
{{else}}
{{/if}}
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/components/consul/policy/list/index.hbs b/ui/packages/consul-ui/app/components/consul/policy/list/index.hbs
index d2ed3dbdf4f..c43368905f3 100644
--- a/ui/packages/consul-ui/app/components/consul/policy/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/policy/list/index.hbs
@@ -3,8 +3,8 @@
SPDX-License-Identifier: BUSL-1.1
}}
-
-
+
+ <:header as |item|>
{{#if (or (eq (policy/typeof item) 'policy-management') (eq (policy/typeof item) 'read-only'))}}
Type
@@ -22,8 +22,8 @@
href={{href-to 'dc.acls.policies.edit' item.ID}}
class={{if (eq (policy/typeof item) 'policy-management') 'is-management'}}
>{{item.Name}}
-
-
+
+ <:details as |item|>
Datacenters
@@ -38,36 +38,36 @@
{{item.Description}}
-
-
+
+ <:actions as |item index Actions|>
-
+ <:label>
{{#if (can 'write policy' item=item)}}
Edit
{{else}}
View
{{/if}}
-
+
{{#if (can 'delete policy' item=item)}}
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this policy?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/policy/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/policy/search-bar/index.hbs
index 6d9358f5189..27b9b075c6f 100644
--- a/ui/packages/consul-ui/app/components/consul/policy/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/policy/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:filter as |search|>
@@ -74,14 +73,13 @@ as |key value|}}
class="type-datacenter"
@position="left"
@onchange={{action @filter.datacenter.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "common.consul.datacenter"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each this.dcs as |dc|}}
{{dc.Name}}
@@ -96,20 +94,19 @@ as |key value|}}
@onchange={{action (mut this.dcs) value="data"}}
/>
{{/let}}
-
+
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.policy.search-bar.kind.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "global-management" "standard") as |state|}}
@@ -121,7 +118,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -131,9 +128,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -144,15 +140,15 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.alpha.asc"}}
{{t "common.sort.alpha.desc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/role/form/index.hbs b/ui/packages/consul-ui/app/components/consul/role/form/index.hbs
index a06e8624925..42290bd87eb 100644
--- a/ui/packages/consul-ui/app/components/consul/role/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/role/form/index.hbs
@@ -60,15 +60,15 @@
{{# if (and (not @create) (can "delete role" item=@item) ) }}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
{{#if (gt @items.length 0)}}
-
+ <:header>
Role in Use
-
-
+
+ <:body>
This Role is currently in use. If you choose to delete this Role, it will be removed from the
following {{@items.length}} Tokens :
@@ -88,8 +88,8 @@
This action cannot be undone. {{message}}
-
-
+
+ <:actions as |close|>
-
+
{{else}}
{{/if}}
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/components/consul/role/list/index.hbs b/ui/packages/consul-ui/app/components/consul/role/list/index.hbs
index 961e4dd336b..fbdbfd944bb 100644
--- a/ui/packages/consul-ui/app/components/consul/role/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/role/list/index.hbs
@@ -6,12 +6,11 @@
-
+ @items={{@items}}>
+ <:header as |item|>
{{item.Name}}
-
-
+
+ <:details as |item|>
Description
@@ -19,36 +18,36 @@ as |item|>
{{item.Description}}
-
-
+
+ <:actions as |item index Actions|>
-
+ <:label>
{{#if (can "write role" item=item)}}
Edit
{{else}}
View
{{/if}}
-
+
{{#if (can "delete role" item=item)}}
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this role?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/role/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/role/search-bar/index.hbs
index e58979f54ca..75934a84c23 100644
--- a/ui/packages/consul-ui/app/components/consul/role/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/role/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:sort as |search|>
@@ -76,9 +75,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -91,8 +89,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.alpha.asc"}}
@@ -103,7 +101,7 @@ as |key value|}}
{{t "common.sort.age.asc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/service-instance/list/index.hbs b/ui/packages/consul-ui/app/components/consul/service-instance/list/index.hbs
index 4ded3d2079a..097d0ff8672 100644
--- a/ui/packages/consul-ui/app/components/consul/service-instance/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/service-instance/list/index.hbs
@@ -10,10 +10,9 @@
as |proxies|}}
-
+ ...attributes>
+ <:header as |item index|>
{{#if (eq @routeName "dc.services.show")}}
{{item.Service.ID}}
@@ -23,8 +22,8 @@ as |item index|>
{{item.Service.ID}}
{{/if}}
-
-
+
+ <:details as |item index|>
{{#let
(get proxies item.Service.ID)
@@ -111,6 +110,6 @@ as |proxy|}}
{{/let}}
{{/let}}
-
+
{{/let}}
diff --git a/ui/packages/consul-ui/app/components/consul/service-instance/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/service-instance/search-bar/index.hbs
index c01b478f19f..4833c71d8a8 100644
--- a/ui/packages/consul-ui/app/components/consul/service-instance/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/service-instance/search-bar/index.hbs
@@ -50,14 +50,13 @@
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
@required={{true}}
- as |components|
>
-
+ <:selected>
{{t 'common.search.searchproperty'}}
-
-
+
+ <:options as |components|>
{{#let components.Option as |Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@
{{/each}}
{{/let}}
-
-
+
+
{{/if}}
@@ -76,14 +75,13 @@
@position='left'
@onchange={{action @filter.status.change}}
@multiple={{true}}
- as |components|
>
-
+ <:selected>
{{t 'common.consul.status'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array 'passing' 'warning' 'critical' 'empty') as |state|}}
{{/each}}
{{/let}}
-
-
+
+
{{#if (gt @sources.length 0)}}
-
+ <:selected>
+
+ {{t 'common.search.source'}}
+
+
+ <:options as |components|>
+
+
{{/if}}
@@ -121,9 +125,8 @@
@onchange={{action @sort.change}}
@multiple={{false}}
@required={{true}}
- as |components|
>
-
+ <:selected>
{{#let
(from-entries
@@ -139,8 +142,8 @@
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t
@@ -159,7 +162,7 @@
}}
{{/let}}
-
-
+
+
diff --git a/ui/packages/consul-ui/app/components/consul/service/list/index.hbs b/ui/packages/consul-ui/app/components/consul/service/list/index.hbs
index 36f5467c210..b354db676e5 100644
--- a/ui/packages/consul-ui/app/components/consul/service/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/service/list/index.hbs
@@ -5,10 +5,77 @@
-
-
+ <:header as |item|>
+
+
+ Health
+
+
+
+ {{#if (gt item.InstanceCount 0)}}
+
+ {{item.Name}}
+
+ {{else}}
+
+ {{item.Name}}
+
+ {{/if}}
+
+ <:details as |item|>
+
+
+ {{#if
+ (and
+ (not-eq item.InstanceCount 0)
+ (and (not-eq item.Kind 'terminating-gateway') (not-eq item.Kind 'ingress-gateway'))
+ )
+ }}
+
+ {{format-number item.InstanceCount}}
+ {{pluralize item.InstanceCount 'instance' without-count=true}}
+
+ {{/if}}
+ {{! we are displaying imported-services - don't show bucket-list }}
+ {{#unless @isPeerDetail}}
+
+ {{/unless}}
+ {{#if (eq item.Kind 'terminating-gateway')}}
+
+ {{format-number item.GatewayConfig.AssociatedServiceCount}}
+ {{pluralize item.GatewayConfig.AssociatedServiceCount 'linked service' without-count=true}}
+
+ {{else if (eq item.Kind 'ingress-gateway')}}
+
+ {{format-number item.GatewayConfig.AssociatedServiceCount}}
+ {{pluralize item.GatewayConfig.AssociatedServiceCount 'upstream' without-count=true}}
+
+ {{/if}}
+ {{#if (or item.ConnectedWithGateway item.ConnectedWithProxy)}}
+
+
+ {{#if (and item.ConnectedWithGateway item.ConnectedWithProxy)}}
+
+ in service mesh with proxy and gateway
+
+ {{else if item.ConnectedWithProxy}}
+
+ in service mesh with proxy
+
+ {{else if item.ConnectedWithGateway}}
+
+ in service mesh with gateway
+
+ {{/if}}
+
+ {{/if}}
+
+
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/service/list/index.js b/ui/packages/consul-ui/app/components/consul/service/list/index.js
new file mode 100644
index 00000000000..6835ae0f0cb
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/consul/service/list/index.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+import Component from '@glimmer/component';
+
+export default class ConsulServiceList extends Component {
+ linkParams = (item) => {
+ const hash = {};
+
+ if (item.Partition && this.args.partition !== item.Partition) {
+ hash.partition = item.Partition;
+ hash.nspace = this.args.Namespace;
+ } else if (item.Namespace && this.args.nspace !== item.Namespace) {
+ hash.nspace = item.Namespace;
+ }
+
+ if (item.PeerName) {
+ hash.peer = item.PeerName;
+ }
+
+ return hash;
+ };
+}
diff --git a/ui/packages/consul-ui/app/components/consul/service/list/item/index.hbs b/ui/packages/consul-ui/app/components/consul/service/list/item/index.hbs
deleted file mode 100644
index 3cfdb5b03b7..00000000000
--- a/ui/packages/consul-ui/app/components/consul/service/list/item/index.hbs
+++ /dev/null
@@ -1,78 +0,0 @@
-{{!
- Copyright (c) HashiCorp, Inc.
- SPDX-License-Identifier: BUSL-1.1
-}}
-
-
-
-
- Health
-
-
-
- {{#if (gt @item.InstanceCount 0)}}
-
- {{@item.Name}}
-
- {{else}}
-
- {{@item.Name}}
-
- {{/if}}
-
-
-
-
- {{#if
- (and
- (not-eq @item.InstanceCount 0)
- (and (not-eq @item.Kind 'terminating-gateway') (not-eq @item.Kind 'ingress-gateway'))
- )
- }}
-
- {{format-number @item.InstanceCount}}
- {{pluralize @item.InstanceCount 'instance' without-count=true}}
-
- {{/if}}
- {{! we are displaying imported-services - don't show bucket-list }}
- {{#unless @isPeerDetail}}
-
- {{/unless}}
- {{#if (eq @item.Kind 'terminating-gateway')}}
-
- {{format-number @item.GatewayConfig.AssociatedServiceCount}}
- {{pluralize @item.GatewayConfig.AssociatedServiceCount 'linked service' without-count=true}}
-
- {{else if (eq @item.Kind 'ingress-gateway')}}
-
- {{format-number @item.GatewayConfig.AssociatedServiceCount}}
- {{pluralize @item.GatewayConfig.AssociatedServiceCount 'upstream' without-count=true}}
-
- {{/if}}
- {{#if (or @item.ConnectedWithGateway @item.ConnectedWithProxy)}}
-
-
- {{#if (and @item.ConnectedWithGateway @item.ConnectedWithProxy)}}
-
- in service mesh with proxy and gateway
-
- {{else if @item.ConnectedWithProxy}}
-
- in service mesh with proxy
-
- {{else if @item.ConnectedWithGateway}}
-
- in service mesh with gateway
-
- {{/if}}
-
- {{/if}}
-
-
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/service/list/item/index.js b/ui/packages/consul-ui/app/components/consul/service/list/item/index.js
deleted file mode 100644
index 3f7c0ef8ab2..00000000000
--- a/ui/packages/consul-ui/app/components/consul/service/list/item/index.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Copyright IBM Corp. 2024, 2026
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-import Component from '@glimmer/component';
-
-export default class ConsulServiceListItem extends Component {
- get linkParams() {
- const hash = {};
-
- if (this.args.item.Partition && this.args.partition !== this.args.item.Partition) {
- hash.partition = this.args.item.Partition;
- hash.nspace = this.args.Namespace;
- } else if (this.args.item.Namespace && this.args.nspace !== this.args.item.Namespace) {
- hash.nspace = this.args.item.Namespace;
- }
-
- if (this.args.item.PeerName) {
- hash.peer = this.args.item.PeerName;
- }
-
- return hash;
- }
-}
diff --git a/ui/packages/consul-ui/app/components/consul/service/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/service/search-bar/index.hbs
index 339d0264b29..a0fdb3d8788 100644
--- a/ui/packages/consul-ui/app/components/consul/service/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/service/search-bar/index.hbs
@@ -44,14 +44,13 @@
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
@required={{true}}
- as |components|
>
-
+ <:selected>
{{t 'common.search.searchproperty'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -59,7 +58,7 @@
{{/each}}
{{/let}}
-
+
@@ -69,14 +68,13 @@
@position='left'
@onchange={{action @filter.status.change}}
@multiple={{true}}
- as |components|
>
-
+ <:selected>
{{t 'common.consul.status'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each this.healthStates as |state|}}
{{/each}}
{{/let}}
-
-
+
+
-
+ <:selected>
{{t 'components.consul.service.search-bar.kind'}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t 'common.consul.service'}}
@@ -121,21 +118,27 @@
{{/each}}
{{/let}}
-
-
+
+
{{#if (gt @sources.length 0)}}
-
+ <:selected>
+
+ {{t 'common.search.source'}}
+
+
+ <:options as |components|>
+
+
{{/if}}
@@ -147,9 +150,8 @@
@onchange={{action @sort.change}}
@multiple={{false}}
@required={{true}}
- as |components|
>
-
+ <:selected>
{{#let
(from-entries
@@ -165,8 +167,8 @@
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t
@@ -185,7 +187,7 @@
}}
{{/let}}
-
-
+
+
diff --git a/ui/packages/consul-ui/app/components/consul/source/index.hbs b/ui/packages/consul-ui/app/components/consul/source/index.hbs
index 43cf2265713..d43959f30f1 100644
--- a/ui/packages/consul-ui/app/components/consul/source/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/source/index.hbs
@@ -16,10 +16,10 @@
-
+ <:header>
{{t "components.consul.source.header"}}
-
-
+
+ <:menu>
{{t "components.consul.source.menu-title"}}
@@ -28,7 +28,7 @@
{{t "components.consul.source.links.documentation"}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/sources-select/index.hbs b/ui/packages/consul-ui/app/components/consul/sources-select/index.hbs
index 721321580db..39e845340fc 100644
--- a/ui/packages/consul-ui/app/components/consul/sources-select/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/sources-select/index.hbs
@@ -3,28 +3,19 @@
SPDX-License-Identifier: BUSL-1.1
}}
-{{#if (gt @sources.length 0)}}
-
-
- {{t 'common.search.source'}}
-
-
-
- {{#let @components.Option as |Option|}}
- {{#each @sources as |source|}}
- {{#let (icon-mapping source) as |flightIcon|}}
-
- {{#if flightIcon}}
-
- {{/if}}
- {{t (concat 'common.brand.' source)}}
-
- {{/let}}
- {{/each}}
+{{#let @components.Option as |Option|}}
+ {{#each @sources as |source|}}
+ {{#let (icon-mapping source) as |flightIcon|}}
+
+ {{#if flightIcon}}
+
+ {{/if}}
+ {{t (concat 'common.brand.' source)}}
+
{{/let}}
-
-{{/if}}
+ {{/each}}
+{{/let}}
diff --git a/ui/packages/consul-ui/app/components/consul/token/form/index.hbs b/ui/packages/consul-ui/app/components/consul/token/form/index.hbs
index f816a086262..1dc9033de4f 100644
--- a/ui/packages/consul-ui/app/components/consul/token/form/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/token/form/index.hbs
@@ -53,17 +53,17 @@
{{# if (and (not @create) (can "delete token" item=@item token=@token) ) }}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/components/consul/token/list/index.hbs b/ui/packages/consul-ui/app/components/consul/token/list/index.hbs
index 7f333656efc..2099b8027ea 100644
--- a/ui/packages/consul-ui/app/components/consul/token/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/token/list/index.hbs
@@ -3,8 +3,8 @@
SPDX-License-Identifier: BUSL-1.1
}}
-
-
+
+ <:header as |item|>
{{#if (eq item.AccessorID @token.AccessorID)}}
@@ -22,8 +22,8 @@
{{substr item.AccessorID -8}}
{{/if}}
-
-
+
+ <:details as |item|>
Scope
@@ -37,8 +37,8 @@
{{or item.Description item.Name}}
-
-
+
+ <:actions as |item index Actions|>
{{#if item.hasSecretID}}
{{t 'components.consul.token.secretID'}}
@@ -46,77 +46,77 @@
{{/if}}
-
+ <:label>
{{#if (can 'write token' item=item)}}
Edit
{{else}}
View
{{/if}}
-
+
{{#if (can 'duplicate token' item=item)}}
-
+ <:label>
Duplicate
-
+
{{/if}}
{{#if (eq item.AccessorID @token.AccessorID)}}
-
+ <:label>
Logout
-
-
+
+ <:confirmHeader>
Confirm logout
-
-
+
+ <:confirmBody>
Are you sure you want to stop using this ACL token? This will log you out.
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{else}}
-
+ <:label>
Use
-
-
+
+ <:confirmHeader>
Confirm use
-
-
+
+ <:confirmBody>
Are you sure you want to use this ACL token?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
{{#if (can 'delete token' item=item token=@token)}}
-
+ <:label>
Delete
-
-
+
+ <:confirmHeader>
Confirm delete
-
-
+
+ <:confirmBody>
Are you sure you want to delete this token?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/token/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/token/search-bar/index.hbs
index a55ba4ce692..182d19fd43a 100644
--- a/ui/packages/consul-ui/app/components/consul/token/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/token/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:filter as |search|>
@@ -74,14 +73,13 @@ as |key value|}}
class="type-status"
@position="left"
@onchange={{action @filter.kind.change}}
- @multiple={{true}}
- as |components|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.token.search-bar.kind.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "global-management" "global" "local") as |state|}}
@@ -93,7 +91,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -103,9 +101,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "CreateTime:desc" (t "common.sort.age.desc"))
@@ -116,15 +113,15 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.age.desc"}}
{{t "common.sort.age.asc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/token/selector/index.hbs b/ui/packages/consul-ui/app/components/consul/token/selector/index.hbs
index 89485ce0cff..8188c66914a 100644
--- a/ui/packages/consul-ui/app/components/consul/token/selector/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/token/selector/index.hbs
@@ -16,15 +16,16 @@
@onclose={{this.close}}
@onopen={{this.open}}
@aria={{hash label="Log in to Consul"}}
- as |modal|
>
-
-
+ <:default as |modal|>
+
+
+ <:header>
Log in to Consul
-
-
+
+ <:body>
{{/if}}
-
-
+
+ <:actions as |close|>
-
+
-
-
+ <:default as |modal|>
+
+
+ <:header>
Log in with a different token
-
-
+
+ <:body>
-
-
+
+ <:actions as |close|>
-
+
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,8 +64,8 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:sort as |search|>
@@ -76,9 +75,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "DestinationName:asc" (t "common.sort.alpha.asc"))
@@ -89,13 +87,13 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.alpha.asc"}}
{{t "common.sort.alpha.desc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/upstream/list/index.hbs b/ui/packages/consul-ui/app/components/consul/upstream/list/index.hbs
index 9e405174481..387345a8960 100644
--- a/ui/packages/consul-ui/app/components/consul/upstream/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/upstream/list/index.hbs
@@ -7,9 +7,8 @@
class="consul-upstream-list"
...attributes
@items={{@items}}
- @linkable="linkable upstream"
-as |item index|>
-
+ @linkable="linkable upstream">
+ <:header as |item index|>
{{#if (gt item.InstanceCount 0)}}
@@ -53,8 +52,8 @@ as |item index|>
{{item.Name}}
{{/if}}
-
-
+
+ <:details as |item index|>
{{/each}}
-
+
diff --git a/ui/packages/consul-ui/app/components/consul/upstream/search-bar/index.hbs b/ui/packages/consul-ui/app/components/consul/upstream/search-bar/index.hbs
index 5600efc1726..bb3556c8604 100644
--- a/ui/packages/consul-ui/app/components/consul/upstream/search-bar/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/upstream/search-bar/index.hbs
@@ -50,14 +50,13 @@ as |key value|}}
@position="right"
@onchange={{action @filter.searchproperty.change}}
@multiple={{true}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{t "common.search.searchproperty"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each @filter.searchproperty.default as |prop|}}
@@ -65,22 +64,21 @@ as |key value|}}
{{/each}}
{{/let}}
-
-
+
+
<:filter as |search|>
-
+ @multiple={{true}}>
+ <:selected>
{{t "components.consul.upstream.search-bar.instance.name"}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{#each (array "registered" "not-registered") as |item|}}
@@ -88,7 +86,7 @@ as |key value|}}
{{/each}}
{{/let}}
-
+
<:sort as |search|>
@@ -98,9 +96,8 @@ as |key value|}}
@position="right"
@onchange={{action @sort.change}}
@multiple={{false}}
- @required={{true}}
- as |components|>
-
+ @required={{true}}>
+ <:selected>
{{#let (from-entries (array
(array "Name:asc" (t "common.sort.alpha.asc"))
@@ -113,8 +110,8 @@ as |key value|}}
{{get selectable @sort.value}}
{{/let}}
-
-
+
+ <:options as |components|>
{{#let components.Optgroup components.Option as |Optgroup Option|}}
{{t "common.sort.status.asc"}}
@@ -125,7 +122,7 @@ as |key value|}}
{{t "common.sort.alpha.desc"}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/components/data-form/index.hbs b/ui/packages/consul-ui/app/components/data-form/index.hbs
index a3f792396bb..7e84ca781b7 100644
--- a/ui/packages/consul-ui/app/components/data-form/index.hbs
+++ b/ui/packages/consul-ui/app/components/data-form/index.hbs
@@ -18,7 +18,7 @@
@onchange={{action "setData"}}
@once={{true}}
>
-
+ <:loaded>
-
+ @onchange={{action this.onsubmit}}>
+ <:error as |after err writer|>
{{#let (hash
data=this.data
change=(action "change")
@@ -46,24 +45,49 @@
delete=(action writer.delete this.data)
) as |api|}}
- {{yield api}}
- {{#if this.hasError}}
-
-
- {{yield api}}
-
-
+ {{#if (has-block "error")}}
+ {{yield after err api to="error"}}
+ {{else}}
+
+ Error!
+ There was an error saving your {{or @label @type}}.
+ {{#if (and api.error.status api.error.detail)}}
+ {{api.error.status}}: {{api.error.detail}}
+ {{else if api.error.message}}
+ {{api.error.message}}
+ {{/if}}
+
+
{{/if}}
-
-
- {{yield api}}
-
-
-
{{/let}}
+
+ <:content as |writer|>
+{{#let (hash
+ data=this.data
+ change=(action "change")
+ isCreate=this.create
+ error=writer.error
+ disabled=writer.inflight
+ submit=(action writer.persist this.data)
+ delete=(action writer.delete this.data)
+) as |api|}}
+ {{yield api}}
+ {{#if (has-block "form")}}
+ {{yield api to="form"}}
+ {{else if (has-block "content")}}
+ {{yield api to="content"}}
+ {{else}}
+ {{yield api}}
+ {{/if}}
+{{/let}}
+
-
-
\ No newline at end of file
+
+
diff --git a/ui/packages/consul-ui/app/components/data-form/index.js b/ui/packages/consul-ui/app/components/data-form/index.js
index a0d03bde30b..6825ce82baa 100644
--- a/ui/packages/consul-ui/app/components/data-form/index.js
+++ b/ui/packages/consul-ui/app/components/data-form/index.js
@@ -6,10 +6,9 @@
import Component from '@ember/component';
import { inject as service } from '@ember/service';
import { set } from '@ember/object';
-import Slotted from 'block-slots';
import { isChangeset } from 'validated-changeset';
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
dom: service('dom'),
builder: service('form'),
@@ -33,10 +32,6 @@ export default Component.extend(Slotted, {
// this lets us load view only data that doesn't have a form
}
},
- willRender: function () {
- this._super(...arguments);
- set(this, 'hasError', this._isRegistered('error'));
- },
actions: {
setData: function (data) {
let changeset = data;
diff --git a/ui/packages/consul-ui/app/components/data-loader/README.mdx b/ui/packages/consul-ui/app/components/data-loader/README.mdx
index c81fafb54e8..98f08e98d21 100644
--- a/ui/packages/consul-ui/app/components/data-loader/README.mdx
+++ b/ui/packages/consul-ui/app/components/data-loader/README.mdx
@@ -24,21 +24,21 @@ class SomethingRepository extends Service {
-
+ <:loading>
Loading...
-
-
+
+ <:error>
Error {{loader.error.status}}
-
-
+
+ <:disconnected>
Whilst we could load the initial data, something happened subsequently that
meant we could load longer load updates to the data.
-
-
+
+ <:loaded>
{{#each loader.data as |service|}}
{{service.Name}}
{{/each}}
-
+
```
diff --git a/ui/packages/consul-ui/app/components/data-loader/index.hbs b/ui/packages/consul-ui/app/components/data-loader/index.hbs
index d945817ffc2..cbcb4028e9c 100644
--- a/ui/packages/consul-ui/app/components/data-loader/index.hbs
+++ b/ui/packages/consul-ui/app/components/data-loader/index.hbs
@@ -16,8 +16,8 @@
dispatchError=(queue (action (mut this.error) value="error.errors.firstObject") (action dispatch "ERROR"))
) as |api|}}
- {{#yield-slot name="data"}}
- {{yield api}}
+ {{#if (has-block "data")}}
+ {{yield api to="data"}}
{{else}}
{{! if we didn't specify any data}}
{{#if (not @items)}}
@@ -36,30 +36,30 @@
{{/if}}
{{/if}}
- {{/yield-slot}}
+ {{/if}}
- {{#yield-slot name="loading"}}
- {{yield api}}
+ {{#if (has-block "loading")}}
+ {{yield api to="loading"}}
{{else}}
- {{/yield-slot}}
+ {{/if}}
- {{#yield-slot name="error"}}
- {{yield api}}
+ {{#if (has-block "error")}}
+ {{yield api to="error"}}
{{else}}
- {{/yield-slot}}
+ {{/if}}
{{#if (not (eq this.error.status '401'))}}
- {{#yield-slot name="disconnected" params=(block-params (action dispatch "RESET"))}}
- {{yield api}}
+ {{#if (has-block "disconnected")}}
+ {{yield api (action dispatch "RESET") to="disconnected"}}
{{else}}
Warning!
An error was returned whilst loading this data, refresh to try again.
- {{/yield-slot}}
+ {{/if}}
{{/if}}
{{#if (eq this.error.status "403")}}
- {{#yield-slot name="error"}}
- {{yield api}}
+ {{#if (has-block "error")}}
+ {{yield api to="error"}}
{{else}}
- {{/yield-slot}}
+ {{/if}}
{{else}}
-
- {{yield api}}
-
+ {{yield api to="loaded"}}
{{/if}}
{{/let}}
{{did-update-helper (fn dispatch "LOAD") src=@src}}
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/data-loader/index.js b/ui/packages/consul-ui/app/components/data-loader/index.js
index 302fb03cc17..12599171049 100644
--- a/ui/packages/consul-ui/app/components/data-loader/index.js
+++ b/ui/packages/consul-ui/app/components/data-loader/index.js
@@ -5,10 +5,9 @@
import Component from '@ember/component';
import { set } from '@ember/object';
-import Slotted from 'block-slots';
import chart from './chart.xstate';
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
onchange: (data) => data,
init: function () {
diff --git a/ui/packages/consul-ui/app/components/data-writer/index.hbs b/ui/packages/consul-ui/app/components/data-writer/index.hbs
index 4ff69260722..6f22eabfdf1 100644
--- a/ui/packages/consul-ui/app/components/data-writer/index.hbs
+++ b/ui/packages/consul-ui/app/components/data-writer/index.hbs
@@ -41,8 +41,8 @@
{{#let
(queue (action dispatch "RESET") (action this.ondelete))
as |after|}}
- {{#yield-slot name="removed" params=(block-params after)}}
- {{yield api}}
+ {{#if (has-block "removed")}}
+ {{yield after to="removed"}}
{{else}}
Success!
Your {{or @label @type}} has been deleted.
- {{/yield-slot}}
+ {{/if}}
{{/let}}
@@ -60,8 +60,8 @@ as |after|}}
{{#let
(action this.onchange)
as |after|}}
- {{#yield-slot name="persisted" params=(block-params after)}}
- {{yield api}}
+ {{#if (has-block "persisted")}}
+ {{yield after to="persisted"}}
{{else}}
Success!
Your {{or @label @type}} has been saved.
- {{/yield-slot}}
+ {{/if}}
{{/let}}
@@ -79,8 +79,8 @@ as |after|}}
{{#let
(action dispatch "RESET")
as |after|}}
- {{#yield-slot name="error" params=(block-params after api.error)}}
- {{yield api}}
+ {{#if (has-block "error")}}
+ {{yield after api.error api to="error"}}
{{else}}
- {{/yield-slot}}
+ {{/if}}
{{/let}}
-
+ {{#if (has-block "content")}}
+ {{yield api to="content"}}
+ {{else}}
{{yield api}}
-
+ {{/if}}
{{/let}}
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/data-writer/index.js b/ui/packages/consul-ui/app/components/data-writer/index.js
index 3169153d458..6a7f270174c 100644
--- a/ui/packages/consul-ui/app/components/data-writer/index.js
+++ b/ui/packages/consul-ui/app/components/data-writer/index.js
@@ -5,10 +5,9 @@
import Component from '@ember/component';
import { set } from '@ember/object';
-import Slotted from 'block-slots';
import chart from './chart.xstate';
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
ondelete: function () {
return this.onchange(...arguments);
diff --git a/ui/packages/consul-ui/app/components/empty-state/README.mdx b/ui/packages/consul-ui/app/components/empty-state/README.mdx
index 54e3644f801..692daaeaeb8 100644
--- a/ui/packages/consul-ui/app/components/empty-state/README.mdx
+++ b/ui/packages/consul-ui/app/components/empty-state/README.mdx
@@ -28,22 +28,22 @@ function.
class="status-404"
@login={{noop}}
>
-
+ <:header>
Header
-
-
+
+ <:subheader>
Subheader
-
-
+
+ <:body>
Body text
-
-
+
+ <:actions>
-
+
```
@@ -72,10 +72,10 @@ body slot is specified:
```hbs
-
+ <:body>
Minimal text
-
+
```
diff --git a/ui/packages/consul-ui/app/components/empty-state/index.hbs b/ui/packages/consul-ui/app/components/empty-state/index.hbs
index 56836b9364b..50bad1ba7b1 100644
--- a/ui/packages/consul-ui/app/components/empty-state/index.hbs
+++ b/ui/packages/consul-ui/app/components/empty-state/index.hbs
@@ -3,42 +3,43 @@
SPDX-License-Identifier: BUSL-1.1
}}
-{{yield}}
-
-{{#if this.hasHeader}}
-
- {{#yield-slot name="header"}}
- {{yield}}
- {{/yield-slot}}
- {{#yield-slot name="subheader"}}
- {{yield}}
- {{/yield-slot}}
-
-{{/if}}
- {{#yield-slot name="body"}}
-
- {{yield}}
- {{#if @login}}
-
-
-
+
+ {{#if (or (has-block 'header') (has-block 'subheader'))}}
+
+ {{#if (has-block 'header')}}
+ {{yield to='header'}}
+ {{else}}
{{/if}}
-
- {{/yield-slot}}
- {{#yield-slot name="actions"}}
+ {{#if (has-block 'subheader')}}
+ {{yield to='subheader'}}
+ {{else}}
+ {{/if}}
+
+ {{/if}}
+
+ {{#if (has-block 'body')}}
+ {{yield to='body'}}
+ {{/if}}
+ {{#if @login}}
+
+
+
+
+
+ {{/if}}
+
+
+ {{#if (has-block 'actions')}}
- {{yield}}
+ {{yield to='actions'}}
- {{/yield-slot}}
+ {{/if}}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/empty-state/index.js b/ui/packages/consul-ui/app/components/empty-state/index.js
index 6976f497422..b9f3eb8f0e2 100644
--- a/ui/packages/consul-ui/app/components/empty-state/index.js
+++ b/ui/packages/consul-ui/app/components/empty-state/index.js
@@ -4,13 +4,7 @@
*/
import Component from '@ember/component';
-import { set } from '@ember/object';
-import Slotted from 'block-slots';
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
- willRender: function () {
- this._super(...arguments);
- set(this, 'hasHeader', this._isRegistered('header') || this._isRegistered('subheader'));
- },
});
diff --git a/ui/packages/consul-ui/app/components/error-state/index.hbs b/ui/packages/consul-ui/app/components/error-state/index.hbs
index de89e5e0a9b..0db5c6093e6 100644
--- a/ui/packages/consul-ui/app/components/error-state/index.hbs
+++ b/ui/packages/consul-ui/app/components/error-state/index.hbs
@@ -8,21 +8,19 @@
class={{concat "status-" @error.status}}
@login={{@login}}
>
-
+ <:header>
{{or @error.message "Consul returned an error"}}
-
-{{#if @error.status }}
-
-
- Error {{@error.status}}
-
-
-{{/if}}
-
+
+ <:subheader>
+ {{#if @error.status}}
+
+ Error {{@error.status}}
+
+ {{/if}}
+
+ <:body>
{{#if @error.detail}}
{{@error.detail}}
@@ -30,8 +28,8 @@
You may have visited a URL that is loading an unknown resource, so you can try going back to the root or try re-submitting your ACL Token/SecretID by going back to ACLs.
{{/if}}
-
-
+
+ <:actions>
-
+
{{else}}
-
-
+ <:header>
+
You are not authorized
-
-
+
+ <:subheader>
Error {{@error.status}}
-
-
+
+ <:body>
You must be granted permissions to view this data. Ask your administrator if you think you should have access.
-
-
+
+ <:actions>
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/components/form-component/index.js b/ui/packages/consul-ui/app/components/form-component/index.js
index b5c4dd2bb6c..200af3a7c72 100644
--- a/ui/packages/consul-ui/app/components/form-component/index.js
+++ b/ui/packages/consul-ui/app/components/form-component/index.js
@@ -4,12 +4,11 @@
*/
import Component from '@ember/component';
-import Slotted from 'block-slots';
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';
// match anything that isn't a [ or ] into multiple groups
const propRe = /([^[\]])+/g;
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
onreset: function () {},
onchange: function () {},
diff --git a/ui/packages/consul-ui/app/components/freetext-filter/README.stories.mdx b/ui/packages/consul-ui/app/components/freetext-filter/README.stories.mdx
index 009a68ec3e0..866544a7b5e 100644
--- a/ui/packages/consul-ui/app/components/freetext-filter/README.stories.mdx
+++ b/ui/packages/consul-ui/app/components/freetext-filter/README.stories.mdx
@@ -25,17 +25,17 @@ import { hbs } from 'ember-cli-htmlbars';
@position="right"
@multiple={{true}}
as |popover|>
-
+ <:selected>
Search across
-
-
+
+ <:options>
{{#let popover.Optgroup popover.Option as |Optgroup Option|}}
Name
Tags
{{/let}}
-
+
`,
context: args
diff --git a/ui/packages/consul-ui/app/components/list-collection/index.hbs b/ui/packages/consul-ui/app/components/list-collection/index.hbs
index fc2658e7fab..54b26adef56 100644
--- a/ui/packages/consul-ui/app/components/list-collection/index.hbs
+++ b/ui/packages/consul-ui/app/components/list-collection/index.hbs
@@ -29,17 +29,17 @@
onclick={{action 'click'}} style={{{cell.style}}}
class={{if @linkable (if (is @linkable item=cell.item) 'linkable')}}
>
-
-
{{yield cell.item cell.index}}
-
+ {{#if (has-block "header")}}
+
+ {{/if}}
+ {{#if (has-block "details")}}
+ {{yield cell.item cell.index to="details"}}
+ {{/if}}
+ {{#if (and (not-eq @showActions false) (has-block "actions"))}}
- {{yield cell.item cell.index}}
+ {{yield cell.item cell.index (component 'more-popover-menu' expanded=(if (eq this.checked cell.item.uid) true false) onchange=(action "change" cell.item.uid)) to="actions"}}
-
+ {{/if}}
{{~/each~}}
@@ -53,17 +53,17 @@
onclick={{action 'click'}}
class={{if (not @linkable) 'linkable' (if (is @linkable item=item) 'linkable')}}
>
-
-
{{yield item index}}
-
+ {{#if (has-block "header")}}
+
+ {{/if}}
+ {{#if (has-block "details")}}
+ {{yield item index to="details"}}
+ {{/if}}
+ {{#if (and (not-eq @showActions false) (has-block "actions"))}}
- {{yield item index}}
+ {{yield item index (component 'more-popover-menu' onchange=(action "change" item.uid)) to="actions"}}
-
+ {{/if}}
{{~/each~}}
@@ -85,4 +85,4 @@
{{/let}}
{{/if}}
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/list-collection/index.js b/ui/packages/consul-ui/app/components/list-collection/index.js
index 67ee0d6ce59..8036baf94db 100644
--- a/ui/packages/consul-ui/app/components/list-collection/index.js
+++ b/ui/packages/consul-ui/app/components/list-collection/index.js
@@ -7,11 +7,10 @@ import { inject as service } from '@ember/service';
import { computed, set } from '@ember/object';
import Component from 'ember-collection/components/ember-collection';
import PercentageColumns from 'ember-collection/layouts/percentage-columns';
-import Slotted from 'block-slots';
const formatItemStyle = PercentageColumns.prototype.formatItemStyle;
-export default Component.extend(Slotted, {
+export default Component.extend({
dom: service('dom'),
tagName: '',
height: 500,
diff --git a/ui/packages/consul-ui/app/components/menu-panel/index.hbs b/ui/packages/consul-ui/app/components/menu-panel/index.hbs
index 503c5d46f1b..8502ad228c1 100644
--- a/ui/packages/consul-ui/app/components/menu-panel/index.hbs
+++ b/ui/packages/consul-ui/app/components/menu-panel/index.hbs
@@ -16,19 +16,24 @@
}}
{{did-insert (action 'connect')}}
>
-
+ {{#if (has-block "controls")}}
+ {{yield api to="controls"}}
+ {{else}}
{{yield api}}
-
- {{#yield-slot name="header"}}
+ {{/if}}
+
+ {{#if (has-block "header")}}
- {{yield api}}
+ {{yield api to="header"}}
- {{else}}
- {{/yield-slot}}
+ {{/if}}
+
-
+ {{#if (has-block "menu")}}
+ {{yield api to="menu"}}
+ {{else}}
{{yield api}}
-
+ {{/if}}
-{{/let}}
\ No newline at end of file
+{{/let}}
diff --git a/ui/packages/consul-ui/app/components/menu-panel/index.js b/ui/packages/consul-ui/app/components/menu-panel/index.js
index b979b1f4240..55d66aacace 100644
--- a/ui/packages/consul-ui/app/components/menu-panel/index.js
+++ b/ui/packages/consul-ui/app/components/menu-panel/index.js
@@ -8,9 +8,7 @@ import { inject as service } from '@ember/service';
import { next } from '@ember/runloop';
import { set } from '@ember/object';
-import Slotted from 'block-slots';
-
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
dom: service('dom'),
isConfirmation: false,
diff --git a/ui/packages/consul-ui/app/components/modal-dialog/README.mdx b/ui/packages/consul-ui/app/components/modal-dialog/README.mdx
index a886e61d3a5..35caeffbbec 100644
--- a/ui/packages/consul-ui/app/components/modal-dialog/README.mdx
+++ b/ui/packages/consul-ui/app/components/modal-dialog/README.mdx
@@ -18,23 +18,23 @@ as |modal|>
{{did-insert (set this 'modal' modal)}}
-
+ <:header>
Modal Header
-
-
+
+ <:body>
Modal body
-
-
+
+ <:actions>
Close modal
-
+
- {{yield}}
+{{#let (hash labelledby=(dom-guid)) as |aria|}}
+ {{#let (hash open=(action 'open') close=(action 'close') opened=this.isOpen aria=aria) as |api|}}
+
+ {{yield api}}
-
-
-
-
{{/if}}
-
+
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/popover-menu/index.hbs b/ui/packages/consul-ui/app/components/popover-menu/index.hbs
index b7ccd11b85f..002cb048da7 100644
--- a/ui/packages/consul-ui/app/components/popover-menu/index.hbs
+++ b/ui/packages/consul-ui/app/components/popover-menu/index.hbs
@@ -3,7 +3,6 @@
SPDX-License-Identifier: BUSL-1.1
}}
-{{yield}}
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/popover-menu/index.js b/ui/packages/consul-ui/app/components/popover-menu/index.js
index 57358f361b5..b77e689fba1 100644
--- a/ui/packages/consul-ui/app/components/popover-menu/index.js
+++ b/ui/packages/consul-ui/app/components/popover-menu/index.js
@@ -6,10 +6,9 @@
/*eslint ember/closure-actions: "warn"*/
import Component from '@ember/component';
import { inject as service } from '@ember/service';
-import Slotted from 'block-slots';
import { set } from '@ember/object';
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
dom: service('dom'),
expanded: false,
@@ -23,10 +22,6 @@ export default Component.extend(Slotted, {
this.guid = this.dom.guid(this);
this.submenus = [];
},
- willRender: function () {
- this._super(...arguments);
- set(this, 'hasHeader', this._isRegistered('header'));
- },
actions: {
addSubmenu: function (name) {
set(this, 'submenus', this.submenus.concat(name));
diff --git a/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.hbs b/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.hbs
index 3ea7fdb8b79..df2cb1a4326 100644
--- a/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.hbs
+++ b/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.hbs
@@ -3,9 +3,8 @@
SPDX-License-Identifier: BUSL-1.1
}}
-{{yield}}
- {{#if this.hasConfirmation}}
+ {{#if (has-block "confirmFooter")}}
- {{yield}}
+ {{#if (has-block "label")}}
+ {{yield to="label"}}
+ {{else}}
+ {{yield}}
+ {{/if}}
{{#if this.formModalActive}}
@@ -25,31 +28,35 @@
as |M|
>
-
+ {{#if (has-block "confirmHeader")}}
+ {{yield to="confirmHeader"}}
+ {{else}}
{{yield}}
-
+ {{/if}}
-
+ {{#if (has-block "confirmBody")}}
+ {{yield to="confirmBody"}}
+ {{else}}
{{yield}}
-
+ {{/if}}
-
-
+ {{#if (has-block "confirmFooter")}}
+ {{yield
(hash
button=(component 'popover-menu/menu-item/critical-button' confirmAction=(queue (action this.menu.clickTrigger) (action this.onclick) F.close))
btnAtts=(hash data-test-id='confirm-action')
confirmAction=(queue (action this.menu.clickTrigger) (action this.onclick) F.close)
close=F.close
)
+ to="confirmFooter"
}}
- >
+ {{else}}
{{yield}}
-
+ {{/if}}
{{/in-element}}
@@ -64,9 +71,11 @@
target={{if external '_blank'}}
rel={{if external 'noopener noreferrer'}}
>
-
+ {{#if (has-block "label")}}
+ {{yield to="label"}}
+ {{else}}
{{yield}}
-
+ {{/if}}
{{/let}}
{{else}}
@@ -78,9 +87,11 @@
(action (if this.close this.menu.clickTrigger (noop)))
}}
>
-
+ {{#if (has-block "label")}}
+ {{yield to="label"}}
+ {{else}}
{{yield}}
-
+ {{/if}}
{{/if}}
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.js b/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.js
index a67bb93e08d..e5abc9ecfdb 100644
--- a/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.js
+++ b/ui/packages/consul-ui/app/components/popover-menu/menu-item/index.js
@@ -7,9 +7,7 @@ import Component from '@ember/component';
import { inject as service } from '@ember/service';
import { set } from '@ember/object';
-import Slotted from 'block-slots';
-
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
dom: service('dom'),
@@ -31,10 +29,6 @@ export default Component.extend(Slotted, {
this._super(...arguments);
this.menu.removeSubmenu(this.guid);
},
- willRender: function () {
- this._super(...arguments);
- set(this, 'hasConfirmation', this._isRegistered('confirm-footer'));
- },
actions: {
activateModal(modalName) {
diff --git a/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.hbs b/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.hbs
index 6d3012119d8..d99a27d0a22 100644
--- a/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.hbs
+++ b/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.hbs
@@ -3,7 +3,10 @@
SPDX-License-Identifier: BUSL-1.1
}}
{{!-- template-lint-disable require-presentational-children --}}
-{{yield}}
- {{yield}}
+ {{#if (has-block "label")}}
+ {{yield to="label"}}
+ {{else}}
+ {{yield}}
+ {{/if}}
diff --git a/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.js b/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.js
index c93303764fa..b9f3eb8f0e2 100644
--- a/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.js
+++ b/ui/packages/consul-ui/app/components/popover-menu/menu-separator/index.js
@@ -5,8 +5,6 @@
import Component from '@ember/component';
-import Slotted from 'block-slots';
-
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
});
diff --git a/ui/packages/consul-ui/app/components/popover-select/index.hbs b/ui/packages/consul-ui/app/components/popover-select/index.hbs
index b3d6d9a349d..3b9a5ca2c64 100644
--- a/ui/packages/consul-ui/app/components/popover-select/index.hbs
+++ b/ui/packages/consul-ui/app/components/popover-select/index.hbs
@@ -7,35 +7,41 @@
class="popover-select"
...attributes
@position={{or @position "left"}}
- as |components menu|
>
- {{yield}}
- {{#let
- (component 'popover-select/optgroup' components=components)
- (component 'popover-select/option'
- select=this components=components
- onclick=(pipe
- (action "click")
- (if this.multiple (noop) menu.toggle)
+ <:trigger as |components menu|>
+ {{#let
+ (component 'popover-select/optgroup' components=components)
+ (component 'popover-select/option'
+ select=this components=components
+ onclick=(pipe
+ (action "click")
+ (if this.multiple (noop) menu.toggle)
+ )
)
- )
- as |Optgroup Option|
- }}
-
-
- {{yield (hash
- Optgroup=Optgroup
- Option=Option
- )}}
-
-
-
-
- {{yield (hash
- Optgroup=Optgroup
- Option=Option
- )}}
-
-
- {{/let}}
+ as |Optgroup Option|
+ }}
+ {{yield (hash
+ Optgroup=Optgroup
+ Option=Option
+ ) to="selected"}}
+ {{/let}}
+
+ <:menu as |components menu|>
+ {{#let
+ (component 'popover-select/optgroup' components=components)
+ (component 'popover-select/option'
+ select=this components=components
+ onclick=(pipe
+ (action "click")
+ (if this.multiple (noop) menu.toggle)
+ )
+ )
+ as |Optgroup Option|
+ }}
+ {{yield (hash
+ Optgroup=Optgroup
+ Option=Option
+ ) to="options"}}
+ {{/let}}
+
diff --git a/ui/packages/consul-ui/app/components/popover-select/index.js b/ui/packages/consul-ui/app/components/popover-select/index.js
index 33f5560bc39..564a16994e5 100644
--- a/ui/packages/consul-ui/app/components/popover-select/index.js
+++ b/ui/packages/consul-ui/app/components/popover-select/index.js
@@ -5,9 +5,8 @@
import Component from '@ember/component';
import { inject as service } from '@ember/service';
-import Slotted from 'block-slots';
-export default Component.extend(Slotted, {
+export default Component.extend({
tagName: '',
dom: service('dom'),
multiple: false,
diff --git a/ui/packages/consul-ui/app/components/popover-select/optgroup/index.hbs b/ui/packages/consul-ui/app/components/popover-select/optgroup/index.hbs
index 772294c9fa9..a7cb55499c9 100644
--- a/ui/packages/consul-ui/app/components/popover-select/optgroup/index.hbs
+++ b/ui/packages/consul-ui/app/components/popover-select/optgroup/index.hbs
@@ -5,9 +5,9 @@
{{#let @components.MenuSeparator as |MenuSeparator|}}
-
+ <:label>
{{@label}}
-
+
{{yield}}
-{{/let}}
\ No newline at end of file
+{{/let}}
diff --git a/ui/packages/consul-ui/app/components/popover-select/option/index.hbs b/ui/packages/consul-ui/app/components/popover-select/option/index.hbs
index 66f4875c979..6ea5682b273 100644
--- a/ui/packages/consul-ui/app/components/popover-select/option/index.hbs
+++ b/ui/packages/consul-ui/app/components/popover-select/option/index.hbs
@@ -14,8 +14,8 @@
@onclick={{action @onclick this}}
@selected={{this.selected}}
>
-
+ <:label>
{{yield}}
-
+
{{/let}}
diff --git a/ui/packages/consul-ui/app/components/role-form/index.hbs b/ui/packages/consul-ui/app/components/role-form/index.hbs
index edba0b76f18..fd2208b6f9a 100644
--- a/ui/packages/consul-ui/app/components/role-form/index.hbs
+++ b/ui/packages/consul-ui/app/components/role-form/index.hbs
@@ -28,8 +28,8 @@
{{!TODO: temporary policies id, look at the inception token modals and get rid of id="policies" and use something else}}
Policies
- {{#yield-slot name='policy' params=(block-params this.item)}}
- {{yield}}
+ {{#if (has-block 'policy')}}
+ {{yield this.item to='policy'}}
{{else}}
- {{/yield-slot}}
+ {{/if}}
diff --git a/ui/packages/consul-ui/app/components/role-selector/index.hbs b/ui/packages/consul-ui/app/components/role-selector/index.hbs
index 944b4e0ede8..fb1725b636e 100644
--- a/ui/packages/consul-ui/app/components/role-selector/index.hbs
+++ b/ui/packages/consul-ui/app/components/role-selector/index.hbs
@@ -11,16 +11,18 @@
@aria={{hash
label=(if (eq this.state 'role') 'New Role' 'New Policy')
}}
-as |modal|>
-
-
+>
+ <:default as |modal|>
+
+
+ <:header>
{{#if (eq this.state 'role')}}
New Role
{{else}}
New Policy
{{/if}}
-
-
+
+ <:body>
@nspace={{@nspace}}
@partition={{@partition}}
>
-
+ <:policy>
@nspace={{@nspace}}
@items={{this.item.Policies}}
>
-
+ <:trigger>
data-test-create-policy
{{action 'triggerStateCheckboxChange'}}
/>
-
+
-
+
@@ -64,8 +66,8 @@ as |modal|>
@partition={{@partition}}
/>
-
-
+
+ <:actions as |close|>
{{#if (eq this.state 'role')}}
@@ -101,7 +103,7 @@ as |modal|>
/>
{{/if}}
-
+
@placeholder="Search for role"
@items={{@items}}
>
-
+ <:label>
Apply an existing role
-
-
+
+ <:create>
data-test-role-create
{{on "click" (optional this.modal.open)}}
/>
-
-
+
+ <:option as |option|>
{{option.Name}}
-
-
+
+ <:set as |remove|>
-
+ <:header>
Name
Description
-
-
+
+ <:row as |item index|>
{{item.Name}}
{{item.Description}}
-
-
-
-
+
+ <:actions as |item index change checked|>
+
+ <:trigger>
More
-
-
+
+ <:menu as |components confirm keypressClick|>
-
+ <:label>
{{#if (can "edit role" item=item)}}
Edit
{{else}}
View
{{/if}}
-
+
{{#if (not @disabled)}}
-
+ <:label>
Remove
-
-
+
+ <:confirmHeader>
Confirm Remove
-
-
+
+ <:confirmBody>
Are you sure you want to remove this role?
-
-
+
+ <:confirmFooter as |Params|>
-
+
{{/if}}
-
+
-
+
-
+
diff --git a/ui/packages/consul-ui/app/components/tabular-collection/index.hbs b/ui/packages/consul-ui/app/components/tabular-collection/index.hbs
index 544b8a75a40..0a81c5c66ab 100644
--- a/ui/packages/consul-ui/app/components/tabular-collection/index.hbs
+++ b/ui/packages/consul-ui/app/components/tabular-collection/index.hbs
@@ -4,7 +4,7 @@
}}
{{on-window 'resize' (action "resize") }}
{{yield}}
-{{#if this.hasCaption}}
- {{yield}}
+{{#if (has-block "caption")}}
+ {{yield to="caption"}}
{{/if}}
- {{yield}}
-{{#if this.hasActions }}
+ {{yield to="header"}}
+{{#if (has-block 'actions')}}
Actions
{{/if}}
@@ -28,15 +28,13 @@
{{~#each this._cells as |cell index|~}}
- {{yield cell.item index}}
-{{#if this.hasActions }}
+ {{yield cell.item index to="row"}}
+{{#if (has-block 'actions')}}
-
- {{yield cell.item index}}
-
+ {{yield cell.item cell.index (action "change") this.checked to="actions"}}
{{/if}}
{{~/each~}}
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/components/tabular-collection/index.js b/ui/packages/consul-ui/app/components/tabular-collection/index.js
index c8d712496c1..16e777303ec 100644
--- a/ui/packages/consul-ui/app/components/tabular-collection/index.js
+++ b/ui/packages/consul-ui/app/components/tabular-collection/index.js
@@ -8,11 +8,10 @@ import { computed, set } from '@ember/object';
import CollectionComponent from 'ember-collection/components/ember-collection';
import needsRevalidate from 'ember-collection/utils/needs-revalidate';
import Grid from 'ember-collection/layouts/grid';
-import Slotted from 'block-slots';
const formatItemStyle = Grid.prototype.formatItemStyle;
-export default CollectionComponent.extend(Slotted, {
+export default CollectionComponent.extend({
tagName: '',
dom: service('dom'),
width: 1150,
@@ -59,11 +58,6 @@ export default CollectionComponent.extend(Slotted, {
},
}),
- willRender: function () {
- this._super(...arguments);
- set(this, 'hasCaption', this._isRegistered('caption'));
- set(this, 'hasActions', this._isRegistered('actions'));
- },
// `ember-collection` bug workaround
// https://github.com/emberjs/ember-collection/issues/138
_needsRevalidate: function () {
diff --git a/ui/packages/consul-ui/app/components/tabular-details/index.hbs b/ui/packages/consul-ui/app/components/tabular-details/index.hbs
index a7a9b590bd9..66b34b4f693 100644
--- a/ui/packages/consul-ui/app/components/tabular-details/index.hbs
+++ b/ui/packages/consul-ui/app/components/tabular-details/index.hbs
@@ -7,7 +7,7 @@
- {{yield}}
+ {{yield to="header"}}
Actions
@@ -15,7 +15,7 @@
{{#let (concat 'tabular-details-' @name '-toggle-' this.guid '_') as |inputId|}}
{{#each @items as |item index|}}
- {{yield item index}}
+ {{yield item index to="row"}}
Show details
@@ -26,9 +26,7 @@
Hide details
-
- {{yield item index}}
-
+ {{yield item index to="details"}}
diff --git a/ui/packages/consul-ui/app/components/tabular-details/index.js b/ui/packages/consul-ui/app/components/tabular-details/index.js
index 471da2ad627..0e36729bd09 100644
--- a/ui/packages/consul-ui/app/components/tabular-details/index.js
+++ b/ui/packages/consul-ui/app/components/tabular-details/index.js
@@ -5,9 +5,8 @@
import Component from '@ember/component';
import { inject as service } from '@ember/service';
-import Slotted from 'block-slots';
-export default Component.extend(Slotted, {
+export default Component.extend({
dom: service('dom'),
onchange: function () {},
init: function () {
diff --git a/ui/packages/consul-ui/app/components/token-list/index.hbs b/ui/packages/consul-ui/app/components/token-list/index.hbs
index 0196ad2b216..7e766828475 100644
--- a/ui/packages/consul-ui/app/components/token-list/index.hbs
+++ b/ui/packages/consul-ui/app/components/token-list/index.hbs
@@ -9,26 +9,28 @@
data-test-tokens
class="token-list"
@rows={{5}}
- @items={{sort-by 'AccessorID:asc' @items}} as |item index|
+ @items={{sort-by 'AccessorID:asc' @items}}
>
- {{#if @caption}}
- {{@caption}}
- {{/if}}
-
- AccessorID
- Scope
- Description
-
-
-
- {{truncate item.AccessorID 8 false}}
-
-
- {{if item.Local 'local' 'global'}}
-
-
- {{item.Description}}
-
-
+ <:caption>
+ {{#if @caption}}
+ {{@caption}}
+ {{/if}}
+
+ <:header>
+ AccessorID
+ Scope
+ Description
+
+ <:row as |item index|>
+
+ {{truncate item.AccessorID 8 false}}
+
+
+ {{if item.Local 'local' 'global'}}
+
+
+ {{item.Description}}
+
+
-{{/if}}
\ No newline at end of file
+{{/if}}
diff --git a/ui/packages/consul-ui/app/components/token-list/index.js b/ui/packages/consul-ui/app/components/token-list/index.js
index 440ea16a5fa..b9f3eb8f0e2 100644
--- a/ui/packages/consul-ui/app/components/token-list/index.js
+++ b/ui/packages/consul-ui/app/components/token-list/index.js
@@ -4,8 +4,7 @@
*/
import Component from '@ember/component';
-import SlotsMixin from 'block-slots';
-export default Component.extend(SlotsMixin, {
+export default Component.extend({
tagName: '',
});
diff --git a/ui/packages/consul-ui/app/components/topology-metrics/series/index.hbs b/ui/packages/consul-ui/app/components/topology-metrics/series/index.hbs
index 38bcc50b7d7..99b1142420e 100644
--- a/ui/packages/consul-ui/app/components/topology-metrics/series/index.hbs
+++ b/ui/packages/consul-ui/app/components/topology-metrics/series/index.hbs
@@ -51,12 +51,14 @@
@aria={{hash
label="Metrics Key"
}}
- as |modal|>
-
-
+>
+ <:default as |modal|>
+
+
+ <:header>
Metrics Key
-
-
+
+ <:body>
This key describes the metrics corresponding to the graph tooltip labels in more detail.
@@ -69,14 +71,14 @@
No metrics loaded.
{{/unless}}
-
-
+
+ <:actions as |close|>
Close
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/index.hbs b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/index.hbs
index a372e499960..643b6185521 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/index.hbs
@@ -14,10 +14,9 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -26,9 +25,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -63,12 +62,12 @@ as |route|>
-
+ <:header>
-
-
+
+ <:toolbar>
{{#if (gt items.length 0)}}
@filter={{filters}}
/>
{{/if}}
-
-
+
+ <:content>
-
+ <:header>
{{t 'routes.dc.acls.auth-methods.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.acls.auth-methods.index.empty.body'
items=items.length
htmlSafe=true
}}
-
-
+
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show.hbs b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show.hbs
index b14c3230571..d6853e6af76 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show.hbs
@@ -3,72 +3,79 @@
SPDX-License-Identifier: BUSL-1.1
}}
-
-
+
+ }}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
-
+
{{/if}}
-
+
-
-{{#let
- loader.data
-as |item|}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{outlet}}
-
-
-
-{{/let}}
-
+ <:loaded as |loader|>
+ {{#let loader.data as |item|}}
+
+ <:breadcrumbs>
+
+
+
+
+ <:header>
+
+
+
+
+
+ <:nav>
+
+
+ <:content>
+
+ {{outlet}}
+
+
+
+ {{/let}}
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/binding-rules.hbs b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/binding-rules.hbs
index 19271af94d9..12de2153b9b 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/binding-rules.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/binding-rules.hbs
@@ -15,17 +15,17 @@ as |route|>
dc=route.params.dc
name=route.params.id
)
- }}
- as |loader|>
+ }}>
+
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
loader.data
as |items|}}
@@ -45,26 +45,26 @@ as |items|}}
{{/each}}
{{else}}
-
+ <:header>
{{t 'routes.dc.acls.auth-methods.show.binding-rules.index.empty.header'}}
-
-
+
+ <:body>
{{t 'routes.dc.acls.auth-methods.show.binding-rules.index.empty.body'
htmlSafe=true
- }}
-
-
+ }}>
+
+ <:actions>
Read the documentation
-
+
{{/if}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/nspace-rules.hbs b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/nspace-rules.hbs
index d069a55bcee..e7897f54a8e 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/nspace-rules.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/auth-methods/show/nspace-rules.hbs
@@ -17,21 +17,21 @@ as |item|}}
{{else}}
-
+ <:header>
{{compute (fn route.t 'empty.header')}}
-
-
+
+ <:body>
{{compute (fn route.t 'empty.body' (hash
htmlSafe=true
))}}
-
-
+
+ <:actions>
Read the documentation
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs b/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs
index 27637c78f27..c8c2baec724 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs
@@ -14,10 +14,9 @@ as |route|>
dc=route.params.dc
id=(or route.params.id '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -26,9 +25,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
@@ -43,12 +42,12 @@ as |dc partition nspace id item create|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
{{#if create }}
@@ -60,8 +59,8 @@ as |dc partition nspace id item create|}}
{{/if}}
{{/if}}
-
-
+
+ <:content>
{{#if (not create) }}
@@ -126,9 +125,9 @@ as |dc partition nspace id item create|}}
@onItemsChange={{action (mut this.items) value="data"}}
/>
{{/if}}
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/policies/index.hbs b/ui/packages/consul-ui/app/templates/dc/acls/policies/index.hbs
index 3783e9c859c..640c3300410 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/policies/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/policies/index.hbs
@@ -13,10 +13,9 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -25,9 +24,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -60,12 +59,12 @@ as |route|>
-
+ <:header>
-
-
+
+ <:actions>
{{#if (can "create policies")}}
data-test-create
/>
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0) }}
@filter={{filters}}
/>
{{/if}}
-
-
+
+ <:content>
-
+ <:header>
{{t 'routes.dc.acls.policies.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.acls.policies.index.empty.body'
items=items.length
htmlSafe=true
}}
-
-
+
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs b/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs
index ce21b75b5ed..4b685ab0aa0 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs
@@ -14,10 +14,9 @@ as |route|>
dc=route.params.dc
id=(or route.params.id '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -26,9 +25,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
@@ -41,12 +40,12 @@ as |dc partition nspace item create|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
{{#if create }}
@@ -54,8 +53,8 @@ as |dc partition nspace item create|}}
{{/if}}
-
-
+
+ <:content>
{{#if (not create) }}
@@ -84,9 +83,9 @@ as |dc partition nspace item create|}}
@onDelete={{fn this.onDelete item}}
@onItemsChange={{action (mut this.items) value="data"}}
/>
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/roles/index.hbs b/ui/packages/consul-ui/app/templates/dc/acls/roles/index.hbs
index ba6ecb528bc..1f7822db3fe 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/roles/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/roles/index.hbs
@@ -14,10 +14,9 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -26,9 +25,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -54,12 +53,12 @@ as |route|>
-
+ <:header>
-
-
+
+ <:actions>
{{#if (can "create roles")}}
data-test-create
/>
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0) }}
@filter={{filters}}
/>
{{/if}}
-
-
+
+ <:content>
-
+ <:header>
{{t 'routes.dc.acls.roles.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.acls.roles.index.empty.body'
items=items.length
htmlSafe=true
}}
-
-
+
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/tokens/edit.hbs b/ui/packages/consul-ui/app/templates/dc/acls/tokens/edit.hbs
index c03c290ee9f..fd5f1cee72e 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/tokens/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/tokens/edit.hbs
@@ -14,10 +14,9 @@ as |route|>
dc=route.params.dc
id=(or route.params.id '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -26,9 +25,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
@@ -41,12 +40,12 @@ as |dc partition nspace item create|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
{{#if create}}
@@ -54,21 +53,21 @@ as |dc partition nspace item create|}}
{{/if}}
-
-
+
+ <:actions>
{{#if (not create)}}
{{#if (not-eq item.AccessorID this.token.AccessorID)}}
-
+ <:action as |confirm|>
-
-
+
+ <:dialog as |execute cancel message|>
{{message}}
@@ -85,7 +84,7 @@ as |dc partition nspace item create|}}
{{action cancel}}
/>
-
+
{{/if}}
{{#if (can "duplicate token" item=item)}}
@@ -98,8 +97,8 @@ as |dc partition nspace item create|}}
{{/if}}
{{/if}}
-
-
+
+ <:content>
{{#if (token/is-legacy item)}}
Update
@@ -154,9 +153,9 @@ as |dc partition nspace item create|}}
@onDelete={{fn this.onDelete item}}
@onChange={{action 'change'}}
/>
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/tokens/index.hbs b/ui/packages/consul-ui/app/templates/dc/acls/tokens/index.hbs
index b87d82cbe07..7529bcd1500 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/tokens/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/tokens/index.hbs
@@ -13,10 +13,9 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
{{#if (eq loader.error.status '401')}}
{{else}}
@@ -25,9 +24,9 @@ as |route|>
@login={{route.model.app.login.open}}
/>
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -57,12 +56,12 @@ as |route|>
-
+ <:header>
-
-
+
+ <:actions>
{{#if (can "create tokens")}}
data-test-create
/>
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0)}}
@filter={{filters}}
/>
{{/if}}
-
-
+
+ <:content>
{{#if (token/is-legacy items)}}
Update
@@ -115,25 +114,25 @@ as |route|>
-
+ <:header>
{{t 'routes.dc.acls.tokens.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.acls.tokens.index.empty.body'
items=items.length
htmlSafe=true
}}
-
+
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/intentions/edit.hbs b/ui/packages/consul-ui/app/templates/dc/intentions/edit.hbs
index 049dd7917b5..251a660dbd6 100644
--- a/ui/packages/consul-ui/app/templates/dc/intentions/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/intentions/edit.hbs
@@ -14,28 +14,27 @@ as |route|>
dc=route.params.dc
id=(or route.params.intention_id '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
loader.data
(not (can "write intention" item=loader.data))
as |item readOnly|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
{{#if (not readOnly)}}
{{#if item.ID}}
@@ -47,8 +46,8 @@ as |item readOnly|}}
{{/if}}
-
-
+
+ <:content>
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/intentions/index.hbs b/ui/packages/consul-ui/app/templates/dc/intentions/index.hbs
index 2cb37cc4aea..2fca27cf19a 100644
--- a/ui/packages/consul-ui/app/templates/dc/intentions/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/intentions/index.hbs
@@ -13,17 +13,16 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |api|>
+ )}}>
-
+ <:error as |api|>
-
+
-
+ <:loaded as |api|>
{{#let
(hash
@@ -51,13 +50,13 @@ as |route|>
as |sort filters items|}}
-
+ <:header>
{{format-number items.length}} total
-
-
+
+ <:actions>
{{#if (can 'create intentions')}}
data-test-create
/>
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0) }}
/>
{{/if}}
-
-
+
+ <:content>
{{#let (refresh-route) as |refreshRoute|}}
}}
@type="intention"
@ondelete={{refreshRoute}}
- @onchange={{refreshRoute}}
- as |writer|>
-
+ @onchange={{refreshRoute}}>
+ <:content as |writer|>
-
+ <:header>
{{t 'routes.dc.intentions.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.intentions.index.empty.body'
items=items.length
canUseACLs=(can "use acls")
htmlSafe=true
}}
-
-
+
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/kv/edit.hbs b/ui/packages/consul-ui/app/templates/dc/kv/edit.hbs
index 52caf4506df..7ec668d8309 100644
--- a/ui/packages/consul-ui/app/templates/dc/kv/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/kv/edit.hbs
@@ -23,17 +23,16 @@ as |parentKey|}}
dc=route.params.dc
key=(if (string-ends-with this.routeName 'create') '' route.params.key)
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
@@ -45,7 +44,7 @@ as |dc partition nspace item|}}
-
+ <:breadcrumbs>
{{#if (not-eq parentKey separator)}}
@@ -74,9 +73,9 @@ as |parts|}}
{{/if}}
-
+
-
+ <:header>
{{#if (and item.Key (not-eq item.Key parentKey))}}
@@ -85,9 +84,9 @@ as |parts|}}
{{/if}}
-
+
-
+ <:content>
{{! if a KV has a session `Session` will always be populated despite any specific session permissions }}
{{#if item.Session}}
@@ -136,10 +135,10 @@ as |parts|}}
{{/if}}
{{/if}}
-
+
{{/let}}
-
+
{{/let}}
{{/let}}
diff --git a/ui/packages/consul-ui/app/templates/dc/kv/index.hbs b/ui/packages/consul-ui/app/templates/dc/kv/index.hbs
index 7042b62f1c0..137fd9a1f8b 100644
--- a/ui/packages/consul-ui/app/templates/dc/kv/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/kv/index.hbs
@@ -24,16 +24,15 @@ as |route|>
nspace=route.params.nspace
dc=route.params.dc
key=(or route.params.key '/')
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
-
-
+
+ <:disconnected as |loader after|>
{{#if (eq loader.error.status "404")}}
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -86,18 +85,16 @@ as |route|>
loader.data
as |sort filters parent items|}}
-
- {{#if (not-eq parent.Key '/') }}
-
+
+ <:breadcrumbs>
{{#each (slice 0 -2 (split parent.Key '/')) as |breadcrumb index|}}
{{/each}}
-
- {{/if}}
-
+
+ <:header>
{{#if (eq parent.Key '/')}}
@@ -106,8 +103,8 @@ as |sort filters parent items|}}
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0) }}
{{/if}}
-
-
+
+ <:actions>
{{#if (can 'create kvs')}}
{{#if (and parent.Key (not-eq parent.Key '/')) }}
{{/if}}
{{/if}}
-
-
+
+ <:content>
{{#let (refresh-route) as |refreshRoute|}}
-
+ @ondelete={{refreshRoute}}>
+ <:content as |writer|>
-
+ <:header>
{{t 'routes.dc.kv.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.kv.index.empty.body'
items=items.length
canUseACLs=(can "use acls")
htmlSafe=true
}}
-
-
+
+ <:actions>
-
+
-
+
{{/let}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nodes/index.hbs b/ui/packages/consul-ui/app/templates/dc/nodes/index.hbs
index 39e2ddb2755..2ca432879a1 100644
--- a/ui/packages/consul-ui/app/templates/dc/nodes/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nodes/index.hbs
@@ -18,14 +18,13 @@
'/${partition}/${nspace}/${dc}/nodes'
(hash partition=route.params.partition nspace=route.params.nspace dc=route.params.dc)
}}
- as |api|
>
-
+ <:error as |api|>
-
+
-
+ <:loaded as |api|>
{{#let
(hash value=(or this.sortBy 'Status:asc') change=(action (mut this.sortBy) value='target.selected'))
(hash
@@ -52,14 +51,14 @@
}}
{{#let (reject-by 'Meta.synthetic-node' items) as |filtered|}}
-
+ <:header>
{{format-number items.length}} total
-
-
+
+ <:toolbar>
{{#if (gt filtered.length 0)}}
{{/if}}
-
-
+
+ <:content>
-
+ <:header>
{{t 'routes.dc.nodes.index.empty.header' items=items.length}}
-
-
+
+ <:body>
{{t
'routes.dc.nodes.index.empty.body'
items=items.length
canUseACLs=(can 'use acls')
htmlSafe=true
}}
-
-
+
+ <:actions>
-
+
-
+
{{/let}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nodes/show.hbs b/ui/packages/consul-ui/app/templates/dc/nodes/show.hbs
index 1221750d4a9..e05a3413444 100644
--- a/ui/packages/consul-ui/app/templates/dc/nodes/show.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nodes/show.hbs
@@ -23,16 +23,15 @@ as |route|>
name=route.params.name
peer=route.params.peer
)
- }}
- as |loader|>
-
+ }}>
+ <:error as |loader|>
-
+
-
+ <:disconnected as |loader after|>
{{#if (eq loader.error.status "404")}}
An error was returned whilst loading this data, refresh to try again.
{{/if}}
-
-
+
+ <:loaded as |loader|>
{{#let
loader.data
tomography.data
as |item tomography|}}
-
+ <:notification as |status type|>
-
-
-
+
+ <:breadcrumbs>
+
-
-
+
+ <:header>
-
-
+
+ <:nav>
-
-
+
+ <:actions>
{{format-ipaddr item.Address}}
-
-
+
+ <:content>
{{outlet}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nodes/show/healthchecks.hbs b/ui/packages/consul-ui/app/templates/dc/nodes/show/healthchecks.hbs
index 4b4537a4719..3898a23a1dd 100644
--- a/ui/packages/consul-ui/app/templates/dc/nodes/show/healthchecks.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nodes/show/healthchecks.hbs
@@ -74,12 +74,12 @@ as |route|>
-
+ <:body>
{{t "routes.dc.nodes.show.healthchecks.empty"
items=items.length
htmlSafe=true
}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nodes/show/metadata.hbs b/ui/packages/consul-ui/app/templates/dc/nodes/show/metadata.hbs
index 06ebf4cb42f..fce99619b03 100644
--- a/ui/packages/consul-ui/app/templates/dc/nodes/show/metadata.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nodes/show/metadata.hbs
@@ -11,11 +11,11 @@ as |route|>
{{else}}
-
+ <:body>
This node has no metadata.
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/templates/dc/nodes/show/services.hbs b/ui/packages/consul-ui/app/templates/dc/nodes/show/services.hbs
index e491fd67fa2..48629b635d5 100644
--- a/ui/packages/consul-ui/app/templates/dc/nodes/show/services.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nodes/show/services.hbs
@@ -69,12 +69,12 @@ as |route|>
-
+ <:body>
{{t "routes.dc.nodes.show.services.empty"
items=items.length
htmlSafe=true
}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nodes/show/sessions.hbs b/ui/packages/consul-ui/app/templates/dc/nodes/show/sessions.hbs
index 9785d7f350f..63dc83ceb43 100644
--- a/ui/packages/consul-ui/app/templates/dc/nodes/show/sessions.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nodes/show/sessions.hbs
@@ -13,16 +13,16 @@ as |route|>
dc=route.params.dc
node=route.params.name
)
- }} as |api|>
+ }}>
-
+ <:error as |api|>
-
+
-
+ <:loaded as |api|>
{{#let api.data (refresh-route) as |items refreshRoute|}}
}}
@type="session"
@label="Lock Session"
- @ondelete={{refreshRoute}}
- as |writer|>
+ @ondelete={{refreshRoute}}>
-
+ <:removed as |after|>
-
+
-
+ <:error as |after error writer |>
@type="remove"
@error={{error}}
/>
-
+
-
+ <:content as |writer|>
-
+ <:header>
{{t 'routes.dc.nodes.show.sessions.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.nodes.show.sessions.empty.body'
canUseACLs=(can "use acls")
htmlSafe=true
}}
-
+
-
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nspaces/edit.hbs b/ui/packages/consul-ui/app/templates/dc/nspaces/edit.hbs
index 138554645f2..051e9c4176d 100644
--- a/ui/packages/consul-ui/app/templates/dc/nspaces/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nspaces/edit.hbs
@@ -14,17 +14,16 @@ as |route|>
dc=route.params.dc
id=(or route.params.name '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
@@ -35,19 +34,19 @@ as |route|>
loader.data.isNew
as |dc partition nspace item create|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
-
-
-
-
+
+ <:actions>
+
+ <:content>
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/nspaces/index.hbs b/ui/packages/consul-ui/app/templates/dc/nspaces/index.hbs
index 6916079afb5..e88a4a0f915 100644
--- a/ui/packages/consul-ui/app/templates/dc/nspaces/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/nspaces/index.hbs
@@ -13,17 +13,16 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -47,12 +46,12 @@ as |route|>
as |sort filters items|}}
-
+ <:header>
-
-
+
+ <:actions>
{{#if (can "create nspaces")}}
data-test-create
/>
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0)}}
@filter={{filters}}
/>
{{/if}}
-
-
+
+ <:content>
{{#let (refresh-route) as |refreshRoute|}}
}}
@type="nspace"
@label="Namespace"
- @ondelete={{refreshRoute}}
- as |writer|>
-
-
+ <:removed as |after|>
+
-
-
+
+ <:content as |writer|>
-
+ <:header>
{{t 'routes.dc.namespaces.index.empty.header'
items=items.length}}
-
-
+
+ <:body>
{{t 'routes.dc.namespaces.index.empty.body'
items=items.length
canUseACLs=(can 'use acls')}}
-
-
+
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/partitions/edit.hbs b/ui/packages/consul-ui/app/templates/dc/partitions/edit.hbs
index d416450e7f4..66452fe1e21 100644
--- a/ui/packages/consul-ui/app/templates/dc/partitions/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/partitions/edit.hbs
@@ -14,17 +14,16 @@ as |route|>
dc=route.params.dc
id=(or route.params.name '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
@@ -34,23 +33,23 @@ as |route|>
loader.data
as |dc partition nspace item|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
-
-
+
+ <:content>
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/partitions/index.hbs b/ui/packages/consul-ui/app/templates/dc/partitions/index.hbs
index 2bb8ebc5a37..960813fbca4 100644
--- a/ui/packages/consul-ui/app/templates/dc/partitions/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/partitions/index.hbs
@@ -13,17 +13,16 @@ as |route|>
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
- )}}
- as |loader|>
+ )}}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
@@ -47,12 +46,12 @@ as |route|>
as |sort filters items|}}
-
+ <:header>
-
-
+
+ <:actions>
{{#if (can 'create partitions')}}
data-test-create
/>
{{/if}}
-
-
+
+ <:toolbar>
{{#if (gt items.length 0)}}
@filter={{filters}}
/>
{{/if}}
-
-
+
+ <:content>
{{#let (refresh-route) as |refreshRoute|}}
}}
@type="partition"
@label="Partition"
- @ondelete={{refreshRoute}}
- as |writer|>
-
+ @ondelete={{refreshRoute}}>
+ <:removed as |writer after|>
-
-
+
+ <:content as |writer|>
-
+ <:header>
{{t 'routes.dc.partitions.index.empty.header'
items=items.length}}
-
-
+
+ <:body>
{{t 'routes.dc.partitions.index.empty.body'
items=items.length
canUseACLs=(can 'use acls')}}
-
-
+
+ <:actions>
Documentation on Admin Partitions
-
+
-
+
{{/let}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/peers/index.hbs b/ui/packages/consul-ui/app/templates/dc/peers/index.hbs
index b4f4d7724d8..cc9bd0ef54c 100644
--- a/ui/packages/consul-ui/app/templates/dc/peers/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/peers/index.hbs
@@ -13,14 +13,13 @@
dc=route.params.dc
)
}}
- as |loader|
>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
(hash
value=(or this.sortBy "State:asc")
@@ -45,12 +44,12 @@
as |sort filters items|
}}
-
+ <:header>
-
-
+
+ <:toolbar>
{{#if (gt items.length 0)}}
{{/if}}
-
-
+
+ <:actions>
-
- {{did-insert-helper (set this "create" modal)}}
+ <:header as |api|>
+ {{did-insert-helper (set this "create" api)}}
Add peer connection
-
-
+
+ <:body as |api|>
- {{#if modal.opened}}
+ {{#if api.opened}}
{{did-insert-helper (set this "form" form)}}
@@ -90,10 +88,10 @@
{{/if}}
-
-
+
+ <:actions>
-
+
-
-
+
+ <:content>
-
+ <:removed as |after|>
-
-
+
+ <:content as |writer|>
-
+ <:header as |modal|>
{{did-insert-helper (set this "regenerate" modal)}}
Regenerate token
-
-
+
+ <:body>
{{#if this.item}}
{{/if}}
-
-
+
+ <:actions>
-
+
{{! TODO: do we need to check permissions here or will we receive an error automatically? }}
-
+ <:header>
{{t
"routes.dc.peers.index.empty.header"
items=items.length
}}
-
-
+
+ <:body>
{{t
"routes.dc.peers.index.empty.body"
@@ -196,8 +192,8 @@
htmlSafe=true
}}
-
-
+
+ <:actions>
{{! what's the docs for peering?}}
-
+
-
+
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/peers/show.hbs b/ui/packages/consul-ui/app/templates/dc/peers/show.hbs
index 5ad3f5fea97..45f9eb0f37e 100644
--- a/ui/packages/consul-ui/app/templates/dc/peers/show.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/peers/show.hbs
@@ -14,14 +14,13 @@
name=route.params.name
)
}}
- as |loader|
>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.dc
route.params.partition
@@ -30,17 +29,17 @@
as |dc partition nspace item|
}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
-
-
+
+ <:content>
@@ -56,9 +55,9 @@
>
{{outlet}}
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/peers/show/addresses.hbs b/ui/packages/consul-ui/app/templates/dc/peers/show/addresses.hbs
index fdd823c0f13..90e93027464 100644
--- a/ui/packages/consul-ui/app/templates/dc/peers/show/addresses.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/peers/show/addresses.hbs
@@ -8,15 +8,15 @@
{{else}}
-
+ <:header>
{{t "routes.dc.peers.show.addresses.empty.header"}}
-
-
+
+ <:body>
{{t "routes.dc.peers.show.addresses.empty.body" htmlSafe=true}}
-
-
+
+ <:actions>
-
+
{{/if}}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/peers/show/exported.hbs b/ui/packages/consul-ui/app/templates/dc/peers/show/exported.hbs
index 09b8118c993..5526d3d48f8 100644
--- a/ui/packages/consul-ui/app/templates/dc/peers/show/exported.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/peers/show/exported.hbs
@@ -14,19 +14,17 @@
name=route.model.peer.Name
)
}}
- as |api|
>
- {{#let
- (or route.params.partition route.model.user.token.Partition "default")
- api.data
- as |partition items|
- }}
-
-
-
-
+ <:error as |api|>
+
+
-
+ <:loaded as |api|>
+ {{#let
+ (or route.params.partition route.model.user.token.Partition "default")
+ api.data
+ as |partition items|
+ }}
{{#if items.length}}
@@ -134,8 +132,8 @@
-
- {{/let}}
+ {{/let}}
+
-
\ No newline at end of file
+
diff --git a/ui/packages/consul-ui/app/templates/dc/peers/show/imported.hbs b/ui/packages/consul-ui/app/templates/dc/peers/show/imported.hbs
index 844d8908a60..5ed16df01db 100644
--- a/ui/packages/consul-ui/app/templates/dc/peers/show/imported.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/peers/show/imported.hbs
@@ -15,14 +15,13 @@
peerId=route.model.peer.id
)
}}
- as |api|
>
-
+ <:error as |api|>
-
+
-
+ <:loaded as |api|>
{{#let
(hash
value=(or this.sortBy "Status:asc")
@@ -92,23 +91,23 @@
@login={{route.model.app.login.open}}
data-test-imported-services-empty
>
-
+ <:header>
{{t
"routes.dc.peers.show.imported.empty.header"
name=route.model.peer.Name
}}
-
-
+
+ <:body>
{{t
"routes.dc.peers.show.imported.empty.body"
items=items.length
name=route.model.peer.Name
htmlSafe=true
}}
-
-
+
+ <:actions>
{{! what's the docs for peering?}}
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/routing-config.hbs b/ui/packages/consul-ui/app/templates/dc/routing-config.hbs
index 4e955bba6b0..ced2b8ef53e 100644
--- a/ui/packages/consul-ui/app/templates/dc/routing-config.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/routing-config.hbs
@@ -15,41 +15,40 @@ as |route|>
dc=route.params.dc
name=route.params.name
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
loader.data
as |item|}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
-
-
+
+ <:content>
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/index.hbs b/ui/packages/consul-ui/app/templates/dc/services/index.hbs
index c6101f48194..d738b93eecd 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/index.hbs
@@ -14,16 +14,16 @@ as |route|>
nspace=route.params.nspace
dc=route.params.dc
)
- }} as |api|>
+ }}>
-
+ <:error as |api|>
-
+
-
+ <:loaded as |api|>
{{#let
@@ -64,13 +64,13 @@ as |route|>
as |sort filters items partition nspace|}}
-
+ <:header>
{{format-number items.length}} total
-
-
+
+ <:toolbar>
{{#if (gt items.length 0) }}
{{#let (collection items) as |items|}}
{{/let}}
{{/if}}
-
-
+
+ <:content>
-
+ <:header>
{{t 'routes.dc.services.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.services.index.empty.body'
items=items.length
canUseACLs=(can "use acls")
htmlSafe=true
}}
-
-
+
+ <:actions>
-
+
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance.hbs
index eb46bd4834f..0c054f59ece 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance.hbs
@@ -17,14 +17,13 @@
peer=route.params.peer
)
}}
- as |loader|
>
-
+ <:error as |loader|>
-
+
-
+ <:disconnected as |loader after|>
{{#if (eq loader.error.status '404')}}
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let loader.data as |item|}}
{{#if item.IsOrigin}}
{{/if}}
-
+ <:breadcrumbs>
-
-
+
+ <:header>
@@ -123,8 +122,8 @@
{{#if (eq this.meta.ServiceProxy.Mode 'transparent')}}
{{/if}}
-
-
+
+ <:nav>
Service Name
{{item.Service.PeerName}}
{{/if}}
-
-
+
+ <:actions>
{{#let (or item.Service.Address item.Node.Address) as |address|}}
{{format-ipaddr address}}
{{/let}}
-
-
+
+ <:content>
{{outlet}}
-
+
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance/addresses.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance/addresses.hbs
index f570d97fb1d..384abbd5172 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance/addresses.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance/addresses.hbs
@@ -14,13 +14,13 @@ as |items|}}
-
+ <:header>
Tag
Address
-
-
+
+ <:row as |taggedAddress index|>
{{#let (object-at 1 taggedAddress) as |address|}}
{{object-at 0 taggedAddress}}{{#if (and (eq address.Address route.model.item.Address) (eq address.Port route.model.item.Port))}} (default) {{/if}}
@@ -29,7 +29,7 @@ as |items|}}
{{address.Address}}:{{address.Port}}
{{/let}}
-
+
{{else}}
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance/exposedpaths.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance/exposedpaths.hbs
index 0442c6833d5..40e698a890c 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance/exposedpaths.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance/exposedpaths.hbs
@@ -19,9 +19,9 @@ as |item proxy|}}
/>
{{else}}
-
+ <:body>
{{t 'routes.dc.services.instance.exposedpaths.empty.body' htmlSafe=true}}
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance/healthchecks.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance/healthchecks.hbs
index adbb3794a87..ffd6aea847e 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance/healthchecks.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance/healthchecks.hbs
@@ -72,13 +72,13 @@
-
+ <:body>
{{t
'routes.dc.services.instance.healthchecks.empty'
items=items.length
htmlSafe=true
}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance/metadata.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance/metadata.hbs
index 5635d2bf97e..69bb0468087 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance/metadata.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance/metadata.hbs
@@ -16,11 +16,11 @@ as |item|}}
{{else}}
-
+ <:body>
There are no tags.
-
+
{{/if}}
@@ -30,11 +30,11 @@ as |item|}}
{{else}}
-
+ <:body>
This instance has no metadata.
-
+
{{/if}}
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance/upstreams.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance/upstreams.hbs
index 2a49fa17ac7..138324c5472 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance/upstreams.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance/upstreams.hbs
@@ -80,12 +80,12 @@ as |route|>
-
+ <:body>
{{t "routes.dc.services.instance.upstreams.empty"
items=items.length
htmlSafe=true
}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show.hbs b/ui/packages/consul-ui/app/templates/dc/services/show.hbs
index c49ca31d19a..da817f13024 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show.hbs
@@ -15,17 +15,16 @@ as |route|>
name=route.params.name
peer=route.params.peer
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:disconnected as |loader after|>
{{#if (eq loader.error.status "404")}}
An error was returned whilst loading this data, refresh to try again.
{{/if}}
-
+
-
+ <:loaded as |loader|>
{{#let
loader.data
(get loader.data "firstObject")
@@ -107,14 +106,14 @@ as |items item dc|}}
)
as |tabs|}}
-
+ <:notification as |status type item error|>
-
-
+
+ <:breadcrumbs>
-
-
+
+ <:header>
-
-
+
+ <:nav>
{{#if (not-eq item.Service.Kind 'mesh-gateway')}}
{{/if}}
-
-
+
+ <:actions>
{{/if}}
-
-
+
+ <:content>
{{! if its not an origin service we don't care as to whether connect }}
{{! is enabled or not (we figure that out using the chain var) }}
{{#if (or (not item.IsOrigin) this.chain)}}
@@ -210,10 +209,10 @@ as |items item dc|}}
{{outlet}}
{{/if}}
-
+
{{/let}}
{{/let}}
-
+
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/instances.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/instances.hbs
index e782e37c680..a8401cf48bd 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/instances.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/instances.hbs
@@ -81,12 +81,12 @@ as |sort filters items proxyMeta|}}
-
+ <:body>
{{t "routes.dc.services.show.instances.empty"
items=items.length
htmlSafe=true
}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/intentions/edit.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/intentions/edit.hbs
index 2f56a8d8035..5f2eb4c661f 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/intentions/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/intentions/edit.hbs
@@ -17,17 +17,16 @@ as |readOnly|}}
dc=route.params.dc
id=(or route.params.intention_id '')
)
- }}
- as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
loader.data
as |item|}}
@@ -43,7 +42,7 @@ as |item|}}
@onsubmit={{transition-to 'dc.services.show.intentions.index'}}
/>
{{/let}}
-
+
{{/let}}
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/intentions/index.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/intentions/index.hbs
index 0a4847a6fc1..bf38f4b42e9 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/intentions/index.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/intentions/index.hbs
@@ -14,12 +14,11 @@ as |route|>
dc=route.params.dc
slug=route.params.name
)
- }}
- as |api|>
-
+ }}>
+ <:error as |api|>
-
-
+
+ <:loaded as |api|>
{{#let
(hash
@@ -77,9 +76,8 @@ as |route|>
)
}}
@type="intention"
- @ondelete={{refreshRoute}}
- as |writer|>
-
+ @ondelete={{refreshRoute}}>
+ <:content as |writer|>
-
+ <:header>
{{t 'routes.dc.services.show.intentions.index.empty.header'
items=items.length
}}
-
-
+
+ <:body>
{{t 'routes.dc.services.show.intentions.index.empty.body'
items=items.length
canUseACLs=(can 'use acls')
htmlSafe=true
}}
-
-
+
+ <:actions>
@size='small'
/>
-
+
-
+
{{/let}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/routing.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/routing.hbs
index 60876c9024a..b81639ae28f 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/routing.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/routing.hbs
@@ -14,21 +14,21 @@ as |route|>
dc=route.params.dc
name=route.params.name
)
- }} as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/services.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/services.hbs
index 9cdf73a02e4..8aa44b8f3a0 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/services.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/services.hbs
@@ -14,16 +14,16 @@ as |route|>
dc=route.params.dc
name=route.params.name
)
- }} as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
@@ -81,17 +81,17 @@ as |route|>
-
+ <:body>
{{t "routes.dc.services.show.services.empty"
items=items.length
htmlSafe=true
}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/tags.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/tags.hbs
index adb0916be85..78fbe120225 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/tags.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/tags.hbs
@@ -12,16 +12,16 @@ as |route|>
{{else}}
-
+ <:header>
{{t 'routes.dc.services.show.tags.empty.header'}}
-
-
+
+ <:body>
{{t 'routes.dc.services.show.tags.empty.body'
htmlSafe=true
}}
-
+
{{/if}}
{{/let}}
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/topology.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/topology.hbs
index 01d7b8ee67e..7a8a45b8ba7 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/topology.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/topology.hbs
@@ -15,16 +15,16 @@ as |route|>
name=route.params.name
kind=(or (get route.model.items "firstObject.Service.Kind") '')
)
- }} as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
route.params.nspace
route.model.dc
@@ -179,6 +179,6 @@ as |nspace dc items topology|}}
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/services/show/upstreams.hbs b/ui/packages/consul-ui/app/templates/dc/services/show/upstreams.hbs
index fc2c1e485d3..4c390b98de1 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/show/upstreams.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/show/upstreams.hbs
@@ -14,16 +14,16 @@ as |route|>
dc=route.params.dc
name=route.params.name
)
- }} as |loader|>
+ }}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
@@ -86,17 +86,17 @@ as |route|>
-
+ <:body>
{{t "routes.dc.services.show.upstreams.empty"
items=items.length
htmlSafe=true
}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/show.hbs b/ui/packages/consul-ui/app/templates/dc/show.hbs
index de36dc16497..747f42cb275 100644
--- a/ui/packages/consul-ui/app/templates/dc/show.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/show.hbs
@@ -7,14 +7,14 @@
@name={{this.routeName}}
as |route|>
-
+ <:header>
-
-
-
-
+
+ <:toolbar>
+
+ <:nav>
{{#let
(from-entries (array
@@ -59,15 +59,15 @@ as |tabs|}}
{{/let}}
{{/let}}
-
-
+
+ <:content>
{{outlet}}
-
+
diff --git a/ui/packages/consul-ui/app/templates/dc/show/license.hbs b/ui/packages/consul-ui/app/templates/dc/show/license.hbs
index c6c7216bec3..7be256166fa 100644
--- a/ui/packages/consul-ui/app/templates/dc/show/license.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/show/license.hbs
@@ -14,20 +14,16 @@ as |route|>
nspace=route.params.nspace
dc=route.params.dc
)
- }}
- as |loader|>
+ }}>
-{{#let
- loader.data
-as |item|}}
-
+ <:error as |loader|>
-
+
-
+ <:disconnected as |after loader|>
{{#if (eq loader.error.status "404")}}
An error was returned whilst loading this data, refresh to try again.
{{/if}}
-
+
-
+ <:loaded as |loader|>
+{{#let
+ loader.data
+as |item|}}
-
{{/let}}
+
diff --git a/ui/packages/consul-ui/app/templates/dc/show/serverstatus.hbs b/ui/packages/consul-ui/app/templates/dc/show/serverstatus.hbs
index 5509aa008c7..d1836130ac5 100644
--- a/ui/packages/consul-ui/app/templates/dc/show/serverstatus.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/show/serverstatus.hbs
@@ -14,20 +14,16 @@ as |route|>
nspace=route.params.nspace
dc=route.params.dc
)
- }}
- as |loader|>
+ }}>
-{{#let
- loader.data
-as |item|}}
-
+ <:error as |loader|>
-
+
-
+ <:disconnected as |after loader|>
{{#if (eq loader.error.status "404")}}
An error was returned whilst loading this data, refresh to try again.
{{/if}}
-
+
-
+ <:loaded as |loader|>
+{{#let
+ loader.data
+as |item|}}
-
{{/let}}
+
diff --git a/ui/packages/consul-ui/app/templates/settings.hbs b/ui/packages/consul-ui/app/templates/settings.hbs
index ef1d9c2fd82..65bdcad9825 100644
--- a/ui/packages/consul-ui/app/templates/settings.hbs
+++ b/ui/packages/consul-ui/app/templates/settings.hbs
@@ -7,17 +7,16 @@
@name={{this.routeName}}
as |route|>
+ @src={{uri 'settings://consul:client'}}>
-
+ <:error as |loader|>
-
+
-
+ <:loaded as |loader|>
{{#let
(or loader.data (hash
blocking=true
@@ -25,12 +24,12 @@ as |route|>
)
as |item|}}
-
+ <:header>
-
-
+
+ <:content>
Local Storage
These settings are immediately saved to local storage and persisted through browser usage.
@@ -94,9 +93,9 @@ as |item|}}
{{/if}}
-
+
{{/let}}
-
+
diff --git a/ui/packages/consul-ui/docs/data-layer.mdx b/ui/packages/consul-ui/docs/data-layer.mdx
index 3a47d49123d..d00c8e6f804 100644
--- a/ui/packages/consul-ui/docs/data-layer.mdx
+++ b/ui/packages/consul-ui/docs/data-layer.mdx
@@ -95,9 +95,9 @@ The above method can be called from within the app, along with Blocking Query an
)
}}
as |loader|>
-
+ <:loaded>
Show the Auth Methods here {{loader.data}}
-
+
{{! or just }}
diff --git a/ui/packages/consul-ui/lib/block-slots/LICENSE.md b/ui/packages/consul-ui/lib/block-slots/LICENSE.md
deleted file mode 100644
index c75ad2a144c..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/LICENSE.md
+++ /dev/null
@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 Ciena Corporation.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/ui/packages/consul-ui/lib/block-slots/README.md b/ui/packages/consul-ui/lib/block-slots/README.md
deleted file mode 100644
index 30b6bdb5416..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# block-slots
-
-ember 3 compatible version of [ember-block-slots](https://github.com/ciena-blueplanet/ember-block-slots)
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/components/block-slot.js b/ui/packages/consul-ui/lib/block-slots/addon/components/block-slot.js
deleted file mode 100644
index 0328d50c221..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/components/block-slot.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import { readOnly } from '@ember/object/computed';
-import Component from '@ember/component';
-import { isPresent } from '@ember/utils';
-import { get, set, defineProperty, computed } from '@ember/object';
-import layout from '../templates/components/block-slot';
-import Slots from '../mixins/slots';
-import YieldSlot from './yield-slot';
-const BlockSlot = Component.extend({
- layout,
- tagName: '',
- _name: computed('name', {
- get() {
- return this.name;
- },
- set(_key, value) {
- return value;
- },
- }),
- didInsertElement: function (...args) {
- this._super(...args);
- const slottedComponent = this.nearestOfType(Slots);
- if (!slottedComponent._isRegistered(this._name)) {
- slottedComponent._activateSlot(this._name);
- set(this, 'slottedComponent', slottedComponent);
- return;
- }
- const yieldSlot = this.nearestOfType(YieldSlot);
- if (yieldSlot) {
- set(this, '_yieldSlot', yieldSlot);
- // The slotted component will yield multiple times - once to register
- // the activate slots and once more per active slot - only display this
- // block when its associated slot is the one yielding
- const isTargetSlotYielding = get(yieldSlot, '_name') === this._name;
- set(this, 'isTargetSlotYielding', isTargetSlotYielding);
-
- // If the associated slot has block params, create a computed property
- // for each block param. Technically this could be an unlimited, but
- // hbs lacks a spread operator so params are currently limited to 9
- // (see the yield in the block-slot template)
- //
- // Spread PR: https://github.com/wycats/handlebars.js/pull/1149
- const params = get(yieldSlot, '_blockParams');
- if (isTargetSlotYielding && isPresent(params)) {
- // p0 p1 p2...
- params.forEach((param, index) => {
- defineProperty(this, `p${index}`, readOnly(`_yieldSlot._blockParams.${index}`));
- });
- }
- }
- },
- willDestroyElement: function (...args) {
- this._super(...args);
- if (this.slottedComponent) {
- // Deactivate the yield slot using the slots interface when the block
- // is destroyed to allow the yield slot default {{else}} to take effect
- // dynamically
- this.slottedComponent._deactivateSlot(this._name);
- }
- },
-});
-
-export default BlockSlot;
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/components/yield-slot.js b/ui/packages/consul-ui/lib/block-slots/addon/components/yield-slot.js
deleted file mode 100644
index 8733e315e7f..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/components/yield-slot.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { computed, get } from '@ember/object';
-import { reads } from '@ember/object/computed';
-import Component from '@ember/component';
-import layout from '../templates/components/yield-slot';
-import Slots from '../mixins/slots';
-const YieldSlotComponent = Component.extend({
- layout,
- tagName: '',
- _name: reads('name'),
- _blockParams: reads('params'),
- _parentView: computed(function () {
- return this.nearestOfType(Slots);
- }),
- isActive: computed('_parentView._slots.[]', '_name', function () {
- return get(this, '_parentView._slots').includes(get(this, '_name'));
- }),
-});
-
-export default YieldSlotComponent;
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/helpers/block-params.js b/ui/packages/consul-ui/lib/block-slots/addon/helpers/block-params.js
deleted file mode 100644
index b94431afc47..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/helpers/block-params.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { A } from '@ember/array';
-import { helper } from '@ember/component/helper';
-export function blockParams(params) {
- return A(params.slice());
-}
-export default helper(blockParams);
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/index.js b/ui/packages/consul-ui/lib/block-slots/addon/index.js
deleted file mode 100644
index 32df89ba8d4..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import SlotsMixin from './mixins/slots';
-
-export default SlotsMixin;
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/mixins/slots.js b/ui/packages/consul-ui/lib/block-slots/addon/mixins/slots.js
deleted file mode 100644
index 3ed0273f134..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/mixins/slots.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { computed, get } from '@ember/object';
-import { A } from '@ember/array';
-import Mixin from '@ember/object/mixin';
-export default Mixin.create({
- _slots: computed(function () {
- return A();
- }),
- _activateSlot(name) {
- get(this, '_slots').addObject(name);
- },
- _deactivateSlot(name) {
- get(this, '_slots').removeObject(name);
- },
- _isRegistered(name) {
- return get(this, '_slots').includes(name);
- },
-});
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/templates/components/block-slot.hbs b/ui/packages/consul-ui/lib/block-slots/addon/templates/components/block-slot.hbs
deleted file mode 100644
index bd64b67eac8..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/templates/components/block-slot.hbs
+++ /dev/null
@@ -1,3 +0,0 @@
-{{#if this.isTargetSlotYielding}}
- {{yield this.p0 this.p1 this.p2 this.p3 this.p4 this.p5 this.p6 this.p7 this.p8 this.p9}}
-{{/if}}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/lib/block-slots/addon/templates/components/yield-slot.hbs b/ui/packages/consul-ui/lib/block-slots/addon/templates/components/yield-slot.hbs
deleted file mode 100644
index 74f0a9d01e6..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/addon/templates/components/yield-slot.hbs
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#if this.isActive}}
- {{yield}}
-{{else}}
- {{yield to='inverse'}}
-{{/if}}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/lib/block-slots/app/components/block-slot.js b/ui/packages/consul-ui/lib/block-slots/app/components/block-slot.js
deleted file mode 100644
index a21701d5d63..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/app/components/block-slot.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'block-slots/components/block-slot';
diff --git a/ui/packages/consul-ui/lib/block-slots/app/components/yield-slot.js b/ui/packages/consul-ui/lib/block-slots/app/components/yield-slot.js
deleted file mode 100644
index fd21c3ee82e..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/app/components/yield-slot.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'block-slots/components/yield-slot';
diff --git a/ui/packages/consul-ui/lib/block-slots/app/helpers/block-params.js b/ui/packages/consul-ui/lib/block-slots/app/helpers/block-params.js
deleted file mode 100644
index fdcda197829..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/app/helpers/block-params.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'block-slots/helpers/block-params';
diff --git a/ui/packages/consul-ui/lib/block-slots/app/mixins/slots.js b/ui/packages/consul-ui/lib/block-slots/app/mixins/slots.js
deleted file mode 100644
index c5326a20321..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/app/mixins/slots.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'block-slots/mixins/slots';
diff --git a/ui/packages/consul-ui/lib/block-slots/index.js b/ui/packages/consul-ui/lib/block-slots/index.js
deleted file mode 100644
index 2c132ac2707..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/index.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/* eslint-env node */
-'use strict';
-
-module.exports = {
- name: require('./package').name,
-};
diff --git a/ui/packages/consul-ui/lib/block-slots/package.json b/ui/packages/consul-ui/lib/block-slots/package.json
deleted file mode 100644
index 02cfbd6a18c..00000000000
--- a/ui/packages/consul-ui/lib/block-slots/package.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
- "name": "block-slots",
- "dependencies": {
- "ember-cli-htmlbars": "*",
- "ember-cli-babel": "*"
- },
- "keywords": [
- "ember-addon"
- ]
-}
diff --git a/ui/packages/consul-ui/package.json b/ui/packages/consul-ui/package.json
index 891e53f3ba9..f69027694ba 100644
--- a/ui/packages/consul-ui/package.json
+++ b/ui/packages/consul-ui/package.json
@@ -207,7 +207,6 @@
},
"ember-addon": {
"paths": [
- "lib/block-slots",
"lib/colocated-components",
"lib/commands",
"lib/startup"
diff --git a/ui/packages/consul-ui/tests/integration/components/list-collection-test.js b/ui/packages/consul-ui/tests/integration/components/list-collection-test.js
index 87e7e5acd87..ee5805b0186 100644
--- a/ui/packages/consul-ui/tests/integration/components/list-collection-test.js
+++ b/ui/packages/consul-ui/tests/integration/components/list-collection-test.js
@@ -42,15 +42,15 @@ module('Integration | Component | list collection', function (hooks) {
document.body.appendChild(footer);
await render(hbs`
-
- {{item.name}}
-
+
+ <:header as |item|>{{item.name}}
+ <:actions as |item index Actions|>
- Action
+ <:label>Action
-
+
`);