Gunners Special Nite ◆ NorthCentralRHA (2023)

A FREE ENTRY TO THE NCRHA FUTURITY IS INCLUDED FOR OFFSPRING PRODUCED FROM A BREEDING PURCHASED IN THE NCRHA AUCTION!!

').dialog({ title: "Please Select A Seller First", buttons: { 'OK': function() { $( this ).dialog( 'close' );} } });return; }if (!user || user == 0) { // simple dialog box$('

').dialog({ title: "Please Login First" + user, buttons: { 'OK': function() { $( this ).dialog( 'close' );} } });return; }if (0) { // simple dialog box$("

Sellers Cannot Add Credit Cards. Please log with a different account to bid.

").dialog({ title: "Seller Account", buttons: { 'OK': function() { $( this ).dialog( 'close' );} } });return; }if ($this.data('status')) {var status = $this.data('status');}else {var status = "Register";}// create a box to open the form invar addCardDialog = jQuery( "#add-card" ).dialog({ autoOpen: false, modal: true,show: false,title: status + " Your Credit Card",width: 450,buttons: [ {// cancel button text: "Cancel",id: "cancel_button",class: "centerButton", click: function() { addCardDialog.dialog( "close" ); } // end click function }],// end cancel, end buttons open: function() {jQuery('span.seller_name').text(seller_name);jQuery('span#status').text(status);jQuery('.ui-dialog .ui-dialog-buttonpane').css("border", "none");getPublicKey(seller_id);}, close: function() {if ($( "#selectSellerList" ).length ) {jQuery( "#selectSellerList" )[0].reset();} } // end close function }); // end create dialog addCardDialog.dialog( "open" ); }); // end function//--------------------------------------------------------------------------// 2nd dialog box (show confirmation)// ------------------------------------------------------------------------ function confirmDialog(result) {// in case we are not on the profile pageif ($('.cardtable').length) {// only add a row if it doesn't exist!if ($('tr.'+result.seller_id).length) {$('tr.'+result.seller_id).remove();}var tr;tr = $('

');tr.addClass('row_odd');tr.addClass(result.seller_id);tr.append("" + result.seller_username + "");tr.append("" + result.card_name + "");tr.append("" + result.expiration + "");tr.append("(refresh page for buttons)");$('.cardtable').append(tr);}// if on listing pagevar reload ='';if ($('.card_box .card-required').length) {$('.card_box .card-required').hide();$('.card_box .card-on-file').show();reload = "

Please reload the page to enable the bid or buy buttons";}// create a box to open the form invar confirmDialog = jQuery( "#success" ).dialog({ autoOpen: true,modal: true,show: true,title: "Success!", buttons: [{// submit buttontext: "OK",class: "centerButton", click: function() {confirmDialog.dialog( "close" );} // end click function }],// end cancel, end buttonsopen: function() {jQuery('#success .msgBox').html("Success! Your Card has been saved" + reload).show();}, close: function() {jQuery('#add-card .msgBox').html("").hide();confirmDialog.dialog( "close" );jQuery( "#selectSellerList" )[0].reset(); } // end close function }); // end create dialog}// end confirmDialog function//--------------------------------------------------------------------------// remove Stripe Card// ------------------------------------------------------------------------ // open #remove-card dialog on button click jQuery('a.button.remove-card').click(function (e) {e.preventDefault();var $this = jQuery(this);var user = $this.data('id');var seller = $this.data('seller');var warnBox = jQuery('#remove-card .warnBox').html("").hide();var msgBox = jQuery('#remove-card .msgBox').html("").hide();var msg = jQuery('#remove-card p.msg').html("").hide();var dialogTxtBox = jQuery('#remove-card .dialogTxt').show();// create a box to open the form incancelDialog = jQuery( "#remove-card" ).dialog({ autoOpen: false, modal: true,show: false,title: "Remove Credit Card?", buttons: [{// submit buttontext: "Yes",id: "ok_button", click: function() {removeStripeCard(user, seller);// send ajax call to php page / } // end click function}, // end submit button {// cancel button text: "No",id: "cancel_button", click: function() { cancelDialog.dialog( "close" ); } // end click function }],// end cancel, end buttons close: function() { //$dialog.dialog('destroy');warnBox.hide();msgBox.hide(); } // end close function }); // end create dialog cancelDialog.dialog( "open" ); }); // end remove-keys click function//--------------------------------------------------------------------------// remove stripe card on submit button: AJAX// ------------------------------------------------------------------------ // called in the dialog box formfunction removeStripeCard(userId, sellerId) {var warnBox = jQuery('#remove-card .warnBox').html("").hide();var msgBox = jQuery('#remove-card .msgBox').html("").hide();var dialogTxtBox = jQuery('#remove-card .dialogTxt');// don't send empty number!if (userId == '') {error.style.display = "";error.innerHTML = "You must be logged in!";return '';}// verbose ajax call instead of shorthandjQuery.ajax({ type: "POST", url: pageUrl + "remove_stripe_card", data: { userId:userId, sellerId:sellerId },dataType: "json", success: function(result){console.log(result);dialogTxtBox.hide();if (result.success){$('tr.'+sellerId).remove();$('#remove-card').dialog('option', 'title', 'Credit Card Removed!');$('#remove-card').dialog('option', 'buttons', { 'OK': function() { $(this).dialog('close');dialogTxtBox.show(); }}); // end update dialog buttons$('

Your Credit Card Data Has Been Removed.

').addClass('msg').appendTo('#remove-card form').show();} // end successelse if (result.error) {warnBox.html(result.error).show();$('#remove-card').dialog('option', 'title', 'Error!');$('#remove-card').dialog('option', 'buttons', { 'OK': function() { $(this).dialog('close'); }}); // end update dialog buttons} else {warnBox.html("System Error - Please try again later").show();} // end if} // end success function}); // end ajax post} // end function/* * * * * * * * * * * * * * * * * * * * * * * * * * * *//* stripe save credit card form *//* * * * * * * * * * * * * * * * * * * * * * * * * * * */var stripeElements = function(publicKey, setupIntent) {var stripe = Stripe(publicKey);var elements = stripe.elements();// Element stylesvar style = { base: { fontSize: "16px", color: "#32325d", fontFamily: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif", fontSmoothing: "antialiased", "::placeholder": { color: "rgba(0,0,0,0.4)" } }};var card = elements.create("card", { style: style });card.mount("#card-element");// Element focus ringcard.on("focus", function() { var el = document.getElementById("card-element"); el.classList.add("focused");});card.on("blur", function() { var el = document.getElementById("card-element"); el.classList.remove("focused");});// on submit: this happens after getting the public key// and after the initial setupIntent is created// shows the stripe.js form to add card detailsvar submitButton = document.getElementById("submit");submitButton.addEventListener("click", function(event) { event.preventDefault(); changeLoadingState(true); var email = document.getElementById("email").value; stripe .confirmCardSetup(setupIntent.client_secret, { payment_method: { card: card, billing_details: { email: email }, },// get additional infoexpand: ['payment_method'], }) .then(function(result) { if (result.error) { changeLoadingState(false); var displayError = document.getElementById("card-errors"); displayError.textContent = result.error.message } else { saveCardData(stripe, setupIntent.client_secret, result); } }); // end stripe}); // end button}; // end stripeElements/* * * * * * * * * * * * * * * * * * * * * * * * * * * */// call the create setup intent page and //pass// get the key// this is run when page is loaded // so only has access to data already on the page, not filled in form fields/* * * * * * * * * * * * * * * * * * * * * * * * * * * */var getSetupIntent = function(publicKey) {var data = {seller_id: seller_id,}; // get php page, which creates a creates a customer and a setup intentreturn fetch(pageUrl + "create_setup_intent", { method: 'POST', headers: { 'Content-Type': 'application/json' },body: JSON.stringify(data), })// get the customer id and setup intent in the response .then(function(response) { return response.json(); }) // now supply these to the stripeElements .then(function(setupIntent) { stripeElements(publicKey, setupIntent); }); };// end getSetupIntent/* * * * * * * * * * * * * * * * * * * * * * * * * * * */// starts here with function call on button click// gets the public key via AJAX, then calls the setup intent box, loaded in the template/* * * * * * * * * * * * * * * * * * * * * * * * * * * */var getPublicKey = function(selected_seller_id) {seller_id = selected_seller_id;var data = { seller_id: seller_id }; return fetch(pageUrl + "get_public_key", { method: "POST",body: JSON.stringify(data), })// process the result - the page response includes publicKey: .then(function(response) { return response.json(); })// now call getSetupIntent function in this file, using the key.then(function(response) {if (response.error) {var displayError = document.getElementById("card-errors"); displayError.textContent = response.error;}else {getSetupIntent(response.publicKey);}});};// end get public key// Show a spinner on payment submissionvar changeLoadingState = function(isLoading) { if (isLoading) { document.querySelector("button").disabled = true; document.querySelector("#spinner").classList.remove("hidden"); document.querySelector("#button-text").classList.add("hidden"); } else { document.querySelector("button").disabled = false; document.querySelector("#spinner").classList.add("hidden"); document.querySelector("#button-text").classList.remove("hidden"); }};/* * * * * * * * * * * * * * * * * * * * * * * * * * * *//* Shows a success / error message when the payment intent is complete *//* process the complete setup and send to php to save result *//* * * * * * * * * * * * * * * * * * * * * * * * * * * */var saveCardData = function(stripe, clientSecret, result) { var setupIntent = result.setupIntent;var payment_method = setupIntent.payment_method; var setupIntentJson = JSON.stringify(setupIntent, null, 2);var cardData = {seller_id: seller_id,stripe_id: payment_method.customer,payment_method: payment_method.id,cardname: payment_method.card.brand + " ****" + payment_method.card.last4,created: payment_method.created,exp_month: payment_method.card.exp_month,exp_year: payment_method.card.exp_year,}return fetch(pageUrl + "save_card_data", {method: "POST",body: JSON.stringify(cardData), }) .then(function(response) { return response.json(); })// show success or error .then(function(response) {if (response.error) { changeLoadingState(false); var displayError = document.getElementById("card-errors"); displayError.textContent = response.error; } else {document.querySelector(".sr-payment-form").classList.add("hidden"); document.querySelector(".sr-result").classList.remove("hidden");confirmDialog(response.cardData);jQuery( "#add-card" ).dialog('close');// reset for next usedocument.querySelector(".sr-payment-form").classList.remove("hidden"); document.querySelector(".sr-result").classList.add("hidden");changeLoadingState(true);}}); changeLoadingState(false);};}); // end jQuery document ready