-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
108 lines (84 loc) · 3.97 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
105
106
107
108
<html>
<head>
<title>Paypal Link Builder</title>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
</head>
<body>
<a href="https://github.com/splitbrain/paypal-link-builder"><img
style="position: absolute; top: 0; right: 0; border: 0;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"
alt="Fork me on GitHub"></a>
<div id="app" class="container">
<h1>Paypal Link Builder</h1>
<div class="row">
<div class="column">
<form>
<fieldset>
<label for="business">Your Paypal Account E-Mail Address</label>
<input type="email" id="business" v-model.trim="business" placeholder="[email protected]">
<label for="currency">The currency you want to use</label>
<select id="currency" v-model="currency">
<option value="EUR">EUR</option>
<option value="USD">USD</option>
</select>
<label for="amount">The Amount to request</label>
<input id="amount" v-model.number="amount" type="number" placeholder="99.99" min="0"
step="0.01">
<label for="item_name">The Description</label>
<input id="item_name" v-model.trim="item_name" type="text" placeholder="My exquisite services">
<label>Subscription Options</label>
Every <input type="number" step="1" min="1" v-model.number="each">
<select v-model="unit">
<option value="D">Day</option>
<option value="W">Week</option>
<option value="M">Month</option>
<option value="Y">Year</option>
</select>
</fieldset>
</form>
<div v-if="business && amount && item_name">
<h2>Results</h2>
<p>
Right-click and copy the link to use it somewhere or us the TinyURL servive to make the link a bit
shorter.
</p>
<ul>
<li>
<strong><a v-bind:href="buylink">Buy Once</a></strong>
for {{ amount }} {{ currency }}
<tinyurl v-bind:url="buylink"></tinyurl>
</li>
<li>
<strong><a v-bind:href="sublink">Subscription</a></strong>
for {{ amount }} {{ currency }} every {{ each }} {{ unit }}
<tinyurl v-bind:url="sublink"></tinyurl>
</li>
</ul>
</div>
</div>
<div class="column">
<h2>About</h2>
<p>
This tool builds Paypal Links for you. Either for a one-time buy or a subscription.
</p>
<p>
I made this because Paypal's own methods for building these links are harder to find every
year. This tool is entirely in JavaScript, none of your data is transferred anywhere (unless you use the
TinyURL link).
</p>
<p>
You need to make sure your data makes sense yourself. Also check that the generated links do what you
want. <strong>Absolutely no warranties are given. Use at your own risk.</strong>
</p>
<p>
A <a href="https://www.splitbrain.org">splitbrain.org</a> Service.
</p>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="script.js"></script>
</html>