Plato on Github
Report Home
space/explorer/_treeview.js
Maintainability
59.44
Lines of code
356
Difficulty
38.78
Estimated Errors
3.75
Function weight
By Complexity
By SLOC
/*global Y, window, document, YUI */ /*jslint undef: false */ YUI.add("space/explorer/_treeview", function (Y) { var _lang = {}, i, j, k, l, d, api, node, data, tree, message, selectStorage, selectPath, devices = [], storages = [], html = "", CONST = window.MIIICASA.CONST, MAX_TIMEOUT = 3000, getDeviceInfo, getDeviceInfoHandler, listStorages, listStoragesHandler, selectStorageHandler, updateTree, storageClickHandler, util, init, onviewload; getDeviceInfo = function () { if (Y.MiiiCasa.isLan) { var attrs = {}, callback = "getDeviceInfo_" + Y.guid(), uri = "getDeviceInfo?tok={tok}&format=json&callback={callback}", url = ""; attrs = { "tok" : Y.tok, "callback": callback }; uri = Y.substitute(uri, attrs); url = Y.Init.genUrl(uri); window[callback] = getDeviceInfoHandler; Y.Get.script(url, { onSuccess : function () { window[callback] = null; }, onFailure : function () { window[callback] = null; }, timeout: MAX_TIMEOUT }); } else { data = { status : "ok", errno : "", errmsg : "", device : Y.MiiiCasa.deviceInfo }; devices.push(data.device); listStorages(); } }; getDeviceInfoHandler = function (o) { if (o.status === "ok") { devices.push(o.device); listStorages(); } else { if (!Y.Lang.isUndefined(_lang.deviceMessage[o.errno])) { message = _lang.deviceMessage[o.errno]; } else { message = _lang.deviceMessage["5001"]; } html = "<div class='message'>" + message + "</div>"; Y.log("#treeview :" + message, "info", "#treeview"); } }; /* List Storages * @method listStorages * @private * @return void */ listStorages = function (msgName, id, data) { var attrs = {}, callback = "listStorages_" + Y.guid(), uri = "listStorages?tok={tok}&format=json&callback={callback}", url = ""; attrs = { "tok" : Y.tok }; uri = Y.substitute(uri, attrs); url = Y.Init.genUrl(uri); Y.one("#main .loading").hide(); if (Y.one("#explorer").get("offsetHeight") <= 0) { Y.one("#explorer").setStyle("visibility", "hidden"); Y.one("#explorer").setStyle("display", "block"); Y.one("#main .loading").setStyle("height", Y.one("#main").get("offsetHeight")); Y.one("#explorer").setStyle("display", "none"); Y.one("#explorer").setStyle("visibility", "visible"); } else { Y.one("#main .loading").setStyle("height", Y.one("#main").get("offsetHeight")); } Y.jsonp(url, function (o) { listStoragesHandler(o); }); }; /* List Storages handler * @method listStoragesHandler * @private * @return void */ listStoragesHandler = function (o) { var message, okHandler; storages = []; if (o.status === "ok") { updateTree(o); } else { okHandler = function () { window.location.href = "/"; }; if (!Y.Lang.isUndefined(_lang.deviceMessage[o.errno])) { message = _lang.deviceMessage[o.errno]; } else { message = _lang.deviceMessage["5001"]; } api.alert({ title : _lang.oops, content : message }, okHandler); } }; updateTree = function (o) { var deviceNode, did = Y.MiiiCasa.deviceInfo.did, errorCss = "", html = "", msg = "", storageNode, storageAy = [], storageIndex, storageInfo, unrecognizedStorageCnt = 0; Y.each(o.storages, function (storage) { Y.each(storage.mountpoints, function (partition) { if ("" === partition.name || "N/A" === partition.name) { partition.name = _lang.defaultLabel; } partition.label = partition.name; storages.push(partition); // compose html errorCss = ""; msg = ""; // Deivce DWR-117 doesn't support NTFS. // SPACED supports NTFS. How to know what file system SPACED supports is based on "supported". if (Y.MiiiCasa.deviceInfo.model === "DWR-117") { if (partition.filesystem === "ntfs") { errorCss = ' class="storage-error"'; partition.name = _lang.unrecognizedTitle; msg = "<p>" + _lang.unrecognizedDesc + "<a href=\"" + CONST.HELP_URL + "question/117\" target=\"_blank\">" + _lang.unrecognizedHelp + "</a></p>"; unrecognizedStorageCnt += 1; } } else { // SPACED if (partition.supported !== "1") { errorCss = ' class="storage-error"'; partition.name = _lang.unrecognizedTitle; msg = "<p>" + _lang.unrecognizedFileSysDesc + "</p>"; unrecognizedStorageCnt += 1; } } html += "<li" + errorCss + "><span class=\"med-small\"><span class=\"storage-icon\"></span><a data=\"" + partition.mountpoint + "\" title = \"" + partition.name + "\">" + partition.name + "</a></span>"; html += msg; html += "</li>"; storageIndex = storageAy.length; storageInfo = { model : storage.model, type : storage.type, mountpoint : partition.mountpoint, name : util.formatLabelName(partition.name), storage : partition.storage, used_space : partition.used_space, did : did, storageIndex : storageIndex }; storageAy.push(storageInfo); }); }); window.s = storageAy; api.broadcast("storage-found", { did: did, storages: storageAy, unrecognizedStorageCnt: unrecognizedStorageCnt }); storageNode = Y.Node.create("<ul class=\"storage\">"); deviceNode = Y.Node.create("<ul class=\"device\"><span class=\"control expand\"></span><a class=\"medium\">" + _lang.storage + "</a></ul>"); storageNode.setContent(html); deviceNode.append(storageNode); node.one("#tree").setContent(deviceNode); node.all("#tree .storage a").on("click", storageClickHandler); data = { "device" : devices[0], "storages" : o }; node.one(".loading").hide(); api.broadcast("load", data); if (selectStorage && selectPath) { node.all("#tree .storage a").each(function (storageNode, index) { Y.log(storageNode.getAttribute("data")); if (storageNode.getAttribute("data") === selectStorage) { node.all("#tree a").removeClass("active"); storageNode.addClass("active"); if (selectStorage + "/" === selectPath) { api.broadcast("storage-click", { e : { currentTarget : storageNode }, storage : storages[index] }); } else { api.broadcast("storage-click", { e : { currentTarget : storageNode }, storage : storages[index], path : selectPath }); } selectPath = null; selectStorage = null; } }); } }; /* storage Click Handler * @method storageClickHandler * @param event * @param (Object) o * @private * @return void */ storageClickHandler = function (e) { // check ancestor var liNode = e.currentTarget.ancestor("li"); if (liNode.hasClass("storage-error")) { if (liNode.get("href").indexOf(CONST.HELP_URL.replace(/\//g, "")) !== false) { return true; } e.preventDefault(); return false; } node.all("#tree a").removeClass("active"); e.currentTarget.addClass("active"); if (typeof storages !== null) { for (i = 0, j = storages.length; i < j; i = i + 1) { if (storages[i].mountpoint === e.currentTarget.getAttribute("data")) { api.broadcast("storage-click", { e : e, storage : storages[i] }); } } } }; selectStorageHandler = function (msgName, id, data) { node.all("#tree .storage a").each(function (storageNode, index) { if (storageNode.getAttribute("data") === data.e.currentTarget.getAttribute("data")) { node.all("#tree a").removeClass("active"); storageNode.addClass("active"); } }); }; /* Module initialization * @method init * @param api {Y.Sandbox} Module API * @public * @return void */ init = function (sandbox) { Y.log("init()", "info", "#treeview"); api = sandbox; api.listen("#breadcrumbs:load-storages", listStorages); api.listen("#folder-opreate:upload", listStorages); api.listen("#listview:multi-moveto", listStorages); api.listen("#listview:multi-copyto", listStorages); api.listen("#listview:multi-delete", listStorages); api.listen("#listview:single-moveto", listStorages); api.listen("#listview:single-copyto", listStorages); api.listen("#listview:single-delete", listStorages); api.listen("#breadcrumbs:show-list", listStorages); api.listen("#listview:storage-click", selectStorageHandler); util = Y.MiiiCasa.util; }; /* Module content ready event * @method onviewload * @public * @return void */ onviewload = function () { Y.log("onviewload()", "info", "#treeview"); node = api.getViewNode(); _lang = { defaultLabel : api.getTrans("default_label", "Device Storage"), ok : api.getTrans("ok", "Ok"), oops : api.getTrans("oops", "Oops"), storage : api.getTrans("storage", "Storage"), unrecognizedDesc : api.getTrans("unrecognized_desc", "We support FAT32 / EXT2 / EXT3 file system now. Please make sure your file system of this storage device then try again."), unrecognizedFileSysDesc : api.getTrans("unrecognized_file_sys_desc", "Your file system is not supported."), unrecognizedTitle : api.getTrans("unrecognized_title", "Unrecognized Storage"), unrecognizedHelp : api.getTrans("unrecognized_help", "Get help") }; api.broadcast("get-device-message", { callback : function (msg) { _lang.deviceMessage = msg; _lang.accessFailDesc = msg["6001"]; } }); devices = []; getDeviceInfo(); selectStorage = node.one("input[name=storage]") ? node.one("input[name=storage]").get("value") : null; selectPath = node.one("input[name=path]") ? node.one("input[name=path]").get("value") : null; }; api = new Y.Module({ selector: "#treeview", init: init, langModule: "space", on: { viewload: onviewload } }); }, "0.0.1", { "group" : "space", "js" : "space/explorer/_treeview.js", "css" : "space/explorer/_treeview.css", "requires": [ "module", "module-intl", "module-popup", "space", "space/explorer/init", "substitute", "node-style", "jsonp" ] });