Paytrace Credit card Styling

This commit is contained in:
David Bomba 2023-05-24 09:53:11 +10:00
parent ed4db8963b
commit eda8439f02
3 changed files with 129 additions and 57 deletions

View File

@ -28,46 +28,82 @@ var PayTraceCreditCard = /*#__PURE__*/function () {
key: "creditCardStyles", key: "creditCardStyles",
get: function get() { get: function get() {
return { return {
font_color: '#111827', 'font_color': '#000',
border_color: 'rgba(210,214,220,1)', 'border_color': '#a1b1c9',
label_color: '#111827', 'border_style': 'dotted',
label_size: '12pt', 'font_size': '13pt',
background_color: 'white', 'input_border_radius': '3px',
border_style: 'solid', 'input_border_width': '1px',
font_size: '15pt', 'input_font': 'Times New Roman, arial, fantasy',
height: '30px', 'input_font_weight': '400',
width: '100%' 'input_margin': '5px 0px 5px 0px',
'input_padding': '0px 5px 0px 5px',
'label_color': '#a0aec0',
'label_size': '16px',
'label_width': '150px',
'label_font': 'Times New Roman, sans-serif, serif',
'label_font_weight': 'light',
'label_margin': '5px 0px 0px 0px',
'label_padding': '0px 5px 0px 5px',
'background_color': 'white',
'height': '30px',
'width': '370px',
'padding_bottom': '0px'
}; };
} }
}, { }, {
key: "codeStyles", key: "codeStyles",
get: function get() { get: function get() {
return { return {
font_color: '#111827', 'font_color': '#000',
border_color: 'rgba(210,214,220,1)', 'border_color': '#a1b1c9',
label_color: '#111827', 'border_style': 'dotted',
label_size: '12pt', 'font_size': '13pt',
background_color: 'white', 'input_border_radius': '2px',
border_style: 'solid', 'input_border_width': '1px',
font_size: '15pt', 'input_font': 'serif, cursive, fantasy',
height: '30px', 'input_font_weight': '700',
width: '300px' 'input_margin': '5px 0px 5px 20px',
'input_padding': '0px 5px 0px 5px',
'label_color': '#a0aec0',
'label_size': '16px',
'label_width': '150px',
'label_font': 'sans-serif, arial, serif',
'label_font_weight': 'bold',
'label_margin': '5px 0px 0px 20px',
'label_padding': '2px 5px 2px 5px',
'background_color': 'white',
'height': '30px',
'width': '150px',
'padding_bottom': '2px'
}; };
} }
}, { }, {
key: "expStyles", key: "expStyles",
get: function get() { get: function get() {
return { return {
font_color: '#111827', 'font_color': '#000',
border_color: 'rgba(210,214,220,1)', 'border_color': '#a1b1c9',
label_color: '#111827', 'border_style': 'dashed',
label_size: '12pt', 'font_size': '12pt',
background_color: 'white', 'input_border_radius': '0px',
border_style: 'solid', 'input_border_width': '2px',
font_size: '15pt', 'input_font': 'arial, cursive, fantasy',
height: '30px', 'input_font_weight': '400',
width: '85px', 'input_margin': '5px 0px 5px 0px',
type: 'dropdown' 'input_padding': '0px 5px 0px 5px',
'label_color': '#a0aec0',
'label_size': '16px',
'label_width': '150px',
'label_font': 'arial, fantasy, serif',
'label_font_weight': 'normal',
'label_margin': '5px 0px 0px 0px',
'label_padding': '2px 5px 2px 5px',
'background_color': 'white',
'height': '30px',
'width': '85px',
'padding_bottom': '2px',
'type': 'dropdown'
}; };
} }
}, { }, {

View File

@ -26,7 +26,7 @@
"/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=881f15cb83dc9d0412625da80f094912", "/js/clients/payments/braintree-paypal.js": "/js/clients/payments/braintree-paypal.js?id=881f15cb83dc9d0412625da80f094912",
"/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=b8b588f18e7c692faa44b598f3f1bde0", "/js/clients/payments/wepay-credit-card.js": "/js/clients/payments/wepay-credit-card.js?id=b8b588f18e7c692faa44b598f3f1bde0",
"/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=e984eca06a662d2e8a8e01cae085794c", "/js/clients/payment_methods/wepay-bank-account.js": "/js/clients/payment_methods/wepay-bank-account.js?id=e984eca06a662d2e8a8e01cae085794c",
"/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=5ff9cc69d2923a89c05412bff3a8c862", "/js/clients/payments/paytrace-credit-card.js": "/js/clients/payments/paytrace-credit-card.js?id=800e95b9c19d54e844338d619e87c9dc",
"/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=2f72b969507e6135b5c52a65522ab3ae", "/js/clients/payments/mollie-credit-card.js": "/js/clients/payments/mollie-credit-card.js?id=2f72b969507e6135b5c52a65522ab3ae",
"/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=0d1c8957b02c5601b7d57c39740bff75", "/js/clients/payments/eway-credit-card.js": "/js/clients/payments/eway-credit-card.js?id=0d1c8957b02c5601b7d57c39740bff75",
"/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=2f8e5af9ba5ce266d2ee49b084fbe291", "/js/clients/payment_methods/braintree-ach.js": "/js/clients/payment_methods/braintree-ach.js?id=2f8e5af9ba5ce266d2ee49b084fbe291",

View File

@ -17,44 +17,80 @@ class PayTraceCreditCard {
get creditCardStyles() { get creditCardStyles() {
return { return {
font_color: '#111827', 'font_color': '#000',
border_color: 'rgba(210,214,220,1)', 'border_color': '#a1b1c9',
label_color: '#111827', 'border_style': 'dotted',
label_size: '12pt', 'font_size': '13pt',
background_color: 'white', 'input_border_radius': '3px',
border_style: 'solid', 'input_border_width': '1px',
font_size: '15pt', 'input_font': 'Times New Roman, arial, fantasy',
height: '30px', 'input_font_weight': '400',
width: '100%', 'input_margin': '5px 0px 5px 0px',
'input_padding': '0px 5px 0px 5px',
'label_color': '#a0aec0',
'label_size': '16px',
'label_width': '150px',
'label_font': 'Times New Roman, sans-serif, serif',
'label_font_weight': 'light',
'label_margin': '5px 0px 0px 0px',
'label_padding': '0px 5px 0px 5px',
'background_color': 'white',
'height': '30px',
'width': '370px',
'padding_bottom': '0px'
}; };
} }
get codeStyles() { get codeStyles() {
return { return {
font_color: '#111827', 'font_color': '#000',
border_color: 'rgba(210,214,220,1)', 'border_color': '#a1b1c9',
label_color: '#111827', 'border_style': 'dotted',
label_size: '12pt', 'font_size': '13pt',
background_color: 'white', 'input_border_radius': '2px',
border_style: 'solid', 'input_border_width': '1px',
font_size: '15pt', 'input_font': 'serif, cursive, fantasy',
height: '30px', 'input_font_weight': '700',
width: '300px', 'input_margin': '5px 0px 5px 20px',
'input_padding': '0px 5px 0px 5px',
'label_color': '#a0aec0',
'label_size': '16px',
'label_width': '150px',
'label_font': 'sans-serif, arial, serif',
'label_font_weight': 'bold',
'label_margin': '5px 0px 0px 20px',
'label_padding': '2px 5px 2px 5px',
'background_color': 'white',
'height': '30px',
'width': '150px',
'padding_bottom': '2px'
}; };
} }
get expStyles() { get expStyles() {
return { return {
font_color: '#111827', 'font_color': '#000',
border_color: 'rgba(210,214,220,1)', 'border_color': '#a1b1c9',
label_color: '#111827', 'border_style': 'dashed',
label_size: '12pt', 'font_size': '12pt',
background_color: 'white', 'input_border_radius': '0px',
border_style: 'solid', 'input_border_width': '2px',
font_size: '15pt', 'input_font': 'arial, cursive, fantasy',
height: '30px', 'input_font_weight': '400',
width: '85px', 'input_margin': '5px 0px 5px 0px',
type: 'dropdown', 'input_padding': '0px 5px 0px 5px',
'label_color': '#a0aec0',
'label_size': '16px',
'label_width': '150px',
'label_font': 'arial, fantasy, serif',
'label_font_weight': 'normal',
'label_margin': '5px 0px 0px 0px',
'label_padding': '2px 5px 2px 5px',
'background_color': 'white',
'height': '30px',
'width': '85px',
'padding_bottom': '2px',
'type': 'dropdown'
}; };
} }