-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (119 loc) · 6.37 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
---
layout: default
title: Reward Genie
---
<div class="jumbotron" id="title">
<div class="container" >
<h1>Welcome to Reward Genie!</h1>
<p>Reward Genie can help you find the best card to use in order to maximize your card rewards!</p>
<!--<p><a href="addBank.html" class="btn btn-primary btn-lg" role="button">Add New Account</a></p>-->
<p><a id="find-rewards-button" href="findRewards2.html" class="btn btn-primary btn-lg" role="button" style="display:none;">Find Cashback Rewards</a></p>
</div>
</div>
<div class="container" id="content">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Convenient</h2>
<p>Create an account, add your card numbers, then check how to maximize your rewards with a single click or tap! </p>
</div>
<div class="col-md-4">
<h2>Free</h2>
<p>As a student project, this service is free for now! </p>
</div>
<div class="col-md-4">
<h2>Safe</h2>
<p>We only use the first 6 numbers of your credit cards, and will never ask you for any more information about your bank accounts. We never try to access your accounts, nor could we if we tried! </p>
</div>
</div>
</div>
<div class="container" style="height: 100%;display:none" id="map">
<input id="pac-input" class="controls" type="text" placeholder="Enter a merchant name" >
<div id="input-control" class="controls">
<span id="clear-pac-input">Clear</span>
</div>
<!--<div id="type-selector" class="controls">
<input id="pac-input" class="controls" type="text"
placeholder="Enter a location" style = "display:none;">
<div id="type-selector" class="controls" style = "display:none;">
<input type="radio" name="type" id="changetype-all" checked="checked">
<label for="changetype-all">All</label>
</div>-->
<h2 style="margin:15px; text-align:center; color: RGB(63, 134, 196);">Find Rewards</h2>
<div id="map-canvas2" style="height: 45%; margin-top: 30px;"></div>
<div id="recommendedCards">
<div id="bestCard">
</div>
</div>
<!--div style="margin: 15px;"><a href="index.html" class="btn btn-primary btn-lg" role="button">Return to home</a></div-->
<hr>
</div> <!-- /container -->
<div class="tab-content" id="tab" style="display:none">
<div class="tab-pane" id="addCreditCard" style = "margin:15px;">
<h2 style = "text-align:center;">Add New Credit Card</h2>
<table id = "searchResults" cellspacing = "10">
<tr class = "row">
<td class = "col-xs-4" style="font-size: 12px"><label class = "cardNumber">Card Number: </label></td>
<td class = "col-md-6"><input type="text" class="form-control" placeholder="Input First 6 digits" id = "inputCreditCard" maxlength = "6"/></td>
<td class = "col-md-2"><span></span></td>
</tr>
<tr id = "rewards" class = "row">
<td class = "col-xs-4" style="font-size: 12px"><label>Rewards Type: </label></td>
<td class = "col-md-6"><select class="form-control" id = "selectCard"></select>
</tr>
</table>
<div class="row">
<div class = "col-md-5 col-md-offset-3"> <h4 id="usercardInfoOutput" class = "" style="text-align: center; width :100%; "></h4></div>
<div class="col-md-1">
<button id="addCreditCardToUser" type="button" class="btn btn-large btn-block btn-primary" style="margin-top:20px" onclick = "saveCardToUser()">Add this card to account</button>
</div>
</div>
<div class="modal fade" id = "successAdd">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><span style="color:green">Card Added</span></h4>
</div>
<div class="modal-body">
Your card has been added successfully!
<div class = "col-md-6 col-md-offset-3"> <h4 id="usercardInfoOutputInModal" class = "" style="text-align: center; width :100%; "></h4></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
<div class="tab-pane active" id="myCurrentCards" style = "margin:15px;">
<div class="row">
<h2 class="col-md-6 col-md-offset-3">My Current Cards</h2>
</div>
<div id = "cardLists" class="row">
</div>
</div>
<div class = "container " id="tabControl">
<ul class="nav nav-tabs btn-group btn-group-justified" id = "myTab">
<li class = "mytab"><a id="nav-current-cards" href="#myCurrentCards" data-toggle="tab">Current Cards</a></li>
<li class = "mytab"><a href="#addCreditCard" data-toggle="tab">Add Card</a></li>
</ul>
</div>
<div class="modal fade" id = "successRemove">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><span style="color:red">Card Removed</span></h4>
</div>
<div class="modal-body">
Your card has been removed successfully.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->