123 lines
4.5 KiB
JavaScript
123 lines
4.5 KiB
JavaScript
/*
|
|
* Copyright 2012 Morgan McMillian
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
*/
|
|
enyo.kind({
|
|
name: "TodoEdit",
|
|
kind: enyo.VFlexBox,
|
|
events: {
|
|
"onClose": "",
|
|
"onSave": ""
|
|
},
|
|
components: [
|
|
{name: "insertPopup", kind: "ModalDialog", dismissWithClick: true,
|
|
layoutKind: "VFlexLayout", height: "60%",
|
|
contentHeight: "100%", onClose: "closePopup",
|
|
components: [
|
|
{flex: 1, name: "iscroller", kind: "Scroller",
|
|
components: [
|
|
{name: "projects", kind: "RowGroup", caption: "Projects"},
|
|
{name: "contexts", kind: "RowGroup", caption: "Contexts"}
|
|
]}
|
|
]},
|
|
{name: "filterToolbar", kind: "Toolbar", pack: "justify", className: "enyo-toolbar-light",
|
|
components: [
|
|
{kind: "RadioGroup", name: "priGroup",
|
|
onChange: "setPriority", components: [
|
|
{caption: "-", value: "-"},
|
|
{caption: "A", value: "A"},
|
|
{caption: "B", value: "B"},
|
|
{caption: "C", value: "C"},
|
|
{caption: "D", value: "D"},
|
|
{caption: "E", value: "E"}
|
|
]},
|
|
{kind: "Button", caption: "+", onclick: "showInsert"}
|
|
]
|
|
},
|
|
{flex: 1, name: "scroller", kind: "Scroller", components: [
|
|
{kind: "RichText", name: "tododetail", richContent: false,
|
|
className: "enyo-box-input"},
|
|
]},
|
|
{name: "editToolbar", kind: "Toolbar", pack: "justify", className: "enyo-toolbar-light",
|
|
components: [
|
|
{flex: 1, kind: "Button", caption: "Cancel",
|
|
onclick: "doClose", align: "left"},
|
|
{flex: 1, kind: "Button", caption: "Save",
|
|
onclick: "doSave", align: "right"}
|
|
]
|
|
}
|
|
|
|
],
|
|
|
|
setPriority: function(inSender) {
|
|
var pri = inSender.getValue();
|
|
var val = this.$.tododetail.getValue();
|
|
val = val.replace(/^\([A-E]\)\s/,"")
|
|
if (pri.match(/[A-E]/)) {
|
|
this.$.tododetail.setValue(
|
|
"(" + pri + ") " + val);
|
|
} else {
|
|
this.$.tododetail.setValue( val );
|
|
}
|
|
},
|
|
|
|
showInsert: function() {
|
|
this.$.insertPopup.openAtCenter();
|
|
this.projectList = this.owner.$.listView.getProjectList();
|
|
for (i=0; i<this.projectList.length; i++) {
|
|
var project = this.projectList[i];
|
|
var name = project.replace(/^\+/,"PRJ_");
|
|
this.$.projects.createComponent(
|
|
{content: project, name: name, owner: this,
|
|
onclick: "insert"}
|
|
);
|
|
}
|
|
this.$.projects.render();
|
|
this.contextList = this.owner.$.listView.getContextList();
|
|
for (i=0; i<this.contextList.length; i++) {
|
|
var context = this.contextList[i];
|
|
var name = context.replace(/^@/,"CTX_");
|
|
this.$.contexts.createComponent(
|
|
{content: context, name: name, owner: this,
|
|
onclick: "insert"}
|
|
);
|
|
}
|
|
this.$.contexts.render();
|
|
this.$.iscroller.render();
|
|
},
|
|
|
|
closePopup: function() {
|
|
for (i=0; i<this.projectList.length; i++) {
|
|
var name = this.projectList[i].replace(/^\+/,"PRJ_");
|
|
eval("this.$."+name+".destroy()");
|
|
}
|
|
this.$.projects.render();
|
|
for (i=0; i<this.contextList.length; i++) {
|
|
var name = this.contextList[i].replace(/^@/,"CTX_");
|
|
eval("this.$."+name+".destroy()");
|
|
}
|
|
this.$.contexts.render();
|
|
this.$.tododetail.forceFocus();
|
|
this.$.insertPopup.close();
|
|
},
|
|
|
|
insert: function(inSender, inEvent) {
|
|
var val = this.$.tododetail.getValue();
|
|
this.$.tododetail.setValue(val + " " + inSender.content);
|
|
this.closePopup();
|
|
this.$.tododetail.forceFocus();
|
|
}
|
|
|
|
});
|