open-consul/ui/packages/consul-ui/app/templates/dc/kv/edit.hbs
John Cowen c6dd21f4dd
ui: Refactor KV and Lock Sessions following partitions update (#11666)
This commit uses all our new ways of doing things to Lock Sessions and their interactions with KV and Nodes. This is mostly around are new under-the-hood things, but also I took the opportunity to upgrade some of the CSS to reuse some of our CSS utils that have been made over the past few months (%csv-list and %horizontal-kv-list).

Also added (and worked on existing) documentation for Lock Session related components.
2021-12-01 11:33:33 +00:00

161 lines
4.2 KiB
Handlebars

<Route
@name={{routeName}}
as |route|>
{{#let
'/'
as |separator|}}
{{#let
(concat (join separator (slice 0 -1 (split route.params.key separator))) separator)
as |parentKey|}}
<DataLoader
@src={{uri '/${partition}/${nspace}/${dc}/kv/${key}'
(hash
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
key=(if (string-ends-with routeName 'create') parentKey route.params.key)
)
}}
as |loader|>
<BlockSlot @name="error">
<AppError
@error={{loader.error}}
@login={{route.model.app.login.open}}
/>
</BlockSlot>
<BlockSlot @name="loaded">
{{#let
route.params.dc
route.params.partition
route.params.nspace
loader.data
as |dc partition nspace item|}}
<AppView>
<BlockSlot @name="breadcrumbs">
<ol>
<li>
<Action
data-test-back
@href={{href-to 'dc.kv.index'}}
>
Key / Values
</Action>
</li>
{{#if (not-eq parentKey separator)}}
{{#let
(split parentKey separator)
as |parts|}}
{{#each parts as |breadcrumb index|}}
{{#if (gt breadcrumb.length 0)}}
{{! if breadcrumb isn't '' then slice of enough of the parentKey }}
{{! to make the correct href. 'Enough' is the current index plus 1.}}
{{! We push on a '' here so make sure we get a trailing slash/separator }}
<li>
<Action
@href={{href-to 'dc.kv.folder'
(join '/'
(append
(slice 0 (add index 1) parts) ''
)
)
}}
>
{{breadcrumb}}
</Action>
</li>
{{/if}}
{{/each}}
{{/let}}
{{/if}}
</ol>
</BlockSlot>
<BlockSlot @name="header">
<h1>
{{#if (and item.Key (not-eq item.Key parentKey))}}
<route.Title @title="Edit Key / Value" @render={{false}} />
{{left-trim item.Key parentKey}}
{{else}}
<route.Title @title="New Key / Value" @render={{true}} />
{{/if}}
</h1>
</BlockSlot>
<BlockSlot @name="content">
{{! if a KV has a session `Session` will always be populated despite any specific session permissions }}
{{#if item.Session}}
<Notice
@type="warning"
data-test-session-warning
as |notice|>
<notice.Body>
<p>
<strong>Warning.</strong> This KV has a lock session. You can edit KV's with lock sessions, but we recommend doing so with care, or not doing so at all. It may negatively impact the active node it's associated with. See below for more details on the Lock Session and see <a href="{{env 'CONSUL_DOCS_URL'}}/internals/sessions.html" target="_blank" rel="noopener noreferrer">our documentation</a> for more information.
</p>
</notice.Body>
</Notice>
{{/if}}
<Consul::Kv::Form
@item={{item}}
@dc={{route.params.dc}}
@nspace={{route.params.nspace}}
@partition={{route.params.partition}}
@onsubmit={{if (eq parentKey separator) (transition-to 'dc.kv.index') (transition-to 'dc.kv.folder' parentKey)}}
@parent={{parentKey}}
/>
{{! `session` is slightly different to `item.Session` as we only have `session` }}
{{! if you have `session:read perms` whereas you can get the sessions ID from }}
{{! `item.Session` without any session perms }}
{{#if (and item.Session)}}
<DataSource
@src={{uri '/${partition}/${nspace}/${dc}/sessions/for-key/${id}'
(hash
partition=route.params.partition
nspace=route.params.nspace
dc=route.params.dc
id=item.Session
)
}}
@onchange={{action (mut session) value="data"}}
/>
<h2>
<Action
rel="help"
@href={{concat (env 'CONSUL_DOCS_URL') '/internals/sessions.html#session-design'}}
@external={{true}}
>
Lock Session
</Action>
</h2>
{{#if session.ID}}
<Consul::LockSession::Form
@item={{session}}
@ondelete={{loader.invalidate}}
/>
{{/if}}
{{/if}}
</BlockSlot>
</AppView>
{{/let}}
</BlockSlot>
</DataLoader>
{{/let}}
{{/let}}
</Route>