uppal/cgrates
1
0
Fork 1
mirror of https://github.com/cgrates/cgrates.git synced 2026-02-11 18:16:24 +05:00
Code Issues Packages Projects Releases Wiki Activity

moved status monitor templates and static files to data folder

Browse Source
This commit is contained in:
Radu Ioan Fericean
2012-08-06 15:32:10 +03:00
parent 0e45c2f7e7
commit d298fad2a6
10 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
data/static/css/bootstrap-responsive.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

9
data/static/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
data/static/img/glyphicons-halflings-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
data/static/img/glyphicons-halflings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

6
data/static/js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
data/static/js/jquery-1.7.2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

6
data/static/js/jquery.flot.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

45
data/templates/actiontimings.html Normal file
View File

@@ -0,0 +1,45 @@
{{define "title"}}CGRateS Action Timings{{end}}
{{define "content"}}
<div class="modal hide fade" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
<div class="row">
<div class="span7">
<h1>Action timings</h1>
<table id="rater-table" class="table table-striped">
{{range .}}
<tr>
<td>{{.}}</td>
<td><a class="btn" data-toggle="modal" href="#myModal" >Edit</a></td>
</tr>
{{end}}
</table>
</div>
<div class="span5">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn" href="#">View details &raquo;</a></p>
</div>
</div>
{{end}}
{{define "extrascripts"}}
<script src="static/js/jquery.flot.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#myModal').modal({
show: false
})
});
</script>
{{end}}

61
data/templates/base.html Normal file
View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{template "title" .}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Describes the internal status of CGRateS server.">
<meta name="author" content="Radu Ioan Fericean">
<!-- Le styles -->
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">CGRateS</a>
<div class="nav-collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
{{template "content" .}}
<hr>
<footer>
<p>&copy; Radu Fericean 2012</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="static/js/jquery-1.7.2.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
</script>{{template "extrascripts" .}}
</body>
</html>

82
data/templates/status.html Normal file
View File

@@ -0,0 +1,82 @@
{{define "title"}}CGRateS Status{{end}}
{{define "content"}}
<div class="hero-unit">
<h1>Conected raters</h1>
<table id="rater-table" class="table table-striped">
{{range .}}
<tr><td>{{.}}</td></tr>
{{end}}
</table>
<p><a id="rater-refresh" href="#" class="btn btn-primary btn-large">Refresh</a></p>
</div>
<div class="row">
<div class="span7">
<h2>Memory consumption (KB)</h2>
<div id="memory-container" style="width:600px;height:300px;"></div>
</div>
<div class="span5">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn" href="#">View details &raquo;</a></p>
</div>
</div>
{{end}}
{{define "extrascripts"}}
<script src="static/js/jquery.flot.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
// we use an inline data source in the example, usually data would
// be fetched from a server
var data = [], totalPoints = 300;
var limit = [];
function getMemoryData() {
if (data.length >= totalPoints) {
data = data.slice(1);
limit = limit.slice(1);
}
$.getJSON("/getmem", function(memValue){
now = new Date()
timeOffsetInHours = (now.getTimezoneOffset()/60) * (-1);
now.setHours(now.getHours() + timeOffsetInHours);
data.push([now.getTime(), memValue[0]]);
limit.push([now.getTime(), memValue[1]]);
});
return [data, limit];
}
// setup plot
var options = {
//series: { shadowSize: 0 }, // drawing is faster without shadows
yaxis: { min: 0},// max: 10000 },
xaxis: { mode: "time" }
};
getMemoryData()
var plot = $.plot($("#memory-container"), [ {label: "Current", data:data}, {label: "Footprint", data: limit} ], options);
function update() {
getMemoryData()
plot.setData([ {label: "Current", data:data}, {label: "Footprint", data: limit} ]);
// since the axes don't change, we don't need to call plot.setupGrid()
plot.setupGrid()
plot.draw();
setTimeout(update, 2000); //5 seconds
}
update();
$("#rater-refresh").click(function(){
$.getJSON("/raters", function(raters){
$("tr", "#rater-table").remove()
for(var i=0; i<raters.length; i++){
$("#rater-table").append("<tr><td>" + raters[i] + "</td></tr>");
}
});
return false;
})
});
</script>
{{end}}