Fix payment form toggle on existing cards. (#13)

Author: ndeet

assets/js/nofrixion.js

@@ -419,7 +419,7 @@ var handleStoredTokens = function () {
 			// At least one payment token available, if selected hide the CC form.
 			// If one is selected by default, hide the CC form.
 			if (jQuery('li.woocommerce-SavedPaymentMethods-token input[type="radio"]:checked').length > 0) {
-				//togglePaymentForm(true);
+				togglePaymentForm(true);
 			}
 		} else {
 			// Saved payment methods present but no tokens yet. CC form shown.

src/Gateway/NoFrixionCard.php

@@ -66,33 +66,33 @@ public function payment_fields() {
 
 						<div style="width: 100% !important;">
 
-						<input style="border: 1px solid lightgray !important;
-						height: 33px !important;
-						padding: 8px !important;
-						margin: 5px 0 5px 0 !important;
-						width: 40% !important;
-						background: white !important;
-						font-size: 16px !important;
-						box-shadow: none;" type="text" id="nf-expiryMonth" placeholder="MM" size="2" maxlength="2" inputmode="numeric" />
-
-						<span style="width: 10% !important;" class="input-group-text">/</span>
-
-						<input style="border: 1px solid lightgray !important;
-						height: 33px !important;
-						padding: 8px !important;
-						margin: 5px 0 5px 0 !important;
-						width: 50% !important;
-						background: white !important;
-						font-size: 16px !important;
-						box-shadow: none;" type="text" id="nf-expiryYear" placeholder="YYYY" size="4" maxlength="4" inputmode="numeric" />
+							<input style="border: 1px solid lightgray !important;
+							height: 33px !important;
+							padding: 8px !important;
+							margin: 5px 0 5px 0 !important;
+							width: 40% !important;
+							background: white !important;
+							font-size: 16px !important;
+							box-shadow: none;" type="text" id="nf-expiryMonth" placeholder="MM" size="2" maxlength="2" inputmode="numeric" />
+
+							<span style="width: 10% !important;" class="input-group-text">/</span>
+
+							<input style="border: 1px solid lightgray !important;
+							height: 33px !important;
+							padding: 8px !important;
+							margin: 5px 0 5px 0 !important;
+							width: 50% !important;
+							background: white !important;
+							font-size: 16px !important;
+							box-shadow: none;" type="text" id="nf-expiryYear" placeholder="YYYY" size="4" maxlength="4" inputmode="numeric" />
 
 						</div>
 
 					</div>
 
 					<div class="form-row form-row-last">
 						<label for="nf-cardSecurityCode">Card Code (CVC) <span class="required">*</span></label>
-						<div id="nf-securityCode-container" class="nf-form-control nf-border-radius" style="height:38px; border-radius: 0.25rem;" />
+						<div id="nf-securityCode-container" class="nf-form-control nf-border-radius" style="height:38px; border-radius: 0.25rem;"></div>
 					</div>
 				</div>
 			</form>