From 47d03b832aeedd03510fe546277ee025a615553e Mon Sep 17 00:00:00 2001
From: Youngkyun Kim <kyg_516@naver.com>
Date: Tue, 30 Aug 2016 11:22:26 +0000
Subject: [PATCH] Collapse if panel is not first one

---
 app/views/partials/_sidenav.html.erb |  37 +-----
 app/views/volume/info.html.erb       | 166 +++++++++++++--------------
 2 files changed, 83 insertions(+), 120 deletions(-)

diff --git a/app/views/partials/_sidenav.html.erb b/app/views/partials/_sidenav.html.erb
index 401e4ea..99f7541 100644
--- a/app/views/partials/_sidenav.html.erb
+++ b/app/views/partials/_sidenav.html.erb
@@ -5,30 +5,13 @@
     <div class="left_col scroll-view">
 
       <div class="navbar nav_title" style="border: 0;">
-        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
+        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Side Menu</span></a>
       </div>
       <div class="clearfix"></div>
 
-
-      <!-- menu profile quick info -->
-      <div class="profile">
-        <div class="profile_pic">
-          <%= image_tag "img.jpg", :class => "img-circle profile_img"  %>
-        </div>
-        <div class="profile_info">
-          <span>Welcome,</span>
-          <h2>John Doe</h2>
-        </div>
-      </div>
-      <!-- /menu profile quick info -->
-
-      <br />
-
       <!-- sidebar menu -->
       <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
-
         <div class="menu_section">
-          <h3>General</h3>
           <ul class="nav side-menu">
             <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
               <ul class="nav child_menu" style="display: none">
@@ -37,25 +20,11 @@
               </ul>
             </li>
             <li><a><i class="fa fa-edit"></i> Volume <span class="fa fa-chevron-down"></span></a>
-
               <ul class="nav child_menu" style="display: none">
-                <li><a href="/volume/info">Info</a>
-                </li>
-                <li><a href="#">Create</a>
-                </li>
-                <li><a href="#">Delete</a>
-                </li>
-                <li><a href="#">Start</a>
-                </li>
-                <li><a href="#">Stop</a>
-                </li>
-                <li><a href="#">Set</a>
-                </li>
-                <li><a href="#">Get</a>
+                <li><a href="/volume/info">Control</a>
                 </li>
               </ul>
             </li>
-
             <li><a><i class="fa fa-desktop"></i> Brick <span class="fa fa-chevron-down"></span></a>
               <ul class="nav child_menu" style="display: none">
                 <li><a href="#">Add-brick</a>
@@ -198,11 +167,9 @@
                 </li>
               </ul>
             </li>
-            <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
             </li>
           </ul>
         </div>
-
       </div>
       <!-- /sidebar menu -->
 
diff --git a/app/views/volume/info.html.erb b/app/views/volume/info.html.erb
index ee052c4..33900c6 100644
--- a/app/views/volume/info.html.erb
+++ b/app/views/volume/info.html.erb
@@ -1,10 +1,9 @@
-<!-- page content -->
-
-<div class="right_col" role="main">
-  <div class="">
+  <!-- page content -->
+  <div class="right_col" role="main">
+  
     <div class="page-title">
       <div class="title_left">
-        <h3>Volume Info </h3> 
+        <h3>Volume</h3> 
       </div>
       <div class="title_right">
         <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
@@ -20,16 +19,14 @@
     
     <div class="clearfix"></div>
 
-    <div class="row">  
-    
+    <div class="row">
       <%@volumes.each do |t|%>
-      
         <div class="col-md-12 col-sm-12 col-xs-12">
           <div class="x_panel">
             <div class="x_title">
               <h2>Infomation <small><%=t["Volume Name"]%></small></h2>
               <ul class="nav navbar-right panel_toolbox">
-                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                <li><a class="collapse-link"><i <%if t!=@volumes[0]%> class="fa fa-chevron-down" <%else%> class="fa fa-chevron-up" <%end%> ></i></a>
                 </li>
                 <li class="dropdown">
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
@@ -46,9 +43,10 @@
               <div class="clearfix"></div>
             </div>
             
-            <div class="x_content">
+            <div class="x_content" <%if t!=@volumes[0]%> style="display: none;" <%end%> >
               
               <div class="col-md-4 col-sm-4 col-xs-4">
+                <p class="text-muted font-13 m-b-30"><code>Volume Info</code></p>
                 Type : <%=t["Type"]%> <br>
                 Volume ID : <%=t["Volume ID"]%> <br>
                 Status : <%=t["Status"]%> <br>
@@ -68,45 +66,45 @@
               </div>
               
               <div class="col-md-12 col-sm-12 col-xs-12" id="table_div">
-                  <p class="text-muted font-13 m-b-30"><code>File Manager</code></p>
-                  <p>  Current directory : <%=@current_dir%></p></br>
-                  <table id="datatable" class="table table-striped table-bordered jambo_table">
-                    <thead>
-                      <tr class="headings">
-                        <th>Name</th>
-                        <th>auth</th>
-                        <th>Size</th>
-                        <th>Date</th>
-                      </tr>
-                    </thead>
+                <p class="text-muted font-13 m-b-30"><code>File Manager</code></p>
+                <p>  Current directory : <%=@current_dir%></p></br>
+                <table id="datatable" class="table table-striped table-bordered jambo_table">
+                  <thead>
+                    <tr class="headings">
+                      <th>Name</th>
+                      <th>auth</th>
+                      <th>Size</th>
+                      <th>Date</th>
+                    </tr>
+                  </thead>
 
-                    <tbody id="tbody_volume1">
+                  <tbody id="tbody_volume1">
+                    <tr>
+                      <td><i class="fa fa-reply"></i> 
+                         <a onclick="change_upper('<%=@current_dir%>')">  ..</a>
+                      </td>
+                      <td></td>
+                      <td></td>
+                      <td></td>
+                    </tr>
+                    <%@files.each do |t|%>
                       <tr>
-                        <td><i class="fa fa-reply"></i> 
-                           <a onclick="change_upper('<%=@current_dir%>')">  ..</a>
-                        </td>
-                        <td></td>
-                        <td></td>
-                        <td></td>
+                        <% if t["auth"][0]=='d'%> 
+                         <td style="color:#0d8ade;"><i class="fa fa-folder-open-o"></i> 
+                           <a style="cursor: pointer" onclick="change_directory('<%=@current_dir + "/" + t["name"]%>')"><%=t["name"]%></a>
+                          </td>
+                        <% else %>
+                         <td><i class="fa fa-file-o"></i> 
+                           <a style="cursor: pointer"><%=t["name"]%></a>
+                         </td>
+                        <% end %>
+                       <td><%=t["auth"]%></td>
+                       <td><%=t["size"]%></td>
+                       <td><%=t["date"]%></td>
                       </tr>
-                      <%@files.each do |t|%>
-                        <tr>
-                          <% if t["auth"][0]=='d'%> 
-                           <td style="color:#0d8ade;"><i class="fa fa-folder-open-o"></i> 
-                             <a style="cursor: pointer" onclick="change_directory('<%=@current_dir + "/" + t["name"]%>')"><%=t["name"]%></a>
-                            </td>
-                          <% else %>
-                           <td><i class="fa fa-file-o"></i> 
-                             <a style="cursor: pointer"><%=t["name"]%></a>
-                           </td>
-                          <% end %>
-                         <td><%=t["auth"]%></td>
-                         <td><%=t["size"]%></td>
-                         <td><%=t["date"]%></td>
-                        </tr>
-                      <%end%>
-                    </tbody>
-                  </table>
+                    <%end%>
+                  </tbody>
+                </table>
               </div>
             </div>
           </div>
@@ -114,51 +112,49 @@
       <%end%>
     </div>
   </div>
-</div>
-<!-- /page content -->
+  <!-- /page content -->
 
   <script>
-          var handleDataTableButtons = function() {
-              "use strict";
-              0 !== $("#datatable-buttons").length && $("#datatable-buttons").DataTable({
-                dom: "Bfrtip",
-                buttons: [{
-                  extend: "copy",
-                  className: "btn-sm"
-                }, {
-                  extend: "csv",
-                  className: "btn-sm"
-                }, {
-                  extend: "excel",
-                  className: "btn-sm"
-                }, {
-                  extend: "pdf",
-                  className: "btn-sm"
-                }, {
-                  extend: "print",
-                  className: "btn-sm"
-                }],
-                responsive: !0
-              })
-            },
-            TableManageButtons = function() {
-              "use strict";
-              return {
-                init: function() {
-                  handleDataTableButtons()
-                }
-              }
-            }();
+    var handleDataTableButtons = function() {
+          "use strict";
+          0 !== $("#datatable-buttons").length && $("#datatable-buttons").DataTable({
+            dom: "Bfrtip",
+            buttons: [{
+              extend: "copy",
+              className: "btn-sm"
+            }, {
+              extend: "csv",
+              className: "btn-sm"
+            }, {
+              extend: "excel",
+              className: "btn-sm"
+            }, {
+              extend: "pdf",
+              className: "btn-sm"
+            }, {
+              extend: "print",
+              className: "btn-sm"
+            }],
+            responsive: !0
+          })
+        },
+        TableManageButtons = function() {
+          "use strict";
+          return {
+            init: function() {
+              handleDataTableButtons()
+            }
+          }
+        }();
   </script>
+  
   <script type="text/javascript">
-          $(document).ready(function() {
-            $('#datatable').dataTable();
-          });
-          TableManageButtons.init();
+    $(document).ready(function() {
+      $('#datatable').dataTable();
+    });
+    TableManageButtons.init();
   </script>
   
-  
-  
   <script>
     function change_upper(directory){
       if(directory != "/"){