diff --git a/.eslintrc b/.eslintrc
new file mode 100644
index 0000000..da73065
--- /dev/null
+++ b/.eslintrc
@@ -0,0 +1,9 @@
+{
+ "env": {
+ "browser":1
+ },
+
+ "globals":{
+ "angular":1
+ }
+}
diff --git a/app/helpers/home_helper.rb b/app/helpers/home_helper.rb
index 4595353..b471640 100644
--- a/app/helpers/home_helper.rb
+++ b/app/helpers/home_helper.rb
@@ -94,6 +94,49 @@ module HomeHelper
return html
end
- def html_disk_file_table
+ def html_disk_file_table(dir = @current_dir, id = "disk_file_table")
+ html = String.new
+ html << "
"
+ html << ""
+ html << ""
+ html << " Chart "
+ html << " | "
+ html << ""
+ html << ""
+ html << " |
"
+ html << ""
+ html << " | "
+ html << ""
+ html << ""
+ html << ""
+ html << ""
+ html << " | "
+ html << " | "
+ html << " "
+ html << ""
+ html << ""
+
+ get_df.each_with_index do |file, index|
+ color = ['blue', 'green', 'red', 'purple', 'grey'][index % 5]
+ html << ""
+ html << ""
+ html << " "
+ html << file['Filesystem']
+ html << " "
+ html << " | "
+ html << ""
+ html << " "
+ html << format((file["Use%"][0..file["Use%"].length - 1])) + "%"
+ html << " "
+ html << " | "
+ end
+
+ html << ""
+ html << " "
+ html << " |
"
+ html << "
"
+ return html
end
end
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 5ee5a21..de2dd14 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -321,6 +321,48 @@ $(document).ready(function() {
<% end %>
draw_datatable();
draw_chart(du);
+
+
+ var options = {
+ legend: false,
+ responsive: false
+ };
+ var colors = ["#3498DB", "#26B99A", "#E74C3C", "#9B59B6", "#BDC3C7"];
+ var labels = [];
+ var data = [];
+ var backgroundColor = [];
+ var hoverBackgroundColor = [];
+
+ var df = [];
+ <% get_df.each_with_index do |df, index| %>
+ df.push({
+ 'file_name':"<%= df['Filesystem'] %>",
+ 'usage':"<%= (df["Use%"][0..df["Use%"].length - 1]).to_f / 100 %>"
+ });
+ <% end %>
+
+ for(var i = 0; i < df.length; i++){
+ labels.push(df[i]['file_name']);
+ data.push(df[i]['usage']);
+ backgroundColor.push(colors[i % colors.length]);
+ hoverBackgroundColor.push(colors[i % colors.length]);
+ }
+
+ new Chart(document.getElementById("disk_file_table_canvas"), {
+ type: 'doughnut',
+ tooltipFillColor: "rgba(51, 51, 51, 0.55)",
+ data: {
+ labels: labels,
+ datasets: [{
+ data: data,
+ backgroundColor: backgroundColor,
+ hoverBackgroundColor: hoverBackgroundColor
+ }]
+ },
+ options: options
+ });
+
+
})