189 lines
No EOL
8.6 KiB
Smarty
189 lines
No EOL
8.6 KiB
Smarty
|
|
<!-- Compiled and minified Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
|
|
|
|
<!-- Optional theme -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
|
|
|
|
|
|
<!-- Compiled and minified FontAwesome CSS -->
|
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
|
|
|
<!-- Main Stylesheet -->
|
|
<link rel="stylesheet" href="lib/css/style.css" />
|
|
|
|
<!-- Pricing Table CSS -->
|
|
<link rel="stylesheet" href="lib/pricing.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div id="wrapper">
|
|
<header id="page-header">
|
|
<div class="container">
|
|
<nav class="navbar navbar-inverse">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="dashboard.html">NeueAdmin</a>
|
|
</div>
|
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul id="main-nav" class="nav navbar-nav">
|
|
<li><a href="dashboard.html">Dashboard</a></li>
|
|
<li><a href="media.html">Media</a></li>
|
|
<li><a href="pricing.html">Pricing Table</a></li>
|
|
<li><a href="profile.html">Profile</a></li>
|
|
<li class="active"><a href="reporting.html">Reporting</a></li>
|
|
<li class="pull-right dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Quick Links <span class="caret"></span></a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="#">New Post</a></li>
|
|
<li><a href="#">Drafts</a></li>
|
|
<li><a href="#">Upload</a></li>
|
|
<li><a href="#">Comments</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="pull-right">
|
|
<button type="button" class="btn btn-warning navbar-btn" onclick="window.location='pricing.html'">Upgrade Plan</button>
|
|
</li>
|
|
</ul>
|
|
<ul id="util-nav" class="nav navbar-nav">
|
|
<li class="nav-hide"><span class="navbar-text">Logged in as admin:</span></li>
|
|
<li><a href="#">Profile</a></li>
|
|
<li><a href="#">Account</a></li>
|
|
<li><a href="#">Help</a></li>
|
|
<li><a href="index.html">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div id="page-subheader">
|
|
<div class="container">
|
|
<input placeholder="Search..." type="text" name="q" value="" />
|
|
<nav id="sub-nav">
|
|
<ul>
|
|
<li><a href="reporting.html">Summary</a></li>
|
|
<li class="active"><a href="reporting-line.html">Line Graph</a></li>
|
|
<li><a href="reporting-radar.html">Radar</a></li>
|
|
<li><a href="reporting-filled.html">Filled Areas</a></li>
|
|
<li><a href="reporting-bar.html">Bars</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- Main Section -->
|
|
|
|
<section class="col-md-9">
|
|
|
|
<div class="panel panel-default collapsible">
|
|
<header class="panel-heading"><h2 class="panel-title">Line Graph</h2></header>
|
|
<section class="panel-body">
|
|
<div><canvas id="myChart"></canvas></div>
|
|
</section>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- Main Section End -->
|
|
|
|
<!-- Sidebar -->
|
|
|
|
<aside class="col-md-3">
|
|
|
|
<div id="rightmenu" class="panel panel-default">
|
|
|
|
<header class="panel-heading">
|
|
|
|
<h2 class="panel-title">Your Account: Free Trial</h2>
|
|
|
|
</header>
|
|
|
|
<section class="panel-body">
|
|
<dl>
|
|
|
|
<dt>Bandwidth: 10000/100000 MB</dt>
|
|
<dd><div class="progress"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;"><span class="sr-only">10%</span></div></div></dd>
|
|
<dt>Storage: 500/1000 MB</dt>
|
|
<dd><div class="progress"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"><span class="sr-only">50%</span></div></div></dd>
|
|
<dt>Users: 3/5</dt>
|
|
<dd><div class="progress"><div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">60%</span></div></div></dd>
|
|
<dt>Emails Sent: 900/1000</dt>
|
|
<dd><div class="progress"><div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="sr-only">90%</span></div></div></dd>
|
|
|
|
</dl>
|
|
</section>
|
|
|
|
<footer class="panel-footer clearfix">
|
|
<a class="btn btn-primary btn-block" href="pricing.html">Upgrade Plan »</a>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
<!-- Sidebar End -->
|
|
</div>
|
|
</div>
|
|
<div id="push"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<footer id="page-footer">
|
|
<div id="footer-inner">
|
|
<p class="container"><span style="float: right;"><a href="#">Documentation</a> | <a href="#">Feedback</a></span>Last account activity from 127.0.0.1 - <a href="#">Details</a> | © 2010. All rights reserved. Theme design by VivantDesigns</p>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
<!-- Chart JS -->
|
|
<script src="lib/js/jquery-ui.min.js"></script>
|
|
<script src="lib/js/global.js"></script>
|
|
<script src="lib/js/chart.min.js></script>
|
|
{literal}
|
|
<script>
|
|
<!-- Main Script -->
|
|
var data = {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [
|
|
{
|
|
label: "My First dataset",
|
|
fillColor: "transparent",
|
|
strokeColor: "rgba(220,220,220,1)",
|
|
pointColor: "rgba(220,220,220,1)",
|
|
pointStrokeColor: "#fff",
|
|
pointHighlightFill: "#fff",
|
|
pointHighlightStroke: "rgba(220,220,220,1)",
|
|
data: [65, 59, 80, 81, 56, 55, 40]
|
|
},
|
|
{
|
|
label: "My Second dataset",
|
|
fillColor: "transparent",
|
|
strokeColor: "rgba(151,187,205,1)",
|
|
pointColor: "rgba(151,187,205,1)",
|
|
pointStrokeColor: "#fff",
|
|
pointHighlightFill: "#fff",
|
|
pointHighlightStroke: "rgba(151,187,205,1)",
|
|
data: [28, 48, 40, 19, 86, 27, 90]
|
|
}
|
|
]
|
|
};
|
|
|
|
var ctx = $("#myChart").get(0).getContext("2d");
|
|
new Chart(ctx).Line(data, {
|
|
responsive: true
|
|
});
|
|
</script>
|
|
{/literal}
|
|
</body>
|
|
</html> |