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

Collapse if panel is not first one

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/views/partials/_sidenav.html.erb
View File

@ -5,30 +5,13 @@
<div class="left_col scroll-view"> <div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;"> <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>
<div class="clearfix"></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 --> <!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section"> <div class="menu_section">
<h3>General</h3>
<ul class="nav side-menu"> <ul class="nav side-menu">
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a> <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"> <ul class="nav child_menu" style="display: none">
@ -37,25 +20,11 @@
</ul> </ul>
</li> </li>
<li><a><i class="fa fa-edit"></i> Volume <span class="fa fa-chevron-down"></span></a> <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"> <ul class="nav child_menu" style="display: none">
<li><a href="/volume/info">Info</a> <li><a href="/volume/info">Control</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> </li>
</ul> </ul>
</li> </li>
<li><a><i class="fa fa-desktop"></i> Brick <span class="fa fa-chevron-down"></span></a> <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"> <ul class="nav child_menu" style="display: none">
<li><a href="#">Add-brick</a> <li><a href="#">Add-brick</a>
@ -198,11 +167,9 @@
</li> </li>
</ul> </ul>
</li> </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> </li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- /sidebar menu --> <!-- /sidebar menu -->

162
app/views/volume/info.html.erb
View File

@ -1,10 +1,9 @@
<!-- page content --> <!-- page content -->
<div class="right_col" role="main">
<div class="right_col" role="main">
<div class="">
<div class="page-title"> <div class="page-title">
<div class="title_left"> <div class="title_left">
<h3>Volume Info </h3> <h3>Volume</h3>
</div> </div>
<div class="title_right"> <div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
@ -21,15 +20,13 @@
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="row"> <div class="row">
<%@volumes.each do |t|%> <%@volumes.each do |t|%>
<div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
<h2>Infomation <small><%=t["Volume Name"]%></small></h2> <h2>Infomation <small><%=t["Volume Name"]%></small></h2>
<ul class="nav navbar-right panel_toolbox"> <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>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <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 class="clearfix"></div>
</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"> <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> Type : <%=t["Type"]%> <br>
Volume ID : <%=t["Volume ID"]%> <br> Volume ID : <%=t["Volume ID"]%> <br>
Status : <%=t["Status"]%> <br> Status : <%=t["Status"]%> <br>
@ -68,45 +66,45 @@
</div> </div>
<div class="col-md-12 col-sm-12 col-xs-12" id="table_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 class="text-muted font-13 m-b-30"><code>File Manager</code></p>
<p> Current directory : <%=@current_dir%></p></br> <p> Current directory : <%=@current_dir%></p></br>
<table id="datatable" class="table table-striped table-bordered jambo_table"> <table id="datatable" class="table table-striped table-bordered jambo_table">
<thead> <thead>
<tr class="headings"> <tr class="headings">
<th>Name</th> <th>Name</th>
<th>auth</th> <th>auth</th>
<th>Size</th> <th>Size</th>
<th>Date</th> <th>Date</th>
</tr> </tr>
</thead> </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> <tr>
<td><i class="fa fa-reply"></i> <% if t["auth"][0]=='d'%>
<a onclick="change_upper('<%=@current_dir%>')"> ..</a> <td style="color:#0d8ade;"><i class="fa fa-folder-open-o"></i>
</td> <a style="cursor: pointer" onclick="change_directory('<%=@current_dir + "/" + t["name"]%>')"><%=t["name"]%></a>
<td></td> </td>
<td></td> <% else %>
<td></td> <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> </tr>
<%@files.each do |t|%> <%end%>
<tr> </tbody>
<% if t["auth"][0]=='d'%> </table>
<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>
</div> </div>
</div> </div>
</div> </div>
@ -114,51 +112,49 @@
<%end%> <%end%>
</div> </div>
</div> </div>
</div> <!-- /page content -->
<!-- /page content -->
<script> <script>
var handleDataTableButtons = function() { var handleDataTableButtons = function() {
"use strict"; "use strict";
0 !== $("#datatable-buttons").length && $("#datatable-buttons").DataTable({ 0 !== $("#datatable-buttons").length && $("#datatable-buttons").DataTable({
dom: "Bfrtip", dom: "Bfrtip",
buttons: [{ buttons: [{
extend: "copy", extend: "copy",
className: "btn-sm" className: "btn-sm"
}, { }, {
extend: "csv", extend: "csv",
className: "btn-sm" className: "btn-sm"
}, { }, {
extend: "excel", extend: "excel",
className: "btn-sm" className: "btn-sm"
}, { }, {
extend: "pdf", extend: "pdf",
className: "btn-sm" className: "btn-sm"
}, { }, {
extend: "print", extend: "print",
className: "btn-sm" className: "btn-sm"
}], }],
responsive: !0 responsive: !0
}) })
}, },
TableManageButtons = function() { TableManageButtons = function() {
"use strict"; "use strict";
return { return {
init: function() { init: function() {
handleDataTableButtons() handleDataTableButtons()
} }
} }
}(); }();
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
$('#datatable').dataTable(); $('#datatable').dataTable();
}); });
TableManageButtons.init(); TableManageButtons.init();
</script> </script>
<script> <script>
function change_upper(directory){ function change_upper(directory){
if(directory != "/"){ if(directory != "/"){