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",
get: function get() {
return {
font_color: '#111827',
border_color: 'rgba(210,214,220,1)',
label_color: '#111827',
label_size: '12pt',
background_color: 'white',
border_style: 'solid',
font_size: '15pt',
height: '30px',
width: '100%'
'font_color': '#000',
'border_color': '#a1b1c9',
'border_style': 'dotted',
'font_size': '13pt',
'input_border_radius': '3px',
'input_border_width': '1px',
'input_font': 'Times New Roman, arial, fantasy',
'input_font_weight': '400',
'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",
get: function get() {
return {
font_color: '#111827',
border_color: 'rgba(210,214,220,1)',
label_color: '#111827',
label_size: '12pt',
background_color: 'white',
border_style: 'solid',
font_size: '15pt',
height: '30px',
width: '300px'
'font_color': '#000',
'border_color': '#a1b1c9',
'border_style': 'dotted',
'font_size': '13pt',
'input_border_radius': '2px',
'input_border_width': '1px',
'input_font': 'serif, cursive, fantasy',
'input_font_weight': '700',
'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",
get: function get() {
return {
font_color: '#111827',
border_color: 'rgba(210,214,220,1)',
label_color: '#111827',
label_size: '12pt',
background_color: 'white',
border_style: 'solid',
font_size: '15pt',
height: '30px',
width: '85px',
type: 'dropdown'
'font_color': '#000',
'border_color': '#a1b1c9',
'border_style': 'dashed',
'font_size': '12pt',
'input_border_radius': '0px',
'input_border_width': '2px',
'input_font': 'arial, cursive, fantasy',
'input_font_weight': '400',
'input_margin': '5px 0px 5px 0px',
'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/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/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/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",

View File

@ -17,44 +17,80 @@ class PayTraceCreditCard {
get creditCardStyles() {
return {
font_color: '#111827',
border_color: 'rgba(210,214,220,1)',
label_color: '#111827',
label_size: '12pt',
background_color: 'white',
border_style: 'solid',
font_size: '15pt',
height: '30px',
width: '100%',
'font_color': '#000',
'border_color': '#a1b1c9',
'border_style': 'dotted',
'font_size': '13pt',
'input_border_radius': '3px',
'input_border_width': '1px',
'input_font': 'Times New Roman, arial, fantasy',
'input_font_weight': '400',
'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() {
return {
font_color: '#111827',
border_color: 'rgba(210,214,220,1)',
label_color: '#111827',
label_size: '12pt',
background_color: 'white',
border_style: 'solid',
font_size: '15pt',
height: '30px',
width: '300px',
'font_color': '#000',
'border_color': '#a1b1c9',
'border_style': 'dotted',
'font_size': '13pt',
'input_border_radius': '2px',
'input_border_width': '1px',
'input_font': 'serif, cursive, fantasy',
'input_font_weight': '700',
'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() {
return {
font_color: '#111827',
border_color: 'rgba(210,214,220,1)',
label_color: '#111827',
label_size: '12pt',
background_color: 'white',
border_style: 'solid',
font_size: '15pt',
height: '30px',
width: '85px',
type: 'dropdown',
'font_color': '#000',
'border_color': '#a1b1c9',
'border_style': 'dashed',
'font_size': '12pt',
'input_border_radius': '0px',
'input_border_width': '2px',
'input_font': 'arial, cursive, fantasy',
'input_font_weight': '400',
'input_margin': '5px 0px 5px 0px',
'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'
};
}