";
html += "| "+this.app.lp.application.name+" | |
";
html += "| "+this.app.lp.application.alias+" | |
";
html += "| "+this.app.lp.application.description+" | |
";
html += "| "+this.app.lp.application.type+" | |
";
html += "| "+this.app.lp.application.defaultForm+" | |
";
html += "| "+this.app.lp.application.id+" | |
";
// html += "| "+this.app.lp.application.icon+" | |
";
html += "
";
this.propertyContentNode.set("html", html);
this.propertyContentNode.getElements("td.formTitle").setStyles(this.app.css.propertyBaseContentTdTitle);
this.nameInput = new MWF.xApplication.process.ProcessManager.Input(this.propertyContentNode.getElement("#formApplicationName"), this.data.name, this.app.css.formInput);
this.aliasInput = new MWF.xApplication.process.ProcessManager.Input(this.propertyContentNode.getElement("#formApplicationAlias"), this.data.alias, this.app.css.formInput);
this.descriptionInput = new MWF.xApplication.process.ProcessManager.Input(this.propertyContentNode.getElement("#formApplicationDescription"), this.data.description, this.app.css.formInput);
this.typeInput = new MWF.xApplication.process.ProcessManager.Input(this.propertyContentNode.getElement("#formApplicationType"), this.data.applicationCategory, this.app.css.formInput);
this.idInput = new MWF.xApplication.process.ProcessManager.Input(this.propertyContentNode.getElement("#formApplicationId"), this.data.id, this.app.css.formInput);
this.defaultFormInput = new MWF.xApplication.process.ProcessManager.Select(this.propertyContentNode.getElement("#formApplicationDefaultForm"), this.data.defaultForm, this.app.css.formInput, function(){
var pages = {};
this.app.restActions.listForm(this.app.options.application.id, function(json){
json.data.each(function(page) {
pages[page.id] = page.name;
}.bind(this));
}.bind(this), null, false);
return pages;
}.bind(this));
},
createControllerListNode: function(){
//if (!this.personActions) this.personActions = new MWF.xAction.org.express.RestActions();
this.controllerListTitleNode = new Element("div", {
"styles": this.app.css.controllerListTitleNode,
"text": this.app.lp.application.controllerList
}).inject(this.contentAreaNode);
this.controllerListContentNode = new Element("div", {"styles": {"overflow": "hidden"}}).inject(this.contentAreaNode);
this.administratorsContentNode = new Element("div", {"styles": this.app.css.administratorsContentNode}).inject(this.controllerListContentNode);
var changeAdministrators = new Element("div", {
"styles": {
"margin-left": "40px",
"float": "left",
"background-color": "#FFF",
"padding": "4px 14px",
"border": "1px solid #999",
"border-radius": "3px",
"margin-top": "10px",
"margin-bottom": "20px",
"font-size": "14px",
"color": "#666",
"cursor": "pointer"
},
"text": this.app.lp.application.setManager //"设置管理者"
}).inject(this.contentAreaNode);
changeAdministrators.addEvent("click", function(){
this.changeAdministrators();
}.bind(this));
if (this.data.controllerList){
this.data.controllerList.each(function(name){
if (name) var admin = new MWF.widget.O2Person({"name": name}, this.administratorsContentNode, {"style": "application"});
}.bind(this));
}
},
createMaintainerNode: function(){
this.maintainerTitleNode = new Element("div", {
"styles": this.app.css.controllerListTitleNode,
"text": this.app.lp.application.maintenanceIdentity
}).inject(this.contentAreaNode);
this.maintainerContentNode = new Element("div", {"styles": {"overflow": "hidden"}}).inject(this.contentAreaNode);
this.maintainerContentAreaNode = new Element("div", {"styles": this.app.css.administratorsContentNode}).inject(this.maintainerContentNode);
var changeMaintainer = new Element("div", {
"styles": {
"margin-left": "40px",
"float": "left",
"background-color": "#FFF",
"padding": "4px 14px",
"border": "1px solid #999",
"border-radius": "3px",
"margin-top": "10px",
"margin-bottom": "20px",
"font-size": "14px",
"color": "#666",
"cursor": "pointer"
},
"text": this.app.lp.application.setMaintainer //"设置管理者"
}).inject(this.contentAreaNode);
changeMaintainer.addEvent("click", function(){
this.changeMaintainer();
}.bind(this));
if( !this.data.maintainerList || !this.data.maintainerList.length ){
this.data.maintainerList = this.data.maintenanceIdentity ? [this.data.maintenanceIdentity] : [];
}
this.data.maintainerList.each(function (d){
new MWF.widget.O2Person({"name": d}, this.maintainerContentAreaNode, {"style": "application"});
}.bind(this));
},
changeAdministrators: function(){
var options = {
"type": "person",
"title": this.app.lp.application.setAppManager,
"values": this.data.controllerList || [],
"onComplete": function(items){
this.administratorsContentNode.empty();
var controllerList = [];
items.each(function(item){
controllerList.push(item.data.distinguishedName);
var admin = new MWF.widget.O2Person(item.data, this.administratorsContentNode, {"style": "application"});
}.bind(this));
this.data.controllerList = controllerList;
this.app.restActions.saveApplication(this.data, function(json){
}.bind(this));
}.bind(this)
};
var selector = new MWF.O2Selector(this.app.content, options);
},
changeMaintainer: function(){
if( !this.data.maintainerList || !this.data.maintainerList.length ){
this.data.maintainerList = this.data.maintenanceIdentity ? [this.data.maintenanceIdentity] : [];
}
var options = {
"type": "identity",
"resultType": "person",
"count": 0,
"title": this.app.lp.application.setMaintainer,
"values": this.data.maintainerList,
"onComplete": function(items){
this.maintainerContentAreaNode.empty();
if (items && items.length){
this.data.maintainerList = items.map(function(item){
return item.data.distinguishedName;
});
this.data.maintenanceIdentity = "";
items.each(function(item){
new MWF.widget.O2Person(item.data, this.maintainerContentAreaNode, {"style": "application"});
}.bind(this));
}else{
this.data.maintenanceIdentity = "";
this.data.maintainerList = [];
}
this.app.restActions.saveApplication(this.data, function(json){
}.bind(this));
}.bind(this)
};
var selector = new MWF.O2Selector(this.app.content, options);
},
createAvailableNode: function(){
//if (!this.personActions) this.personActions = new MWF.xAction.org.express.RestActions();
this.availableTitleNode = new Element("div", {
"styles": this.app.css.availableTitleNode,
"text": this.app.lp.application.available
}).inject(this.contentAreaNode);
this.availableContentNode = new Element("div", {"styles": {"overflow": "hidden"}}).inject(this.contentAreaNode);
this.availableItemsContentNode = new Element("div", {"styles": this.app.css.availableItemsContentNode}).inject(this.availableContentNode);
this.availableActionAreaNode = new Element("div", {"styles": {"overflow": "hidden"}}).inject(this.contentAreaNode);
var changeIdentityList = new Element("div", {
"styles": this.app.css.selectButtonStyle,
"text": this.app.lp.application.setUsableIdentity
}).inject(this.availableActionAreaNode);
changeIdentityList.addEvent("click", function(){
this.changeAvailableIdentitys();
}.bind(this));
var changeUnitList = new Element("div", {
"styles": this.app.css.selectButtonStyle,
"text": this.app.lp.application.setUsableUnit
}).inject(this.availableActionAreaNode);
changeUnitList.addEvent("click", function(){
this.changeAvailableUnit();
}.bind(this));
// var changeDepartmentList = new Element("div", {
// "styles": this.app.css.selectButtonStyle,
// "text": "设置可用部门"
// }).inject(this.availableActionAreaNode);
// changeDepartmentList.addEvent("click", function(){
// this.changeAvailableDepartments();
// }.bind(this));
//
// var changeCompanyList = new Element("div", {
// "styles": this.app.css.selectButtonStyle,
// "text": "设置可用公司"
// }).inject(this.availableActionAreaNode);
// changeCompanyList.addEvent("click", function(){
// this.changeAvailableCompanys();
// }.bind(this));
this.setAvailableItems();
},
setAvailableItems: function(){
if (this.data.availableIdentityList){
this.data.availableIdentityList.each(function(name){
if (name) new MWF.widget.O2Identity({"name": name}, this.availableItemsContentNode, {"style": "application"});
}.bind(this));
}
if (this.data.availableUnitList){
this.data.availableUnitList.each(function(name){
if (name) new MWF.widget.O2Unit({"name": name}, this.availableItemsContentNode, {"style": "application"});
}.bind(this));
}
// if (this.data.availableDepartmentList){
// this.data.availableDepartmentList.each(function(name){
// if (name) new MWF.widget.Department({"name": name}, this.availableItemsContentNode, explorer, false, null, {"style": "application"});
// }.bind(this));
// }
// if (this.data.availableCompanyList){
// this.data.availableCompanyList.each(function(name){
// if (name) new MWF.widget.Company({"name": name}, this.availableItemsContentNode, explorer, false, null, {"style": "application"});
// }.bind(this));
// }
},
changeAvailableIdentitys: function(){
var options = {
"type": "identity",
"title": this.app.lp.application.setAppUsableIdentity,
"values": this.data.availableIdentityList || [],
"onComplete": function(items){
var availableIdentityList = [];
items.each(function(item){
availableIdentityList.push(item.data.distinguishedName);
}.bind(this));
this.data.availableIdentityList = availableIdentityList;
this.app.restActions.saveApplication(this.data, function(json){
this.availableItemsContentNode.empty();
this.setAvailableItems();
}.bind(this));
}.bind(this)
};
var selector = new MWF.O2Selector(this.app.content, options);
},
changeAvailableUnit: function(){
var options = {
"type": "unit",
"title": this.app.lp.application.setAppUsableUnit,
"values": this.data.availableUnitList || [],
"onComplete": function(items){
var availableUnitList = [];
items.each(function(item){
availableUnitList.push(item.data.distinguishedName);
}.bind(this));
this.data.availableUnitList = availableUnitList;
this.app.restActions.saveApplication(this.data, function(json){
this.availableItemsContentNode.empty();
this.setAvailableItems();
}.bind(this));
}.bind(this)
};
var selector = new MWF.O2Selector(this.app.content, options);
},
createEditBaseNode: function(){
this.editBaseNode = new Element("button", {
"styles": this.app.css.editBaseNode,
"text": this.app.lp.edit,
"events": {"click": this.editBaseInfor.bind(this)}
}).inject(this.baseActionNode);
},
createCancelBaseNode: function(){
this.cancelBaseNode = new Element("button", {
"styles": this.app.css.cancelBaseNode,
"text": this.app.lp.cancel,
"events": {"click": this.cancelBaseInfor.bind(this)}
}).inject(this.baseActionNode);
},
createSaveBaseNode: function(){
this.saveBaseNode = new Element("button", {
"styles": this.app.css.saveBaseNode,
"text": this.app.lp.save,
"events": {"click": this.saveBaseInfor.bind(this)}
}).inject(this.baseActionNode);
},
editBaseInfor: function(){
this.baseActionNode.empty();
this.editBaseNode = null;
this.createCancelBaseNode();
this.createSaveBaseNode();
this.editMode();
},
editMode: function(){
this.nameInput.editMode();
this.aliasInput.editMode();
this.descriptionInput.editMode();
this.typeInput.editMode();
this.defaultFormInput.editMode();
this.isEdit = true;
},
readMode: function(){
this.nameInput.readMode();
this.aliasInput.readMode();
this.descriptionInput.readMode();
this.typeInput.readMode();
this.defaultFormInput.readMode();
this.isEdit = false;
},
cancelBaseInfor: function(){
if (this.data.name){
this.baseActionNode.empty();
this.cancelBaseNode = null;
this.saveBaseNode = null;
this.createEditBaseNode();
this.readMode();
}else{
this.destroy();
}
},
saveBaseInfor: function(){
if (!this.nameInput.input.get("value")){
this.app.notice(this.app.lp.application.inputApplicationName, "error", this.node);
return false;
}
this.node.mask({
"style": {
"opacity": 0.7,
"background-color": "#999"
}
});
this.save(function(){
this.baseActionNode.empty();
this.cancelBaseNode = null;
this.saveBaseNode = null;
this.createEditBaseNode();
this.readMode();
this.node.unmask();
}.bind(this), function(xhr, text, error){
var errorText = error;
if (xhr) errorText = xhr.responseText;
this.app.notice("request json error: "+errorText, "error");
this.node.unmask();
}.bind(this));
},
save: function(callback, cancel){
this.data.name = this.nameInput.input.get("value");
this.data.alias = this.aliasInput.input.get("value");
this.data.description = this.descriptionInput.input.get("value");
this.data.applicationCategory = this.typeInput.input.get("value");
this.data.defaultForm = this.defaultFormInput.input.get("value");
this.app.restActions.saveApplication(this.data, function(json){
this.propertyTitleBar.set("text", this.data.name);
this.data.id = json.data.id;
this.nameInput.save();
this.aliasInput.save();
this.descriptionInput.save();
this.typeInput.save();
this.defaultFormInput.save();
if (callback) callback();
}.bind(this), function(xhr, text, error){
if (cancel) cancel(xhr, text, error);
}.bind(this));
}
});
MWF.xApplication.process.ProcessManager.Input = new Class({
Implements: [Events],
initialize: function(node, value, style){
this.node = $(node);
this.value = value || "";
this.style = style;
this.load();
},
load: function(){
this.content = new Element("div", {
"styles": this.style.content,
"text": this.value
}).inject(this.node);
},
editMode: function(){
this.content.empty();
this.input = new Element("input",{
"styles": this.style.input,
"value": this.value
}).inject(this.content);
this.input.addEvents({
"focus": function(){
this.input.setStyles(this.style.input_focus);
}.bind(this),
"blur": function(){
this.input.setStyles(this.style.input);
}.bind(this)
});
},
readMode: function(){
this.content.empty();
this.input = null;
this.content.set("text", this.value);
},
save: function(){
if (this.input) this.value = this.input.get("value");
return this.value;
}
});
MWF.xApplication.process.ProcessManager.Select = new Class({
Extends: MWF.xApplication.process.ProcessManager.Input,
Implements: [Events],
initialize: function(node, value, style, select){
this.node = $(node);
this.value = (value) ? value: "";
this.style = style;
this.select = select;
this.selectList = null;
this.load();
},
getSelectList: function(){
if (this.select){
return this.select();
}
return [];
},
getText: function(value){
if (value){
if (this.selectList){
return this.selectList[value] || "";
}
}
return "";
},
load: function(){
this.selectList = this.getSelectList();
this.content = new Element("div", {
"styles": this.style.content,
"text": this.getText(this.value)
}).inject(this.node);
},
editMode: function(){
this.content.empty();
this.input = new Element("select",{
//"styles": this.style.input,
//"value": this.value
}).inject(this.content);
Object.each(this.selectList, function(v, k){
new Element("option", {
"value": k,
"text": v,
"selected": (this.value==k)
}).inject(this.input);
}.bind(this));
//this.input.addEvents({
// //"focus": function(){
// // this.input.setStyles(this.style.input_focus);
// //}.bind(this),
// //"blur": function(){
// // this.input.setStyles(this.style.input);
// //}.bind(this),
// //"change": function(){
// // this.input.setStyles(this.style.input);
// //}.bind(this)
//});
},
readMode: function(){
this.content.empty();
this.input = null;
this.content.set("text", this.getText(this.value));
},
save: function(){
if (this.input) if (this.input.options.length)this.value = this.input.options[this.input.selectedIndex].get("value");
return this.value;
}
});