diff options
Diffstat (limited to 'module/web/templates/default/base.html')
| -rw-r--r-- | module/web/templates/default/base.html | 63 |
1 files changed, 38 insertions, 25 deletions
diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html index 67d4f5b1c..94b574046 100644 --- a/module/web/templates/default/base.html +++ b/module/web/templates/default/base.html @@ -7,11 +7,13 @@ <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css"/>
<link href="static/css/font.css" rel="stylesheet" type="text/css"/>
<link href="static/css/default/style.css" rel="stylesheet" type="text/css" media="screen"/>
- <link href="static/css/black-tie/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css" media="screen"/>
+ <link href="static/css/black-tie/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript" src="static/js/libs/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="static/js/libs/jquery.flot.min.js"></script>
<script type="text/javascript" src="static/js/libs/jquery-ui-1.8.22.custom.min.js"></script>
+ <script type="text/javascript" src="static/js/libs/underscore-min.js"></script>
+ <script type="text/javascript" src="static/js/libs/backbone-min.js"></script>
<script>
@@ -50,7 +52,12 @@ <div class="center">
<img class="logo" alt="" src="static/img/default/logo.png" width="120px" height="120px">
<span class="title">pyLoad</span>
- <div id="speedgraph"></div>
+
+ <div id="notification_div">
+ <h1>Important Stuff will be here!</h1>
+ </div>
+
+ <div id="speedgraph"></div>
<div class="header_block">
<div id="check_reconnecting" class="pyload-icon-reconnecting-deactivated"></div>
@@ -84,6 +91,7 @@ <footer>
<div class="center">
<img class="logo" src="static/img/default/logo_grey.png" width="60px" height="60px"/>
+
<div class="block copyright">
© 2008-2012<br>
The pyLoad Team<br>
@@ -122,6 +130,7 @@ $(function () {
var totalPoints = 100;
var data = [];
+
function getRandomData() {
if (data.length > 0)
data = data.slice(1);
@@ -144,32 +153,36 @@ return res;
}
- var updateInterval = 1500;
-
- var speedgraph = $.plot($("#speedgraph"), [getRandomData()], {
- series: {
- lines: { show: true, lineWidth: 2 },
- shadowSize: 0
- },
- xaxis: { ticks: [], mode: "time" },
- yaxis: { ticks: [], min: 0, autoscaleMargin: 0.1 },
- grid: {
- borderColor: "#757575",
- labelMargin: 0,
- axisMargin: 0,
- minBorderMargin: 0
- }
- });
+ var updateInterval = 1500;
+
+ var speedgraph = $.plot($("#speedgraph"), [getRandomData()], {
+ series:{
+ lines:{ show:true, lineWidth:2 },
+ shadowSize:0,
+ color:"#fee247"
+ },
+ xaxis:{ ticks:[], mode:"time" },
+ yaxis:{ ticks:[], min:0, autoscaleMargin:0.1 },
+ grid:{
+ show:true,
+// borderColor: "#757575",
+ borderColor:"white",
+ borderWidth:1,
+ labelMargin:0,
+ axisMargin:0,
+ minBorderMargin:0
+ }
+ });
- function update() {
- speedgraph.setData([ getRandomData() ]);
- // since the axes don't change, we don't need to call plot.setupGrid()
- speedgraph.draw();
+ function update() {
+ speedgraph.setData([ getRandomData() ]);
+ // since the axes don't change, we don't need to call plot.setupGrid()
+ speedgraph.draw();
- setTimeout(update, updateInterval);
- }
+ setTimeout(update, updateInterval);
+ }
- update();
+ update();
});
|