2016-04-25 00:47:31 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<title><%= content_for?(:title) ? yield(:title) : "gluster-web" %> </title>
|
2016-10-03 08:29:08 +00:00
|
|
|
|
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => false %>
|
|
|
|
|
|
<%= javascript_include_tag 'application', 'data-turbolinks-track' => false %>
|
2016-06-17 15:15:44 +00:00
|
|
|
|
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<%= csrf_meta_tags %>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2016-06-17 15:15:44 +00:00
|
|
|
|
|
2016-10-03 08:29:08 +00:00
|
|
|
|
<!-- Datatable functions -->
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function draw_datatable(){
|
|
|
|
|
|
$('#file_manager_table').dataTable( {
|
|
|
|
|
|
"bSort": false,
|
|
|
|
|
|
initComplete: function(){
|
|
|
|
|
|
$('#file_manager_table_filter').detach().appendTo("#file_manager_title_div").css({
|
|
|
|
|
|
'width':'250px'
|
|
|
|
|
|
});
|
|
|
|
|
|
$('#file_manager_table_length').detach().appendTo("#file_manager_title_div").css({
|
|
|
|
|
|
'width':'150px',
|
|
|
|
|
|
'float':'right'
|
|
|
|
|
|
});
|
|
|
|
|
|
$('#file_manager_title_div').css({
|
|
|
|
|
|
'width':'100%',
|
|
|
|
|
|
'height':'48px',
|
|
|
|
|
|
});
|
|
|
|
|
|
$('#file_manager_title_div input').css({
|
|
|
|
|
|
'width':'70%',
|
|
|
|
|
|
'height':'70%',
|
|
|
|
|
|
'font-size':'14px',
|
|
|
|
|
|
'padding':'5px'
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('#disk_usage_tile_table').dataTable({
|
|
|
|
|
|
"bSort":false,
|
|
|
|
|
|
"bFilter":false,
|
|
|
|
|
|
"bInfo":false,
|
|
|
|
|
|
initComplete: function(){
|
|
|
|
|
|
$('#disk_usage_tile_table_length').detach().appendTo("#disk_usage_title_div").css({
|
|
|
|
|
|
'width':'150px',
|
|
|
|
|
|
'float':'right'
|
|
|
|
|
|
});
|
|
|
|
|
|
$('#disk_usage_title_div').css({
|
|
|
|
|
|
'width':'100%',
|
|
|
|
|
|
'height':'48px',
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
function draw_chart(du){
|
|
|
|
|
|
var options = {
|
|
|
|
|
|
legend: false,
|
|
|
|
|
|
responsive: false
|
|
|
|
|
|
};
|
|
|
|
|
|
var colors = ["#3498DB", "#26B99A", "#E74C3C", "#9B59B6", "#BDC3C7"];
|
|
|
|
|
|
var labels = [];
|
|
|
|
|
|
var data = [];
|
|
|
|
|
|
var backgroundColor = [];
|
|
|
|
|
|
var hoverBackgroundColor = [];
|
|
|
|
|
|
|
|
|
|
|
|
for(var i = 0; i < du.length; i++){
|
|
|
|
|
|
labels.push(du[i]['file_name']);
|
|
|
|
|
|
data.push(du[i]['usage']);
|
|
|
|
|
|
backgroundColor.push(colors[i % colors.length]);
|
|
|
|
|
|
hoverBackgroundColor.push(colors[i % colors.length]);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
new Chart(document.getElementById("disk_usage_table_canvas"), {
|
|
|
|
|
|
type: 'doughnut',
|
|
|
|
|
|
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
|
|
|
|
|
|
data: {
|
|
|
|
|
|
labels: labels,
|
|
|
|
|
|
datasets: [{
|
|
|
|
|
|
data: data,
|
|
|
|
|
|
backgroundColor: backgroundColor,
|
|
|
|
|
|
hoverBackgroundColor: hoverBackgroundColor
|
|
|
|
|
|
}]
|
|
|
|
|
|
},
|
|
|
|
|
|
options: options
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<!-- /Datatable functions -->
|
|
|
|
|
|
|
2016-04-25 00:47:31 +00:00
|
|
|
|
</head>
|
2016-10-03 07:06:06 +00:00
|
|
|
|
<script>
|
|
|
|
|
|
function loading(){
|
|
|
|
|
|
$(location).attr('href',"#loading");
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
2016-09-05 16:10:04 +00:00
|
|
|
|
<div id="loading" class="overlay">
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<div class="sk-fading-circle" class="overlay">
|
2016-09-05 16:10:04 +00:00
|
|
|
|
<div class="sk-circle1 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle2 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle3 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle4 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle5 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle6 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle7 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle8 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle9 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle10 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle11 sk-circle"></div>
|
|
|
|
|
|
<div class="sk-circle12 sk-circle"></div>
|
2016-09-24 09:00:27 +00:00
|
|
|
|
</div>
|
2016-09-05 16:10:04 +00:00
|
|
|
|
</div>
|
2016-09-24 09:00:27 +00:00
|
|
|
|
|
2016-04-25 00:47:31 +00:00
|
|
|
|
<body class="nav-md">
|
2016-09-02 08:36:10 +00:00
|
|
|
|
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<div class="container body">
|
|
|
|
|
|
|
|
|
|
|
|
<% flash.each do |key, value| %>
|
|
|
|
|
|
<div align="center" id="flash" class="alert alert-<%= key %>"><%= value %>
|
|
|
|
|
|
<a href="#" data-dismiss="alert" class="close">×</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
|
|
|
|
<%= render "partials/sidenav" %>
|
|
|
|
|
|
<%= render "partials/topnav" %>
|
2016-09-02 08:36:10 +00:00
|
|
|
|
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<%= yield %>
|
2016-09-02 08:36:10 +00:00
|
|
|
|
|
2016-09-24 09:00:27 +00:00
|
|
|
|
<%= render "partials/footer" %>
|
|
|
|
|
|
<%= javascript_include_tag 'footermanifest', 'data-turbolinks-track' => false %>
|
2016-04-25 00:47:31 +00:00
|
|
|
|
|
2016-09-24 09:00:27 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
