view_assets 0.0.12 → 1.0.0

data/test/dummy/public/lib/javascripts/tool_box/data_view_more.js

@@ -0,0 +1,269 @@
+/*!
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+/**
+ * @class Ext.DataView.LabelEditor
+ * @extends Ext.Editor
+ * 
+ */
+Ext.define('Ext.ux.DataView.LabelEditor', {
+
+    extend: 'Ext.Editor',
+
+    alignment: 'tl-tl',
+
+    completeOnEnter: true,
+
+    cancelOnEsc: true,
+
+    shim: false,
+
+    autoSize: {
+        width: 'boundEl',
+        height: 'field'
+    },
+
+    labelSelector: 'x-editable',
+
+    requires: [
+        'Ext.form.field.Text'
+    ],
+
+    constructor: function(config) {
+        config.field = config.field || Ext.create('Ext.form.field.Text', {
+            allowBlank: false,
+            selectOnFocus:true
+        });
+        this.callParent([config]);
+    },
+
+    init: function(view) {
+        this.view = view;
+        this.mon(view, 'render', this.bindEvents, this);
+        this.on('complete', this.onSave, this);
+    },
+
+    // initialize events
+    bindEvents: function() {
+        this.mon(this.view.getEl(), {
+            click: {
+                fn: this.onClick,
+                scope: this
+            }
+        });
+    },
+
+    // on mousedown show editor
+    onClick: function(e, target) {
+        var me = this,
+            item, record;
+
+        if (Ext.fly(target).hasCls(me.labelSelector) && !me.editing && !e.ctrlKey && !e.shiftKey) {
+            e.stopEvent();
+            item = me.view.findItemByChild(target);
+            record = me.view.store.getAt(me.view.indexOf(item));
+            me.startEdit(target, record.data[me.dataIndex]);
+            me.activeRecord = record;
+        } else if (me.editing) {
+            me.field.blur();
+            e.preventDefault();
+        }
+    },
+
+    // update record
+    onSave: function(ed, value) {
+        this.activeRecord.set(this.dataIndex, value);
+    }
+});
+
+Ext.define('Ext.ux.DataView.DragSelector', {
+    requires: ['Ext.dd.DragTracker', 'Ext.util.Region'],
+
+    /**
+     * Initializes the plugin by setting up the drag tracker
+     */
+    init: function(dataview) {
+        /**
+         * @property dataview
+         * @type Ext.view.View
+         * The DataView bound to this instance
+         */
+        this.dataview = dataview;
+        dataview.mon(dataview, {
+            beforecontainerclick: this.cancelClick,
+            scope: this,
+            render: {
+                fn: this.onRender,
+                scope: this,
+                single: true
+            }
+        });
+    },
+
+    /**
+     * @private
+     * Called when the attached DataView is rendered. This sets up the DragTracker instance that will be used
+     * to created a dragged selection area
+     */
+    onRender: function() {
+        /**
+         * @property tracker
+         * @type Ext.dd.DragTracker
+         * The DragTracker attached to this instance. Note that the 4 on* functions are called in the scope of the 
+         * DragTracker ('this' refers to the DragTracker inside those functions), so we pass a reference to the 
+         * DragSelector so that we can call this class's functions.
+         */
+        this.tracker = Ext.create('Ext.dd.DragTracker', {
+            dataview: this.dataview,
+            el: this.dataview.el,
+            dragSelector: this,
+            onBeforeStart: this.onBeforeStart,
+            onStart: this.onStart,
+            onDrag : this.onDrag,
+            onEnd  : this.onEnd
+        });
+
+        /**
+         * @property dragRegion
+         * @type Ext.util.Region
+         * Represents the region currently dragged out by the user. This is used to figure out which dataview nodes are
+         * in the selected area and to set the size of the Proxy element used to highlight the current drag area
+         */
+        this.dragRegion = Ext.create('Ext.util.Region');
+    },
+
+    /**
+     * @private
+     * Listener attached to the DragTracker's onBeforeStart event. Returns false if the drag didn't start within the
+     * DataView's el
+     */
+    onBeforeStart: function(e) {
+        return e.target == this.dataview.getEl().dom;
+    },
+
+    /**
+     * @private
+     * Listener attached to the DragTracker's onStart event. Cancel's the DataView's containerclick event from firing
+     * and sets the start co-ordinates of the Proxy element. Clears any existing DataView selection
+     * @param {Ext.EventObject} e The click event
+     */
+    onStart: function(e) {
+        var dragSelector = this.dragSelector,
+            dataview     = this.dataview;
+
+        // Flag which controls whether the cancelClick method vetoes the processing of the DataView's containerclick event.
+        // On IE (where else), this needs to remain set for a millisecond after mouseup because even though the mouse has
+        // moved, the mouseup will still trigger a click event.
+        this.dragging = true;
+
+        //here we reset and show the selection proxy element and cache the regions each item in the dataview take up
+        dragSelector.fillRegions();
+        dragSelector.getProxy().show();
+        dataview.getSelectionModel().deselectAll();
+    },
+
+    /**
+     * @private
+     * Reusable handler that's used to cancel the container click event when dragging on the dataview. See onStart for
+     * details
+     */
+    cancelClick: function() {
+        return !this.tracker.dragging;
+    },
+
+    /**
+     * @private
+     * Listener attached to the DragTracker's onDrag event. Figures out how large the drag selection area should be and
+     * updates the proxy element's size to match. Then iterates over all of the rendered items and marks them selected
+     * if the drag region touches them
+     * @param {Ext.EventObject} e The drag event
+     */
+    onDrag: function(e) {
+        var dragSelector = this.dragSelector,
+            selModel     = dragSelector.dataview.getSelectionModel(),
+            dragRegion   = dragSelector.dragRegion,
+            bodyRegion   = dragSelector.bodyRegion,
+            proxy        = dragSelector.getProxy(),
+            regions      = dragSelector.regions,
+            length       = regions.length,
+
+            startXY   = this.startXY,
+            currentXY = this.getXY(),
+            minX      = Math.min(startXY[0], currentXY[0]),
+            minY      = Math.min(startXY[1], currentXY[1]),
+            width     = Math.abs(startXY[0] - currentXY[0]),
+            height    = Math.abs(startXY[1] - currentXY[1]),
+            region, selected, i;
+
+        Ext.apply(dragRegion, {
+            top: minY,
+            left: minX,
+            right: minX + width,
+            bottom: minY + height
+        });
+
+        dragRegion.constrainTo(bodyRegion);
+        proxy.setRegion(dragRegion);
+
+        for (i = 0; i < length; i++) {
+            region = regions[i];
+            selected = dragRegion.intersect(region);
+
+            if (selected) {
+                selModel.select(i, true);
+            } else {
+                selModel.deselect(i);
+            }
+        }
+    },
+
+    /**
+     * @private
+     * Listener attached to the DragTracker's onEnd event. This is a delayed function which executes 1
+     * millisecond after it has been called. This is because the dragging flag must remain active to cancel
+     * the containerclick event which the mouseup event will trigger.
+     * @param {Ext.EventObject} e The event object
+     */
+    onEnd: Ext.Function.createDelayed(function(e) {
+        var dataview = this.dataview,
+            selModel = dataview.getSelectionModel(),
+            dragSelector = this.dragSelector;
+
+        this.dragging = false;
+        dragSelector.getProxy().hide();
+    }, 1),
+
+    /**
+     * @private
+     * Creates a Proxy element that will be used to highlight the drag selection region
+     * @return {Ext.Element} The Proxy element
+     */
+    getProxy: function() {
+        if (!this.proxy) {
+            this.proxy = this.dataview.getEl().createChild({
+                tag: 'div',
+                cls: 'x-view-selector'
+            });
+        }
+        return this.proxy;
+    },
+
+    /**
+     * @private
+     * Gets the region taken up by each rendered node in the DataView. We use these regions to figure out which nodes
+     * to select based on the selector region the user has dragged out
+     */
+    fillRegions: function() {
+        var dataview = this.dataview,
+            regions  = this.regions = [];
+
+        dataview.all.each(function(node) {
+            regions.push(node.getRegion());
+        });
+        this.bodyRegion = dataview.getEl().getRegion();
+    }
+});
+

data/test/dummy/public/lib/javascripts/tool_box/help.js

@@ -0,0 +1,17 @@
+Wando.toolbox.help ={ 
+    init:function(){ 
+        this.getUrl = this.getUrl(); 
+    },
+
+    launch:function(){
+        url = this.getUrl;
+        length = this.getUrl.length;
+        window.open("/video/" + url[length-2]+ "_" + url[length-1] + ".html","_blank")
+    },
+
+    getUrl:function(){ 
+        var url = location.href.split("/"); 
+        return url;
+    }
+
+}

data/test/dummy/public/lib/javascripts/tool_box/init.js

@@ -0,0 +1,120 @@
+// 描述：Wando.toolbox
+// Author: Van
+// Date: 2012-04-03
+// 备注：目前仅约束了前台
+// 添加规则:
+// #1. 所有 app 的 js 文件都需放在 /public/javascripts/wando/global/toolbox 文件夹中
+// #2. 当该 app 有多个文件时，须将该 app 文件放在一个文件夹中
+// #3. 每个应用的命名空间都必须是 Wando.toolbox.{appName}，appName 指的是你的应用名字
+// #4. appName 在单个 js 文件时必须和该 app 的 js 文件名一致，在多个文件时和该文件夹名一致
+// #5. 每个 app 都必须提供两个方法：一个是 init 方法，一个是 launch 方法，init 方法用于初始化 app，launch 方法用于打开 app
+//    注意: 这两个方法必须处于 Wando.toolbox.{appName} 的命名空间中，既可以直接这样调用
+//    Wando.toolbox.{appName}.init() || Wando.toolbox.{appName}.launch()
+// #6. 所有 app 都必须提供一个图标图片，存放地点为 /public/images/wando_tool_box
+// #7. 在 app_info.js 文件中配置信息，配置规则如下
+//     #a. appCfgs 有四个参数可以配置：@name, @displayName, @icon, @jsFiles(options)
+//     #b. 除了 @jsFiles 以外，其他三个参数是必填的，而且 @name 参数不能重复的
+//     #c. @name (String) = 该 app 的执行文件名或者文件夹名，即在 #3 中提及的 appName
+//     #d. @displayName (String) = 该 app 的显示名
+//     #e. @icon (String) = 是该 app 的在 #6 中所添加的图标名(包含后缀名)
+//     #f. @jsFiles (Array) = 该 app 所要调用的 js 文件执行列表，按顺序调用，这个参数只用于该 app 包含多个 js 文件时才需要的
+Ext.ns("Wando.toolbox")
+Wando.toolbox = {
+    isInited: false,
+    isShowed: false,
+    appCfgs: [],
+    init: function () {
+        this.appDv = this.createAppDV();
+        this.self = this.createWin();
+        this.isInited = true;
+        this.appCfgs.forEach(function (app) { app.isLoaded = false; });
+    },
+    
+    createWin: function() {
+        var wtb = Ext.get("wando-tool-box");
+        return Ext.create('Ext.Window',{ 
+            height: 300,
+            width: 320,
+            closable: false,
+            shadow: false,
+            autoScroll: true,
+            draggable: false,
+            resizable: false,
+            layout: "fit",
+            bodyStyle: "background-color: white;",
+            items: this.appDv,
+            x: Ext.getBody().getWidth() - 320,
+            y: wtb.getTop() + wtb.getHeight() + 8
+        })
+    },
+    
+    createAppDV: function() {
+        return new Ext.DataView({
+            store: Ext.create('Ext.data.JsonStore',{ 
+                autoLoad: true,
+                fields: ["name", "displayName", "icon"],
+                data: this.appCfgs
+            }),
+            id: "wandoToolboxDataView",
+            cls: "thumb-view",
+            multiSelect: true,
+            plugins: [ new Ext.ux.DataView.DragSelector() ],
+            tpl: new Ext.XTemplate(
+        		'<tpl for=".">',
+            		'<div class="thumb-wrap" id="{name}" ondblclick="Wando.toolbox.launchApp(\'{name}\')">',
+            		    '<div class="thumb"><img src="/lib/images/tool_box/{icon}" title="{displayName}"></div>',
+            		    '<span class="app-title">{displayName}</span>',
+        		    '</div>',
+                '</tpl>',
+                '<div class="x-clear"></div>'
+        	),
+            overClass: "x-view-over",
+            itemSelector: "div.thumb-wrap"
+        });
+    },
+    
+    launchApp: function(appName) {
+        this.appCfgs.forEach(function (appCfg) {
+            if (appCfg.name === appName) {
+                appCfg.isLoaded ? this[appName].launch() : this.loadAndLaunchApp(appName);
+                appCfg.isLoaded = true;
+            }
+        }, this);
+    },
+    
+    loadAndLaunchApp: function(appName) {
+        var cfg = this.getSpecificAppCfg(appName),
+            jsFiles = [];
+        if (cfg.jses) {
+            jsFiles = jsFiles.concat(cfg.jses.map(function (js) {
+                return "/javascripts/wando/global/toolbox/" + appName + "/" + js + ".js"
+            }));
+        } else
+            jsFiles.push("/javascripts/wando/global/toolbox/" + appName + ".js");
+        Ext.Loader.load(jsFiles, function () {
+            this[appName].init();
+            this[appName].launch();
+        }, this, true);
+    },
+    
+    getSpecificAppCfg: function(appName) {
+        var cfg;
+        this.appCfgs.forEach(function (cfgI) {
+            if (cfgI.name === appName) cfg = cfgI;
+        })
+        return cfg;
+    },
+    
+    showOrHide: function() {
+        if (!this.isInited) this.init();
+        if (this.isShowed) {
+            this.self.getEl().slideOut();
+            this.isShowed = false;
+        } else {
+            this.self.show();
+            this.self.getEl().slideIn();
+            this.isShowed = true;
+        }
+    }
+    
+};

data/test/dummy/public/lib/javascripts/wando.js

@@ -0,0 +1,245 @@
+//= require_vendor string.min
+
+/**
+ * ## Javascript Uni-Page-Entry
+ * 
+ * 要理解什么是 **Uni-Page-Entry**，首先需要理解什么是 Namespace 以及 Wando.mainPanel。
+ * 
+ * ### Namespace
+ * 
+ * 对于命名空间的使用，创意项目不同于 Wando3，不要求统一在一个地方声明（Wando3 是在一个名为 `wando.js` 的文件中统一定义命名空间的）。我们需要用的时候就去声明。使用如下的方法 `Ext.ns('Wando.my.namespace')`。
+ * 
+ * 虽然没有声明限制，但是许多情况下建议还是使用接下来描述的约定去定义命名空间－－**即以每个页面对应的 controller 为二级命名空间，以其对应的 action 为三级命名空间**。一般**不建议使用太深**的命名空间。三级就可以满足大部分开发需求了。
+ * 
+ * ### Wando.mainPanel
+ * 
+ * #### What is a `Wando.mainPanel`?
+ * 
+ * 这个 `mainPanel` 的提出是有历史原因的。因为在我们实验室开发的许多基于 Extjs 的 web 程序中，我们都没有使用默认的 Extjs 的菜单去构造菜单（虽然那样很方便也更容易开发，但是历史已经成为历史），为了保证 `menu` 不被 Ext 的 `Panel` 覆盖，经过不断的开发和总结，我们使用了 `Ext.Viewport` 来解决这个问题。这样又带来另外一个问题，那就是如何将我们创建好的 `Panel` 渲染在页面中呢，当我们在 `application.html.erb`（这种是 Wando3 的处理方法，在创意项目中，我是将类似的定义声明在 `/public/lib/javascript/wando.js` 中） 中写了下面的代码的时候：
+ * 
+ * 	<script type='text/javascript'>
+ * 		Ext.onReady(function() {
+ * 			Ext.create('Ext.Viewport', {
+ * 				layout: 'border',
+ * 				items: [Wando.menuPanel, Wando.centerPanel]
+ * 			});
+ * 		});
+ * 	</script>
+ * 	
+ * `Wando.menuPanel` 就是我们用来给 menu 菜单占位的面板。`Wando.centerPanel`是一个 `region` 值为 `center` 的一个普通 `Ext.Panel`。
+ * 
+ * 答案不难想象，就是对 Wando.centerPanel 赋值，将每个页面需要需然的主面板赋值给 `Wando.centerPanel`。而这个 `Wando.centerPanel` 在 Wando3 中叫做 `Wando.pages.currentInstance`，在创意项目中叫做 `Wando.mainPanel`。
+ * 
+ * 为什么要改名字？因为 `Wando.mainPanel` 的语意更强，而且可以少敲记下键盘。而且，它读起来很顺口。
+ * 
+ * #### How to use it?
+ * 
+ * 使用方法很简单，将面板的值赋给它就行了。
+ * 
+ * 	// It can be a simpel Object literal
+ * 	Wando.mainPanel = { title: 'my silly panel' };
+ * 	
+ * 	// it can be a Ext.panel.Panel
+ * 	Wando.mainPanel = Ext.create('Ext.panel.Panel', { title: 'my another silly panel' });
+ * 	
+ * 	// it can also be a Ext.grid.GridPanel
+ * 	Wando.mainPanel = Ext.create('Ext.grid.GridPanel', { title: 'my silly grid' });
+ * 
+ * ### Uni-Page-Entry(Wando.:controller:action.init())
+ * 
+ * What is Uni-Page-Entry?
+ * 
+ * Uni-Page-Entry 其实指的就是我们定义的统一的 js 程序入口。
+ * 
+ * 使用原生的 Ext 开发方法，大部分情况下，我们都需要为每个页面使用与下面类似的方法初始化程序：
+ * 
+ * 	Ext.onReady(function() {
+ * 		// create panel or do whatever you want as long as it is legal
+ * 	});
+ * 
+ * 这个结合我们在对 `Wando.mainPanel` 的实现，其实我们可以少敲记下键盘，同时为了更好的方便其它开发人员为不是自己的开发的程序调试、debug 等，我们统一了每个页面的程序入口。即统一每个页面都会自动调用 `Wando.:controller.:action.init()` 这个函数。这个函数就是所谓的 Uni-Page-Entry。
+ * 
+ * 上面的 `:controller` 和 `:action` 指的就是该 js 所在的页面 controller 以及 actino 的名字。为了能够正确的执行到这个 `Wando.:controller.:action.init` 函数，我们需要使用 `Wando.declare` 定义声明命名空间。格式如下：
+ * 
+ * 	Wando.declare({
+ * 		controller: 'customeControllerName',
+ * 		action: 'customeActionName'
+ * 	});
+ * 
+ * 同时为了支持使用默认的 namespace 定义，如果 controller 和 action 的和页面的 url 基本一致，即是和下面所列的规则一样的话，是可以默认不声明 controller 和 action 的：
+ * 
+ * 	// <page url> => <uni-page-entry>
+ * 	'/order_items/show' 			 => 'Wando.orderItems.show'
+ * 	'/orders' 						 => 'Wando.orders.index'
+ * 	'/order_items/long_action_name'  => 'Wando.orderItems.longActionName'
+ * 
+ * 但是如果真的有特别需求，需要使用不一样的 uni-page-entry 名字的话，是可以通过 `Wando.declare` 函数解决的。
+ * 
+ * 另外， `Wando.declare` 函数允许只定义特别的 controller 或者 action 的。即如果只有 action 需要使用特别的名字，则可以像下面一样只定义 action，controller 则仍是按上面的规则自动形成。
+ * 
+ * 	Wando.declare({
+ * 		action: 'myCustomActionName'
+ * 	});
+ * 
+ * 同时，为了更好帮助队友阅读程序，提倡命名空间的定义以及 Uni-Page-Entry 是声明和实现在 [view_assets](http:192.168.1.107/view_assets.html) 的 manifest_file 中。
+ * 
+ * ### Wando Namespace
+ * 
+ * 这是一个后来确定的拓展，即每个页面都会有一个默认的命名空间，和上面的描述一样，默认的命名空间是
+ * 
+ * 	Wando.controller.action
+ * 	
+ * 有所限制的是，它支持默认的命名空间，如果有特殊要求，如想要使用自定义的 `controller` 和 `action` 名称，则需要自定义命名空间。下面的例子会列举不同情况下的开发方法。
+ * 
+ * ### 关于 "/" 页面
+ * 
+ * 在这个页面里，在改版后的约定中，这个页面不会有默认的明明空间，如果没有使用 declare 函数定义 `controller` 和 `action` 也不会自动调用 `Wando.controller.action.init` 函数，即使 `require` 了 `wando.js`。
+ * 
+ * ### A Typical Program for Each Page
+ * 
+ * 根据上面的描述，一个典型的创意 Extjs 程序就会像下面例子一样了。
+ * 
+ * 在只有一个 js 文件情况下的，比如 `/orders` 页面下，只有一个 js 文件（`/public/app/javascripts/orders.js`），在该页面的理想设计是：
+ * 
+ * 	Wando.orders.index = {
+ * 		init: function() {
+ * 			Wando.mainPanel = Ext.create("Ext.Panel", {
+ * 				title: 'my first panel',
+ * 				html: 'something magnificient go here'
+ * 			});
+ * 		}
+ * 	};
+ * 
+ * 如果有多个页面，比如同样是 /orders/，但是它有多个 js 文件，列表如下：
+ * 
+ * 	/public/app/javascripts/orders/file1.js
+ * 	/public/app/javascripts/orders/file2.js
+ * 	
+ * 在 `/public/app/javascripts/orders/file1.js`：
+ * 
+ * 	Ext.apply(Wando.orders.index, {
+ * 		init: function() {
+ * 			Wando.mainPanel = Ext.create("Ext.Panel", {
+ * 				title: 'my first panel',
+ * 				html: 'something magnificient go here'
+ * 			});
+ * 		}
+ * 	});
+ * 
+ * 在 `/public/app/javascripts/orders/file2.js`：
+ * 
+ * 	Ext.apply(Wando.orders.index, {
+ * 		// do whatever you want
+ * 	});
+ * 	
+ * 如果在某个页面你希望有自定义的 controller 和 action，代价就会变大了，需要每个页面一开始都声明该明明空间，然后在使用 `apply` 方法。
+ * 
+ * 上面提供的建议是系统支持的开发方法，按照约定做可以减少开发难度。但是不一定这个方法就是最好的，有更好的方法就应该使用更好的方法，同时记得把好方法写成文档。
+ */
+
+Wando = {
+	/**
+	 * @property {Ext.Component}
+	 * 菜单面板。用于占位，防止菜单被 Ext.Viewport 覆盖。
+	 */
+	menuPanel: Ext.create('Ext.Component', {
+		region: 'north',
+		border: false,
+		height: 32
+	}),
+	
+	controller: S(''),
+	action: S(''),
+	
+	/**
+	 * @property {Object/Ext.Component/Ext.container.Container/Ext.panel.Panel} [mainPanel=null]
+	 * 每个页面的主要面板，每个页面的统一 Viewport 入口。
+	 */
+	mainPanel: null,
+	
+	/**
+	 * @method
+	 * @static
+	 * Wando 的配置声明函数。用于配置如 controller 或者 action 等变量。
+	 * 比如：
+	 * 		Wando.declare({
+	 * 			controller: 'customeControllerName',
+	 * 			action: 'customeActionName'
+	 * 		});
+	 */
+	declare: function(cfg) {
+		// make sure Wando.controller and Wando.action is an string.js Object
+		if (!cfg.controller || Ext.isString(cfg.controller)) { cfg.controller = S(cfg.controller); }
+		if (!cfg.action || Ext.isString(cfg.action)) { cfg.action = S(cfg.action); }
+		
+		Ext.apply(this, cfg);
+	},
+	
+	/**
+	 * @method
+	 * @static
+	 * 获取当前页面的命名空间字符串
+	 *
+	 * @return {String}
+	 */
+	ns: function() {
+		return 'Wando.' + this.controller.s + '.' + this.action.s;
+	},
+	
+	/**
+	 * @method
+	 * @static
+	 * 页面的统一入口函数。
+	 */
+	init: function() {
+        if (this.controller.isEmpty() || this.action.isEmpty()) { return; }
+		// page controller initialization(每个页面程序逻辑的统一执行入口)
+		this[this.controller][this.action].init();
+		
+		// mainPanel & Viewport initialization
+		if (this.mainPanel == null) {throw('You Should Define Wando.mainPanel')};
+		this.mainPanel.region = 'center';
+		Ext.create('Ext.container.Viewport', {
+			layout: 'border',
+			items: [this.menuPanel, this.mainPanel],
+            listeners: { 
+                'afterlayout': function() { 
+                    hidden_button_ids.forEach(function(id){ 
+                        if (Ext.getCmp(id)) { 
+                            Ext.getCmp(id).hide();
+                        }
+                    });
+                }
+            }
+		});
+	},
+    
+    isOnRoot: function() {
+        return window.location.pathname === "/";
+    },
+
+    /**
+	 * @config
+	 * @static
+	 * 系统当前用户。
+	 */
+    user: {}
+};
+
+// default setup of Wando Namespace
+(function() {
+    if (this.isOnRoot()) { return; }
+    
+	var paths = window.location.pathname.split('/').slice(1),
+		controller = paths[0],
+		action = paths[1];
+			
+	if (!controller) { throw "Can't detect controller name, must define Wando.pageNs manually."; };
+	if (!action) { action = 'index'; };
+			
+	// condiction checking again for omitted declarations of controller or action
+	this.controller = S(controller).camelize();
+	this.action = S(action).camelize();
+    
+    Ext.ns(Ext.String.format("Wando.{0}.{1}", this.controller, this.action));
+}).call(Wando);