task-manager 0.1.1

data/app/assets/javascripts/task-manager/extjs/app/store/Minutes.js

@@ -0,0 +1,67 @@
+Ext.define('TM.store.Minutes',{
+	extend: 'Ext.data.Store',
+
+	fields: ['text', 'value'],
+	data : [
+		{ "text": "0", 'value': '0' },
+	  { "text": "1", 'value': '1' },
+	  { "text": "2", 'value': '2' },
+	  { "text": "3", 'value': '3' },
+	  { "text": "4", 'value': '4' },
+	  { "text": "5", 'value': '5' },
+	  { "text": "6", 'value': '6' },
+	  { "text": "7", 'value': '7' },
+	  { "text": "8", 'value': '8' },
+	  { "text": "9", 'value': '9' },
+	  { "text": "10", 'value': '10' },
+	  { "text": "11", 'value': '11' },
+	  { "text": "12", 'value': '12' },
+	  { "text": "13", 'value': '13' },
+	  { "text": "14", 'value': '14' },
+	  { "text": "15", 'value': '15' },
+	  { "text": "16", 'value': '16' },
+	  { "text": "17", 'value': '17' },
+	  { "text": "18", 'value': '18' },
+	  { "text": "19", 'value': '19' },
+	  { "text": "20", 'value': '20' },
+	  { "text": "21", 'value': '21' },
+	  { "text": "22", 'value': '22' },
+	  { "text": "23", 'value': '23' },
+	  { "text": "24", 'value': '24' },
+	  { "text": "25", 'value': '25' },
+	  { "text": "26", 'value': '26' },
+	  { "text": "27", 'value': '27' },
+	  { "text": "28", 'value': '28' },
+	  { "text": "29", 'value': '29' },
+	  { "text": "30", 'value': '30' },
+	  { "text": "31", 'value': '31' },
+	  { "text": "32", 'value': '32' },
+	  { "text": "33", 'value': '33' },
+	  { "text": "34", 'value': '34' },
+	  { "text": "35", 'value': '35' },
+	  { "text": "36", 'value': '36' },
+	  { "text": "37", 'value': '37' },
+	  { "text": "38", 'value': '38' },
+	  { "text": "39", 'value': '39' },
+	  { "text": "40", 'value': '40' },
+	  { "text": "41", 'value': '41' },
+	  { "text": "42", 'value': '42' },
+	  { "text": "43", 'value': '43' },		
+	  { "text": "44", 'value': '44' },
+	  { "text": "45", 'value': '45' },
+	  { "text": "46", 'value': '46' },
+	  { "text": "47", 'value': '47' },
+	  { "text": "48", 'value': '48' },
+	  { "text": "49", 'value': '49' },
+	  { "text": "50", 'value': '50' },
+	  { "text": "51", 'value': '51' },
+	  { "text": "52", 'value': '52' },
+	  { "text": "53", 'value': '53' },
+	  { "text": "54", 'value': '54' },
+	  { "text": "55", 'value': '55' },
+	  { "text": "56", 'value': '56' },
+	  { "text": "57", 'value': '57' },
+	  { "text": "58", 'value': '58' },
+	  { "text": "59", 'value': '59' }
+	  ]
+});

data/app/assets/javascripts/task-manager/extjs/app/store/Months.js

@@ -0,0 +1,19 @@
+Ext.define('TM.store.Months',{
+	extend: 'Ext.data.Store',
+
+	fields: ['text', 'value'],
+	data : [
+	  { "text": "1月", 'value': '01' },
+	  { "text": "2月", 'value': '02' },
+	  { "text": "3月", 'value': '03' },
+	  { "text": "4月", 'value': '04' },
+	  { "text": "5月", 'value': '05' },
+	  { "text": "6月", 'value': '06' },
+	  { "text": "7月", 'value': '07' },
+	  { "text": "8月", 'value': '08' },
+	  { "text": "9月", 'value': '09' },
+	  { "text": "10月", 'value': '10' },
+	  { "text": "11月", 'value': '11' },
+	  { "text": "12月", 'value': '12' },
+	]
+});

data/app/assets/javascripts/task-manager/extjs/app/store/Plans.js

@@ -0,0 +1,6 @@
+Ext.define('TM.store.Plans', {
+  extend: 'Ext.data.Store',
+
+  autoLoad: true,
+  model: 'TM.model.Plan'
+});

data/app/assets/javascripts/task-manager/extjs/app/store/QuarterlyMonths.js

@@ -0,0 +1,10 @@
+Ext.define('TM.store.QuarterlyMonths',{
+	extend: 'Ext.data.Store',
+
+	fields: ['text', 'value'],
+	data : [
+	  { "text": "第一个月", 'value': '1' },
+	  { "text": "第二个月", 'value': '2' },
+	  { "text": "第三个月", 'value': '3' }
+	]
+});

data/app/assets/javascripts/task-manager/extjs/app/store/Statuses.js

@@ -0,0 +1,11 @@
+Ext.define('TM.store.Statuses',{
+	extend: 'Ext.data.Store',
+
+	fields: ['text', 'value'],
+	data : [
+	  { "text": "新建", 'value': 'new' },
+	  { "text": "进行中", 'value': 'in_process' },
+	  { "text": "已过期", 'value': 'expired' },
+	  { "text": "已完成", 'value': 'finished' }
+	]
+});

data/app/assets/javascripts/task-manager/extjs/app/store/Tasks.js

@@ -0,0 +1,6 @@
+Ext.define('TM.store.Tasks',{
+	extend: 'Ext.data.Store',
+
+	autoLoad: true,
+	model: 'TM.model.Task'
+});

data/app/assets/javascripts/task-manager/extjs/app/store/Types.js

@@ -0,0 +1,12 @@
+Ext.define('TM.store.Types',{
+	extend: 'Ext.data.Store',
+
+	fields: ['text', 'value'],
+	data : [
+	  { "text": "年计划", 'value': 'yearly' },
+	  { "text": "季计划", 'value': 'quarterly' },
+	  { "text": "月计划", 'value': 'monthly' },
+	  { "text": "周计划", 'value': 'weekly' },
+	  { "text": "日计划", 'value': 'daily' }
+	]
+});

data/app/assets/javascripts/task-manager/extjs/app/store/WeekDays.js

@@ -0,0 +1,14 @@
+Ext.define('TM.store.WeekDays',{
+	extend: 'Ext.data.Store',
+
+	fields: ['text', 'value'],
+	data : [
+	  { "text": "星期一", 'value': '1' },
+	  { "text": "星期二", 'value': '2' },
+	  { "text": "星期三", 'value': '3' },
+	  { "text": "星期四", 'value': '4' },
+	  { "text": "星期五", 'value': '5' },
+	  { "text": "星期六", 'value': '6' },
+	  { "text": "星期日", 'value': '7' }
+	]
+});

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

@@ -0,0 +1,23 @@
+Ext.define('TM.view.plan.AssignablesWindow', {
+	extend: 'Ext.window.Window',
+	requires: ['TM.view.plan.SelectAssignables'],
+	xtype: 'plan_assignableswindow',
+
+	title: '选择执行人',
+	modal: true,
+
+  action: '',
+
+	width: 480,
+	height: 550,
+
+	layout: {
+		type: 'fit',
+		align: 'stretch'
+	},
+
+	items: [{
+	    xtype: 'plan_selectassignables',
+	    border: false
+  	}]
+});

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

@@ -0,0 +1,189 @@
+Ext.define('TM.view.plan.Edit', {
+  extend: 'Ext.form.Panel',
+  xtype: 'plan_edit',
+
+  defaults: {
+    xtype: 'fieldset',
+    margin: '5 10'
+  },
+
+  assignees: [],
+
+  items: [{
+    id: 'editFillField',
+    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: 'editassignables',
+      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: 'editenabled_at'
+    }, {
+      fieldLabel: '完成前几天提醒',
+      id: 'edit_begin_to_remind',
+      emptyText: '计划完成前多少天开始提醒，此处为倒计时。',
+      value: '0',
+      name: 'begin_to_remind'
+    }, {
+      fieldLabel: '是否自动完成',
+      xtype: 'checkbox',
+      name: 'autocompletable'
+    }]
+  }, {
+    xtype: 'fieldset',
+    id: 'editSelectField',
+    title: '计划完成截至时限',
+    layout: {
+      type: 'table',
+      columns: 2
+    },
+    defaults: {
+      labelAlign: 'right',
+    },
+    items: [{
+      fieldLabel: '月',
+      id: 'edit_quarterly_month',
+      name: 'quarterly_month',
+      xtype: 'combo',
+      store: 'TM.store.QuarterlyMonths',
+      valueField: 'value',
+      editable: false
+    }, {
+      fieldLabel: '月',
+      id: 'edit_month',
+      name: 'month',
+      xtype: 'combo',
+      store: 'TM.store.Months',
+      valueField: 'value',
+      editable: false
+    }, {
+      fieldLabel: '日',
+      id: 'edit_weekly_day',
+      name: 'weekly_day',
+      store: 'TM.store.WeekDays',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }, {
+      fieldLabel: '日',
+      id: 'edit_day',
+      name: 'day',
+      store: 'TM.store.Days',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }, {
+      fieldLabel: '时',
+      id: 'edit_hour',
+      name: 'hour',
+      store: 'TM.store.Hours',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }, {
+      fieldLabel: '分',
+      id: 'edit_minute',
+      name: 'minute',
+      store: 'TM.store.Minutes',
+      valueField: 'value',
+      xtype: 'combo',
+      editable: false
+    }]
+  }],
+
+  buttons: [{
+    text: '更新',
+    formBind: true,
+    action: 'update'
+  }, {
+    text: '关闭',
+    action: 'close'
+  }],
+
+  showYearlyField: function() {
+    var fieldSet = this.getComponent('editSelectField');
+    fieldSet.getComponent('edit_quarterly_month').hide();
+    fieldSet.getComponent('edit_weekly_day').hide();
+    fieldSet.getComponent('edit_month').show();
+    fieldSet.getComponent('edit_day').show();
+    fieldSet.getComponent('edit_hour').show();
+    fieldSet.getComponent('edit_minute').show();
+  },
+
+  showMonthlyField: function() {
+    var fieldSet = this.getComponent('editSelectField');
+    fieldSet.getComponent('edit_quarterly_month').hide();
+    fieldSet.getComponent('edit_weekly_day').hide();
+    fieldSet.getComponent('edit_month').hide();
+    fieldSet.getComponent('edit_day').show();
+    fieldSet.getComponent('edit_hour').show();
+    fieldSet.getComponent('edit_minute').show();
+  },
+
+  showQuarterlyField: function() {
+    var fieldSet = this.getComponent('editSelectField');
+    fieldSet.getComponent('edit_quarterly_month').show();
+    fieldSet.getComponent('edit_weekly_day').hide();
+    fieldSet.getComponent('edit_month').hide();
+    fieldSet.getComponent('edit_day').show();
+    fieldSet.getComponent('edit_hour').show();
+    fieldSet.getComponent('edit_minute').show();
+  },
+
+  showWeeklyField: function() {
+    var fieldSet = this.getComponent('editSelectField');
+    fieldSet.getComponent('edit_quarterly_month').hide();
+    fieldSet.getComponent('edit_weekly_day').show();
+    fieldSet.getComponent('edit_month').hide();
+    fieldSet.getComponent('edit_day').hide();
+    fieldSet.getComponent('edit_hour').show();
+    fieldSet.getComponent('edit_minute').show(); 
+  },
+
+  showDailyField: function() {
+    var fieldSet = this.getComponent('editSelectField');
+    fieldSet.getComponent('edit_quarterly_month').hide();
+    fieldSet.getComponent('edit_weekly_day').hide();
+    fieldSet.getComponent('edit_month').hide();
+    fieldSet.getComponent('edit_day').hide();
+    fieldSet.getComponent('edit_hour').show();
+    fieldSet.getComponent('edit_minute').show();
+  }
+});

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

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

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

@@ -0,0 +1,92 @@
+Ext.define('TM.view.plan.Grid', {
+  extend: 'Ext.ux.MultiSelectablePagingGrid',
+  xtype: 'plan_grid',
+
+  requires: [
+    'Ext.ux.RowExpander'
+  ],
+
+  mixins: [
+    'TM.helper.ApplicationHelper'
+  ],
+
+  store: 'TM.store.Plans',
+
+  tbar: [{
+    text: '添加',
+    iconCls: 'btn-add-icon',
+    action: 'add'
+  }, '-', {
+    text: '修改',
+    iconCls: 'btn-edit-icon',
+    action: 'edit'
+  }, '-', {
+    text: '删除',
+    iconCls: 'btn-delete-icon',
+    action: 'delete'
+  }],
+
+  plugins: [{
+    ptype: 'rowexpander',
+    rowBodyTpl: [
+      '<table class="data">',
+        '<tr>',
+          '<td rowspan="3" class="title">内容</td>',
+          '<td class="name">截止时间:</td>',
+          '<td class="value">第{[values.data.deadline_month == null ? 0 : values.data.deadline_month]}',
+          '个月，第{[values.data.deadline_day == null ? 0 : values.data.deadline_day]}天，',
+          '{data.deadline_hour}时{data.deadline_minute}分</td>',
+        '</tr>',
+        '<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>',
+     ]
+  }],
+
+  columns: [{
+    text: '名称',
+    dataIndex: 'name',
+    flex: 2
+  }, {
+    text: '类型',
+    dataIndex: 'plan_type',
+    renderer: function(v, m, record) {
+      return this.translateType(v);
+    },
+    flex: 1
+  }, {
+    text: '执行者',
+    renderer: function(v, m, record) {
+      var names = new Array();
+      Ext.Array.forEach(record.get('assignees'), function(assignee, index, assignees) {names.push(assignee.name)});
+      return names.join(', ');
+    },
+    flex: 3
+  //}, {
+    //text: '最后任务生成时间',
+    //dataIndex: 'last_task_created_at',
+    //flex: 2
+  }, {
+    text: '生效时间',
+    renderer: function(v, m, record) {
+      return Ext.Date.format(record.get('enabled_at'), 'Y年m月j日 H:i:s');
+    },
+    flex: 2
+  }, {
+    text: '是否自动完成',
+    renderer: function(v, m, record) {
+      return record.get('autocompletable') == true ? '是' : '否';
+    },
+    flex: 1
+  }, {
+    text: '开始提醒天数',
+    dataIndex: 'begin_to_remind',
+    flex: 1
+  }]
+});