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

filtering test

Browse Source
This commit is contained in:
kyg516 2016-09-27 12:36:30 +09:00
parent 364c890cd3
commit 0e6cf80c09
2 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/helpers/home_helper.rb
View File

@ -48,9 +48,9 @@ module HomeHelper
return html
end
def disk_usage_table(dir = @current_dir)
def disk_usage_table(dir = @current_dir, id = "disk_usage_table")
html = String.new
html << "<table class='' style='width:100%'>"
html << "<table id='#{id}' class='' style='width:100%'>"
html << "<tr>"
html << "<th style='width:37%;'>"
html << "<p>Chart</p>"
@ -61,9 +61,9 @@ module HomeHelper
html << "<p class=''>Usage</p></div>"
html << "</th></tr>"
html << "<tr>"
html << "<td><canvas id='disk_usage_canvas' height='140' width='140' style='margin: 15px 10px 10px 0'></canvas></td>"
html << "<td><canvas id='#{id}_canvas' height='140' width='140' style='margin: 15px 10px 10px 0'></canvas></td>"
html << "<td>"
html << "<table class='tile_info'>"
html << "<table class='#{id}_tile_info'>"
get_du(dir).each_with_index do |file, index|
color = ['blue', 'green', 'red', 'purple', 'grey'][index % 5]

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

@ -282,7 +282,7 @@ function draw_chart(du){
hoverBackgroundColor.push(colors[i % 5]);
}
new Chart(document.getElementById("disk_usage_canvas"), {
new Chart(document.getElementById("disk_usage_table_canvas"), {
type: 'doughnut',
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
data: {
@ -298,7 +298,10 @@ function draw_chart(du){
}
$(document).ready(function() {
$('#file_manager_table').dataTable( {"bSort": false});
$('#file_manager_table').dataTable( {
"bFilter": false,
"bSort": false
});
var options = {
legend: false,
@ -317,7 +320,7 @@ $(document).ready(function() {
hoverBackgroundColor.push(colors[<%= index %> % 5]);
<% end %>
new Chart(document.getElementById("disk_usage_canvas"), {
new Chart(document.getElementById("disk_usage_table_canvas"), {
type: 'doughnut',
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
data: {
@ -350,11 +353,14 @@ $(document).on("click", "#file_manager_div .chdir", function(){
success : function(result){
$("#current_dir").val(next_dir);
$("#file_manager_div").empty();
$("#file_manager_div").append(result.file_manager_table);
$("#disk_usage_div").empty();
$("#file_manager_div").append(result.file_manager_table);
$("#disk_usage_div").append(result.disk_usage_table);
$('#file_manager_table').dataTable( {"bSort": false});
$('#file_manager_table').dataTable( {
"processing" : true, // show indicator
"bSort": false
});
draw_chart(result.du);
}
})
@ -376,11 +382,14 @@ $(document).on("click", "#file_manager_div .chupper", function(){
success : function(result){
$("#current_dir").val(next_dir);
$("#file_manager_div").empty();
$("#file_manager_div").append(result.file_manager_table);
$("#disk_usage_div").empty();
$("#file_manager_div").append(result.file_manager_table);
$("#disk_usage_div").append(result.disk_usage_table);
$('#file_manager_table').dataTable( {"bSort": false});
$('#file_manager_table').dataTable( {
"processing" : true, // show indicator
"bSort": false
});
draw_chart(result.du);
}
})
@ -398,8 +407,8 @@ $(document).on("click", "#file_manager_div .rmdir", function(){
success : function(result){
$("#current_dir").val(current_dir);
$("#file_manager_div").empty();
$("#file_manager_div").append(result.file_manager_table);
$("#disk_usage_div").empty();
$("#file_manager_div").append(result.file_manager_table);
$("#disk_usage_div").append(result.disk_usage_table);
$('#file_manager_table').dataTable( {"bSort": false});