talksik/Reflex
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

dashboard integration

Browse Source
This commit is contained in:
Arjun Patel
2018-01-21 02:36:11 -08:00
parent 3a414f27c8
commit e891bef6f7
3 changed files with 254 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard.html
+129
View File
@@ -0,0 +1,129 @@
<!Doctype html>
<html>
<head>
<link rel="shortcut icon" href="pics/Airplane.ico" />
<title>Reflex</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="dash.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://use.fontawesome.com/7b29adddad.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Completed', 11],
['To Go' , 13],
]);
var options = {
title: 'Personal Goal Graph',
pieHole: 0.8,
colors:['red','#004411'],
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
function getData(value){
}
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
// Some raw data (not necessarily accurate)
var data = google.visualization.arrayToDataTable([
['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
['2004/05', 165, 938, 522, 998, 450, 614.6],
['2005/06', 135, 1120, 599, 1268, 288, 682],
['2006/07', 157, 1167, 587, 807, 397, 623],
['2007/08', 139, 1110, 615, 968, 215, 609.4],
['2008/09', 136, 691, 629, 1026, 366, 569.6]
]);
var options = {
title : 'Monthly Coffee Production by Country',
vAxis: {title: 'Cups'},
hAxis: {title: 'Month'},
seriesType: 'bars',
series: {5: {type: 'line'}}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div class="nav container-fluid">
<div class="row">
<div class="col-sm-12">
<font color="white">Reflex</font>
</div>
</div>
</div>
<div class="container-fluid cardsCont">
<div class="row goalRow">
<div class="col-md-6 cardCont">
<div class="card">
<div id="piechart" class="circleGraph"></div>
</div>
<!---graph --->
</div>
<div class="col-md-6 cardCont">
<div class="row twoCardRow">
<div class="col-md-6 cardCont">
<div class="card stepsC">
<i class="fa fa-male fa-2x" aria-hidden="true"></i>
<p class="cardInfo">Steps</p>
<p class="cardData">1000</p>
</div>
</div>
<div class="col-md-6 cardCont">
<div class="card calC">
<i class="fa fa-fire fa-2x" aria-hidden="true"></i>
<p class="cardInfo">Calories</p>
<p class="cardData">250 Calories</p>
</div>
</div>
</div>
<div class="row twoCardRow">
<div class="col-md-6 cardCont">
<div class="card sleepC">
<i class="fa fa-bed fa-2x" aria-hidden="true"></i>
<p class="cardInfo">Sleep</p>
<p class="cardData">8.5 hours</p>
</div>
</div>
<div class="col-md-6 cardCont">
<div class="card activityC">
<i class="fa fa-heart fa-2x" aria-hidden="true"></i>
<p class="cardInfo">Activity</p>
<p class="cardData">1 hours</p>
</div>
</div>
</div>
</div>
</div>
<div class="row mainGCont">
<div class"col-md-12 mainG">
<div id="chart_div" class="mainGraph"></div>
</div>
</div>
</div>
</body>
</html>