ant-http/build/htdocs/scripts/fileman.js

203 lines
5.2 KiB
JavaScript
Raw Normal View History

2015-10-22 13:07:52 +02:00
var fileman_gird = {
name: 'filemangrid',
header:'Files',
url: '/fileman',
method: 'GET',
show: {
header : false,
toolbar : true,
footer : true,
lineNumbers : true,
toolbarDelete: true
},
columns: [
{ field: 'type', caption: 'Type', size: '0%' ,hidden:true},
{ field: 'name', caption: 'Name', size: '30%' },
{ field: 'size', caption: 'Size (bytes)', size: '15%' },
{ field: 'mime', caption: 'Type', size: '25%' },
{ field: 'changed', caption: 'Last changed', size: '30%' }
],
searches: [
{ type: 'text', field: 'name', caption: 'Plugin name' },
{ type: 'date', field: 'changed', caption: 'Last changed' }
],
toolbar: {
items: [
{ type: 'button', id: 'bt_add_file', caption: 'Add file', icon: 'w2ui-icon-plus' },
{
type: 'html',
id: 'file_select',
html: '<form id="file_add_form" action="javascript:;" style="display:none;">'
+'<input id="file_add_file" type="file" name="pfile" />'
+'<input id="file_add_path" type="hidden" name="path" />'
+'</form>'
},
{ type: 'button', id: 'bt_create_folder', caption: 'Create folder', img: 'icon-folder' }
],
onClick: function (target, data) {
switch(target)
{
case 'bt_add_file':
w2ui.filemangrid.add_file();
break;
case 'bt_create_folder':
w2popup.open({
title : 'New folder',
body : '<div class="w2ui-centered">Folder name: <br/><input type="text" id="mkdir_dname" size="50" /></div>',
buttons : '<button class="btn" onclick="w2ui.filemangrid.mkdir();w2popup.close();">Create</button>',
width : 400,
height : 200,
overflow : 'hidden',
color : '#333',
speed : '0.3',
opacity : '0.8',
modal : true,
showClose : true
});
break;
default:
console.log(data);
}
},
},
onDelete: function (event) {
event.preventDefault();
w2confirm('Are you sure you want to delete selected file/record ?', function (btn) {
if(btn == "Yes")
{
var sel = w2ui.filemangrid.getSelection();
var row = w2ui.filemangrid.get(sel);
var path = w2ui.filemangrid.folder;
if(row)
{
$.post( "/fileman/rmfolder", { name: row.name, path: path})
.done(function( data )
{
if(data.result == 1)
w2ui.filemangrid.reload();
else
w2alert(data.msg);
});
}
}
});
},
onDblClick: function(event) {
var el = this.get(event.recid);
if(el.type == 0)
{
this.url = "/fileman?path="+ this.folder+"/"+ el.name;
this.reload();
}
else
console.log(el);
},
route_path:function(router)
{
if(router)
{
var toolb = w2ui.fileman_layout.panels[0].toolbar;
var icon;
toolb.items = [];
for(i=0;i< router.length;i++)
{
if(i==0)
icon = 'fa-folder-open';
else
icon = 'fa-angle-right';
toolb.items[i] = {
type: 'button',
id: 'folder_router_'+ i,
caption:router[i].name,
icon:icon,
path:router[i].path};
}
toolb.render();
//console.log(this);
}
},
onLoad:function(event)
{
var obj;
if(event.xhr.statusText == "OK")
{
obj = JSON.parse(event.xhr.responseText);
this.route_path(obj.router);
}
},
mkdir:function()
{
var dname = $("#mkdir_dname").val();
//open pop up
$.post( "/fileman/mkfolder", { dname: dname, path: this.folder})
.done(function( data )
{
if(data.result == 1)
w2ui.filemangrid.reload();
else
w2alert(data.msg);
});
},
//event
add_file: function () {
$('#file_add_form').unbind('submit');
$('#file_add_form').unbind("change");
$('#file_add_path').val(this.folder);
$('#file_add_form').submit(function(event){
event.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax({
url: '/fileman/add',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
if(returndata.result == 1)
w2ui.filemangrid.reload();
else
w2alert(returndata.msg);
}
});
return false;
});
$('#file_add_file').on("change",function(){
//console.log("change in file");
$('#file_add_form').trigger('submit');
return false;
});
$('#file_add_file').trigger('click');
}
}
var fileman_layout = {
name:"fileman_layout",
panels: [
{
type:'top',
size: 29,
style: 'padding: 0px;',
toolbar:{
items: [
] ,
onClick: function (target, data) {
w2ui.filemangrid.url = "/fileman?path="+data.object.path;
w2ui.filemangrid.reload();
//console.log(data.object.path);
},
}
},
{
type:'main',
content:''
}
]
}
$().w2grid(fileman_gird);
$().w2layout(fileman_layout);
w2ui.fileman_layout.content('main',w2ui.filemangrid);