Collapse if panel is not first one

This commit is contained in:
Youngkyun Kim 2016-08-30 11:22:26 +00:00
parent b70873fbc8
commit 47d03b832a
2 changed files with 83 additions and 120 deletions

View File

@ -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 -->

View File

@ -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 != "/"){