-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathHTML_PayProcess.html
More file actions
71 lines (57 loc) · 7.17 KB
/
Copy pathHTML_PayProcess.html
File metadata and controls
71 lines (57 loc) · 7.17 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Your Add-on Name</title>
<meta name="description" content="Your Add-on Name - a Google Docs Sheets add-on to do something.">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="https://checkout.stripe.com/checkout.js"></script>
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<?!= HtmlService.createHtmlOutputFromFile('CSS_Index').getContent(); ?>
<?!= HtmlService.createHtmlOutputFromFile('JS_$').getContent(); ?>
</head>
<body style="margin-top:50px;margin-left:100px;">
<div id="idBalance"><?!= acctBalHtml(); ?></div> <!-- Balance line -->
<div id="idNewBalance"> </div>
<div><span id="firstRow"> </span></div> <!-- Message line -->
<div id="pageStripeBuyCondition">
<div><b>Purchase options</b></div>
<form id="rowOptions">
<div>
<input type="radio" class="stripeCheckboxInput" name="stripeOptionsC" id="stripeOption100C" value="5-1 Month-600" style="width:30;" checked>
<label for="stripeOption100C">1 Month .. $6.00 USD</label>
</div>
<div>
<input type="radio" class="stripeCheckboxInput" name="stripeOptionsC" id="stripeOption500C" value="25-6 Months-2600" style="width:30;">
<label for="stripeOption500C">6 Months .. $26.00 USD</label>
</div>
<div>
<input type="radio" class="stripeCheckboxInput" name="stripeOptionsC" id="stripeOption1000C" value="50-1 Yr-5100" style="width:30;">
<label for="stripeOption1000C">1 Year .. $51.00 USD</label>
</div>
</form>
<div class="secondary">Pricing: Plan Fee plus $1 processing fee</div>
<br/>
<div class="block" align="left">
<button id="stripeButtonCondition" onmouseup="openStripeForm()" class="action">Buy</button>
</div>
<div id="payErrorC" style="display:none;"></div>
</div>
<?!= HtmlService.createHtmlOutputFromFile('JS_Stripe').getContent(); ?>
</body>
<br/>
<footer>
<div>
<span>
<img alt="Add-on logo" class="logo" height="44" width="110"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAB1CAMAAADdnBx/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvFQTFRFZ3Ll////Z3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlZ3LlnZybQgAAAPp0Uk5TAAABAgMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4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" >
</span>
</div>
</footer>
<script>
window.onload = function() {//This code runs after the web app is done loading
};
</script>
</html>