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

Update home

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