hide stripe secrets until clicked.

modified:   make_post_sell/static/css/common.css
	modified:   make_post_sell/templates/shop_settings.j2
This commit is contained in:
Russell Ballestrini 2022-07-03 16:24:23 -04:00
parent 9952b6e616
commit d357a49e81
2 changed files with 51 additions and 26 deletions

View file

@ -848,3 +848,16 @@ div.message-ribbon {
}
/* ALERT END */
/* hidden control area */
.hidden-control {
display: none;
}
#toggle:checked ~ .hidden-control {
display: block;
}

View file

@ -91,32 +91,6 @@
<br />
<br />
<label for="stripe_public_api_key_input">Stripe Public API Key</label>
<input
name = "stripe_public_api_key"
type = "text"
id = "stripe_public_api_key"
class = "mps-stripe-public-api-key"
value = "{% if stripe_public_api_key %}{{ stripe_public_api_key }}{% endif %}"
placeholder = "Stripe Public API Key (pk)"
/>
<br />
<br />
<label for="stripe_secret_api_key_input">Stripe Secret API Key</label>
<input
name = "stripe_secret_api_key"
type = "text"
id = "stripe_secret_api_key"
class = "mps-stripe-secret-api-key"
value = "{% if stripe_secret_api_key %}{{ stripe_secret_api_key }}{% endif %}"
placeholder = "Stripe Secret API Key (sk)"
/>
<br />
<br />
<!--
<br />
@ -146,6 +120,44 @@
<br />
<br />
<br />
<label for="stripe_public_api_key_input">Stripe API Keys</label>
<br />
<label for="toggle">show values</label>
<input type="checkbox" id="toggle" style="display: none;">
<br />
<div class="hidden-control">
<label for="stripe_public_api_key_input">Stripe Public API Key</label>
<input
name = "stripe_public_api_key"
type = "text"
id = "stripe_public_api_key"
class = "mps-stripe-public-api-key"
value = "{% if stripe_public_api_key %}{{ stripe_public_api_key }}{% endif %}"
placeholder = "Stripe Public API Key (pk)"
/>
<br />
<br />
<label for="stripe_secret_api_key_input">Stripe Secret API Key</label>
<input
name = "stripe_secret_api_key"
type = "text"
id = "stripe_secret_api_key"
class = "mps-stripe-secret-api-key"
value = "{% if stripe_secret_api_key %}{{ stripe_secret_api_key }}{% endif %}"
placeholder = "Stripe Secret API Key (sk)"
/>
<br />
<br />
</div>
<input type="submit" name="submit" class="mps-submit" value="Save Settings" />