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

Update mount function

Browse Source
This commit is contained in:
Youngkyun Kim 2016-09-03 08:25:09 +00:00
parent 2b9a95fb00
commit 65e71a89e2
2 changed files with 112 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/controllers/volume_controller.rb
View File

@ -75,7 +75,7 @@ class VolumeController < ApplicationController
volume_name = params[:volume_name] volume_name = params[:volume_name]
volume_name = volume_name.delete(' ') volume_name = volume_name.delete(' ')
puts "gluster volume delete " + volume_name puts "gluster volume delete " + volume_name
#output = `sshpass -p#{@config["host_password"]} ssh #{@config["host_port"]} #{@config["host_user"]}@#{@config["host_ip"]} gluster volume delete #{volume_name}` output = `yes | sshpass -p#{@config["host_password"]} ssh #{@config["host_port"]} #{@config["host_user"]}@#{@config["host_ip"]} gluster volume delete #{volume_name}`
redirect_to '/volume/index' redirect_to '/volume/index'
end end
end end

121
app/views/volume/index.html.erb
View File

@ -1,9 +1,71 @@
<div id="popup" class="overlay"> <!-- create overlay page -->
<div id="popup_create" class="overlay">
<div class="popup"> <div class="popup">
<h2> Choose mount point </h2> <h2> Choose mount point </h2>
<a class="close" href="#">&times;</a> <a class="close" href="#">&times;</a>
<form id="form_volume_create" data-parsley-validate class="form-horizontal form-label-left">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="volume-name">Volume Name <span class="required">*</span>
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="volume-name" required="required" class="form-control col-md-7 col-xs-12">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Volume Type <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<select class="form-control">
<option>Distribute</option>
<option>Stripe</option>
<option>Replica</option>
<option>Arbiter</option>
<option>Disperse</option>
<option>Disperse-data</option>
<option>Redundancy</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Bricks <span class="required">*</span>
</label>
<div class="col-md-3 col-sm-3 col-xs-3">
<select class="form-control">
<option><%=@config['server_name']%></option>
</select>
</div>
<div class="col-md-5 col-sm-5 col-xs-5">
<input type="text" id="bricks" required="required" class="form-control col-md-7 col-xs-12">
</div>
<div class="col-md-1 col-sm-1 col-xs-1">
<a href="#/plus" class="form-control"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<button type="submit" class="btn btn-primary">Cancel</button>
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</form>
</div>
</div>
<!-- mount overlay page -->
<div id="popup_mount" class="overlay">
<div class="popup">
<h2> Choose mount point </h2>
<a class="close" href="#">&times;</a>
<table id="datatable" class="table table-striped jambo_table"> <table id="datatable" class="table table-striped jambo_table">
<thead> <thead>
<tr class="headings"> <tr class="headings">
@ -14,7 +76,7 @@
</thead> </thead>
<tbody id="tbody_volume1"> <tbody id="tbody_volume1">
<tr> <tr>
<td><i class="fa fa-reply"></i> <a onclick="change_upper('<%=@current_dir%>')"> ..</a></td> <td><i class="fa fa-reply"></i> <a style="cursor: pointer" onclick="change_upper('<%=@current_dir%>')"> ..</a></td>
<td></td> <td></td>
<td></td> <td></td>
</tr> </tr>
@ -25,13 +87,14 @@
<a style="cursor: pointer" onclick="change_directory('<%=@current_dir + "/" + t["name"]%>')"> <%=t["name"]%></a> <a style="cursor: pointer" onclick="change_directory('<%=@current_dir + "/" + t["name"]%>')"> <%=t["name"]%></a>
</td> </td>
<td><%=t["auth"]%></td> <td><%=t["auth"]%></td>
<td><button id="mount_select_btn" class="btn btn-primary pull-right">select</botton></td> <td>
<button class="btn btn-primary pull-right" onclick="mount_selected('<%=@current_dir + "/" + t["name"]%>')">select</botton>
</td>
</tr> </tr>
<%end%> <%end%>
<%end%> <%end%>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
@ -44,9 +107,7 @@
</div> </div>
<div class="title_right"> <div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 pull-right"> <div class="col-md-5 col-sm-5 col-xs-12 pull-right">
<button class="btn btn-primary pull-right" onclick="volume_create"> <a class="btn btn-success btn-lg pull-right" href="#popup_create">Create Volume</a>
Create
</button>
</div> </div>
</div> </div>
</div> </div>
@ -79,7 +140,10 @@
<div class="x_content" <%if t!=@volumes[0]%> style="display: none;" <%end%> > <div class="x_content" <%if t!=@volumes[0]%> style="display: none;" <%end%> >
<!-- left content -->
<div class="col-md-4 col-sm-4 col-xs-4"> <div class="col-md-4 col-sm-4 col-xs-4">
<div>
<p class="text-muted font-13 m-b-30"><code>Volume Info</code></p> <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>
@ -91,9 +155,9 @@
Options Reconfigured : <%=t["Options Reconfigured"]%> <br> Options Reconfigured : <%=t["Options Reconfigured"]%> <br>
performance.readdir-ahead : <%=t["performance.readdir-ahead"]%> performance.readdir-ahead : <%=t["performance.readdir-ahead"]%>
<br><br><br> <br><br><br>
</div>
<% if t["Status"] == " Stopped" %> <% if t["Status"] == " Stopped" %>
<a class="btn btn-app" href="/volume/start/<%=t['Volume Name']%>"> <a class="btn btn-app" href="/volume/start/<%=t['Volume Name']%>">
<i class="fa fa-play" style="color:#26B99A;"></i> <i class="fa fa-play" style="color:#26B99A;"></i>
<p style="color:#26B99A;">Start</p> <p style="color:#26B99A;">Start</p>
@ -101,20 +165,18 @@
<a class="btn btn-app" href="/volume/delete/<%=t['Volume Name']%>"> <a class="btn btn-app" href="/volume/delete/<%=t['Volume Name']%>">
<i class="fa fa-trash"></i> Delete <i class="fa fa-trash"></i> Delete
</a> </a>
<% else %> <% else %>
<a class="btn btn-app" href="/volume/stop/<%=t['Volume Name']%>"> <a class="btn btn-app" href="/volume/stop/<%=t['Volume Name']%>">
<i class="fa fa-pause" style="color:#d9534f;"></i> <i class="fa fa-pause" style="color:#d9534f;"></i>
<p style="color:#d9534f;">Stop</p> <p style="color:#d9534f;">Stop</p>
</a> </a>
<!-- mount button push : popup event and post mount point --> <!-- mount button push : popup event and post mount point -->
<a class="btn btn-app" href="#popup"><i class="fa fa-upload"></i> Mount</a> <a class="btn btn-app" href="/volume/index?volume_name=<%=t['Volume Name'].delete(' ')%>#popup_mount"><i class="fa fa-upload"></i> Mount</a>
<% end %> <% end %>
</div> </div>
<!-- right content -->
<div class="col-md-8 col-sm-8 col-xs-8"> <div class="col-md-8 col-sm-8 col-xs-8">
<p>Drag multiple files to the box below for multi upload or click to select files.</p> <p>Drag multiple files to the box below for multi upload or click to select files.</p>
<form action="/file_upload" method="post" enctype="multipart/form-data" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; overflow:auto;"> <form action="/file_upload" method="post" enctype="multipart/form-data" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; overflow:auto;">
@ -173,7 +235,7 @@
$("#tbody_volume1").empty(); $("#tbody_volume1").empty();
var new_tr = "<tr role='row' class='odd'> <td><i class='fa fa-reply'></i>"; var new_tr = "<tr role='row' class='odd'> <td><i class='fa fa-reply'></i>";
new_tr += "<a onclick='change_upper(" + '"' + directory + '"' +")'> ..</a>"; new_tr += "<a style='cursor: pointer' onclick='change_upper(" + '"' + directory + '"' +")'> ..</a>";
new_tr += "</td><td> </td><td> </td><td> </td></tr>"; new_tr += "</td><td> </td><td> </td><td> </td></tr>";
for( var i = 0; i < result.file.length; i++){ for( var i = 0; i < result.file.length; i++){
@ -190,7 +252,7 @@
new_tr += "<a style='cursor: pointer' onclick='change_directory(" +'"' + "/" + result.file[i].name +'"'+ ")'>" + result.file[i].name + "</a></td>"; new_tr += "<a style='cursor: pointer' onclick='change_directory(" +'"' + "/" + result.file[i].name +'"'+ ")'>" + result.file[i].name + "</a></td>";
new_tr += "<td>"+result.file[i].auth+"</td>"; new_tr += "<td>"+result.file[i].auth+"</td>";
new_tr += "<td><button id='mount_select_btn' class='btn btn-primary pull-right'>select</botton></td>"; new_tr += "<td><button class='btn btn-primary pull-right'>select</botton></td>";
new_tr += "</tr>"; new_tr += "</tr>";
} }
} }
@ -204,15 +266,32 @@
</script> </script>
<script> <script type="text/javascript">
$('#mount_select_btn').click(function(){
function mount_selected(mnt_point) {
var url = window.location + '';
var vol_name = url.match(/volume_name=([^#]+)/)[1];
$.ajax({ $.ajax({
type: 'post', type: 'post',
url: '/volume/mount', url: '/volume/mount',
data: {mount_point:'/mnt/test2', volume_name:'dist-volume2'}, data: {mount_point: nmt_point, volume_name: vol_name},
success: function(data){ success: function(data){
alert(data); console.log("mount success");
} }
}); });
})
}
</script>
<script>
$("#form_volume_create").change(function (){
console.log($("#form_volume_create option:selected").val());
})
</script> </script>