Initial YakPanel commit
This commit is contained in:
Niranjan
386
YakPanel/templates/default/ftp.html
Normal file
386
YakPanel/templates/default/ftp.html
Normal file
@@ -0,0 +1,386 @@
|
||||
{% extends "layout.html" %}
|
||||
{% block content %}
|
||||
<style>
|
||||
#ftpData .webPath,#ftpData .webNote,#ftpData .ftpStatus{
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
min-width: auto;
|
||||
}
|
||||
</style>
|
||||
<div class="main-content pb55">
|
||||
<div class="container-fluid">
|
||||
<div class="pos-box bgw mtb15">
|
||||
<!-- <div class="position f14 c9 pull-left">
|
||||
<a class="plr10 c4" href="/">{{data['lan']['H1']}}</a>/<span class="plr10 c4">{{data['lan']['H2']}}</span>
|
||||
</div>
|
||||
<div class="search pull-right">
|
||||
<form target="hid" onsubmit='ftp.get_list(1,$("#SearchValue").prop("value"))'>
|
||||
<input type="text" id="SearchValue" class="ser-text pull-left" placeholder="{{data['lan']['SEARCH']}}" />
|
||||
<button type="button" class="ser-sub pull-left" onclick='ftp.get_list(1,$("#SearchValue").prop("value"))'></button>
|
||||
</form>
|
||||
<iframe name='hid' id="hid" style="display:none"></iframe>
|
||||
</div> -->
|
||||
<div class="tab-list" id="cutMode">
|
||||
<div class="tabs-item active">{{data['lan']['H2']}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="safe bgw mtb15 pd15">
|
||||
<div class="info-title-tips">
|
||||
<p><span class="glyphicon glyphicon-alert" style="color: #f39c12; margin-right: 10px;"></span>{{data['lan']['PS']}} ftp://{{session['address']}}:{{session['port']}}</p>
|
||||
</div>
|
||||
<div id="bt_ftp_table"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
{{ super() }}
|
||||
<script>
|
||||
bt.set_cookie('sites_path',"{{session['config']['sites_path']}}");
|
||||
|
||||
var isSetup = '{{data["isSetup"]}}';
|
||||
|
||||
if (isSetup !== 'True') {
|
||||
layer.msg('{{data["lan"]["JS1"]}}<a href="javascript:;" onclick="bt.soft.install(\'pureftpd\');" style="color:#20a53a; float: right;">{{data["lan"]["JS2"]}}</a>',{icon:7,time:0,shade: [0.3, '#000']});
|
||||
$(".layui-layer-shade").css("margin-left", "180px");
|
||||
} else {
|
||||
var ftp_table = bt_tools.table({
|
||||
el: '#bt_ftp_table',
|
||||
url: '/data?action=getData',
|
||||
param: { table: 'ftps' },
|
||||
minWidth: '1000px',
|
||||
autoHeight: true,
|
||||
pageName: 'ftp',
|
||||
default: lan.pythonmamager.no_data,
|
||||
sortParam: function (data) {
|
||||
return { 'order': data.name + ' ' + data.sort }
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* @description 设置FTP端口
|
||||
* @param {function} callback 回调函数
|
||||
* @return void
|
||||
*/
|
||||
add_ftp_user: function (callback) {
|
||||
var that = this;
|
||||
bt.ftp.add(function(rdata){
|
||||
if (callback) callback(rdata);
|
||||
if (rdata.status) that.$refresh_table_list(true);
|
||||
})
|
||||
},
|
||||
/**
|
||||
* @description 设置FTP端口
|
||||
* @param {object} obj 配置对象包含port
|
||||
* @param {function} callback 回调函数
|
||||
* @return void
|
||||
*/
|
||||
del_ftp_user: function (obj, callback) {
|
||||
var that = this;
|
||||
var msg = lan.public.del+"["+ obj.name +"]";
|
||||
var title = lan.get('confirm_del',[obj.name]);
|
||||
bt.show_confirm(msg, title, function () {
|
||||
bt.ftp.del(obj.id,obj.name, function (rdata) {
|
||||
if (callback) callback(rdata);
|
||||
bt.msg(rdata);
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @description 设置FTP密码
|
||||
* @param {object} obj 配置对象包含id、name、password
|
||||
* @param {function} callback 回调函数
|
||||
* @return void
|
||||
*/
|
||||
set_ftp_password: function (obj, callback) {
|
||||
var that = this,bs = bt.ftp.set_password(function(rdata){
|
||||
if(callback) callback(rdata);
|
||||
});
|
||||
$('.id'+bs).val(obj.id);
|
||||
$('.ftp_username'+bs).val(obj.name);
|
||||
$('.new_password'+bs).val(obj.password);
|
||||
},
|
||||
/**
|
||||
* @description 设置FTP端口
|
||||
* @param {object} obj 配置对象包含port
|
||||
* @param {function} callback 回调函数
|
||||
* @return void
|
||||
*/
|
||||
set_ftp_port: function (callback) {
|
||||
var bs = bt.ftp.set_port(function(rdata){
|
||||
if(callback) callback(rdata);
|
||||
if (rdata.status) {
|
||||
setTimeout(function () {
|
||||
window.location.reload()
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
$('.port' + bs).val('{{session["port"]}}');
|
||||
},
|
||||
/**
|
||||
* @description 设置ftp状态
|
||||
* @param {object} obj 配置对象包含id、username、status
|
||||
* @param {function} callback 回调函数
|
||||
* @return void
|
||||
*/
|
||||
set_ftp_status: function (obj, callback) {
|
||||
if (!parseInt(obj.status)) {
|
||||
bt.ftp.set_status(obj.id,obj.name,"1",function(rdata){
|
||||
if(callback) callback(rdata);
|
||||
});
|
||||
} else {
|
||||
bt.confirm({msg:lan.ftp.stop_confirm.replace('{1}',obj.name),title:lan.ftp.stop_title},function(index){
|
||||
bt.ftp.set_status(obj.id,obj.name,"0",function(rdata){
|
||||
if(callback) callback(rdata);
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @description 设置路径
|
||||
* @param {object} row 配置对象包含id、username、status
|
||||
* @return void
|
||||
*/
|
||||
set_path: function (row, callback) {
|
||||
if (row == null) return;
|
||||
bt_tools.open({
|
||||
title: lan.ftp.change_ftp_user_home,
|
||||
area: '450px',
|
||||
btn: [lan.public.save, lan.public.cancel],
|
||||
content: {
|
||||
'class': 'pd20',
|
||||
form: [
|
||||
{
|
||||
label: lan.ftp.add_user,
|
||||
group: {
|
||||
type: 'text',
|
||||
name: 'ftp_username',
|
||||
width: '260px',
|
||||
value: row.name,
|
||||
disabled: true
|
||||
}
|
||||
},
|
||||
{
|
||||
label: lan.ftp.add_path,
|
||||
class: 'path_line',
|
||||
value: row.path,
|
||||
group: {
|
||||
type: 'text',
|
||||
name: 'path',
|
||||
width: '230px',
|
||||
icon: {
|
||||
type: 'glyphicon-folder-open',
|
||||
select: 'all',
|
||||
event: function (ev) {}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
group: {
|
||||
type: 'help',
|
||||
style: {'margin-top': '0'},
|
||||
list: [
|
||||
lan.ftp.set_path_tips1,
|
||||
lan.ftp.set_path_tips2,
|
||||
lan.ftp.set_path_tips3
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
success: function () {
|
||||
$('.path_line').after('\
|
||||
<div class="line">\
|
||||
<span class="tname checkType">' + lan.ftp.migrate + '</span>\
|
||||
<div class="info-r" style="height:32px;margin-left:125px;padding-top:6px;">\
|
||||
<input type="checkbox" name="migrate" id="migrate" class="btswitch btswitch-ios">\
|
||||
<label for="migrate" class="btswitch-btn"></label>\
|
||||
</div>\
|
||||
</div>');
|
||||
$('input[name="path"]').val(row.path)
|
||||
},
|
||||
yes: function (form, index) {
|
||||
if (form.path === '') {
|
||||
return layer.msg('Please select a path', {icon: 2});
|
||||
}
|
||||
var loading = bt.load('Setting up, please wait...');
|
||||
var migrate = $('#migrate').is(':checked');
|
||||
var data = Object.assign({id: row.id, migrate: migrate ? 1 : 0}, form);
|
||||
bt.send('set_user_home', 'ftp/set_user_home', data, function (rdata) {
|
||||
loading.close();
|
||||
bt.msg(rdata);
|
||||
setTimeout(function () {
|
||||
if (!rdata.status) return;
|
||||
layer.close(index);
|
||||
callback && callback();
|
||||
}, 2000)
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
column: [
|
||||
{ type:'checkbox', width: 20 },
|
||||
{ fid: 'name', title: lan.ftp.add_user, type: 'text' },
|
||||
{
|
||||
fid: 'password',
|
||||
title: lan.ftp.add_pass,
|
||||
type: 'password',
|
||||
copy: true,
|
||||
eye_open: true
|
||||
},
|
||||
{
|
||||
fid: 'status',
|
||||
title: lan.ftp.status,
|
||||
sort: true,
|
||||
width: 100,
|
||||
type: 'status',
|
||||
config: {
|
||||
icon: true,
|
||||
list: [
|
||||
[ '1', lan.ftp.start, 'bt_success', 'glyphicon-play' ],
|
||||
[ '0', lan.ftp.stop, 'bt_danger', 'glyphicon-pause']
|
||||
]
|
||||
},
|
||||
event: function (row, index, ev, key, that) {
|
||||
that.set_ftp_status({
|
||||
id: row.id, status: row.status, name: row.name
|
||||
}, function (res) {
|
||||
if (res.status)
|
||||
that.$modify_row_data({ status: parseInt(row.status) ? '0' : '1' });
|
||||
});
|
||||
}
|
||||
},
|
||||
{
|
||||
fid: 'path',
|
||||
title: lan.ftp.add_path,
|
||||
type: 'link',
|
||||
event: function (row, index, ev) {
|
||||
openPath(row.path);
|
||||
}
|
||||
},
|
||||
bt.public.get_quota_config('ftp'),
|
||||
{
|
||||
fid: 'ps',
|
||||
title: lan.ftp.add_ps,
|
||||
type: 'input',
|
||||
blur: function (row, index, ev) {
|
||||
bt.pub.set_data_ps({
|
||||
id: row.id, table: 'ftps', ps: ev.target.value
|
||||
}, function (res) {
|
||||
bt_tools.msg(res);
|
||||
});
|
||||
},
|
||||
},
|
||||
{
|
||||
title: lan.ftp.operate,
|
||||
type: 'group',
|
||||
width: 170,
|
||||
align: 'right',
|
||||
group:[
|
||||
{
|
||||
title: 'Set Path',
|
||||
event: function (row, index, ev, key, that) {
|
||||
that.set_path(row, function () {
|
||||
that.$refresh_table_list(true);
|
||||
});
|
||||
}
|
||||
},
|
||||
{
|
||||
title: lan.ftp.edit_pass,
|
||||
event: function (row, index, ev, key, that) {
|
||||
that.set_ftp_password({
|
||||
id: row.id, name: row.name, password: row.password
|
||||
}, function (rdata) {
|
||||
if (rdata.status) that.$refresh_table_list(true);
|
||||
});
|
||||
}
|
||||
},
|
||||
{
|
||||
title: lan.ftp.del,
|
||||
event: function (row, index, ev, key, that) {
|
||||
that.del_ftp_user({
|
||||
id: row.id, name: row.name
|
||||
}, function (res) {
|
||||
if (res.status) that.$refresh_table_list(true);
|
||||
});
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
tootls:[
|
||||
{
|
||||
type: 'group',
|
||||
positon: ['left', 'top'],
|
||||
list:[
|
||||
{
|
||||
title: 'Add FTP',
|
||||
active: true,
|
||||
event: function (ev, that) {
|
||||
that.add_ftp_user();
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Change FTP Port',
|
||||
event: function (ev, that) {
|
||||
that.set_ftp_port();
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'search',
|
||||
positon: ['right', 'top'],
|
||||
placeholder: 'FTP search',
|
||||
searchParam: 'search', // 搜索请求字段，默认为 search
|
||||
value: '', // 当前内容,默认为空
|
||||
},
|
||||
{ // 批量操作
|
||||
type: 'batch',
|
||||
positon: ['left', 'bottom'],
|
||||
config: {
|
||||
title: lan.ftp.del,
|
||||
url: '/ftp?action=DeleteUser',
|
||||
load: true,
|
||||
param: function (row) {
|
||||
return { id: row.id, username: row.name }
|
||||
},
|
||||
callback: function (that) {
|
||||
var msg = '<div style="color: red;">' + lan.get('del_all_ftp', [that.check_list.length]) + '</div>';
|
||||
bt.show_confirm(lan.ftp.del_all, msg, function () {
|
||||
that.start_batch({}, function (list) {
|
||||
var html = '';
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
var item = list[i];
|
||||
html += '<tr><td>'+ item.name +'</td><td><div style="float:right;"><span style="color:'+ (item.request.status?'#20a53a':'red') +'">'+ item.request.msg +'</span></div></td></tr>';
|
||||
}
|
||||
ftp_table.$batch_success_table({
|
||||
title: 'Batch Delete FTP',
|
||||
th: 'FTP',
|
||||
html: html
|
||||
});
|
||||
ftp_table.$refresh_table_list(true);
|
||||
});
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
{ // 分页显示
|
||||
type: 'page',
|
||||
positon: ['right','bottom'], // 默认在右下角
|
||||
pageParam: 'p', // 分页请求字段,默认为 : p
|
||||
page: 1, // 当前分页 默认：1
|
||||
numberParam: 'limit', //分页数量请求字段默认为 : limit
|
||||
number: 20, //分页数量默认 : 20条
|
||||
numberList: [10, 20, 50, 100, 200], // 分页显示数量列表
|
||||
numberStatus: true, // 是否支持分页数量选择,默认禁用
|
||||
jump: true, // 是否支持跳转分页,默认禁用
|
||||
}
|
||||
]
|
||||
});
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user