From d357a49e8161de236e5761df86552341196d811a Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Sun, 3 Jul 2022 16:24:23 -0400
Subject: [PATCH] hide stripe secrets until clicked.

	modified:   make_post_sell/static/css/common.css
	modified:   make_post_sell/templates/shop_settings.j2
---
 make_post_sell/static/css/common.css      | 13 +++++
 make_post_sell/templates/shop_settings.j2 | 64 ++++++++++++++---------
 2 files changed, 51 insertions(+), 26 deletions(-)

diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 8b8a01a..a78884b 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -848,3 +848,16 @@ div.message-ribbon {
 }
 
 /* ALERT END */
+
+
+/* hidden control area */
+.hidden-control {
+   display: none;
+}
+
+#toggle:checked ~ .hidden-control {
+    display: block;
+}
+
+
+
diff --git a/make_post_sell/templates/shop_settings.j2 b/make_post_sell/templates/shop_settings.j2
index 7250891..055a0a6 100644
--- a/make_post_sell/templates/shop_settings.j2
+++ b/make_post_sell/templates/shop_settings.j2
@@ -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" />