[go: nahoru, domu]
Skip to content

Commit

Permalink
ui: change color of buttons on firewall and public when disabled
Browse files Browse the repository at this point in the history 
Signed-off-by: Leonardo R.S. Joao <leonardo.joao@ossystems.com.br>
  • Loading branch information
@leonardojoao @gustavosbarreto
leonardojoao authored and gustavosbarreto committed Feb 10, 2022
1 parent 50440ce commit cfc0d71
Show file tree
Hide file tree
Showing 5 changed files with 13 additions and 15 deletions.
3 changes: 1 addition & 2 deletions ui/src/components/firewall_rule/FirewallRuleFormDialog.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,7 @@
<div v-on="on">
<v-btn
:disabled="!hasAuthorization"
class="v-btn--active primary"
text
color="primary"
data-test="add-btn"
>
Add Rule
Expand Down
3 changes: 1 addition & 2 deletions ui/src/components/public_key/KeyFormDialog.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,7 @@
<div v-on="on">
<v-btn
:disabled="!hasAuthorization && action == 'public'"
class="v-btn--active primary"
text
color="primary"
data-test="createKey-btn"
>
Add {{ action }} Key
Expand Down
6 changes: 3 additions & 3 deletions ui/tests/unit/components/firewall_rule/__snapshots__/FirewallRule.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ exports[`FirewallRule With firewall rules Renders the component 1`] = `
<div class="d-flex pa-0 align-center">
<h1>Firewall Rules</h1> <button type="button" class="ml-2 v-btn v-btn--icon v-btn--round theme--light v-size--x-small"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-help-circle theme--light"></i></span></button>
<div class="spacer"></div>
<div class="spacer"></div> <span><fragment-stub data-test="firewallRuleCreate-component"><div><button type="button" disabled="disabled" class="v-btn--active primary v-btn v-btn--disabled v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<div class="spacer"></div> <span><fragment-stub data-test="firewallRuleCreate-component"><div><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--has-bg theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button>
</div><span class="v-tooltip v-tooltip--bottom"><!----></span>
Expand All @@ -23,7 +23,7 @@ exports[`FirewallRule Without firewall rules Renders the component 1`] = `
<div class="d-flex pa-0 align-center">
<h1>Firewall Rules</h1> <button type="button" class="ml-2 v-btn v-btn--icon v-btn--round theme--light v-size--x-small"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-help-circle theme--light"></i></span></button>
<div class="spacer"></div>
<div class="spacer"></div> <span><fragment-stub data-test="firewallRuleCreate-component"><div><button type="button" disabled="disabled" class="v-btn--active primary v-btn v-btn--disabled v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<div class="spacer"></div> <span><fragment-stub data-test="firewallRuleCreate-component"><div><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--has-bg theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button>
</div><span class="v-tooltip v-tooltip--bottom"><!----></span>
Expand Down Expand Up @@ -53,7 +53,7 @@ exports[`FirewallRule Without firewall rules Renders the component 1`] = `
IP address to a specific or a group of devices using a given username.</div>
</div>
<div class="v-card__actions justify-center pt-8 pb-0">
<!----> <span><fragment-stub><span class="v-tooltip v-tooltip--bottom"><!----><div><button type="button" disabled="disabled" class="v-btn--active primary v-btn v-btn--disabled v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<!----> <span><fragment-stub><span class="v-tooltip v-tooltip--bottom"><!----><div><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--has-bg theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button>
</div></span>
Expand Down
8 changes: 4 additions & 4 deletions ui/tests/unit/components/firewall_rule/__snapshots__/FirewallRuleFormDialog.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`FirewallRuleFormDialog Button add firewall rule operator Renders the component 1`] = `
<fragment-stub>
<div><button type="button" disabled="disabled" class="v-btn--active primary v-btn v-btn--disabled v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<div><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--has-bg theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand All @@ -13,7 +13,7 @@ exports[`FirewallRuleFormDialog Button add firewall rule operator Renders the co

exports[`FirewallRuleFormDialog Button add firewall rule owner Renders the component 1`] = `
<fragment-stub>
<div><button type="button" class="v-btn--active primary v-btn v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<div><button type="button" class="v-btn v-btn--is-elevated v-btn--has-bg theme--light v-size--default primary" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand Down Expand Up @@ -44,7 +44,7 @@ exports[`FirewallRuleFormDialog Button edit firewall rule owner Renders the comp

exports[`FirewallRuleFormDialog Dialog creating firewall rule operator Renders the component 1`] = `
<fragment-stub>
<div><button type="button" disabled="disabled" class="v-btn--active primary v-btn v-btn--disabled v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<div><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--has-bg theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand All @@ -55,7 +55,7 @@ exports[`FirewallRuleFormDialog Dialog creating firewall rule operator Renders t

exports[`FirewallRuleFormDialog Dialog creating firewall rule owner Renders the component 1`] = `
<fragment-stub>
<div><button type="button" class="v-btn--active primary v-btn v-btn--text theme--light v-size--default" data-test="add-btn"><span class="v-btn__content">
<div><button type="button" class="v-btn v-btn--is-elevated v-btn--has-bg theme--light v-size--default primary" data-test="add-btn"><span class="v-btn__content">
Add Rule
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container"></div>
Expand Down
8 changes: 4 additions & 4 deletions ui/tests/unit/components/public_key/__snapshots__/KeyFormDialog.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`KeyFormDialog Button create privateKey operator Renders the component 1`] = `
<fragment-stub>
<div><button type="button" class="v-btn--active primary v-btn v-btn--text theme--light v-size--default" data-test="createKey-btn"><span class="v-btn__content">
<div><button type="button" class="v-btn v-btn--is-elevated v-btn--has-bg theme--light v-size--default primary" data-test="createKey-btn"><span class="v-btn__content">
Add private Key
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand All @@ -13,7 +13,7 @@ exports[`KeyFormDialog Button create privateKey operator Renders the component 1

exports[`KeyFormDialog Button create privateKey owner Renders the component 1`] = `
<fragment-stub>
<div><button type="button" class="v-btn--active primary v-btn v-btn--text theme--light v-size--default" data-test="createKey-btn"><span class="v-btn__content">
<div><button type="button" class="v-btn v-btn--is-elevated v-btn--has-bg theme--light v-size--default primary" data-test="createKey-btn"><span class="v-btn__content">
Add private Key
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand All @@ -24,7 +24,7 @@ exports[`KeyFormDialog Button create privateKey owner Renders the component 1`]

exports[`KeyFormDialog Button create publicKey operator Renders the component 1`] = `
<fragment-stub>
<div><button type="button" disabled="disabled" class="v-btn--active primary v-btn v-btn--disabled v-btn--text theme--light v-size--default" data-test="createKey-btn"><span class="v-btn__content">
<div><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--has-bg theme--light v-size--default" data-test="createKey-btn"><span class="v-btn__content">
Add public Key
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand All @@ -35,7 +35,7 @@ exports[`KeyFormDialog Button create publicKey operator Renders the component 1`

exports[`KeyFormDialog Button create publicKey owner Renders the component 1`] = `
<fragment-stub>
<div><button type="button" class="v-btn--active primary v-btn v-btn--text theme--light v-size--default" data-test="createKey-btn"><span class="v-btn__content">
<div><button type="button" class="v-btn v-btn--is-elevated v-btn--has-bg theme--light v-size--default primary" data-test="createKey-btn"><span class="v-btn__content">
Add public Key
</span></button></div><span class="v-tooltip v-tooltip--bottom"><!----></span>
<div class="v-dialog__container">
Expand Down

0 comments on commit cfc0d71

Please sign in to comment.