RubyGems - rails_kindeditor - Versions diffs - 0.0.1 - Mend

@@ -0,0 +1,64 @@
+body {
+	font-size:12px;
+	font-family: "sans serif",tahoma,verdana,helvetica;
+	margin: 0;
+	padding: 0;
+	background-color:#F0F0EE;
+	overflow: hidden;
+}
+td {
+	font-size:12px;
+}
+.top {
+	background-color:#F0F0EE;
+}
+.file-view {
+	overflow: scroll;
+	background-color:#FFFFFF;
+	width: 500px;
+	height: 370px;
+}
+.file-view-area {
+	float:left;
+	border: 1px solid #FFFFFF;
+	margin: 5px;
+}
+.file-view-area .photo {
+	width: 100px;
+	height: 100px;
+	margin: 3px;
+}
+.file-view-area .name {
+	margin: 2px;
+	text-align: center;
+	overflow: hidden;
+	width: 100px;
+	height: 16px;
+}
+.selected {
+	border: 1px solid #888888;
+	background-color: #F0F0EE;
+}
+.noselected {
+	border: 1px solid #DDDDDD;
+	background-color: #FFFFFF;
+}
+.file-list {
+	overflow: scroll;
+	background-color:#FFFFFF;
+	width: 500px;
+	height: 370px;
+}
+.file-list-table {
+	width: 95%;
+}
+.file-list-table .name {
+	width: 55%;
+}
+.file-list-table .size {
+	width: 15%;
+}
+.file-list-table .datetime {
+	width: 30%;
+	text-align: center;
+}

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/file_manager/file_manager.html ADDED Viewed

@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>File Manager</title>
+		<link href="../../skins/default.css" rel="stylesheet" />
+		<link href="./file_manager.css" rel="stylesheet" />
+		<script charset="utf-8" src="./file_manager.js"></script>
+	</head>
+	<body>
+		<table class="top" border="0" cellpadding="0" cellspacing="0" width="100%">
+			<tr>
+				<td>
+					<img class="ke-inline-block" id="moveupImg" src="./images/go-up.gif" width="16" height="16" border="0" alt="" />
+					<a class="ke-inline-block" id="moveup" href="javascript:;"><span id="lang.moveup"></span></a>
+				</td>
+				<td align="right">
+					<span id="lang.viewType"></span><select class="ke-inline-block" id="viewType" name="viewType"></select>
+					<span id="lang.orderType"></span><select class="ke-inline-block" id="orderType" name="orderType"></select>
+				</td>
+			</tr>
+			<tr>
+				<td height="5"></td>
+				<td height="5"></td>
+			</tr>
+		</table>
+		<div id="listDiv" class="file-list"></div>
+		<div id="viewDiv" class="file-view"></div>
+	</body>
+</html>

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/file_manager/file_manager.js ADDED Viewed

@@ -0,0 +1,221 @@
+var JSON_URL = '/kindeditor/filemanager';
+var KE = parent.KindEditor;
+var id = KE.util.getParam(location.href, 'id');
+var fileManagerJson = (typeof KE.g[id].fileManagerJson == 'undefined') ? JSON_URL : KE.g[id].fileManagerJson;
+var lang = KE.lang.plugins.file_manager;
+KE.event.ready(function() {
+	var moveupImg = KE.$('moveupImg', document);
+	var moveupLink = KE.$('moveup', document);
+	var viewType = KE.$('viewType', document);
+	var orderType = KE.$('orderType', document);
+	var listTable = KE.$('listTable', document);
+	var viewTable = KE.$('viewTable', document);
+	var listDiv = KE.$('listDiv', document);
+	var viewDiv = KE.$('viewDiv', document);
+	moveupImg.alt = moveupImg.title = lang.moveup;
+	viewType.options[0] = new Option(lang.viewImage, 'VIEW');
+	viewType.options[1] = new Option(lang.listImage, 'LIST');
+	orderType.options[0] = new Option(lang.fileName, 'NAME');
+	orderType.options[1] = new Option(lang.fileSize, 'SIZE');
+	orderType.options[2] = new Option(lang.fileType, 'TYPE');
+	var changeType = function(type) {
+		if (type == 'VIEW') {
+			listDiv.style.display = 'none';
+			viewDiv.style.display = '';
+		} else {
+			listDiv.style.display = '';
+			viewDiv.style.display = 'none';
+		}
+	};
+	var insertLink = function(url) {
+		var stack = KE.g[id].dialogStack;
+		if (stack.length > 1) {
+			var parentDialog = stack[stack.length - 2];
+			var dialogDoc = KE.util.getIframeDoc(parentDialog.iframe);
+			KE.$('url', dialogDoc).value = url;
+			var currentDialog = stack[stack.length - 1];
+			currentDialog.hide();
+			return true;
+		} else {
+			return false;
+		}
+	}
+	var insertImage = function(url, title) {
+		if (!insertLink(url)) {
+			KE.util.insertHtml(id, '<img src="' + url + '" alt="' + title + '" />');
+		}
+	};
+	var insertFile = function(url, title) {
+		if (!insertLink(url)) {
+			KE.util.insertHtml(id, '<a href="' + url + '" target="_blank">' + title + '</a>');
+		}
+	};
+	var makeFileTitle = function (filename, filesize, datetime) {
+		var title = filename + ' (' + Math.ceil(filesize / 1024) + 'KB, ' + datetime + ')';
+		return title;
+	};
+	var bindTitle = function (el, data) {
+		if (data.is_dir) {
+			el.title = data.filename;
+		} else {
+			el.title = makeFileTitle(data.filename, data.filesize, data.datetime);
+		}
+	};
+	var bindEvent = function (el, result, data, createFunc) {
+		var fileUrl = result.current_url + data.filename;
+		fileUrl = KE.format.getUrl(fileUrl, 'absolute');
+		if (data.is_dir) {
+			el.onclick = (function (url, path, title) {
+				return function () {
+					reloadPage(path, orderType.value, createFunc);
+				}
+			})(data.filename, escape(result.current_dir_path + data.filename + '/'), data.filename);
+		} else if (data.is_photo) {
+			el.onclick = (function (url, title) {
+				return function () {
+					insertImage(url, title);
+				}
+			})(data.filename, data.filename);
+		} else {
+			el.onclick = (function (url, title) {
+				return function () {
+					insertFile(url, title);
+				}
+			})(data.filename, data.filename);
+		}
+	};
+	var createCommon = function(result, createFunc) {
+		if (result.current_dir_path) {
+			moveupLink.onclick = function () {
+				reloadPage(result.moveup_dir_path, orderType.value, createFunc);
+			};
+		} else {
+			moveupLink.onclick = null;
+		}
+		var onchangeFunc = function() {
+			changeType(viewType.value);
+			if (viewType.value == 'VIEW') reloadPage(result.current_dir_path, orderType.value, createView);
+			else reloadPage(result.current_dir_path, orderType.value, createList);
+		};
+		viewType.onchange = onchangeFunc;
+		orderType.onchange = onchangeFunc;
+	};
+	var createList = function(responseText) {
+		listDiv.innerHTML = '';
+		var result = KE.util.parseJson(responseText);
+		createCommon(result, createList);
+		var table = KE.$$('table', document);
+		table.className = 'file-list-table';
+		table.cellPadding = 0;
+		table.cellSpacing = 2;
+		table.border = 0;
+		listDiv.appendChild(table);
+		var fileList = result.file_list;
+		for (var i = 0, len = fileList.length; i < len; i++) {
+			var data = fileList[i];
+			var row = table.insertRow(i);
+			row.onmouseover = function () { this.className = 'selected'; };
+			row.onmouseout = function () { this.className = 'noselected'; };
+			var cell0 = row.insertCell(0);
+			cell0.className = 'name';
+			var iconName = data.is_dir ? 'folder-16.gif' : 'file-16.gif';
+			var img = KE.$$('img', document);
+			img.src = './images/' + iconName;
+			img.width = 16;
+			img.height = 16;
+			img.align = 'absmiddle';
+			img.alt = data.filename;
+			cell0.appendChild(img);
+			cell0.appendChild(document.createTextNode(' ' + data.filename));
+			if (!data.is_dir || data.has_file) {
+				row.style.cursor = 'pointer';
+				img.title = data.filename;
+				cell0.title = data.filename;
+				bindEvent(cell0, result, data, createList);
+			} else {
+				img.title = lang.emptyFolder;
+				cell0.title = lang.emptyFolder;
+			}
+			var cell1 = row.insertCell(1);
+			cell1.className = 'size';
+			cell1.innerHTML = data.is_dir ? '-' : Math.ceil(data.filesize / 1024) + 'KB';
+			var cell2 = row.insertCell(2);
+			cell2.className = 'datetime';
+			cell2.innerHTML = data.datetime;
+		}
+	};
+	var createView = function(responseText) {
+		viewDiv.innerHTML = '';
+		var result = KE.util.parseJson(responseText);
+		createCommon(result, createView);
+		var fileList = result.file_list;
+		for (var i = 0, len = fileList.length; i < len; i++) {
+			var data = fileList[i];
+			var div = KE.$$('div', document);
+			div.className = 'file-view-area';
+			viewDiv.appendChild(div);
+			var tableObj = KE.util.createTable(document);
+			var table = tableObj.table;
+			table.className = 'photo noselected';
+			table.onmouseover = function () { this.className = 'photo selected'; };
+			table.onmouseout = function () { this.className = 'photo noselected'; };
+			var cell = tableObj.cell;
+			cell.valign = 'middle';
+			cell.align = 'center';
+			//var fileUrl = result.current_url + data.filename;
+			var fileUrl = data.filename;
+			//var iconUrl = data.is_dir ? './images/folder-64.gif' : (data.is_photo ? fileUrl : './images/file-64.gif');
+			var iconUrl = fileUrl;
+			var img = KE.$$('img', document);
+			img.src = data.filename;
+			img.width = data.is_dir ? 64 : 80;
+			img.height = data.is_dir ? 64 : 80;
+			img.alt = data.filename;
+			if (!data.is_dir || data.has_file) {
+				table.style.cursor = 'pointer';
+				bindTitle(img, data);
+				bindTitle(table, data);
+				bindEvent(table, result, data, createView);
+			} else {
+				img.title = lang.emptyFolder;
+				table.title = lang.emptyFolder;
+			}
+			cell.appendChild(img);
+			div.appendChild(table);
+			//var titleDiv = KE.$$('div', document);
+			//titleDiv.className = 'name';
+			//titleDiv.title = data.filename;
+			//titleDiv.innerHTML = data.filename;
+			//div.appendChild(titleDiv);
+		}
+	};
+	var httpRequest = function (param, func) {
+		KE.util.showLoadingPage(id);
+		var req = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
+		var url = fileManagerJson;
+		if (!url.match(/\?/)) {
+			url += '?';
+			param = param.substr(1);
+		}
+		url += param + '&' + (new Date()).getTime();
+		req.open('GET', url, true);
+		req.onreadystatechange = function () {
+			if (req.readyState == 4) {
+				if(req.status == 200) {
+					func(req.responseText);
+					KE.util.pluginLang('file_manager', document);
+					KE.util.hideLoadingPage(id);
+				}
+			}
+		};
+		req.send(null);
+	};
+	var reloadPage = function (path, order, func) {
+		httpRequest('&path=' + path + '&order=' + order, func);
+	};
+	changeType('VIEW');
+	viewType.value = 'VIEW';
+	reloadPage('', orderType.value, createView);
+}, window, document);