#@mgr("日志浏览器")

#define content()
<section class="content container-fluid">
	
	<div class="row">
		<div class="col-sm-4 col-md-3 col-lg-2">
			<div class="list-container"></div>
		</div>
		<div class="col-sm-8 col-md-9 col-lg-10">
			<div class="table-container"></div>
		</div>
	</div>
	
</section>
#end

#define after()
<script>
require(['kit', 'ez-list', 'ez-table', 'ez-mask' ], function(Kit, List, Table, Mask ){

	var sub = '#(sub)';
	var files = #(files);
	
	var subDirs = [];
	var subFiles = [];
	
	if(Kit.notEmpty(sub)){
		subDirs.push({ fileName: '根目录：/', directory: true });
		subDirs.push({ fileName: '父目录：/..', directory: true });
	}
	
	$.each(files, function(i, f){
		if(f.directory) subDirs.push(f);
		else subFiles.push(f);
	});
	
	subFiles = subFiles.sort(function(a, b){
	    if (a.fileName < b.fileName) {
	        return 1;
	    } else if (a.fileName > b.fileName) {
	        return -1;
	    } else {
	        return 0;
	    }
	});
	
	var list = List('.list-container', {
		title: '日志目录',
		formatter: function(ind, row) {
			return row.fileName;
		},
		event: {
			selected: function(ind, row){
				var fName = row.fileName;
				var pName;
				if(fName == '根目录：/'){
					pName = '';
				}else if(fName == '父目录：/..'){
					var arr = sub.split('/');
					arr.splice(arr.length - 1, 1);
					pName = arr.join('/');
				}else{
					pName = sub + '/' + fName;
				}
				Kit.go(ATTR.ctrl + '/log?sub=' + pName);
			}
		}
	}).load(subDirs);
	
	var table = Table('.table-container', {
		title: '日志文件列表',
		columns: [
			{
				field: 'fileName',
				title: '文件名',
				formatter: function(val, row){
					var url = ATTR.ctrl + '/logDetail?sub=' + sub + '&fileName=' + row.fileName;
					return '<a href="' + url + '">' + val + '</a>';
				}
			}, {
				field: 'fileSize',
				title: '文件大小'
			}, {
				field: 'mimeType',
				title: '文件类型'
			}, {
				field: 'lastModified',
				title: '更改时间'
			}, {
				field: 'filePath',
				title: '文件路径',
				visible: false
			}
		],
		btns: {
			back: { used: false }
		}
	}).load(subFiles);
	
});
</script>
#end