Sajal Sharma
71 lines
2.8 KiB
HTML
71 lines
2.8 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
|
<script type="text/javascript" src="mainJs.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="piechart" style="width: 900px; height: 500px;"></div>
|
|
|
|
<div class="container">
|
|
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo0">Food and Dining</button>
|
|
<div id="demo0" class="collapse">
|
|
In-N-Out Friday, July 18 11:30 PM $3.09
|
|
Chipotle Saturday, July 19 11:23 PM $6.98
|
|
McDonald's Thursday, July 24 10::48 PM $9.80
|
|
In-N-Out Friday, July 25 11:51 PM $3.09
|
|
California Pizza Kitchen Saturday, July 26 2:18 PM $15.34
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo1">Transportation</button>
|
|
<div id="demo1" class="collapse">
|
|
Uber Saturday, July 19 12:02 AM $12.01
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo2">Utilities</button>
|
|
<div id="demo2" class="collapse">
|
|
No transactions avaiable
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo3">Clothing</button>
|
|
<div id="demo3" class="collapse">
|
|
Macy's Friday, July 18 10:12 PM $32.09
|
|
Lululemon Athletica Saturday, July 19 9:21 PM $20.61
|
|
Target Thursday, July 24 10::01 PM $4.89
|
|
Vans Friday, July 25 9:59 PM $60.24
|
|
Aididas Saturday, July 26 1:08 PM $28.42
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo4">Entertainment</button>
|
|
<div id="demo4" class="collapse">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo5">Other</button>
|
|
<div id="demo5" class="collapse">
|
|
Transaction 1:
|
|
</div>
|
|
</div>
|
|
|
|
<div id="barchart_material" style="width: 900px; height: 500px;"></div>
|
|
|
|
</body>
|
|
|
|
</html>
|