task-manager 0.1.1

data/app/assets/javascripts/task-manager/extjs/app/view/plan/Index.js

@@ -0,0 +1,24 @@
+Ext.define('TM.view.plan.Index', {
+  extend: 'Ext.panel.Panel',
+  xtype: 'plan_index',
+
+  requires: ['TM.view.plan.Search'],
+
+  title: '计划管理',
+  closable: true,
+
+  store: 'TM.store.Plans',
+
+  layout: {
+    type: 'vbox',
+    align: 'stretch'
+  },
+
+  items: [{
+    xtype: 'plan_search',
+    width: 50
+  }, {
+    xtype: 'plan_grid',
+    flex: 1,
+  }]
+});

data/app/assets/javascripts/task-manager/extjs/app/view/plan/New.js

@@ -0,0 +1,190 @@
+Ext.define('TM.view.plan.New', {
+  extend: 'Ext.form.Panel',
+  xtype: 'plan_new',
+
+  defaults: {
+    xtype: 'fieldset',
+    margin: '5 10'
+  },
+
+  assignees: [],
+
+  items: [{
+    id: 'fillField',
+    title: '基本信息',
+    layout: {
+      type: 'table',
+      columns: 1
+    },
+    defaults: {
+      xtype: 'textfield',
+      labelAlign: 'right',
+      margin: '10 0',
+      width: 510
+    },
+
+    items: [{
+      fieldLabel: '计划名称',
+      name: 'name',
+      allowBlank: false
+    },{
+      fieldLabel: '计划执行人',
+      name: 'assignables',
+      id: 'assignables',
+      readOnly: true
+    }, {
+      fieldLabel: '计划类型',
+      name: 'plan_type',
+      store: 'TM.store.Types',
+      editable: false,
+      valueField: 'value',
+      xtype: 'combo',
+      blankText: '请选择计划类型!',
+      allowBlank: false
+    }, {
+      fieldLabel: '横向指标',
+      name: 'dataX'
+    }, {
+      fieldLabel: '纵向指标',
+      name: 'dataY'
+    }, {
+      fieldLabel: '生效时间',
+      xtype: 'datefield',
+      editable: false,
+      anchor: '100%',
+      format: 'Y/m/d',
+      name: 'enabled_at',
+      id: 'enabled_at',
+      minValue: new Date()
+    }, {
+      fieldLabel: '完成前几天提醒',
+      id: 'new_begin_to_remind',
+      emptyText: '计划完成前多少天开始提醒，此处为倒计时。',
+      value: '0',
+      name: 'begin_to_remind'
+    }, {
+      fieldLabel: '是否自动完成',
+      xtype: 'checkbox',
+      name: 'autocompletable'
+    }]
+  }, {
+    xtype: 'fieldset',
+    id: 'selectField',
+    title: '计划完成截至时限',
+    layout: {
+      type: 'table',
+      columns: 2
+    },
+    defaults: {
+      labelAlign: 'right',
+    },
+    items: [{
+      fieldLabel: '月',
+      id: 'new_quarterly_month',
+      name: 'quarterly_month',
+      xtype: 'combo',
+      store: 'TM.store.QuarterlyMonths',
+      valueField: 'value',
+      editable: false
+    }, {
+      fieldLabel: '月',
+      id: 'new_month',
+      name: 'month',
+      xtype: 'combo',
+      store: 'TM.store.Months',
+      valueField: 'value',
+      editable: false
+    }, {
+      fieldLabel: '日',
+      id: 'new_weekly_day',
+      name: 'weekly_day',
+      store: 'TM.store.WeekDays',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }, {
+      fieldLabel: '日',
+      id: 'new_day',
+      name: 'day',
+      store: 'TM.store.Days',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }, {
+      fieldLabel: '时',
+      id: 'new_hour',
+      name: 'hour',
+      store: 'TM.store.Hours',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }, {
+      fieldLabel: '分',
+      id: 'new_minute',
+      name: 'minute',
+      store: 'TM.store.Minutes',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }]
+  }],
+
+  buttons: [{
+    text: '保存',
+    formBind: true,
+    action: 'save'
+  }, {
+    text: '重置',
+    action: 'reset'
+  }],
+
+  showYearlyField: function() {
+    var fieldSet = this.getComponent('selectField');
+    fieldSet.getComponent('new_quarterly_month').hide();
+    fieldSet.getComponent('new_weekly_day').hide();
+    fieldSet.getComponent('new_month').show();
+    fieldSet.getComponent('new_day').show();
+    fieldSet.getComponent('new_hour').show();
+    fieldSet.getComponent('new_minute').show();
+  },
+
+  showMonthlyField: function() {
+    var fieldSet = this.getComponent('selectField');
+    fieldSet.getComponent('new_quarterly_month').hide();
+    fieldSet.getComponent('new_weekly_day').hide();
+    fieldSet.getComponent('new_month').hide();
+    fieldSet.getComponent('new_day').show();
+    fieldSet.getComponent('new_hour').show();
+    fieldSet.getComponent('new_minute').show();
+  },
+
+  showQuarterlyField: function() {
+    var fieldSet = this.getComponent('selectField');
+    fieldSet.getComponent('new_quarterly_month').show();
+    fieldSet.getComponent('new_weekly_day').hide();
+    fieldSet.getComponent('new_month').hide();
+    fieldSet.getComponent('new_day').show();
+    fieldSet.getComponent('new_hour').show();
+    fieldSet.getComponent('new_minute').show();
+  },
+
+  showWeeklyField: function() {
+    var fieldSet = this.getComponent('selectField');
+    fieldSet.getComponent('new_quarterly_month').hide();
+    fieldSet.getComponent('new_weekly_day').show();
+    fieldSet.getComponent('new_month').hide();
+    fieldSet.getComponent('new_day').hide();
+    fieldSet.getComponent('new_hour').show();
+    fieldSet.getComponent('new_minute').show(); 
+  },
+
+  showDailyField: function() {
+    var fieldSet = this.getComponent('selectField');
+    fieldSet.getComponent('new_quarterly_month').hide();
+    fieldSet.getComponent('new_weekly_day').hide();
+    fieldSet.getComponent('new_month').hide();
+    fieldSet.getComponent('new_day').hide();
+    fieldSet.getComponent('new_hour').show();
+    fieldSet.getComponent('new_minute').show();
+  }
+});

data/app/assets/javascripts/task-manager/extjs/app/view/plan/Search.js

@@ -0,0 +1,132 @@
+Ext.define('TM.view.plan.Search', {
+  extend: 'Ext.form.Panel',
+  xtype: 'plan_search',
+
+  border: 0,
+  bodyPadding: '5 5 0',
+
+  items: [{
+    xtype: 'fieldset',
+    title: '查询',
+
+    layout: {
+      type: 'form',
+      border: 0,
+      margin: 2
+    },
+
+    items: [{
+      border: 0,
+      items: [{
+        layout: 'column',
+        border: 0,
+        defaults: {
+          xtype: 'textfield',
+          labelAlign: 'right',
+          width: 300,
+          labelWidth: 130
+        },
+        items: [{
+          fieldLabel: '名称',
+          name: 'q[name_cont]'
+        }, {
+          fieldLabel: '类型',
+          editable: false,
+          xtype: 'combo',
+          store: 'TM.store.Types',
+          valueField: 'value',
+          name: 'q[plan_type_eq]'
+        }, {
+          fieldLabel: '是否自动完成',
+          xtype: 'combo',
+          editable: false,
+          valueField: 'value',
+          store: 'TM.store.Booleans',
+          name: 'q[autocompletable_eq]'
+        }]
+      }, {
+        layout: 'column',
+        border: 0,
+        defaults: {
+          border: 0,
+          labelAlign: 'right',
+          width: 300,
+          labelWidth: 130
+        },
+        items: [{
+          layout: 'column',
+          border: 0,
+          defaults: {
+            xtype: 'datefield',
+            labelAlign: 'right',
+            width: 300,
+            labelWidth: 130
+          },
+          items: [{
+            //fieldLabel: '生成时间 从',
+            //format: 'Y-m-d',
+            //editable: false,
+            //name: 'q[last_task_created_at_gteq]'
+          //}, {
+            fieldLabel: '生效时间 从',
+            format: 'Y-m-d',
+            xtype: 'datefield',
+            editable: false,
+            name: 'q[enabled_at_gteq]'
+          }]
+        }, {
+          layout: 'column',
+          border: 0,
+          defaults: {
+            xtype: 'datefield',
+            labelAlign: 'right',
+            width: 300,
+            labelWidth: 130
+          },
+          items: [{
+            //fieldLabel: '至',
+            //format: 'Y-m-d',
+            //editable: false,
+            //name: 'q[last_task_created_at_lteq]'
+          //}, {
+            fieldLabel: '至',
+            format: 'Y-m-d',
+            xtype: 'datefield',
+            editable: false,
+            name: 'q[enabled_at_lteq]'
+          }]
+        }, {
+          layout: 'hbox',
+          margin: '5 0 0 60',
+          items: [{
+            xtype: 'button',
+            formBind: true,
+            width: 60,
+            text: '查询',
+            action: 'query'
+          }, {
+            xtype: 'button',
+            margin: '0 0 0 20',
+            width: 60,
+            text: '重置',
+            action: 'reset'
+          }]
+        }]
+      }],
+    }]
+  }],
+
+  hasQueryParams: function() {
+    var hasParams = false;
+    Ext.Object.each(this.getValues(), function(key, value) {
+      if(value) {
+       hasParams = true;
+
+       // Break each
+       return false;
+      }
+    });
+
+    return hasParams;
+  }
+});

data/app/assets/javascripts/task-manager/extjs/app/view/plan/SelectAssignables.js

@@ -0,0 +1,22 @@
+Ext.define('TM.view.plan.SelectAssignables', {
+  extend: 'Ext.panel.Panel',
+  xtype: 'plan_selectassignables',
+
+  requires: [
+    //'TM.view.plan.SelectAssignablesGrid',
+    'TM.view.plan.SelectAssignablesTree'
+  ],
+
+  items: [{
+    xtype: 'plan_selectassignablestree',
+    flex: 1
+  }],
+
+  buttons: [{
+    text: '确定',
+    action: 'save'
+  }, {
+    text: '取消',
+    action: 'cancel'
+  }]
+});

data/app/assets/javascripts/task-manager/extjs/app/view/plan/SelectAssignablesGrid.js

@@ -0,0 +1,22 @@
+Ext.define('TM.view.plan.SelectAssignablesGrid', {
+	extend: 'Ext.grid.Panel',
+	xtype: 'plan_selectassignablesgrid',
+	
+	store: 'TM.store.Assignees',
+	height: 490,
+
+	border: 0,
+
+	selType: 'checkboxmodel',
+	selModel: {
+		mode: 'MULTI',
+		allowDeselect: true,
+		checkOnly: true
+	},
+
+	columns: [{
+  	text: '名称',
+  	flex: 1,
+  	dataIndex: 'name' 
+  }]
+});

data/app/assets/javascripts/task-manager/extjs/app/view/plan/SelectAssignablesTree.js

@@ -0,0 +1,9 @@
+Ext.define('TM.view.plan.SelectAssignablesTree', {
+	extend: 'Ext.tree.Panel',
+	xtype: 'plan_selectassignablestree',
+	
+  store: 'TM.store.AssigneesTree',
+	height: 490,
+  rootVisible: false,
+	border: 0
+});

data/app/assets/javascripts/task-manager/extjs/app/view/plan/Window.js

@@ -0,0 +1,21 @@
+Ext.define('TM.view.plan.Window', {
+	extend: 'Ext.window.Window',
+	requires: ['TM.view.plan.New'],
+	xtype: 'plan_window',
+
+	title: '添加计划',
+	modal: true,
+
+	width: 600,
+	height: 550,
+
+	layout: {
+		type: 'fit',
+		align: 'stretch'
+	},
+
+	items: [{
+	    xtype: 'plan_new',
+	    border: false
+  }]
+});

data/app/assets/javascripts/task-manager/extjs/app/view/task/Grid.js

@@ -0,0 +1,62 @@
+Ext.define('TM.view.task.Grid', {
+	extend: 'Ext.ux.MultiSelectablePagingGrid',
+	xtype: 'task_grid',
+
+  mixins: [
+    'TM.helper.ApplicationHelper'
+  ],
+	store: 'TM.store.Tasks',
+
+  requires: [
+    'Ext.ux.RowExpander'
+  ],
+
+  plugins: [{
+    ptype: 'rowexpander',
+    rowBodyTpl: [
+      '<table class="data">',
+        '<tr>',
+          '<td class="name">横向指标:</td>',
+          '<td class="value">{[values.data.x == null ? "" : values.data.x]}</td>',
+        '</tr>',
+        '<tr>',
+          '<td class="name">纵向指标:</td>',
+          '<td class="value">{[values.data.y == null ? "" : values.data.y]}</td>',
+        '</tr>',
+      '</table>'
+     ]
+  }],
+
+	tbar: [ {
+    text: '删除',
+    iconCls: 'btn-delete-icon',
+    action: 'delete'
+  }],
+
+  columns: [{
+  	text: '名称',
+    dataIndex: 'name',
+    flex: 2
+  }, {
+    text: '类型',
+    dataIndex: 'task_type',
+    renderer: function(v, m, record) {
+      return this.translateType(v);
+    },
+    flex: 2
+  }, {
+    text: '状态',
+    dataIndex: 'status',
+    renderer: function(v, m, record) {
+      return this.translateStatus(v);
+    },
+    flex:2
+  }, {
+    text: '截至时间',
+    dataIndex: 'deadline',
+    renderer: function(v, m, record) {
+      return Ext.Date.format(v, 'Y年m月j日 H:i:s');
+    },
+    flex:2
+  }]
+});