open-vault/ui/app/templates/vault/cluster/policies/create.hbs
Matthew Irish 21af204683
UI namespaces (#5119)
* add namespace sidebar item

* depend on ember-inflector directly

* list-view and list-item components

* fill out components and render empty namespaces page

* list namespaces in access

* add menu contextual component to list item

* popup contextual component

* full crud for namespaces

* add namespaces service and picker component

* split application and vault.cluster templates and controllers, add namespace query param, add namespace-picker to vault.namespace template

* remove usage of href-to

* remove ember-href-to from deps

* add ember-responsive

* start styling the picker and link to appropriate namespaces, use ember-responsive to render picker in different places based on the breakpoint

* get query param working and save ns to authdata when authenticating, feed through ns in application adapter

* move to observer on the controller for setting state on the service

* set state in the beforeModel hook and clear the ember data model cache

* nav to secrets on change and make error handling more resilient utilizing the method that atlas does to eagerly update URLs

* add a list of sys endpoints in a helper

* hide header elements if not in the root namespace

* debounce namespace input on auth, fix 404 for auth method fetch, move auth method fetch to a task on the auth-form component and refretch on namespace change

* fix display of supported engines and exclusion of sys and identity engines

* don't fetch replication status if you're in a non-root namespace

* hide seal sub-menu if not in the root namespace

* don't autocomplete auth form inputs

* always send some requests to the root namespace

* use methodType and engineType instead of type in case there it is ns_ prefixed

* use sys/internal/ui/namespaces to fetch the list in the dropdown

* don't use model for namespace picker and always make the request to the token namespace

* fix header handling for fetch calls

* use namespace-reminder component on creation and edit forms throughout the application

* add namespace-reminder to the console

* add flat

* add deepmerge for creating the tree in the menu

* delayed rendering for animation timing

* design and code feedback on the first round

* white text in the namespace picker

* fix namespace picker issues with root keys

* separate path-to-tree

* add tests for path-to-tree util

* hide picker if you're in the root ns and you can't access other namespaces

* show error message if you enter invalid characters for namespace path

* return a different model if we dont have the namespaces feature and show upgrade page

* if a token has a namespace_path, use that as the root user namespace and transition them there on login

* use token namespace for user, but use specified namespace to log in

* always renew tokens in the token namespace

* fix edition-badge test
2018-08-16 12:48:24 -05:00

111 lines
3.1 KiB
Handlebars

<PageHeader as |p|>
<p.top>
<div class="breadcrumb">
{{#link-to "vault.cluster.policies" policyType data-test-policy-list-link=true}}
<span class="sep">&#x0002f;</span>
{{uppercase policyType}} Policies
{{/link-to}}
</div>
</p.top>
<p.levelLeft>
<h1 class="title is-3">
Add {{uppercase policyType}} policy
</h1>
</p.levelLeft>
</PageHeader>
<form {{ action "savePolicy" model on="submit"}}>
<div class="box is-bottomless is-fullwidth is-marginless">
{{message-error model=model}}
<NamespaceReminder @mode="create" @noun="policy" />
<div class="field">
<label for="policy-name" class="is-label">Name</label>
<div class="control">
<input
type="text"nn
id="policy-name"
class="input"
value={{model.name}}
oninput={{action "setModelName" model}}
data-test-policy-input="name"
/>
</div>
</div>
<div class="field">
<div class="level is-mobile">
<div class="level-left">
<label for="policy" class="is-label">Policy</label>
</div>
<div class="level-right">
<div class="field is-horizontal is-flex-end is-single-line">
<div class="control is-flex">
{{input
id="fileUploadToggle"
type="checkbox"
name="fileUploadToggle"
class="switch is-rounded is-success is-small"
checked=showFileUpload
change=(toggle-action "showFileUpload" this)
data-test-policy-edit-toggle=true
}}
<label for="fileUploadToggle">Upload file</label>
</div>
</div>
</div>
</div>
{{#if showFileUpload}}
{{text-file
inputOnly=true
index=""
file=file
onChange=(action "setPolicyFromFile")
}}
{{else}}
{{ivy-codemirror
value=model.policy
id="policy"
valueUpdated=(action (mut model.policy))
options=(hash
lineNumbers=true
tabSize=2
mode='ruby'
theme='hashi'
extraKeys=(hash
Shift-Enter=(action "savePolicy" model)
)
)
}}
<div class="box is-shadowless is-fullwidth has-short-padding">
<p class="help-text has-text-grey-dark is-size-7">
You can use Alt+Tab (Option+Tab on MacOS) in the code editor to skip to the next field
</p>
</div>
{{/if}}
</div>
{{#each model.additionalAttrs as |attr|}}
{{form-field data-test-field attr=attr model=model}}
{{/each}}
</div>
<div class="field is-grouped box is-fullwidth is-bottomless">
<div class="control">
<button
type="submit"
disabled={{buttonDisabled}}
class="button is-primary"
data-test-policy-save=true
>
Create Policy
</button>
</div>
<div class="control">
{{#link-to
"vault.cluster.policies"
replace=true
class="button"
}}
Cancel
{{/link-to}}
</div>
</div>
</form>