luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Simpler type tags

This commit is contained in:
Joshua Ogle 2018-05-25 10:16:33 -06:00
parent 406b73d22c
commit 2500d89938
17 changed files with 39 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/styles/components/linked-block.scss
View File

@ -1,6 +1,8 @@
.linked-block {
cursor: pointer;
transition: box-shadow $speed;
will-change: box-shadow;
&:hover,
&:focus,
&:active {

3
ui/app/styles/components/sidebar.scss
View File

@ -55,7 +55,8 @@
}
.menu-label {
color: $grey-light;
color: $grey;
font-weight: $font-weight-semibold;
font-size: $size-small;
line-height: 1;
margin-bottom: $size-8;

9
ui/app/styles/core/tags.scss
View File

@ -1,17 +1,21 @@
.tag:not(body) {
background-color: lighten($grey-light, 17%);
border-radius: 2px;
color: $grey-dark;
height: auto;
padding: 0 0.75em;
padding: 0 $size-10;
margin-right: 0.5rem;
font-weight: normal;
code {
color: $grey;
color: $grey-dark;
}
}
.tag.is-outlined {
border: 1px solid currentColor;
}
.tag.is-inverted {
border-color: $grey;
background: none;
@ -19,6 +23,7 @@
color: $grey-dark;
}
}
.tag.is-bold {
font-weight: bold;
}

2
ui/app/templates/components/identity/item-alias/alias-details.hbs
View File

@ -12,7 +12,7 @@
<div>
{{model.mountPath}}
<div>
<span class="tag"><code>{{model.mountType}}</code></span>
<span class="tag">{{model.mountType}}</span>
<code class="has-text-grey is-size-8">{{model.mountAccessor}}</code>
</div>
</div>

2
ui/app/templates/components/identity/item-aliases.hbs
View File

@ -14,7 +14,7 @@
size=14
class="has-text-grey-light"
}}{{item.name}}</a>
<span class="tag"><code>{{item.mountType}}</code></span>
<span class="tag">{{item.mountType}}</span>
<code class="has-text-grey is-size-8">{{item.mountAccessor}}</code>
</div>
<div class="column has-text-right">

2
ui/app/templates/components/identity/popup-alias.hbs
View File

@ -26,7 +26,7 @@
{{#confirm-action
data-test-item-delete=true
confirmButtonClasses="button is-primary"
buttonClasses="link"
buttonClasses="link is-destroy"
onConfirmAction=(action "performTransaction" item)
confirmMessage=(concat "Are you sure you want to delete " item.id "?")
showConfirm=(get this (concat "shouldDelete-" item.id))

2
ui/app/templates/components/identity/popup-members.hbs
View File

@ -5,7 +5,7 @@
{{#confirm-action
confirmButtonClasses="button is-primary"
confirmButtonText="Remove"
buttonClasses="link"
buttonClasses="link is-destroy"
onConfirmAction=(action "performTransaction" model groupArray memberId)
confirmMessage=(concat "Are you sure you want to remove " memberId "?")
showConfirm=(get this (concat "shouldDelete-" memberId))

2
ui/app/templates/components/identity/popup-metadata.hbs
View File

@ -5,7 +5,7 @@
{{#confirm-action
confirmButtonClasses="button is-primary"
confirmButtonText="Remove"
buttonClasses="link"
buttonClasses="link is-destroy"
onConfirmAction=(action "performTransaction" model key)
confirmMessage=(concat "Are you sure you want to remove " key "?")
showConfirm=(get this (concat "shouldDelete-" key))

2
ui/app/templates/components/identity/popup-policy.hbs
View File

@ -15,7 +15,7 @@
{{#confirm-action
confirmButtonClasses="button is-primary"
confirmButtonText="Remove"
buttonClasses="link"
buttonClasses="link is-destroy"
onConfirmAction=(action "performTransaction" model policyName)
confirmMessage=(concat "Are you sure you want to remove " policyName "?")
showConfirm=(get this (concat "shouldDelete-" policyName))

4
ui/app/templates/partials/replication/replication-mode-summary-menu.hbs
View File

@ -10,13 +10,13 @@
{{capitalize modeForUrl}}
</span>
{{#if secondaryId}}
<span class="tag is-light">
<span class="tag">
<code>
{{secondaryId}}
</code>
</span>
{{/if}}
<span class="tag is-light">
<span class="tag">
<code>
{{clusterIdDisplay}}
</code>

4
ui/app/templates/partials/replication/replication-mode-summary.hbs
View File

@ -18,13 +18,13 @@
{{capitalize modeForUrl}}
</span>
{{#if secondaryId}}
<span class="tag is-light">
<span class="tag">
<code>
{{secondaryId}}
</code>
</span>
{{/if}}
<span class="tag is-light">
<span class="tag">
<code>
{{clusterIdDisplay}}
</code>

4
ui/app/templates/svg/vault-loading.hbs
View File

@ -3,7 +3,7 @@
<g id="vault-loading-y1">
<polygon class="vault-loading-order-4" points="0,0 5,10 10,0" style="transform-origin: 5px 5px" />
<polygon class="vault-loading-order-2" points="5,10 10,0 15,10" style="transform-origin: 10px 5px" />
<polygon class="vault-loading-order-3" points="10,0 15,10 20,0" xstyle="transform-origin: 15px 5px" />
<polygon class="vault-loading-order-3" points="10,0 15,10 20,0" style="transform-origin: 15px 5px" />
<polygon class="vault-loading-order-1" points="15,10 20,0 25,10" style="transform-origin: 20px 5px" />
<polygon class="vault-loading-order-3" points="20,0 25,10 30,0" style="transform-origin: 25px 5px" />
<polygon class="vault-loading-order-2" points="25,10 30,0 35,10" style="transform-origin: 30px 5px" />
@ -29,4 +29,4 @@
<text id="vault-loading-static" x="20" y="20" text-anchor="middle">
Loading...
</text>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

12
ui/app/templates/vault/cluster/access/methods.hbs
View File

@ -26,13 +26,11 @@
{{i-con glyph="folder" size=14 class="has-text-grey-light"}} <span data-test-path data-test-id={{method.id}}>{{method.path}}</span>
<br />
<span class="tag">
<code>
{{#if (eq method.type 'plugin')}}
{{method.type}}: {{method.config.plugin_name}}
{{else}}
{{method.type}}
{{/if}}
</code>
{{#if (eq method.type 'plugin')}}
{{method.type}}: {{method.config.plugin_name}}
{{else}}
{{method.type}}
{{/if}}
</span>
<code class="has-text-grey is-size-8">
{{method.accessor}}

6
ui/app/templates/vault/cluster/policies/index.hbs
View File

@ -5,10 +5,8 @@
<h1 class="title is-3">
{{uppercase policyType}} Policies
{{#unless (eq policyType "acl")}}
<span class="tag is-inverted is-outlined" aria-label="Enforcement level: {{model.enforcementLevel}}">
<code>
Sentinel
</code>
<span class="tag" aria-label="Enforcement level: {{model.enforcementLevel}}">
Sentinel
</span>
{{/unless}}
</h1>

6
ui/app/templates/vault/cluster/policy/edit.hbs
View File

@ -10,10 +10,8 @@
<h1 class="title is-3">
{{model.id}}
{{#if model.enforcementLevel}}
<span class="tag is-medium is-inverted is-outlined" aria-label="Enforcement level: {{model.enforcementLevel}}">
<code>
{{model.enforcementLevel}}
</code>
<span class="tag is-medium" aria-label="Enforcement level: {{model.enforcementLevel}}">
{{model.enforcementLevel}}
</span>
{{/if}}
</h1>

3
ui/app/templates/vault/cluster/policy/show.hbs
View File

@ -12,7 +12,7 @@
<h1 class="title is-3" data-test-policy-name="true">
{{model.id}}
{{#if model.enforcementLevel}}
<span class="tag is-inverted is-outlined is-font-mono has-text-grey-dark" aria-label="Enforcement level: {{model.enforcementLevel}}">
<span class="tag" aria-label="Enforcement level: {{model.enforcementLevel}}">
{{model.enforcementLevel}}
</span>
{{/if}}
@ -81,4 +81,3 @@
}}
</div>
</div>

14
ui/app/templates/vault/cluster/secrets/backends.hbs
View File

@ -18,7 +18,7 @@
{{#linked-block
"vault.cluster.secrets.backend.list-root"
backend.id
class="box is-marginless has-pointer"
class="box is-sideless is-marginless has-pointer"
data-test-secret-backend-row=backend.id
}}
<div class="level is-mobile">
@ -30,13 +30,11 @@
>{{i-con glyph="folder" size=14 class="has-text-grey-light"}}{{backend.path}}</a>
<br />
<span class="tag">
<code>
{{#if (eq backend.type 'plugin')}}
{{backend.type}}: {{backend.config.plugin_name}}
{{else}}
{{backend.type}}
{{/if}}
</code>
{{#if (eq backend.type 'plugin')}}
{{backend.type}}: {{backend.config.plugin_name}}
{{else}}
{{backend.type}}
{{/if}}
</span>
<code class="has-text-grey is-size-8">
{{#if (eq backend.options.version 2)}}