reconstruct map local

2025-08-04 21:39:04 +00:00 · 2015-07-07 17:31:56 +08:00
parent b595e3aa9c
commit 8a146f7373
36 changed files with 56684 additions and 530 deletions
--- a/web/build/mapForm.js
+++ b/web/build/mapForm.js
@@ -0,0 +1,114 @@
+require("../lib/jstree");
+
+function init(React){
+	function fetchTree(root,cb){
+		if(!root || root == "#"){
+			root = "";
+		}
+
+		$.getJSON("/filetree?root=" + root,function(resObj){
+			var ret = [];
+			try{
+				$.each(resObj.directory, function(k,item){
+					if(item.name.indexOf(".") == 0) return;
+					ret.push({
+						text : item.name,
+						id   : item.fullPath,
+						icon : "uk-icon-folder",
+						children : true
+					});
+				});
+
+				$.each(resObj.file, function(k,item){
+					if(item.name.indexOf(".") == 0) return;
+					ret.push({
+						text     : item.name,
+						id       : item.fullPath,
+						icon     : 'uk-icon-file-o',
+						children : false
+					});
+				});
+			}catch(e){}
+			cb && cb.call(null,ret);
+		});
+	}
+
+	var MapForm = React.createClass({displayName: "MapForm",
+
+		submitData:function(){
+			var self   = this,
+				result = {};
+
+			var	filePath = React.findDOMNode(self.refs.localFilePath).value,
+				keyword  = React.findDOMNode(self.refs.keywordInput).value;
+
+			if(filePath && keyword){
+				self.props.onSubmit.call(null,{
+					keyword : keyword,
+					local   : filePath
+				});
+			}
+		},
+		
+		render:function(){
+			var self = this;
+			return (
+				React.createElement("div", null, 
+					React.createElement("form", {className: "uk-form uk-form-stacked"}, 
+					    React.createElement("fieldset", null, 
+					        React.createElement("legend", null, "add rule"), 
+
+					        React.createElement("div", {className: "uk-form-row"}, 
+				                React.createElement("label", {className: "uk-form-label", htmlFor: "map_keywordInput"}, "keyword"), 
+				                React.createElement("div", {className: "uk-form-controls"}, 
+				                    React.createElement("input", {type: "text", id: "map_keywordInput", ref: "keywordInput", placeholder: "keyword"})
+				                )
+				            ), 
+
+					        React.createElement("div", {className: "uk-form-row"}, 
+				                React.createElement("label", {className: "uk-form-label", htmlFor: "map_localFilePath"}, "local file"), 
+				                React.createElement("div", {className: "uk-form-controls"}, 
+				                    React.createElement("input", {type: "text", id: "map_localFilePath", ref: "localFilePath", placeholder: "keyword"})
+				                )
+				            )
+
+					    )
+					), 
+
+					React.createElement("div", {ref: "treeWrapper"}), 
+					React.createElement("button", {className: "uk-button", onClick: self.submitData}, "Add")
+				)
+			);
+		},
+
+		componentDidMount :function(){
+			var self = this;
+			var wrapperEl     = $(React.findDOMNode(self.refs.treeWrapper)),
+				filePathInput = React.findDOMNode(self.refs.localFilePath);
+
+			wrapperEl.jstree({
+			  	'core' : {
+				    'data' : function (node, cb) {
+				    	fetchTree(node.id,cb);
+					}
+				}
+			});
+
+			wrapperEl.on("changed.jstree", function (e, data) {
+				if(data && data.selected && data.selected.length){
+					//is folder
+					if(/folder/.test(data.node.icon)) return;
+
+					var item = data.selected[0];
+					filePathInput.value = item;
+				}
+			});
+
+		},
+		componentDidUpdate:function(){}
+	});
+
+	return MapForm;
+}
+
+module.exports.init = init;