-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
104 lines (85 loc) · 4.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chargify Example</title>
<link rel="stylesheet" type="text/css" href="./example/host.css" />
</head>
<body>
<button class="btn context-button" value="1">Context 1</button>
<button class="btn context-button" value="2">Context 2</button>
<button class="btn context-button" value="3">Context 3</button>
<button class="btn context-button" value="4">Context 4</button>
<button class="btn context-button" value="5">Context 5</button>
<form class="settings-form">
<h2 id="chargify-js-settings">Settings</h2>
<input type="text" id="chargify-js-src" class="settings-input" name="type"> Chargify.js path<br>
<span class="urls-label">Prod: </span><span class="urls">https://js.chargify.com/latest/chargify.js</span><br>
<span class="urls-label">Staging: </span><span class="urls">https://js.staging-chargify.com/latest/chargify.js</span><br><br>
<span class="urls-label">Test: </span><span class="urls">https://js.chargify.test/dist/chargify/chargify.js</span><br><br>
<input type="text" id="public-key" class="settings-input" name="type"> Public Key<br>
<input type="text" id="private-key" class="settings-input" name="type"> Private Key (required if <a href="https://developers.chargify.com/docs/developer-docs/91a92b3772f9f-overview#security-token" target="_blank">Security Token</a> is enabled)<br>
<input type="text" id="server-host" class="settings-input" name="type"> Server Host (https://acme.chargify.test)<br>
<select name="examples" id="examples" class="settings-select">
<option value="load-card-minimal">Card minimal</option>
<option value="load-card-dropdowns">Card dropdowns</option>
<option value="load-card-full">Card full</option>
<option value="load-card-full-default-error-messages">Card full(default error messages)</option>
<option value="load-3ds-card-minimal">3DS card minimal</option>
<option value="load-bank-minimal">Bank minimal</option>
<option value="load-bank-full">Bank full</option>
<option value="load-gocardless">Gocardless</option>
<option value="load-gocardless-full-billing-address">Gocardless full</option>
<option value="load-direct-debit">Direct-debit</option>
<option value="load-pay-pal-minimal">PayPal minimal</option>
<option value="load-pay-pal-full">PayPal full</option>
<option value="load-apple-pay-minimal">ApplePay minimal</option>
<option value="load-apple-pay-full">ApplePay full</option>
<option value="load-maxio-payments-direct-debit-plaid">MaxioPayments DirectDebit Plaid</option>
<option value="load-maxio-payments-verify-microdeposit-plaid">MaxioPayments Verify Microdeposit Plaid</option>
<option value="switchable-payment-types">Switchable-payment-types</option>
</select> Example <br>
<input type="text" id="gateway-handle" class="settings-input" name="type"> Gateway Handle (optional)<br>
<input type="text" id="one-time-token" class="settings-input" name="type"> One Time Token (only when Verifying Microdeposit)<br>
<div class="error" id="errors-box" style="display: none;">
<span class="error-text">Fill fields</span><br>
</div>
<br>
<button class="btn" type="button" id="settings-submit" style="display: none;">Save & Reload</button>
<button class="btn" disabled="true" type="button" id="settings-loading">Loading ...</button>
</form>
<form id="payment-types" style="display: none; margin-bottom: 20px;">
<input type="radio" id="payment-type-card" name="type" value="card" checked>Credit Card<br>
<input type="radio" id="payment-type-bank" name="type" value="bank">Bank Account<br>
</form>
<div id="apple-pay-validation-errors"></div>
<div id="pay-pal-validation-errors"></div>
<form class="host-form">
<h2 id="credit-card-info">Credit Card Info</h2>
<div id="gocardless-header"></div>
<div id='gocardless-toggle-iban-or-local-details'></div>
<div id="chargify-form"></div>
<h2 id="billing-info">Billing Info</h2>
<div id="gocardless-footer"></div>
<div id="chargify-billing"></div>
<h2 id="bank-info">Bank Info</h2>
<div id="chargify-bank"></div>
<div id="apple-pay"></div>
<div id="pay-pal" style="width: 300px"></div>
<div id="plaid-link" style="height: 30px; margin: 10px 0"></div>
<div id="error-messages"></div>
<label>
Hidden Token: <input id="host-token" disabled />
</label>
<button type="submit" class="btn host-button">Submit Host Form</button>
</form>
<div id="example-card-numbers">
<p>Handy credit card number examples:</p>
visa: 4111111111111111 <br />
amex: 371449635398431 <br />
master: 5555555555554444 <br />
3ds: 4000000000001091 <br />
3ds (Wincave): 5453010000095323, password: secone1
</div>
<script src="./dist/settings.js"></script>
</body>
</html>