UniqueSoft
/
gluster-web-interface
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update home

This commit is contained in:
kyg516 2016-10-03 15:14:35 +09:00
parent 02e70e767d
commit e5109e87ce
1 changed files with 19 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
app/views/home/index.html.erb
View File

@ -132,6 +132,7 @@
<!-- /disk usage -->
</div>
<% nodes = ssh_nodes %>
<div class ="row">
<!-- node status -->
<div class="col-md-4 col-sm-4 col-xs-12">
@ -155,83 +156,53 @@
</div>
<div class="x_content tile fixed_height_200" style="overflow-y:auto;">
<div class="widget_summary">
<% ping = ((nodes.select{ |node| node["ping"].eql? "true" }.length.to_f / nodes.length.to_f) * 100).to_i %>
<div class="w_left w_25">
<span>Ping Connections / Total Node</span>
<span>ping</span>
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 66%;">
<span class="sr-only">60% Complete</span>
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <%= ping %>%;">
</div>
</div>
</div>
<div class="w_right w_20">
<span>123k</span>
</div>
<div class="clearfix"></div>
</div>
<div class="widget_summary">
<div class="w_left w_25">
<span>0.1.5.3</span>
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<div class="w_right w_20">
<span>53k</span>
<span><%= nodes.select{ |node| node["ping"].eql? "true" }.length %> / <%= nodes.length %></span>
</div>
<div class="clearfix"></div>
</div>
<div class="widget_summary">
<% ssh = ((nodes.select{ |node| node["ssh"].eql? "on" }.length.to_f / nodes.length.to_f) * 100).to_i %>
<div class="w_left w_25">
<span>0.1.5.4</span>
<span>ssh</span>
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
<span class="sr-only">60% Complete</span>
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <%= ssh %>%;">
</div>
</div>
</div>
<div class="w_right w_20">
<span>23k</span>
<span><%= nodes.select{ |node| node["ssh"].eql? "on" }.length %> / <%= nodes.length %></span>
</div>
<div class="clearfix"></div>
</div>
<div class="widget_summary">
<% gluster = ((nodes.select{ |node| node["gluster"].eql? "on" }.length.to_f / nodes.length.to_f) * 100).to_i %>
<div class="w_left w_25">
<span>0.1.5.5</span>
<span>gluster operation</span>
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
<span class="sr-only">60% Complete</span>
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <%= gluster %>%;">
</div>
</div>
</div>
<div class="w_right w_20">
<span>3k</span>
</div>
<div class="clearfix"></div>
</div>
<div class="widget_summary">
<div class="w_left w_25">
<span>0.1.5.6</span>
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<div class="w_right w_20">
<span>1k</span>
<span><%= nodes.select{ |node| node["gluster"].eql? "on" }.length %> / <%= nodes.length %></span>
</div>
<div class="clearfix"></div>
</div>
@ -240,7 +211,7 @@
</div>
<!-- /node status -->
<!-- -->
<!-- node list -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel tile">
<div class="x_title">
@ -262,8 +233,6 @@
</div>
<div class="x_content fixed_height_200" style="overflow-y:auto;">
<ul class="list-unstyled top_profiles" >
<% nodes = ssh_nodes %>
<% nodes.each do |node| %>
<li class="media event">
<% if node["ping"].eql? "true" %>
@ -288,6 +257,7 @@
</div>
</div>
</div>
<!-- /node list -->
<!-- disk usage -->
<div class="col-md-4 col-sm-4 col-xs-12">
@ -320,26 +290,13 @@ $(document).ready(function() {
});
<% end %>
draw_datatable();
draw_chart(du);
draw_chart(du);
})
</script>
<!-- /On ready -->
<!-- Datatable functions -->
<script>
function check_divheight(){
//set div height same
if($("#file_manager_div").height() < $("#disk_usage_div").height()){
alert("disk big");
$("#file_manager_div").height($("#disk_usage_div").height());
}
else{
alert("manager big");
$("#disk_usage_div").height($("#file_manager_div").height());
}
}
function draw_datatable(){
$('#file_manager_table').dataTable( {
"bSort": false,