";
html += "| "+this.app.lp.application.name+" | |
";
html += "| "+this.app.lp.application.alias+" | |
";
html += "| "+this.app.lp.application.description+" | |
";
html += "| "+this.app.lp.application.sort+" | |
";
// html += "| "+this.app.lp.application.type+" | |
";
// 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.cms.ColumnManager.Input(this.propertyContentNode.getElement("#formApplicationName"), this.data.name, this.app.css.formInput);
this.aliasInput = new MWF.xApplication.cms.ColumnManager.Input(this.propertyContentNode.getElement("#formApplicationAlias"), this.data.alias, this.app.css.formInput);
this.descriptionInput = new MWF.xApplication.cms.ColumnManager.Input(this.propertyContentNode.getElement("#formApplicationDescription"), this.data.description, this.app.css.formInput);
this.sortInput = new MWF.xApplication.cms.ColumnManager.Input(this.propertyContentNode.getElement("#formApplicationSort"), this.data.appInfoSeq, this.app.css.formInput);
//this.typeInput = new MWF.xApplication.cms.ColumnManager.Input(this.propertyContentNode.getElement("#formApplicationType"), this.data.applicationCategory, this.app.css.formInput);
},
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": "设置栏目管理者"
}).inject(this.contentAreaNode);
changeAdministrators.addEvent("click", function(){
this.changeAdministrators();
}.bind(this));
if (this.controllerList){
var explorer = {
"actions": this.personActions,
"app": {
"lp": this.app.lp
}
}
this.controllerList.each(function(name){
if (name) var admin = new MWF.widget.Person({"name": name}, this.administratorsContentNode, explorer, false, null, {"style": "application"});
}.bind(this));
}
},
changeAdministrators: function(){
var explorer = {
"actions": this.personActions,
"app": {
"lp": this.app.lp
}
};
var options = {
"type": "person",
"title": "设置应用管理者",
"names": this.controllerList || [],
"onComplete": function(items){
this.administratorsContentNode.empty();
//var controllerList = [];
//items.each(function(item){
// controllerList.push(item.data.name);
// var admin = new MWF.widget.Person(item.data, this.administratorsContentNode, explorer, false, null, {"style": "application"});
//}.bind(this));
//this.controllerList = controllerList;
//this.app.restActions.saveApplication(this.data, function(json){
//
//}.bind(this));
var controllerList = [];
items.each(function(item){
controllerList.push(item.data.name);
var admin = new MWF.widget.Person(item.data, this.administratorsContentNode, explorer, false, null, {"style": "application"});
}.bind(this));
controllerList.each(function(item){
if( !this.controllerList.contains( item ) ){
var controllerData = {
"objectType": "APPINFO",
"objectId": this.data.id,
"adminUid": item,
"adminName": item,
"adminLevel": "ADMIN"
}
this.app.restActions.saveController(controllerData, function(json){
controllerData.id = json.data.id;
this.controllerData.push( controllerData );
}.bind(this), null, false);
}
}.bind(this))
this.controllerList.each(function(item){
if( !controllerList.contains( item ) ){
var ad = null;
var id = "";
this.controllerData.each(function(data){
if( data.adminName == item ){
ad = data;
id = data.id;
}
}.bind(this));
this.app.restActions.removeController(id, function(json){
this.controllerData.erase( ad )
}.bind(this), null, false);
}
}.bind(this))
this.controllerList = controllerList;
this.app.notice( MWF.CMSCM.LP.setControllerSuccess , "success");
}.bind(this)
};
var selector = new MWF.OrgSelector(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.sortInput.editMode();
//this.typeInput.editMode();
this.isEdit = true;
},
readMode: function(){
this.nameInput.readMode();
this.aliasInput.readMode();
this.descriptionInput.readMode();
this.sortInput.readMode();
//this.typeInput.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.appName = this.data.name;
this.data.alias = this.aliasInput.input.get("value");
this.data.appAlias = this.data.alias;
this.data.description = this.descriptionInput.input.get("value");
this.data.appInfoSeq = this.sortInput.input.get("value");
//this.data.applicationCategory = this.typeInput.input.get("value");
this.app.restActions.saveColumn(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.sortInput.save();
//this.typeInput.save();
if (callback) callback();
}.bind(this), function(xhr, text, error){
if (cancel) cancel(xhr, text, error);
}.bind(this));
}
});
MWF.xApplication.cms.ColumnManager.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;
}
});