fastui 0.1.2

data/app/assets/javascripts/fastui/app/view/VGrid.js

@@ -0,0 +1,172 @@
+Ext.define('FastUI.view.VGrid', {
+    extend: 'Ext.grid.Panel',
+    requires: ['FastUI.store.MListMgr'],
+    tab: {},
+    selType: 'rowmodel',
+    multiSelect: false,
+    border: false,
+    //plugins: [Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit: 1})],
+    initComponent: function () {
+        this.title = this.getValue('title');
+        this.store = this.getGStore();
+        this.store.pageSize = 6;
+
+        this.columns = this.getGColumns();
+        this.bbar = this.pageBar();
+        this.callParent();
+    },
+    pageBar: function () {
+        this.bar = Ext.create('Ext.toolbar.Paging', {
+            store: this.store,
+            displayInfo: true,
+            beforePageText: '第',
+            afterPageText: '页共 {0}页',
+            displayMsg: '显示第{0} 条到第 {1} 条记录，总共{2}条记录'
+        }, this);
+        return this.bar;
+    },
+    listeners: {
+        itemclick: function (view, record, item, index, e, eOpts) {
+            //alert(this.tab.rest.getKey() + '='+ record.get('id'));
+            this.tab.winCtx.setWinCtx(this.tab.winId, this.tab.rest.getKey(), record.get('id'));
+            this.tab.winCtx.setWinCtx(this.tab.winId, this.tab.rest.getTitle(), record.get('title'));
+            if (record.get('m_entity_id')) {
+                this.tab.winCtx.setWinCtx(this.tab.winId, 'm_entity_id', record.get('m_entity_id'));
+            }
+            this.tab.getBtn('edit').enable();
+            this.tab.getBtn('del').enable();
+        }
+    },
+    selectedId: function () {
+        var id = 0;
+        var records = this.getSelectionModel().getSelection();
+        if (!Ext.isEmpty(records)) {
+            id = records[0].get('id');
+        }
+        return id;
+    },
+    getValue: function (key) {
+        return this.tab.valueObject[key] || '';
+    },
+
+    getGStore: function () {
+        var jsonStore = new Ext.data.JsonStore({
+            autoLoad: true,
+            proxy: {
+                type: 'ajax',
+                url: this.tab.rest.indexPath(),
+                reader: {
+                    type: 'json',
+                    root: 'rows',
+                    totalProperty: "totalCount"
+                },
+                extraParams: this.tab.getParams()
+            },
+            fields: this.getGFields()
+        });
+//        jsonStore.load({
+//            scope: this,
+//            callback: function(records, operation, success) {
+//                console.log(jsonStore.getCount());
+//
+//            }
+//        });
+        return jsonStore;
+    },
+    getMEntity: function () {
+        return this.tab.valueObject.entity;
+    },
+    getMColumns: function () {
+        return this.tab.valueObject.members || [];
+    },
+    getGFields: function () {
+        var fields = [];
+        Ext.each(this.getMColumns(), function (column) {
+            fields.push({
+                name: column.name,
+                type: 'auto'
+            });
+
+            switch (column.datatype) {
+                case 'VLookup':
+                    fields.push({
+                        name: column.name.replace('_id', ''),
+                        type: 'auto'
+                    });
+                    break;
+
+                case 'VSingleChoice':
+                    fields.push({
+                        name: column.name.replace('_id', '').pluralize(),
+                        type: 'auto'
+                    });
+                    break;
+
+                default:
+                    break;
+            }
+        }, this);
+        return fields;
+    },
+    getGColumns: function () {
+        var columns = [];
+        Ext.each(this.getMColumns(), function (column) {
+            column.display = column.display || 'all';
+            if (column.display == 'all' || column.display == 'grid') {
+                var col = {
+                    text: column.title,
+                    dataIndex: column.name
+                    //width: column.column_width || 75
+                    //xtype:''
+                };
+
+                switch (column.datatype) {
+                    case 'VLookup':
+                        col.xtype = 'templatecolumn';
+                        var entity = column.name.replace('_id', '');
+                        col.tpl = new Ext.XTemplate(
+                            '<tpl for="' + entity + '">',
+                            '{title}',
+                            '</tpl>'
+                        );
+                        break;
+                    case 'MultipleChoice':
+                        col.xtype = 'templatecolumn';
+                        var plur_entity = column.name.replace('_ids', '').pluralize();
+                        col.tpl = new Ext.XTemplate(
+                            '<tpl for="' + plur_entity + '">',
+                            '{title}',
+                            '</tpl>'
+                        );
+                        break;
+                    case 'VSingleChoice':
+                        var list_store = FastUI.store.MListMgr.getStore(column.name);
+                        col.renderer = function (val) {
+                            var index = list_store.findExact('name', val);
+                            if (index > -1) {
+                                var rs = list_store.getAt(index).data;
+                                return rs.title;
+                            }
+                            return "";
+                        };
+                        break;
+                    case 'VSexSelect':
+                        col.renderer = function (val) {
+                            return val ? '男' : '女'
+                        };
+                        break;
+                    case 'VYesOrNo':
+                        col.renderer = function (val) {
+                            return val ? '是' : '否';
+                        };
+                        break;
+                    default:
+                        break;
+                }
+                columns.push(col);
+            }
+        }, this);
+
+        return columns;
+    }
+});

data/app/assets/javascripts/fastui/app/view/VHelpWindow.js

@@ -0,0 +1,21 @@
+/**
+ * Created with JetBrains RubyMine.
+ * User: Administrator
+ * Date: 12-12-3
+ * Time: 上午9:39
+ * To change this template use File | Settings | File Templates.
+ */
+Ext.define('FastUI.view.VHelpWindow', {
+    extend:'Ext.window.Window',
+    title:'帮助',
+    width: 500,
+    height: 300,
+    resizable: true,
+    maximizable: true,
+    minimizable: true,
+    autoScroll: true,
+    closeAction: 'close' ,
+    initComponent:function(){
+        this.callParent();
+    }
+});

data/app/assets/javascripts/fastui/app/view/VLoginForm.js

@@ -0,0 +1,101 @@
+Ext.define('FastUI.view.VLoginForm', {
+    extend:'Ext.form.Panel',
+    alias:'widget.loginForm',
+
+    header: false,
+    region: 'center',
+    border:false,
+    bodyPadding:10,
+    fieldDefaults:{
+        labelAlign:'left',
+        labelWidth: 75,
+        labelStyle:'font-weight:bold'
+    },
+    layout: {
+        type: 'vbox',
+        align: 'stretch'
+    },
+    //defaultFocus:'UserName',
+    items:[
+        {
+            xtype      : 'fieldcontainer',
+            fieldLabel : '用户类型',
+            defaultType: 'radiofield',
+            defaults: {
+                flex: 1
+            },
+            layout: 'hbox',
+            items: [
+                {
+                    boxLabel  : '教师',
+                    name      : 'type',
+                    inputValue: 'Teacher',
+                    id        : 'teacher'
+                }, {
+                    boxLabel  : '学生',
+                    name      : 'type',
+                    inputValue: 'Student',
+                    id        : 'student'
+                }, {
+                    boxLabel  : '家长',
+                    name      : 'type',
+                    inputValue: 'Guardian',
+                    id        : 'guardian'
+                },{
+                    boxLabel  : '管理员',
+                    name      : 'type',
+                    inputValue: 'Fastui::MPerson',
+                    id        : 'person'
+                }
+            ]
+        },
+        {
+            xtype:'textfield',
+            fieldLabel:'用户名',
+            blankText:'用户名不能为空',
+            name:'username',
+            id:'username',
+            allowBlank:false,
+            width:240
+        },
+        {
+            xtype:'textfield',
+            fieldLabel:'密　码',
+            allowBlank:false,
+            blankText:'密码不能为空',
+            name:'password',
+            id:'password',
+            width:240,
+            inputType:'password'
+        },
+        {
+            xtype: 'box',
+            autoEl: {
+                html: '<div style="text-align: right;"><a href="about:blank" target="_blank">忘记密码了吗？</a></div>'
+            }
+        },
+
+        {
+            xtype: 'checkbox',
+            itemId: 'rememberMe',
+            name: 'data[User][rememberme]',
+            padding: '0 0 0 80',
+            boxLabel: '记住我！',
+            listeners: {
+                render: function(checkbox) {
+//                    checkbox.bodyEl.child('input').set({
+//                        'data-qtip': this.qtips.rememberme
+//                    });
+                },
+                scope: this
+            }
+        }
+
+    ],
+    initComponent:function () {
+
+        this.callParent(arguments);
+    }
+
+
+});

data/app/assets/javascripts/fastui/app/view/VLoginWindow.js

@@ -0,0 +1,73 @@
+Ext.define('FastUI.view.VLoginWindow', {
+    extend:'Ext.window.Window',
+
+    width:420,
+    height:280,
+    title:'用户登陆',
+    closeAction:'hide',
+    closable:false,
+    iconCls:'fastui-login-title',
+    layout:'fit',
+    modal:true,
+    layout:'border',
+    resizable:false,
+    autoShow:true,
+    defaultFocus:'UserName',
+    initComponent:function () {
+        this.items = [
+            {
+                cls: 'fastui-login-header',
+                baseCls:'x-plain',
+                region:'north',
+                height:80,
+                border:false,
+                html:'只允许授权用户访问。<br />' + '请输入用户名和密码。'
+            },
+            Ext.create('FastUI.view.VLoginForm')
+        ];
+        this.buttons = [
+            {
+                text:'重置',
+                iconCls:'fastui-login-cancel',
+                handler:function () {
+                    this.child('form').getForm().reset();
+                },
+                scope:this
+            },
+            {
+                text:'登录',
+                iconCls:'fastui-login-submit',
+                handler:function () {
+                    this.doLogin();
+                },
+                scope:this
+            }
+        ];
+        this.callParent(arguments);
+    },
+    doLogin:function () {
+        var form = this.child('form').getForm();
+        var win = this;
+        if (form.isValid()) {
+            form.submit({
+                clientValidation:true,
+                waitMsg:'请稍后',
+                waitTitle:'正在验证登录',
+                url:'/fastui/sessions/login.json',
+                success:function (form, action) {
+                    win.hide();
+                    Ext.getCmp('SystemMenus').store.load();
+                },
+                failure:function (form, action) {
+                    Ext.MessageBox.show({
+                        width:150,
+                        title:"登录失败",
+                        buttons:Ext.MessageBox.OK,
+                        msg:action.result.msg
+                    })
+                }
+            });
+        }
+    }
+
+});

data/app/assets/javascripts/fastui/app/view/VMenu.js

@@ -0,0 +1,75 @@
+Ext.define('FastUI.view.VMenu', {
+    extend:'Ext.tree.Panel',
+    requires:['FastUI.store.MWindowMgr'],
+    alias: 'widget.vMenu',
+    title:'菜单',
+    animate:false,
+    collapseMode:"mini",
+    collapsible:true,
+    iconCls:"fastui-menu",
+    lines:false,
+    rootVisible:false,
+    split:true,
+    dockedItems:[{dock:"top",items:[{xtype:"tbfill"},
+        {iconCls:"fastui-tree-expand",tooltip:"Expand All",xtype:"button", listeners:{click:{fn:function (sender ,e ,eOpts) {sender.up().up().expandAll();}}}},
+        {iconCls:"fastui-tree-collapse",tooltip:"Collapse All",xtype:"button", listeners:{click:{fn:function (sender ,e ,eOpts) { sender.up().up().collapseAll(); sender.up().up().getRootNode().expand();}}}}],xtype:"toolbar"}
+    ],
+
+    initComponent: function(){
+      this.store = Ext.create('Ext.data.TreeStore', {
+          autoLoad:true,
+          fields:['id', {name:'text', mapping:'title'},{name:'leaf',mapping:'leaf?'},{name:'expanded',mapping:'child?'}, 'window'],
+          proxy:{
+              type:'ajax',
+              url:'/fastui/m_menu_items.json',
+              reader:{
+                  type:'json',
+                  root:'',
+                  record:''
+                  //successProperty:''
+              }
+          },
+          root:{
+              name:'菜单',
+              expanded:true
+          }
+      });
+      this.callParent(arguments);
+    },
+
+    listeners:{
+        itemclick:function(self, record, item, index, e, eOpts){
+            this.loadVWindow(self, record, item, index, e, eOpts);
+        }
+    },
+
+    loadVWindow:function (self, record, item, index, e, eOpts) {
+        var c = Ext.getCmp('mycenter');
+        c.setLoading(true);
+        var id = record.get('window');
+        //var id = 'm_list';
+
+
+        if (record.get('leaf')) {
+            FastUI.store.MWindowMgr.load(id, function (obj) {
+                var winId = 'win-' + id;
+                var win = Ext.getCmp(winId);
+                if (!win) {
+                    win = Ext.create('FastUI.view.VWindow', {
+                        id: winId,
+                        valueObject: obj
+                    });
+                    c.add(win);
+                }
+                c.setActiveTab(win);
+                c.setLoading(false);
+            });
+        }
+
+    }
+});
+
+
+
+
+

data/app/assets/javascripts/fastui/app/view/VSearchWindow.js

@@ -0,0 +1,102 @@
+Ext.define('FastUI.view.VSearchWindow', {
+    extend:'Ext.window.Window',
+    rest:{},
+    height:300,
+    width:600,
+    layout:'fit',
+    vlookup:{},
+
+    initComponent:function () {
+
+        this.title = this.getValue('title');
+        this.items = {
+            xtype: 'grid',
+            border: false,
+            columns: [
+                {header:'ID', dataIndex:'id'},
+                {header:'Title', dataIndex:'title'}
+            ],
+            store: this.getStore(), // A dummy empty data store
+            listeners:{
+                itemclick:function (grid, record, item, index, e, eOpts) {
+                    var id = record.get('id');
+                    if (!this.vlookup.store.getById(id)){
+                        this.vlookup.store.add({id:id,title:record.get('title')});
+                    }
+                    this.vlookup.setValue(id);
+                },
+                scope:this
+            }
+        };
+        this.tbar = this.searchPanel();
+        this.bbar = this.pageBar();
+        this.callParent();
+    },
+    getValue:function (key) {
+        return this.vlookup.valueObject[key];
+    },
+    getMEntity:function(){
+        return this.vlookup.valueObject.ref.entity;
+    },
+
+//    getDataType:function(){
+//        return this.this.vlookup.valueObject.class_name
+//    },
+
+    searchPanel:function () {
+        this.tbar = ['标题', {
+            xtype:'textfield',
+            id:'searchField',
+            hideLabel:true,
+            width:200,
+            listeners:{
+            }
+        }, { xtype:'button', text:'搜索',
+            handler:function () {
+                var searchText = Ext.getCmp('searchField').getValue();
+                this.store.load({
+                    params:{
+                        search:searchText
+                    }})
+            }, scope:this}];
+        return this.tbar
+    },
+
+    pageBar:function () {
+        this.pagebar = Ext.create('Ext.toolbar.Paging', {
+            //store:this.getStore(),
+            displayInfo:true,
+            beforePageText:'第',
+            afterPageText:'页共 {0}页',
+            displayMsg:'显示第{0} 条到第 {1} 条记录，总共{2}条记录'
+        }, this);
+        return this.pagebar;
+    },
+    getParams:function(){
+//        var s = "{m_window_id:${m_window_id}}";
+        var s = this.getValue('filter');
+        if(s == '') return '';
+        s = this.vlookup.winCtx.parseCtx(this.vlookup.winId,s);
+        return Ext.decode(s);
+    },
+    getStore:function () {
+        var rest = Ext.create('FastUI.view.Rest', this.getMEntity());
+        return new Ext.data.JsonStore({
+            autoLoad:{start:0, limit:25},
+//            pageSize:2, // items per page
+            fields:['id', 'title'],
+            proxy:{
+                type:'ajax',
+               // extraParams:this.getParams(),
+                url:rest.indexPath(), //+ '?' + this.getParams(),
+                reader:{
+                    type:'json',
+                    root:'rows',
+                    totalProperty:"totalCount"
+                }
+            }
+        });
+    }
+
+
+});