| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 | <?phprequire_once(dirname(__FILE__) . '/class.db.php');require_once(dirname(__FILE__) . '/class.tree.php');if(isset($_GET['operation'])) {	$fs = new tree(db::get('mysqli://root@127.0.0.1/test'), array('structure_table' => 'tree_struct', 'data_table' => 'tree_data', 'data' => array('nm')));	try {		$rslt = null;		switch($_GET['operation']) {			case 'analyze':				var_dump($fs->analyze(true));				die();				break;			case 'get_node':				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;				$temp = $fs->get_children($node);				$rslt = array();				foreach($temp as $v) {					$rslt[] = array('id' => $v['id'], 'text' => $v['nm'], 'children' => ($v['rgt'] - $v['lft'] > 1));				}				break;			case "get_content":				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? $_GET['id'] : 0;				$node = explode(':', $node);				if(count($node) > 1) {					$rslt = array('content' => 'Multiple selected');				}				else {					$temp = $fs->get_node((int)$node[0], array('with_path' => true));					$rslt = array('content' => 'Selected: /' . implode('/',array_map(function ($v) { return $v['nm']; }, $temp['path'])). '/'.$temp['nm']);				}				break;			case 'create_node':				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;				$temp = $fs->mk($node, isset($_GET['position']) ? (int)$_GET['position'] : 0, array('nm' => isset($_GET['text']) ? $_GET['text'] : 'New node'));				$rslt = array('id' => $temp);				break;			case 'rename_node':				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;				$rslt = $fs->rn($node, array('nm' => isset($_GET['text']) ? $_GET['text'] : 'Renamed node'));				break;			case 'delete_node':				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;				$rslt = $fs->rm($node);				break;			case 'move_node':				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;				$parn = isset($_GET['parent']) && $_GET['parent'] !== '#' ? (int)$_GET['parent'] : 0;				$rslt = $fs->mv($node, $parn, isset($_GET['position']) ? (int)$_GET['position'] : 0);				break;			case 'copy_node':				$node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;				$parn = isset($_GET['parent']) && $_GET['parent'] !== '#' ? (int)$_GET['parent'] : 0;				$rslt = $fs->cp($node, $parn, isset($_GET['position']) ? (int)$_GET['position'] : 0);				break;			default:				throw new Exception('Unsupported operation: ' . $_GET['operation']);				break;		}		header('Content-Type: application/json; charset=utf-8');		echo json_encode($rslt);	}	catch (Exception $e) {		header($_SERVER["SERVER_PROTOCOL"] . ' 500 Server Error');		header('Status:  500 Server Error');		echo $e->getMessage();	}	die();}?><!DOCTYPE html><html>	<head>		<meta charset="utf-8">		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">		<title>Title</title>		<meta name="viewport" content="width=device-width" />		<link rel="stylesheet" href="./../../dist/themes/default/style.min.css" />		<style>		html, body { background:#ebebeb; font-size:10px; font-family:Verdana; margin:0; padding:0; }		#container { min-width:320px; margin:0px auto 0 auto; background:white; border-radius:0px; padding:0px; overflow:hidden; }		#tree { float:left; min-width:319px; border-right:1px solid silver; overflow:auto; padding:0px 0; }		#data { margin-left:320px; }		#data textarea { margin:0; padding:0; height:100%; width:100%; border:0; background:white; display:block; line-height:18px; }		#data, #code { font: normal normal normal 12px/18px 'Consolas', monospace !important; }		</style>	</head>	<body>		<div id="container" role="main">			<div id="tree"></div>			<div id="data">				<div class="content code" style="display:none;"><textarea id="code" readonly="readonly"></textarea></div>				<div class="content folder" style="display:none;"></div>				<div class="content image" style="display:none; position:relative;"><img src="" alt="" style="display:block; position:absolute; left:50%; top:50%; padding:0; max-height:90%; max-width:90%;" /></div>				<div class="content default" style="text-align:center;">Select a node from the tree.</div>			</div>		</div>		<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>		<script src="./../../dist/jstree.min.js"></script>		<script>		$(function () {			$(window).resize(function () {				var h = Math.max($(window).height() - 0, 420);				$('#container, #data, #tree, #data .content').height(h).filter('.default').css('lineHeight', h + 'px');			}).resize();			$('#tree')				.jstree({					'core' : {						'data' : {							'url' : '?operation=get_node',							'data' : function (node) {								return { 'id' : node.id };							}						},						'check_callback' : true,						'themes' : {							'responsive' : false						}					},					'force_text' : true,					'plugins' : ['state','dnd','contextmenu','wholerow']				})				.on('delete_node.jstree', function (e, data) {					$.get('?operation=delete_node', { 'id' : data.node.id })						.fail(function () {							data.instance.refresh();						});				})				.on('create_node.jstree', function (e, data) {					$.get('?operation=create_node', { 'id' : data.node.parent, 'position' : data.position, 'text' : data.node.text })						.done(function (d) {							data.instance.set_id(data.node, d.id);						})						.fail(function () {							data.instance.refresh();						});				})				.on('rename_node.jstree', function (e, data) {					$.get('?operation=rename_node', { 'id' : data.node.id, 'text' : data.text })						.fail(function () {							data.instance.refresh();						});				})				.on('move_node.jstree', function (e, data) {					$.get('?operation=move_node', { 'id' : data.node.id, 'parent' : data.parent, 'position' : data.position })						.fail(function () {							data.instance.refresh();						});				})				.on('copy_node.jstree', function (e, data) {					$.get('?operation=copy_node', { 'id' : data.original.id, 'parent' : data.parent, 'position' : data.position })						.always(function () {							data.instance.refresh();						});				})				.on('changed.jstree', function (e, data) {					if(data && data.selected && data.selected.length) {						$.get('?operation=get_content&id=' + data.selected.join(':'), function (d) {							$('#data .default').html(d.content).show();						});					}					else {						$('#data .content').hide();						$('#data .default').html('Select a file from the tree.').show();					}				});		});		</script>	</body></html>
 |