From e5109e87ce57f4e02bae295cf3fb032a04e40081 Mon Sep 17 00:00:00 2001
From: kyg516 <kyg_516@naver.com>
Date: Mon, 3 Oct 2016 15:14:35 +0900
Subject: [PATCH] Update home

---
 app/views/home/index.html.erb | 81 ++++++++---------------------------
 1 file changed, 19 insertions(+), 62 deletions(-)

diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 5ee5a21..a0a313e 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -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,