mirror of
https://github.com/hashicorp/vault.git
synced 2025-09-01 12:01:10 +02:00
e5b1f718f1
* Update browserslist * Add browserslistrc * ember-cli-update --to 3.26, fix conflicts * Run codemodes that start with ember-* * More codemods - before cp* * More codemods (curly data-test-*) * WIP ember-basic-dropdown template errors * updates ember-basic-dropdown and related deps to fix build issues * updates basic dropdown instances to new version API * updates more deps -- ember-template-lint is working again * runs no-implicit-this codemod * creates and runs no-quoteless-attributes codemod * runs angle brackets codemod * updates lint:hbs globs to only touch hbs files * removes yield only templates * creates and runs deprecated args transform * supresses lint error for invokeAction on LinkTo component * resolves remaining ambiguous path lint errors * resolves simple-unless lint errors * adds warnings for deprecated tagName arg on LinkTo components * adds warnings for remaining curly component invocation * updates global template lint rules * resolves remaining template lint errors * disables some ember specfic lint rules that target pre octane patterns * js lint fix run * resolves remaining js lint errors * fixes test run * adds npm-run-all dep * fixes test attribute issues * fixes console acceptance tests * fixes tests * adds yield only wizard/tutorial-active template * fixes more tests * attempts to fix more flaky tests * removes commented out settled in transit test * updates deprecations workflow and adds initializer to filter by version * updates flaky policies acl old test * updates to flaky transit test * bumps ember deps down to LTS version * runs linters after main merge * fixes client count tests after bad merge conflict fixes * fixes client count history test * more updates to lint config * another round of hbs lint fixes after extending stylistic rule * updates lint-staged commands * removes indent eslint rule since it seems to break things * fixes bad attribute in transform-edit-form template * test fixes * fixes enterprise tests * adds changelog * removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters * flaky test fix Co-authored-by: hashishaw <cshaw@hashicorp.com>
370 lines
14 KiB
Handlebars
370 lines
14 KiB
Handlebars
{{! template-lint-configure simple-unless "warn" }}
|
||
{{#unless (has-feature "DR Replication")}}
|
||
<UpgradePage @title="Replication" />
|
||
{{else if (or this.cluster.allReplicationDisabled this.cluster.replicationAttrs.replicationDisabled)}}
|
||
<PageHeader as |p|>
|
||
<p.levelLeft>
|
||
<h1 class="title is-3">
|
||
{{#if this.initialReplicationMode}}
|
||
{{#if (eq this.initialReplicationMode "dr")}}
|
||
Enable Disaster Recovery Replication
|
||
{{else if (eq this.initialReplicationMode "performance")}}
|
||
Enable Performance Replication
|
||
{{/if}}
|
||
{{else}}
|
||
Enable Replication
|
||
{{/if}}
|
||
</h1>
|
||
</p.levelLeft>
|
||
</PageHeader>
|
||
|
||
<form
|
||
onsubmit={{action
|
||
"onSubmit"
|
||
"enable"
|
||
(or this.mode "primary")
|
||
(hash
|
||
token=this.token
|
||
primary_cluster_addr=this.primary_cluster_addr
|
||
primary_api_addr=this.primary_api_addr
|
||
ca_file=this.ca_file
|
||
ca_path=this.ca_path
|
||
replicationMode=this.replicationMode
|
||
)
|
||
}}
|
||
>
|
||
<div class="box is-sideless is-fullwidth is-marginless">
|
||
<MessageError @errors={{this.errors}} />
|
||
{{#if this.initialReplicationMode}}
|
||
{{#if (eq this.initialReplicationMode "dr")}}
|
||
<h3 class="title is-flex-center is-5 is-marginless">
|
||
<Icon @size="24" @name="replication-direct" />
|
||
Disaster Recovery (DR) Replication
|
||
</h3>
|
||
<p class="help has-text-grey-dark">
|
||
{{replication-mode-description "dr"}}
|
||
</p>
|
||
{{else if (eq this.initialReplicationMode "performance")}}
|
||
<h3 class="title is-flex-center is-5 is-marginless">
|
||
<Icon @size="24" @name="replication-perf" />
|
||
Performance Replication
|
||
</h3>
|
||
{{#unless (has-feature "Performance Replication")}}
|
||
<p class="help has-text-grey-dark">
|
||
Performance Replication is a feature of Vault Enterprise Premium
|
||
</p>
|
||
{{else}}
|
||
<p class="help has-text-grey-dark">
|
||
{{replication-mode-description "performance"}}
|
||
</p>
|
||
{{/unless}}
|
||
{{/if}}
|
||
{{else}}
|
||
<p class="has-text-grey-dark box is-shadowless is-fullwidth has-slim-padding">
|
||
<label for="replication-mode" class="is-label is-block">
|
||
Type of replication
|
||
</label>
|
||
In both Performance and Disaster Recovery (DR) Replication, secondaries share the underlying configuration,
|
||
policies, and supporting secrets as their primary cluster.
|
||
</p>
|
||
<div class="columns">
|
||
<div class="column is-flex">
|
||
<label for="dr" class="box-label is-column {{if (eq this.replicationMode "dr") "is-selected"}}">
|
||
<div>
|
||
<h3 class="box-label-header title is-6">
|
||
<Icon @size="24" @name="replication-direct" />
|
||
Disaster Recovery (DR)
|
||
</h3>
|
||
<p class="help has-text-grey-dark">
|
||
{{replication-mode-description "dr"}}
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<RadioButton @value="dr" @groupValue={{this.replicationMode}} @name="replication-mode" @radioId="dr" />
|
||
<label for="dr" data-test-replication-type-select="dr"></label>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
<div class="column is-flex">
|
||
<label
|
||
for="performance"
|
||
class="box-label is-column {{if (eq this.replicationMode "performance") "is-selected"}}"
|
||
>
|
||
<div>
|
||
<h3 class="box-label-header title is-6">
|
||
<Icon @size="24" @name="replication-perf" />
|
||
Performance
|
||
</h3>
|
||
{{#if (not (has-feature "Performance Replication"))}}
|
||
<p class="help has-text-grey-dark">
|
||
Performance Replication is a feature of Vault Enterprise Premium
|
||
</p>
|
||
{{else}}
|
||
<p class="help has-text-grey-dark">
|
||
{{replication-mode-description "performance"}}
|
||
</p>
|
||
{{/if}}
|
||
</div>
|
||
<div>
|
||
{{#if (has-feature "Performance Replication")}}
|
||
<RadioButton
|
||
@value="performance"
|
||
@groupValue={{this.replicationMode}}
|
||
@name="replication-mode"
|
||
@classNames="box columns is-centered"
|
||
@radioId="performance"
|
||
/>
|
||
<label for="performance" data-test-replication-type-select="performance"></label>
|
||
{{/if}}
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
{{/if}}
|
||
</div>
|
||
<div class="box is-sideless is-fullwidth is-marginless">
|
||
<label for="replication-mode" class="is-label">
|
||
Cluster mode
|
||
</label>
|
||
<div class="field is-expanded">
|
||
<div class="control select is-fullwidth">
|
||
<select
|
||
onchange={{action (mut this.mode) value="target.value"}}
|
||
id="replication-mode"
|
||
name="replication-mode"
|
||
data-test-replication-cluster-mode-select={{true}}
|
||
>
|
||
{{#each (array "primary" "secondary") as |modeOption|}}
|
||
<option selected={{if this.mode (eq this.mode modeOption) (eq modeOption "primary")}} value={{modeOption}}>
|
||
{{modeOption}}
|
||
</option>
|
||
{{/each}}
|
||
</select>
|
||
</div>
|
||
{{#if (eq this.mode "secondary")}}
|
||
<AlertInline @class="has-top" @type="warning" @message="This will immediately clear all data in this cluster!" />
|
||
{{/if}}
|
||
</div>
|
||
{{#if (eq this.mode "primary")}}
|
||
{{#if this.cluster.canEnablePrimary}}
|
||
<div class="field">
|
||
<label for="primary_cluster_addr" class="is-label">
|
||
Primary cluster address
|
||
<em class="is-optional">(optional)</em>
|
||
</label>
|
||
<div class="control">
|
||
<Input
|
||
class="input"
|
||
id="primary_cluster_addr"
|
||
name="primary_cluster_addr"
|
||
@value={{this.primary_cluster_addr}}
|
||
/>
|
||
</div>
|
||
<p class="help has-text-grey">
|
||
Overrides the cluster address that the primary gives to secondary nodes.
|
||
</p>
|
||
</div>
|
||
{{else}}
|
||
<p>
|
||
The token you are using is not authorized to enable primary replication.
|
||
</p>
|
||
{{/if}}
|
||
{{else}}
|
||
{{#if this.cluster.canEnableSecondary}}
|
||
{{#if
|
||
(and
|
||
(eq this.replicationMode "dr")
|
||
(not this.cluster.performance.replicationDisabled)
|
||
(has-feature "Performance Replication")
|
||
)
|
||
}}
|
||
<div class="has-text-danger">
|
||
<ToggleButton
|
||
@toggleTarget={{this}}
|
||
@toggleAttr="showExplanation"
|
||
@openLabel="Disable Performance Replication in order to enable this cluster as a DR secondary."
|
||
@closedLabel="Disable Performance Replication in order to enable this cluster as a DR secondary."
|
||
@class="has-text-danger"
|
||
/>
|
||
{{#if this.showExplanation}}
|
||
<p>
|
||
When running as a DR Secondary Vault is read only. For this reason, we don't allow other Replication modes
|
||
to operate at the same time. This cluster is also currently operating as a Performance
|
||
{{capitalize this.cluster.performance.modeForUrl}}.
|
||
</p>
|
||
{{/if}}
|
||
</div>
|
||
{{else}}
|
||
<div class="field">
|
||
<label for="secondary-token" class="is-label">
|
||
Secondary activation token
|
||
</label>
|
||
<div class="control">
|
||
<Textarea @value={{this.token}} id="secondary-token" name="secondary-token" class="textarea" />
|
||
</div>
|
||
</div>
|
||
<div class="field">
|
||
<label for="primary_api_addr" class="is-label">
|
||
Primary API address
|
||
{{#unless (and this.token (not this.tokenIncludesAPIAddr))}}
|
||
<em class="is-optional">(optional)</em>
|
||
{{/unless}}
|
||
</label>
|
||
<div class="control">
|
||
<Input @value={{this.primary_api_addr}} id="primary_api_addr" name="primary_api_addr" class="input" />
|
||
</div>
|
||
<p class="help {{if (and this.token (not this.tokenIncludesAPIAddr)) "is-danger" "has-text-grey"}}">
|
||
{{#if (and this.token (not this.tokenIncludesAPIAddr))}}
|
||
The supplied token does not contain an embedded address for the primary cluster. Please enter the primary
|
||
cluster's API address (normal Vault address).
|
||
{{else}}
|
||
Set this to the API address (normal Vault address) to override the value embedded in the token.
|
||
{{/if}}
|
||
</p>
|
||
</div>
|
||
<div class="field">
|
||
<label for="ca_file" class="is-label">
|
||
CA file
|
||
<em class="is-optional">(optional)</em>
|
||
</label>
|
||
<div class="control">
|
||
<Input @value={{this.ca_file}} id="ca_file" name="ca_file" class="input" />
|
||
</div>
|
||
<p class="help has-text-grey">
|
||
Specifies the path to a CA root file (PEM format) that the secondary can use when unwrapping the token from
|
||
the primary.
|
||
</p>
|
||
</div>
|
||
<div class="field">
|
||
<label for="ca_path" class="is-label">
|
||
CA path
|
||
<em class="is-optional">(optional)</em>
|
||
</label>
|
||
<div class="control">
|
||
<Input @value={{this.ca_path}} id="ca_path" name="ca_file" class="input" />
|
||
</div>
|
||
<p class="help has-text-grey">
|
||
Specifies the path to a CA root directory containing PEM-format files that the secondary can use when
|
||
unwrapping the token from the primary.
|
||
</p>
|
||
</div>
|
||
<p>
|
||
Note: If both
|
||
<code>CA file</code>
|
||
and
|
||
<code>CA path</code>
|
||
are not given, they default to system CA roots.
|
||
</p>
|
||
{{/if}}
|
||
{{else}}
|
||
<p>The token you are using is not authorized to enable secondary replication.</p>
|
||
{{/if}}
|
||
{{/if}}
|
||
</div>
|
||
{{#if
|
||
(or
|
||
(and (eq this.mode "primary") this.cluster.canEnablePrimary)
|
||
(and (eq this.mode "secondary") this.cluster.canEnableSecondary)
|
||
)
|
||
}}
|
||
<div class="field is-grouped box is-fullwidth is-bottomless">
|
||
<div class="control">
|
||
<button
|
||
type="submit"
|
||
class="button is-primary"
|
||
disabled={{this.disallowEnable}}
|
||
data-test-replication-enable={{true}}
|
||
>
|
||
Enable Replication
|
||
</button>
|
||
</div>
|
||
</div>
|
||
{{/if}}
|
||
</form>
|
||
{{else if this.showModeSummary}}
|
||
{{#unless (and this.cluster.dr.replicationEnabled this.cluster.performance.replicationEnabled)}}
|
||
<PageHeader as |p|>
|
||
<p.levelLeft>
|
||
<h1 class="title is-3">
|
||
Replication
|
||
</h1>
|
||
</p.levelLeft>
|
||
</PageHeader>
|
||
{{/unless}}
|
||
|
||
{{#if (and (eq this.cluster.dr.mode "primary") (eq this.cluster.performance.mode "primary"))}}
|
||
<ReplicationPage @model={{this.cluster}} as |Page|>
|
||
<Page.header @showTabs={{true}} />
|
||
<Page.dashboard @componentToRender="replication-summary-card" as |Dashboard|>
|
||
<Dashboard.card @title="Disaster Recovery" />
|
||
<Dashboard.card @title="Performance" />
|
||
</Page.dashboard>
|
||
</ReplicationPage>
|
||
{{else}}
|
||
<div class="box is-sideless is-fullwidth is-marginless">
|
||
<h3 class="title is-flex-center is-5 is-marginless">
|
||
<Icon @size="24" @name="replication-direct" />
|
||
Disaster Recovery (DR)
|
||
</h3>
|
||
{{#if this.cluster.dr.replicationEnabled}}
|
||
{{#if this.submit.isRunning}}
|
||
<LayoutLoading />
|
||
{{else}}
|
||
<LinkTo @route="mode.index" @model="dr" class="link-plain">
|
||
<ReplicationModeSummary @mode="dr" @cluster={{this.cluster}} @tagName="span" />
|
||
</LinkTo>
|
||
{{/if}}
|
||
{{else}}
|
||
<ReplicationModeSummary @mode="dr" @cluster={{this.cluster}} @tagName="div" />
|
||
{{/if}}
|
||
</div>
|
||
{{#unless (and this.submit.isRunning (eq this.cluster.dr.mode "bootstrapping"))}}
|
||
<div class="box is-bottomless is-fullwidth is-marginless">
|
||
<h3 class="title is-flex-center is-5 is-marginless">
|
||
<Icon @size="24" @name="replication-perf" />
|
||
Performance
|
||
</h3>
|
||
<LinkTo @route="mode.index" @model="performance" class="link-plain">
|
||
<ReplicationModeSummary @mode="performance" @cluster={{this.cluster}} @tagName="span" />
|
||
</LinkTo>
|
||
</div>
|
||
{{/unless}}
|
||
{{/if}}
|
||
{{else}}
|
||
{{#if (eq this.replicationAttrs.mode "initializing")}}
|
||
The cluster is initializing replication. This may take some time.
|
||
{{else}}
|
||
<p>{{this.cluster.replicationModeStatus.cluster_id}}</p>
|
||
<div class="replication">
|
||
<ReplicationPage @model={{this.cluster}} as |Page|>
|
||
<Page.dashboard
|
||
@data={{this.cluster}}
|
||
@componentToRender={{if
|
||
(eq this.replicationAttrs.mode "secondary")
|
||
"replication-secondary-card"
|
||
"replication-primary-card"
|
||
}}
|
||
as |Dashboard|
|
||
>
|
||
{{#if (eq this.replicationAttrs.mode "secondary")}}
|
||
<Dashboard.card @title="Status" />
|
||
<Dashboard.card @title="Primary cluster" />
|
||
{{else}}
|
||
<Dashboard.card
|
||
@title="State"
|
||
@description="The cluster’s current operating state."
|
||
@glyph={{get (cluster-states this.replicationAttrs.state) "glyph"}}
|
||
@metric={{this.replicationAttrs.state}}
|
||
/>
|
||
<Dashboard.card
|
||
@title="Last WAL entry"
|
||
@description="Index of last Write Ahead Logs entry written on local storage. Updates every ten seconds."
|
||
@metric={{format-number this.replicationAttrs.lastWAL}}
|
||
/>
|
||
<Dashboard.secondaryCard @cluster={{this.cluster}} @replicationAttrs={{this.replicationAttrs}} />
|
||
{{/if}}
|
||
</Page.dashboard>
|
||
</ReplicationPage>
|
||
</div>
|
||
{{/if}}
|
||
{{/unless}} |