387 lines
13 KiB
HTML
387 lines
13 KiB
HTML
{% 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 %}
|