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

Update top, footer

Browse Source
This commit is contained in:
kyg516 2016-09-23 18:28:53 +09:00
parent a4c983a7e0
commit eb8e6a64b4
10 changed files with 659 additions and 740 deletions

129
app/controllers/application_controller.rb
View File

@ -1,63 +1,80 @@
class ApplicationController < ActionController::Base class ApplicationController < ActionController::Base
# Prevent CSRF attacks by raising an exception. # Prevent CSRF attacks by raising an exception.
# For APIs, you may want to use :null_session instead. # For APIs, you may want to use :null_session instead.
# protect_from_forgery with: :exception # protect_from_forgery with: :exception
def get_conf def get_conf
@config = Hash.new config = Hash.new
one_node = Node.take
one_node = Node.take if !one_node.nil?
if !one_node.nil? config["host_name"] = one_node.host_name
@config["host_name"] = one_node.host_name config["host_ip"] = one_node.host_ip
@config["host_ip"] = one_node.host_ip config["user_name"] = one_node.user_name
@config["user_name"] = one_node.user_name config["user_password"] = one_node.user_password
@config["user_password"] = one_node.user_password end
return config
end end
# output = `cat configure.conf`.split("\n") def get_conf_all
# output.each do |t| config = Array.new
# if t.include? "project_path=" config_each = Hash.new
# @config["project_path"] = t.split("project_path=")[1] all_node = Node.all
# elsif t.include? "server_name=" all_node.each do |one_node|
# @config["server_name"] = t.split("server_name=")[1] config_each["host_name"] = one_node.host_name
# elsif t.include? "host_user=" config_each["host_ip"] = one_node.host_ip
# @config["host_user"] = t.split("host_user=")[1] config_each["user_name"] = one_node.user_name
# elsif t.include? "host_ip=" config_each["user_password"] = one_node.user_password
# @config["host_ip"] = t.split("host_ip=")[1] config << config_each
# elsif t.include? "host_port=" and !t.split("host_port=")[1].nil? config_each = Hash.new
# @config["host_port"] = t.split("host_port=")[1] + " " end
# elsif t.include? "host_password=" return config
# @config["host_password"] = t.split("host_password=")[1]
# end
# end
return @config
end
def file_directory(dir)
@current_dir = dir
dir_list = `ls #{@current_dir} -l`
parsing_list = dir_list.split("\n")
@files = Array.new
file = Hash.new
@total_list = parsing_list[0]
for t in 1..(parsing_list.length-1)
parsing_file = parsing_list[t].split(" ")
file["auth"] = parsing_file[0]
file["size"] = parsing_file[4]
file["date"] = parsing_file[5] + " " + parsing_file[6] + " " + parsing_file[7]
file["name"] = parsing_file[8]
@files << file
file = Hash.new
end end
puts @files
return @files
end
def checkDir def get_df
files = file_directory(params[:path]) df = Array.new
render :json => {:file => files , :current => @current_dir} df_each = Hash.new
end command = String.new
command << "df -hP"
puts command
output = `#{command}`.split("\n")
output.each do |t|
next if t.equal? output.first
s = t.split(' ')
df_each['Filesystem'] = s[0]
df_each['Size'] = s[1]
df_each['Used'] = s[2]
df_each['Avail'] = s[3]
df_each['Use%'] = s[4]
df_each['Mounted on'] = s[5]
df << df_each
df_each = Hash.new
end
return df
end
def file_directory(dir)
@current_dir = dir
dir_list = `ls #{@current_dir} -l`
parsing_list = dir_list.split("\n")
@files = Array.new
file = Hash.new
@total_list = parsing_list[0]
for t in 1..(parsing_list.length-1)
parsing_file = parsing_list[t].split(" ")
file["auth"] = parsing_file[0]
file["size"] = parsing_file[4]
file["date"] = parsing_file[5] + " " + parsing_file[6] + " " + parsing_file[7]
file["name"] = parsing_file[8]
@files << file
file = Hash.new
end
puts @files
return @files
end
def checkDir
files = file_directory(params[:path])
render :json => {:file => files , :current => @current_dir}
end
end end

59
app/controllers/home_controller.rb
View File

@ -1,31 +1,38 @@
class HomeController < ApplicationController class HomeController < ApplicationController
def index
@current_dir = "/mnt"
file_directory(@current_dir)
end
def file_download def index
@file_name = params[:file_name].gsub(" ", "/") @current_dir = "/mnt"
if !@file_name.nil? file_directory(@current_dir)
send_file @file_name end
else
puts "file name is nil"
redirect_to '/home/index'
end
end
def make_directory def file_download
current_dir = params[:current_dir] @file_name = params[:file_name].gsub(" ", "/")
directory_name = params[:directory_name] if !@file_name.nil?
puts "mkdir #{current_dir}/#{directory_name}" send_file @file_name
`sudo mkdir #{current_dir}/#{directory_name}` else
redirect_to '/home/index' puts "file name is nil"
end redirect_to '/home/index'
end
end
def delete_file def make_directory
file_name = params[:file_name] current_dir = params[:current_dir]
puts "rm #{file_name} -rf" directory_name = params[:directory_name]
`sudo rm #{file_name} -rf` # make directory
redirect_to '/home/index' command = String.new
end command << "sudo mkdir #{current_dir}/#{directory_name}"
puts command
`#{command}`
redirect_to '/home/index'
end
def delete_file
file_name = params[:file_name]
# delete file
command = String.new
command << "sudo rm -rf #{file_name}"
puts command
`#{command}`
redirect_to '/home/index'
end
end end

76
app/controllers/volume_controller.rb
View File

@ -2,11 +2,6 @@ class VolumeController < ApplicationController
def index def index
file_directory("/mnt") file_directory("/mnt")
get_conf
end
def get_df
return `df -P`
end end
def file_upload def file_upload
@ -14,64 +9,71 @@ class VolumeController < ApplicationController
mnt_dir = String.new mnt_dir = String.new
mnt_dest = String.new mnt_dest = String.new
file = params[:file] file = params[:file]
s = df.split("\n") df.each do |t|
s.each do |t| if t['Filesystem'].include? params[:volume_name]
if t.include? params[:volume_name] mnt_dir = t['Mounted on']
mnt_dir = t.split(" ")[5]
end end
end end
mnt_dest = mnt_dir + "/" + file.original_filename mnt_dest = mnt_dir + "/" + file.original_filename
# change permission # change permission
command = String.new command = String.new
command << "sudo chmod 777 " + mnt_dir command << "sudo chmod 777 #{mnt_dir}"
puts command puts command
`#{command}` `#{command}`
# upload file
u = AvatarUploader.new(mnt_dir) u = AvatarUploader.new(mnt_dir)
u.store!(file) u.store!(file)
redirect_to '/volume/index' redirect_to '/volume/index'
end end
def volume_mount def volume_mount
get_conf conf = get_conf
volume_name = params[:volume_name] volume_name = params[:volume_name]
mount_point = params[:mount_point] mount_point = params[:mount_point]
# make command string # make command string
command = String.new command = String.new
command << "sudo mount -t glusterfs " + @config["host_ip"].to_s + ":/" + volume_name + " " + mount_point command << "sudo mount -t glusterfs #{conf['host_ip']}:/#{volume_name} #{mount_point}"
puts command puts command
`#{command}` `#{command}`
redirect_to '/volume/index' redirect_to '/volume/index'
end end
def volume_unmount def volume_unmount
get_conf conf = get_conf
volume_name = params[:volume_name] volume_name = params[:volume_name]
# make command string # make command string
command = String.new command = String.new
command << "sudo umount " + @config["host_ip"].to_s + ":/" + volume_name command << "sudo umount #{conf['host_ip']}:/#{volume_name}"
puts command puts command
`#{command}` `#{command}`
redirect_to '/volume/index' redirect_to '/volume/index'
end end
def volume_create def volume_create
get_conf conf = get_conf
volume_name = params[:volume_name] volume_name = params[:volume_name]
volume_type = params[:volume_type] volume_type = params[:volume_type]
num_of_brick = params[:num_of_brick] num_of_brick = params[:num_of_brick]
bricks = params[:bricks] bricks = params[:bricks]
# make command string # make command string
command = String.new command = String.new
command << "sshpass -p" + @config["user_password"].to_s command << "sshpass -p#{conf['user_password']} "
command << " ssh " command << "ssh #{conf['user_name']}@#{conf['host_ip']} "
command << "gluster volume create #{volume_name} "
command << @config["user_name"].to_s + "@" + @config["host_ip"].to_s
command << " gluster volume create " + volume_name + " "
if !volume_type.include? "Distribute" if !volume_type.include? "Distribute"
command << volume_type.downcase + " " + num_of_brick + " " command << "#{volume_type.downcase} #{num_of_brick}"
end end
conf_all = get_conf_all
bricks.each do |t| bricks.each do |t|
command << t + " " host_name = t.split(":/")[0]
brick_name = t.split(":/")[1]
host_ip = ""
conf_all.each do |u|
next if !u['host_name'].eql? host_name
host_ip = u['host_ip']
end
brick = "#{host_ip}:/#{brick_name}"
command << "#{brick} "
end end
command << "force" command << "force"
puts command puts command
@ -80,45 +82,39 @@ class VolumeController < ApplicationController
end end
def volume_stop def volume_stop
get_conf conf = get_conf
volume_name = params[:volume_name] volume_name = params[:volume_name]
# make command string # make command string
command = String.new command = String.new
command << "yes | sshpass -p" + @config["user_password"].to_s command << "yes | sshpass -p#{conf['user_password']} "
command << " ssh " command << "ssh #{conf['user_name']}@#{conf['host_ip']} "
command << "gluster volume stop #{volume_name}"
command << @config["user_name"].to_s + "@" + @config["host_ip"].to_s
command << " gluster volume stop " + volume_name
puts command puts command
`#{command}` `#{command}`
redirect_to '/volume/index' redirect_to '/volume/index'
end end
def volume_start def volume_start
get_conf conf = get_conf
volume_name = params[:volume_name] volume_name = params[:volume_name]
# make command string # make command string
command = String.new command = String.new
command << "sshpass -p" + @config["user_password"].to_s command << "sshpass -p#{conf['user_password']} "
command << " ssh " command << "ssh #{conf['user_name']}@#{conf['host_ip']} "
command << " gluster volume start #{volume_name}"
command << @config["user_name"].to_s + "@" + @config["host_ip"].to_s
command << " gluster volume start " + volume_name.to_s
puts command puts command
`#{command}` `#{command}`
redirect_to '/volume/index' redirect_to '/volume/index'
end end
def volume_delete def volume_delete
get_conf conf = get_conf
volume_name = params[:volume_name] volume_name = params[:volume_name]
# make command string # make command string
command = String.new command = String.new
command << "yes | sshpass -p" + @config["user_password"].to_s command << "yes | sshpass -p#{conf['user_password']} "
command << " ssh " command << "ssh #{conf['user_name']}@#{conf['host_ip']} "
command << " gluster volume delete #{volume_name}"
command << @config["user_name"].to_s + "@" + @config["host_ip"].to_s
command << " gluster volume delete " + volume_name
puts command puts command
`#{command}` `#{command}`
redirect_to '/volume/index' redirect_to '/volume/index'

50
app/helpers/application_helper.rb
View File

@ -1,2 +1,52 @@
module ApplicationHelper module ApplicationHelper
def get_conf
config = Hash.new
one_node = Node.take
if !one_node.nil?
config["host_name"] = one_node.host_name
config["host_ip"] = one_node.host_ip
config["user_name"] = one_node.user_name
config["user_password"] = one_node.user_password
end
return config
end
def get_conf_all
config = Array.new
config_each = Hash.new
all_node = Node.all
all_node.each do |one_node|
config_each["host_name"] = one_node.host_name
config_each["host_ip"] = one_node.host_ip
config_each["user_name"] = one_node.user_name
config_each["user_password"] = one_node.user_password
config << config_each
config_each = Hash.new
end
return config
end
def get_df
df = Array.new
df_each = Hash.new
command = String.new
command << "df -hP"
puts command
output = `#{command}`.split("\n")
output.each do |t|
next if t.equal? output.first
s = t.split(' ')
df_each['Filesystem'] = s[0]
df_each['Size'] = s[1]
df_each['Used'] = s[2]
df_each['Avail'] = s[3]
df_each['Use%'] = s[4]
df_each['Mounted on'] = s[5]
df << df_each
df_each = Hash.new
end
return df
end
end end

50
app/helpers/volume_helper.rb
View File

@ -1,43 +1,28 @@
module VolumeHelper module VolumeHelper
def get_conf def volumes
@config = Hash.new
one_node = Node.take
if !one_node.nil?
@config["host_name"] = one_node.host_name
@config["host_ip"] = one_node.host_ip
@config["user_name"] = one_node.user_name
@config["user_password"] = one_node.user_password
end
return @config
end
def get_volumes
volumes = Array.new volumes = Array.new
volume = Hash.new volume = Hash.new
command = "df -P"
df = `#{command}`
conf = get_conf conf = get_conf
command = "sshpass -p#{conf['user_password']} ssh #{conf['user_name']}@#{conf['host_ip']} gluster volume info" df = get_df
info = `#{command}`.split("\n") command = String.new
info << "\n" command << "sshpass -p#{conf['user_password']} "
info.each do |t| command << "ssh #{conf['user_name']}@#{conf['host_ip']} "
next if t.equal? info.first command << "gluster volume info"
puts command
output = `#{command}`.split("\n")
output << "\n"
output.each do |t|
next if t.equal? output.first
if t.include? ":" if t.include? ":"
temp = t.split(":") temp = t.split(":")
volume[temp[0]] = temp[1] volume[temp[0]] = temp[1]
else else
String state = (df.include? volume['Volume Name'].delete(' ')) ? "mounted" : "unmounted" volume['Mount State'] = "unmounted"
volume['Mount State'] = state df.each do |u|
if state.eql? "mounted" next if !u['Filesystem'].include? volume['Volume Name'].delete(' ')
s = df.split("\n") volume['Mount State'] = "mounted"
s.each do |t| volume['Mount Point'] = u['Mounted on']
if t.include? volume['Volume Name'].delete(' ')
mnt_point = t.split(" ")[5]
volume['Mount Point'] = mnt_point
end
end
end end
volumes << volume volumes << volume
volume = Hash.new volume = Hash.new
@ -47,8 +32,7 @@ module VolumeHelper
end end
def volume_info(volume) def volume_info(volume)
params = ['Type', 'Volume ID', 'Status', 'Number of Bricks', 'Transport-type', params = ['Type', 'Volume ID', 'Status', 'Number of Bricks', 'Transport-type', 'Bricks', 'Options Reconfigured', 'Mount State', 'Mount Point']
'Bricks', 'Options Reconfigured', 'Mount State', 'Mount Point']
html = '' html = ''
html << "<div>" html << "<div>"
params.each do |t| params.each do |t|

527
app/views/home/index.html.erb
View File

@ -1,19 +1,9 @@
<!-- right click menu -->
<div class="contextmenu Del_dir">
<ul>
<li class="menuitem"><i class="fa fa-trash"></i>Delete</li>
<input id="delete_name" type="hidden"></input>
</ul>
</div>
<!-- create overlay page --> <!-- create overlay page -->
<div id="popup_mkdir" class="overlay"> <div id="popup_mkdir" class="overlay">
<div class="popup"> <div class="popup">
<h2> Make Directory </h2> <h2> Make Directory </h2>
<a class="close" href="#">&times;</a> <a class="close" href="#">&times;</a>
<form id="form_make_directory" data-parsley-validate class="form-horizontal form-label-left" action="/home/mkdir" method="post"> <form id="form_make_directory" data-parsley-validate class="form-horizontal form-label-left" action="/home/mkdir" method="post">
<div class="form-group"> <div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="current-dir">Current Directory <span class="required">*</span> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="current-dir">Current Directory <span class="required">*</span>
</label> </label>
@ -35,202 +25,251 @@
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<!-- 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>
<div class="title_left"> <div class="clearfix"></div>
<h3>Dash Board</h3> <div class="row">
<!-- top tiles -->
<div class="row tile_count">
<div class="animated flipInY col-md-2 col-sm-4 col-xs-4 tile_stats_count">
<div class="left"></div>
<div class="right">
<span class="count_top"><i class="fa fa-user"></i> Total Users</span>
<div class="count">2500</div>
<span class="count_bottom"><i class="green">4% </i> From last Week</span>
</div>
</div> </div>
<div class="title_right"> <div class="animated flipInY col-md-2 col-sm-4 col-xs-4 tile_stats_count">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> <div class="left"></div>
<div class="input-group"> <div class="right">
<input type="text" class="form-control" placeholder="Search for..."> <span class="count_top"><i class="fa fa-clock-o"></i> Average Time</span>
<span class="input-group-btn"> <div class="count">123.50</div>
<button class="btn btn-default" type="button">Go!</button> <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>3% </i> From last Week</span>
</span> </div>
</div>
<div class="animated flipInY col-md-2 col-sm-4 col-xs-4 tile_stats_count">
<div class="left"></div>
<div class="right">
<span class="count_top"><i class="fa fa-user"></i> Total Males</span>
<div class="count green">2,500</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
</div>
<div class="animated flipInY col-md-2 col-sm-4 col-xs-4 tile_stats_count">
<div class="left"></div>
<div class="right">
<span class="count_top"><i class="fa fa-user"></i> Total Females</span>
<div class="count">4,567</div>
<span class="count_bottom"><i class="red"><i class="fa fa-sort-desc"></i>12% </i> From last Week</span>
</div>
</div>
<div class="animated flipInY col-md-2 col-sm-4 col-xs-4 tile_stats_count">
<div class="left"></div>
<div class="right">
<span class="count_top"><i class="fa fa-user"></i> Total Collections</span>
<div class="count">2,315</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
</div>
<div class="animated flipInY col-md-2 col-sm-4 col-xs-4 tile_stats_count">
<div class="left"></div>
<div class="right">
<span class="count_top"><i class="fa fa-user"></i> Total Connections</span>
<div class="count">7,325</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
</div>
</div>
<!-- /top tiles -->
<!-- file manager -->
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2>File Manager</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></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>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="col-md-12 col-sm-12 col-xs-12" id="table_div">
<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="datatable_body">
<tr>
<td>
<a style='cursor: pointer' onclick="change_upper('<%=@current_dir%>')"><i class="fa fa-reply"></i></a>
<%= @current_dir %>
<a class='pull-right' href="#popup_mkdir"><i class="fa fa-plus"></i><i class="fa fa-folder"></i></a>
</td>
<td></td>
<td></td>
<td></td>
</tr>
<% @files.each do |t| %>
<tr class="dir_delete">
<% 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 href="/file_download?file_name=<%=(@current_dir+'/'+t['name']).gsub("/", "+")%>"><%=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>
</div> </div>
<!-- /file manager -->
<div class="clearfix"></div> <!-- disk usage -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="row"> <div class="x_panel tile fixed_height_320">
<div class="col-md-12"> <div class="x_title">
<div class="x_panel"> <h2>App Versions</h2>
<div class="x_title"> <ul class="nav navbar-right panel_toolbox">
<h2>Input knob</h2> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
<ul class="nav navbar-right panel_toolbox"> </li>
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></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> <ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu" role="menu"> <li><a href="#">Settings 1</a>
<li><a href="#">Settings 1</a></li> </li>
<li><a href="#">Settings 2</a></li> <li><a href="#">Settings 2</a>
</ul> </li>
</li> </ul>
<li><a class="close-link"><i class="fa fa-close"></i></a></li> </li>
</ul> <li><a class="close-link"><i class="fa fa-close"></i></a>
<div class="clearfix"></div> </li>
</div> </ul>
<div class="x_content"> <div class="clearfix"></div>
<div class="col-md-2">
<p>Display value</p>
<input class="knob" data-width="100" data-height="120" data-min="-100" data-displayPrevious=true data-fgColor="#26B99A" value="44">
</div>
<div class="col-md-2">
<p>&#215; 'cursor' mode</p>
<input class="knob" data-width="100" data-height="120" data-cursor=true data-fgColor="#34495E" value="29">
</div>
<div class="col-md-2">
<p>Step 0.1</p>
<input class="knob" data-width="100" data-height="120" data-min="-10000" data-displayPrevious=true data-fgColor="#26B99A" data-max="10000" data-step=".1" value="0">
</div>
<div class="col-md-2">
<p>Angle arc</p>
<input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value="35">
</div>
<div class="col-md-2">
<p>Alternate design</p>
<input class="knob" data-width="110" data-height="120" data-displayPrevious=true data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="75">
</div>
<div class="col-md-2">
<p>Angle offset</p>
<input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="35">
</div>
</div>
</div> </div>
</div> <div class="x_content">
<div class="col-md-12 col-sm-12 col-xs-12"> <h4>App Usage across versions</h4>
<div class="x_panel"> <div class="widget_summary">
<div class="x_title"> <div class="w_left w_25">
<h2>File Manager</h2> <span>0.1.5.2</span>
<ul class="nav navbar-right panel_toolbox"> </div>
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <div class="w_center w_55">
</li> <div class="progress">
<li class="dropdown"> <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 66%;">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <span class="sr-only">60% Complete</span>
<ul class="dropdown-menu" role="menu"> </div>
<li><a href="#">Settings 1</a> </div>
</li> </div>
<li><a href="#">Settings 2</a> <div class="w_right w_20">
</li> <span>123k</span>
</ul> </div>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="x_content"> <div class="widget_summary">
<div class="w_left w_25">
<div class="col-md-12 col-sm-12 col-xs-12" id="table_div"> <span>0.1.5.3</span>
<p class="text-muted font-13 m-b-30"> <code> Current directory : <span id="select_dir"><%=@current_dir%></span></code></p>
<p style="text-align:right;" >
<a class="btn btn-default" href="#popup_mkdir"><i class="fa fa-plus"></i> Make Directory</a>
</p>
<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="datatable_body">
<tr>
<td><i class="fa fa-reply"></i>
<a style='cursor: pointer' onclick="change_upper('<%=@current_dir%>')"> ..</a>
</td>
<td></td>
<td></td>
<td></td>
</tr>
<%@files.each do |t|%>
<tr class="dir_delete">
<% 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 href="/file_download?file_name=<%=(@current_dir+'/'+t['name']).gsub("/", "+")%>"><%=t['name']%></a>
</td>
<% end %>
<td><%=t["auth"]%></td>
<td><%=t["size"]%></td>
<td><%=t["date"]%></td>
</tr>
<%end%>
</tbody>
</table>
</div> </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>
</div>
<div class="clearfix"></div>
</div> </div>
<div class="widget_summary">
<div class="w_left w_25">
<span>0.1.5.4</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>
</div>
</div>
<div class="w_right w_20">
<span>23k</span>
</div>
<div class="clearfix"></div>
</div>
<div class="widget_summary">
<div class="w_left w_25">
<span>0.1.5.5</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: 5%;">
<span class="sr-only">60% Complete</span>
</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>
</div>
<div class="clearfix"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- /disk usage -->
</div> </div>
</div> </div>
<!-- /page content --> <!-- /page content -->
<script type="text/javascript"> <!-- File manager functions -->
$(document).ready(function() {
$('#datatable').dataTable();
right_click();
});
</script>
<script>
function right_click(){
/* right click */
$(".menuitem").mouseover(function(e){
var $el = $(this);
if ( !$el.hasClass('hover'))
$el.addClass('hover');
}).mouseout(function(e){
var $el = $(this);
if($el.hasClass('hover'))
$el.removeClass('hover');
});
//Contextmenu
$(".dir_delete").on('contextmenu', function(event) {
ShowContextMenu("Del_dir");
var Row = this;
var Cells = Row.getElementsByTagName("td");
var file_name = Cells[0].innerText;
file_name = file_name.replace(' ', '');
$("#delete_name").val($("#select_dir").text() + "/" + file_name);
CheckLocation();
return false;
});
}
$(".Del_dir").click(function(e){
$(location).attr('href', "#loading");
$.ajax({
method: "POST",
url: "/home/delete",
data: { file_name: $("#delete_name").val() },
success : function(result){
change_directory($("#select_dir").text());
$(location).attr('href', "#");
}
})
$(".contextmenu").hide();
$(document).unbind('mousedown');
});
</script>
<!-- file manager functions -->
<script> <script>
function change_upper(directory){ function change_upper(directory){
if(directory == "/") return; if(directory == "/") return;
@ -238,7 +277,6 @@ function change_upper(directory){
if(lastindex == 0) lastindex++; if(lastindex == 0) lastindex++;
change_directory(directory.substring(0, lastindex)); change_directory(directory.substring(0, lastindex));
} }
function change_directory(directory){ function change_directory(directory){
$.ajax({ $.ajax({
method: "POST", method: "POST",
@ -248,8 +286,6 @@ function change_directory(directory){
$("#current-dir").val(directory); $("#current-dir").val(directory);
$("#table_div").empty(); $("#table_div").empty();
var new_table = ""; var new_table = "";
new_table += "<p class='text-muted font-13 m-b-30'><code>Current directory : <span id='select_dir'>" + directory+"</span></code></p>";
new_table += "<p style='text-align:right;'><a class='btn btn-default' href='#popup_mkdir'><i class='fa fa-plus'></i> Make Directory</a></p>";
new_table += "<table id='datatable' class='table table-striped table-bordered jambo_table'>"; new_table += "<table id='datatable' class='table table-striped table-bordered jambo_table'>";
new_table += "<thead>"; new_table += "<thead>";
new_table += "<tr class='headings'>"; new_table += "<tr class='headings'>";
@ -262,10 +298,12 @@ function change_directory(directory){
new_table += "<tbody id='datatable_body'>"; new_table += "<tbody id='datatable_body'>";
var new_tr = ""; var new_tr = "";
new_tr += "<tr role='row' class='odd'> <td><i class='fa fa-reply'></i>"; new_tr += "<tr role='row' class='odd'>";
new_tr += "<a style='cursor: pointer' onclick='change_upper(" + '"' + directory + '"' +")'> ..</a>"; new_tr += "<td><a style='cursor: pointer' onclick='change_upper(" + '"' + directory + '"' +")'><i class='fa fa-reply'></i></a>";
new_tr += "</td><td> </td><td> </td><td> </td></tr>"; new_tr += "&nbsp" + directory
new_tr += "<a class='pull-right' href='#popup_mkdir'><i class='fa fa-plus'></i><i class='fa fa-folder'></i></a></td>";
new_tr += "<td></td> <td></td> <td></td>"
new_tr += "</tr>";
for( var i = 0; i < result.file.length; i++){ for( var i = 0; i < result.file.length; i++){
var row_class = i % 2 == 0 ? 'odd' : 'even'; var row_class = i % 2 == 0 ? 'odd' : 'even';
var cur = result.current != "/" ? result.current : ''; var cur = result.current != "/" ? result.current : '';
@ -287,118 +325,15 @@ function change_directory(directory){
new_table += new_tr; new_table += new_tr;
new_table += "</tbody></table>" new_table += "</tbody></table>"
$("#table_div").append(new_table); $("#table_div").append(new_table);
$('#datatable').dataTable(); $('#datatable').dataTable( {"bSort": false});
right_click();
} }
}) })
} }
</script> </script>
<!-- On document ready -->
<script> <script>
$("document").ready(function(){ $(document).ready(function() {
}) $('#datatable').dataTable( {"bSort": false});
</script>
<!--Test Page specific JS -->
<script type="text/javascript">
//alert ('Test Page specific JS')
$(function($) {
$(".knob").knob({
change: function(value) {
//console.log("change : " + value);
},
release: function(value) {
//console.log(this.$.attr('value'));
console.log("release : " + value);
},
cancel: function() {
console.log("cancel : ", this);
},
/*format : function (value) {
return value + '%';
},*/
draw: function() {
// "tron" case
if (this.$.data('skin') == 'tron') {
this.cursorExt = 0.3;
var a = this.arc(this.cv) // Arc
,
pa // Previous arc
, r = 1;
this.g.lineWidth = this.lineWidth;
if (this.o.displayPrevious) {
pa = this.arc(this.v);
this.g.beginPath();
this.g.strokeStyle = this.pColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
this.g.stroke();
}
this.g.beginPath();
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
this.g.stroke();
this.g.lineWidth = 2;
this.g.beginPath();
this.g.strokeStyle = this.o.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
this.g.stroke();
return false;
}
}
});
// Example of infinite knob, iPod click wheel
var v, up = 0,
down = 0,
i = 0,
$idir = $("div.idir"),
$ival = $("div.ival"),
incr = function() {
i++;
$idir.show().html("+").fadeOut();
$ival.html(i);
},
decr = function() {
i--;
$idir.show().html("-").fadeOut();
$ival.html(i);
};
$("input.infinite").knob({
min: 0,
max: 20,
stopper: false,
change: function() {
if (v > this.cv) {
if (up) {
decr();
up = 0;
} else {
up = 1;
down = 0;
}
} else {
if (v < this.cv) {
if (down) {
incr();
down = 0;
} else {
down = 1;
up = 0;
}
}
}
v = this.cv;
}
});
}); });
</script> </script>

17
app/views/partials/_footer.html.erb
View File

@ -1,19 +1,18 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="pull-right"> <div class="pull-right">
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gluster Web Interface by <a href="https://github.com/oss2016summer/gluster-web-interface">WEB</a>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
</div> </div>
<div id="custom_notifications" class="custom-notifications dsp_none"> <div id="custom_notifications" class="custom-notifications dsp_none">
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group"> <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
<div id="notif-group" class="tabbed_notifications"></div> <div id="notif-group" class="tabbed_notifications"></div>
</div> </div>

78
app/views/partials/_topnav.html.erb
View File

@ -1,69 +1,21 @@
<!-- top navigation --> <!-- top navigation -->
<div class="top_nav"> <div class="top_nav">
<div class="nav_menu">
<nav class="" role="navigation">
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<div class="nav_menu"> <ul class="nav navbar-nav navbar-right">
<nav class="" role="navigation"> <li class="">
<div class="nav toggle"> <a href="javascript:;" class="user-profile" aria-expanded="false">
<a id="menu_toggle"><i class="fa fa-bars"></i></a> <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</div> Hello, admin!
</a>
<ul class="nav navbar-nav navbar-right"> </li>
<li class=""> </ul>
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> </nav>
<%= image_tag "img.jpg" %>John Doe </div>
<span class=" fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a>
</li>
<li>
<a href="javascript:;">
<span class="badge bg-red pull-right">50%</span>
<span>Settings</span>
</a>
</li>
<li>
<a href="javascript:;">Help</a>
</li>
<li><a href="/users/sign_out"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
</li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
</a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li>
<a>
<span class="image">
<%= image_tag "img.jpg" %>
</span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li>
<div class="text-center">
<a>
<strong>See All Alerts</strong>
<i class="fa fa-angle-right"></i>
</a>
</div>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div> </div>
<!-- /top navigation --> <!-- /top navigation -->

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

@ -39,7 +39,9 @@
</label> </label>
<div class="col-md-3 col-sm-3 col-xs-4"> <div class="col-md-3 col-sm-3 col-xs-4">
<select class="form-control"> <select class="form-control">
<option><%=@config["server_name"]%></option> <% get_conf_all.each do |t| %>
<option><%= t['host_name'] %></option>
<% end %>
</select> </select>
</div> </div>
<div class="col-md-1 col-sm-1 col-xs-1"> <div class="col-md-1 col-sm-1 col-xs-1">
@ -77,26 +79,26 @@
</thead> </thead>
<tbody id="datatable_body"> <tbody id="datatable_body">
<tr> <tr>
<td><i class="fa fa-reply"></i> <a style="cursor: pointer" 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>
<%@files.each do |t|%> <% @files.each do |t| %>
<% if t["auth"][0]=='d'%> <% if t["auth"][0]=='d' %>
<tr> <tr>
<td style="color:#0d8ade;"><i class="fa fa-folder-open-o"></i> <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> <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> <td>
<form data-parsley-validate> <form data-parsley-validate>
<input type="hidden" value='<%=@current_dir + "/" + t["name"]%>'> <input type="hidden" value='<%= @current_dir + "/" + t["name"] %>'>
<button type="submit" class="btn btn-primary pull-right">select</botton> <button type="submit" class="btn btn-primary pull-right">select</botton>
</form> </form>
</td> </td>
</tr> </tr>
<%end%> <% end %>
<%end%> <% end %>
</tbody> </tbody>
</table> </table>
</div> </div>
@ -115,7 +117,7 @@
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="row"> <div class="row">
<% get_volumes.each_with_index do |t, index| %> <% volumes.each_with_index do |t, index| %>
<div class="col-md-6 col-sm-6 col-xs-12"> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
@ -165,215 +167,208 @@
</div> </div>
<% if index == 0 %> <% if index == 0 %>
<div class="x_content"> <div class="x_content">
<% else %> <% else %>
<div class="x_content" style="display: none;"> <div class="x_content" style="display: none;">
<% end %> <% end %>
<!-- left content --> <!-- left content -->
<div class="col-md-6 col-sm-6 col-xs-12"> <div class="col-md-6 col-sm-6 col-xs-12">
<div style="margin: 10px"> <div style="margin: 10px">
<p class="text-muted font-13 m-b-30"><span class="badge bg-blue">Volume Info</span></p> <p class="text-muted font-13 m-b-30"><span class="badge bg-blue">Volume Info</span></p>
<%= volume_info t %> <%= volume_info t %>
</div>
<% if t["Mount State"] == "mounted" %>
<a class="btn btn-app" href="/volume/unmount/<%=t['Volume Name'].delete(' ')%>"><i class="fa fa-upload"></i> Unmount</a>
<% elsif t["Status"] == " Started" %>
<a class="btn btn-app" href="/volume/stop/<%=t['Volume Name'].delete(' ')%>">
<i class="fa fa-pause" style="color:#d9534f;"></i>
<p style="color:#d9534f;">Stop</p>
</a>
<a class="btn btn-app" href="?volume_name=<%=t['Volume Name'].delete(' ')%>#popup_mount"><i class="fa fa-download"></i> Mount</a>
<% else %>
<a class="btn btn-app" href="/volume/start/<%=t['Volume Name'].delete(' ')%>">
<i class="fa fa-play" style="color:#26B99A;"></i>
<p style="color:#26B99A;">Start</p>
</a>
<a class="btn btn-app" href="/volume/delete/<%=t['Volume Name'].delete(' ')%>">
<i class="fa fa-trash"></i> Delete
</a>
<% end %>
</div>
<!-- right content -->
<div class="col-md-6 col-sm-6 col-xs-12">
<% if t["Mount State"] == "mounted" %>
<p class="text-muted font-13 m-b-30"><span class="badge bg-green">Uploader</span> Activated</p>
<form action="/file_upload/<%=t['Volume Name'].delete(' ')%>" method="post" enctype="multipart/form-data" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; overflow:auto;">
</form>
<br/>
<% else %>
<p class="text-muted font-13 m-b-30"><span class="badge bg-red">Uploader</span> Inactivated</p>
<form style="border: 1px solid #e5e5e5; height: 300px; overflow:auto;">
</form>
<br/>
<% end %>
</div> </div>
<% if t["Mount State"] == "mounted" %>
<a class="btn btn-app" href="/volume/unmount/<%=t['Volume Name'].delete(' ')%>"><i class="fa fa-upload"></i> Unmount</a>
<% elsif t["Status"] == " Started" %>
<a class="btn btn-app" href="/volume/stop/<%=t['Volume Name'].delete(' ')%>">
<i class="fa fa-pause" style="color:#d9534f;"></i>
<p style="color:#d9534f;">Stop</p>
</a>
<a class="btn btn-app" href="?volume_name=<%=t['Volume Name'].delete(' ')%>#popup_mount"><i class="fa fa-download"></i> Mount</a>
<% else %>
<a class="btn btn-app" href="/volume/start/<%=t['Volume Name'].delete(' ')%>">
<i class="fa fa-play" style="color:#26B99A;"></i>
<p style="color:#26B99A;">Start</p>
</a>
<a class="btn btn-app" href="/volume/delete/<%=t['Volume Name'].delete(' ')%>">
<i class="fa fa-trash"></i> Delete
</a>
<% end %>
</div>
<!-- right content -->
<div class="col-md-6 col-sm-6 col-xs-12">
<% if t["Mount State"] == "mounted" %>
<p class="text-muted font-13 m-b-30"><span class="badge bg-green">Uploader</span> Activated</p>
<form action="/file_upload/<%=t['Volume Name'].delete(' ')%>" method="post" enctype="multipart/form-data" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; overflow:auto;">
</form>
<br/>
<% else %>
<p class="text-muted font-13 m-b-30"><span class="badge bg-red">Uploader</span> Inactivated</p>
<form style="border: 1px solid #e5e5e5; height: 300px; overflow:auto;">
</form>
<br/>
<% end %>
</div> </div>
</div> </div>
</div> </div>
<%end%>
</div> </div>
<%end%>
</div> </div>
</div> <!-- /page content -->
<!-- /page content -->
<!-- File manager functions --> <!-- File manager functions -->
<script> <script>
function change_upper(directory){ function change_upper(directory){
if(directory == "/") return; if(directory == "/") return;
var lastindex = directory.lastIndexOf("/"); var lastindex = directory.lastIndexOf("/");
if(lastindex == 0) lastindex++; if(lastindex == 0) lastindex++;
change_directory(directory.substring(0, lastindex)); change_directory(directory.substring(0, lastindex));
} }
function change_directory(directory){ function change_directory(directory){
$.ajax({
method: "POST",
url: "/application/changeDir",
data: { path: directory },
success : function(result){
$("#datatable_body").empty();
var new_tr = "";
new_tr += "<tr role='row' class='odd'> <td><i class='fa fa-reply'></i>";
new_tr += "<a style='cursor: pointer' onclick='change_upper(" + '"' + directory + '"' +")'> ..</a>";
new_tr += "</td><td> </td><td>";
for( var i = 0; i < result.file.length; i++){
if(result.file[i].auth[0] != "d") continue;
var row_class = i % 2 == 0 ? 'odd' : 'even';
var cur = result.current != "/" ? result.current : '';
new_tr += "<tr role='row' class='" + row_class + "'>";
new_tr += "<td style='color:#0d8ade;' class='sorting_1'><i class='fa fa-folder-open-o'></i> ";
new_tr += "<a style='cursor: pointer' onclick='change_directory(" +'"' + cur + "/" + result.file[i].name +'"'+ ")'>" + result.file[i].name + "</a></td>";
new_tr += "<td>"+result.file[i].auth+"</td>";
new_tr += "<td><form data-parsley-validate>";
new_tr += "<input type='hidden' value='" + cur + "/" + result.file[i].name + "'>";
new_tr += "<button type='submit' class='btn btn-primary pull-right'>select</botton>";
new_tr += "</form></td>"
new_tr += "</tr>";
}
$("#datatable_body").append(new_tr);
// Add mount overlay functions again
$("#popup_mount #datatable_body form").submit(function(){
var mnt_point = $(this).find("input").val();
var url = window.location + '';
var vol_name = url.match(/volume_name=([^#]+)/)[1];
$.ajax({
type: 'post',
url: '/volume/mount',
data: {mount_point: mnt_point, volume_name: vol_name},
success: function(result){
}
});
})
}
})
}
</script>
<!-- On document ready -->
<script>
$("document").ready(function(){
// Mount overlay functions
$("#popup_mount #datatable_body form").submit(function(){
var mnt_point = $(this).find("input").val();
var url = window.location + '';
var vol_name = url.match(/volume_name=([^#]+)/)[1];
$.ajax({ $.ajax({
type: 'post', method: "POST",
url: '/volume/mount', url: "/application/changeDir",
data: {mount_point: mnt_point, volume_name: vol_name}, data: { path: directory },
success: function(result){ success : function(result){
$("#datatable_body").empty();
var new_tr = "";
new_tr += "<tr role='row' class='odd'> <td><i class='fa fa-reply'></i>";
new_tr += "<a style='cursor: pointer' onclick='change_upper(" + '"' + directory + '"' +")'> ..</a>";
new_tr += "</td><td> </td><td>";
for( var i = 0; i < result.file.length; i++){
if(result.file[i].auth[0] != "d") continue;
var row_class = i % 2 == 0 ? 'odd' : 'even';
var cur = result.current != "/" ? result.current : '';
new_tr += "<tr role='row' class='" + row_class + "'>";
new_tr += "<td style='color:#0d8ade;' class='sorting_1'><i class='fa fa-folder-open-o'></i> ";
new_tr += "<a style='cursor: pointer' onclick='change_directory(" +'"' + cur + "/" + result.file[i].name +'"'+ ")'>" + result.file[i].name + "</a></td>";
new_tr += "<td>"+result.file[i].auth+"</td>";
new_tr += "<td><form data-parsley-validate>";
new_tr += "<input type='hidden' value='" + cur + "/" + result.file[i].name + "'>";
new_tr += "<button type='submit' class='btn btn-primary pull-right'>select</botton>";
new_tr += "</form></td>"
new_tr += "</tr>";
}
$("#datatable_body").append(new_tr);
// Add mount overlay functions again
$("#popup_mount #datatable_body form").submit(function(){
var mnt_point = $(this).find("input").val();
var url = window.location + '';
var vol_name = url.match(/volume_name=([^#]+)/)[1];
$.ajax({
type: 'post',
url: '/volume/mount',
data: {mount_point: mnt_point, volume_name: vol_name},
success: function(result){
}
});
})
} }
})
}
</script>
<!-- On document ready -->
<script>
$(document).ready(function(){
// Mount overlay functions
$("#popup_mount #datatable_body form").submit(function(){
var mnt_point = $(this).find("input").val();
var url = window.location + '';
var vol_name = url.match(/volume_name=([^#]+)/)[1];
$.ajax({
type: 'post',
url: '/volume/mount',
data: {mount_point: mnt_point, volume_name: vol_name},
success: function(result){
}
});
}); });
}); // Create overlay functions
// Create overlay functions $("#popup_create #form_volume_create").submit(function(){
$("#popup_create #form_volume_create").submit(function(){ var volume_name = $(this).find(".form-group:eq(0) input").val(),
var volume_name = $(this).find(".form-group:eq(0) input").val(),
volume_type = $(this).find(".form-group:eq(1) option:selected").val(), volume_type = $(this).find(".form-group:eq(1) option:selected").val(),
num_of_brick = $(this).find(".form-group:eq(2) option:selected").val() * 1, // convert to Number type num_of_brick = $(this).find(".form-group:eq(2) option:selected").val() * 1, // convert to Number type
bricks = []; bricks = [];
if(volume_name.indexOf(' ') >= 0){ if(volume_name.indexOf(' ') >= 0){
alert("Volume name can't contains white spaces"); alert("Volume name can't contains white spaces");
return;
}
<% get_volumes.each do |t| %>
if(volume_name == "<%=t["Volume Name"].delete(' ')%>"){
alert("Already has a volume which name is same");
return;
}
<% end %>
for(var i = 0; i < num_of_brick; i++){
var server_name = $(this).find(".form-group .row").eq(i).find("option:selected").val();
var brick_name = $(this).find(".form-group .row").eq(i).find("input").val();
if(brick_name.indexOf(' ') >= 0) {
alert("Brick name can't contain white spaces");
return; return;
} }
if(brick_name.indexOf('/') == 0) { <% volumes.each do |t| %>
alert("Brick name can't start with slash"); if(volume_name == "<%=t["Volume Name"].delete(' ')%>"){
alert("Already has a volume which name is same");
return; return;
} }
var brick = ""; <% end %>
if(server_name == "<%=@config['server_name']%>"){ for(var i = 0; i < num_of_brick; i++){
brick += "<%=@config['host_ip']%>"; var host_name = $(this).find(".form-group .row").eq(i).find("option:selected").val();
brick += ":/"; var brick_name = $(this).find(".form-group .row").eq(i).find("input").val();
brick += brick_name; if(brick_name.indexOf(' ') >= 0) {
alert("Brick name can't contain white spaces");
return;
}
if(brick_name.indexOf('/') == 0) {
alert("Brick name can't start with slash");
return;
}
var brick = host_name + ":/" + brick_name;
bricks.push(brick); bricks.push(brick);
console.log(brick); console.log(brick);
} }
else{ $.ajax({
alert("Something goes wrong!"); method: "POST",
return; url: "/volume/create",
} data: { volume_name : volume_name, volume_type : volume_type, num_of_brick : num_of_brick, bricks : bricks },
} success : function(result){
$.ajax({ }
method: "POST", });
url: "/volume/create", });
data: { volume_name : volume_name, volume_type : volume_type, num_of_brick : num_of_brick, bricks : bricks }, // Volume type changed
success : function(result){ $("#popup_create #form_volume_create .form-group").eq(1).change(function (){
var $type = $(this).find("option:selected").val();
switch ($type) {
case "Distribute":
case "Stripe":
case "Replica":
case "Disperse":
case "Disperse-data":
case "Redundancy":
console.log($type);
break;
default:
console.log("something goes wrong");
break;
} }
}); });
// Number of bricks changed
$("#popup_create #form_volume_create .form-group").eq(2).change(function (){
var $num_of_brick = $(this).find("option:selected").val();
var $body = $("#form_volume_create .form-group").eq(3);
$body.empty();
var new_body = "";
for(var i = 0; i < $num_of_brick; ++i) {
new_body += "<div class='row' style='margin:0 0 10px 0'>";
new_body += "<label class='control-label col-md-3 col-sm-3 col-xs-12'>";
if(i == 0)
new_body += "Bricks <span class='required'>*</span>";
new_body += "</label>";
new_body += "<div class='col-md-3 col-sm-3 col-xs-4'>";
new_body += "<select class='form-control'>";
<% get_conf_all.each do |t| %>
new_body += "<option><%= t['host_name'] %></option>";
<% end %>
new_body += "</select>";
new_body += "</div>";
new_body += "<div class='col-md-1 col-sm-1 col-xs-1'>"
new_body += "<label class='control-label col-md-12 col-sm-12 col-xs-12'>/"
new_body += "</label>"
new_body += "</div>"
new_body += "<div class='col-md-5 col-sm-5 col-xs-7'>";
new_body += "<input type='text' required='required' class='form-control col-md-7 col-xs-12'>";
new_body += "</div>";
new_body += "</div>";
}
$body.append(new_body);
});
}); });
// Volume type changed </script>
$("#popup_create #form_volume_create .form-group").eq(1).change(function (){
var $type = $(this).find("option:selected").val();
switch ($type) {
case "Distribute":
case "Stripe":
case "Replica":
case "Disperse":
case "Disperse-data":
case "Redundancy":
console.log($type);
break;
default:
console.log("something goes wrong");
break;
}
});
// Number of bricks changed
$("#popup_create #form_volume_create .form-group").eq(2).change(function (){
var $num_of_brick = $(this).find("option:selected").val();
var $body = $("#form_volume_create .form-group").eq(3);
$body.empty();
var new_body = "";
for(var i = 0; i < $num_of_brick; ++i) {
new_body += "<div class='row' style='margin:0 0 10px 0'>";
new_body += "<label class='control-label col-md-3 col-sm-3 col-xs-12'>";
if(i == 0)
new_body += "Bricks <span class='required'>*</span>";
new_body += "</label>";
new_body += "<div class='col-md-3 col-sm-3 col-xs-4'>";
new_body += "<select class='form-control'>";
new_body += "<option><%=@config['server_name']%></option>";
new_body += "</select>";
new_body += "</div>";
new_body += "<div class='col-md-1 col-sm-1 col-xs-1'>"
new_body += "<label class='control-label col-md-12 col-sm-12 col-xs-12'>/"
new_body += "</label>"
new_body += "</div>"
new_body += "<div class='col-md-5 col-sm-5 col-xs-7'>";
new_body += "<input type='text' required='required' class='form-control col-md-7 col-xs-12'>";
new_body += "</div>";
new_body += "</div>";
}
$body.append(new_body);
});
});
</script>

16
script/setup.sh
View File

@ -13,19 +13,3 @@ sudo --askpass bower install --allow-root
gem install bundler gem install bundler
bundle install bundle install
bin/rake db:migrate bin/rake db:migrate
# make configuration file
CONF_PATH=`pwd`/configure.conf
if ls `pwd` | grep configure.conf; then
echo "configure.conf exist"
else
touch $CONF_PATH
echo "project_path=`pwd`" >> $CONF_PATH
echo "server_name=gluster" >> $CONF_PATH
echo "host_ip=127.0.0.1" >> $CONF_PATH
echo "host_port=" >> $CONF_PATH
echo "host_user=root" >> $CONF_PATH
echo "host_password=secret" >> $CONF_PATH
fi