Image.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. MWF.xApplication.process.FormDesigner.Module = MWF.xApplication.process.FormDesigner.Module || {};
  2. MWF.xDesktop.requireApp("process.FormDesigner", "Module.$Element", null, false);
  3. MWF.xApplication.process.FormDesigner.Module.Image = MWF.FCImage = new Class({
  4. Extends: MWF.FC$Element,
  5. Implements: [Options, Events],
  6. options: {
  7. "style": "default",
  8. "propertyPath": "/x_component_process_FormDesigner/Module/Image/image.html"
  9. },
  10. initialize: function(form, options){
  11. this.setOptions(options);
  12. this.path = "/x_component_process_FormDesigner/Module/Image/";
  13. this.cssPath = "/x_component_process_FormDesigner/Module/Image/"+this.options.style+"/css.wcss";
  14. this._loadCss();
  15. this.moduleType = "element";
  16. this.moduleName = "image";
  17. this.form = form;
  18. this.container = null;
  19. this.containerNode = null;
  20. },
  21. _createMoveNode: function(){
  22. this.moveNode = new Element("img", {
  23. "MWFType": "image",
  24. "id": this.json.id,
  25. "src": this.json.src || this.path+this.options.style+"/icon/image1.png",
  26. "styles": this.css.moduleNodeMove,
  27. "events": {
  28. "selectstart": function(){
  29. return false;
  30. }
  31. }
  32. }).inject(this.form.container);
  33. },
  34. _getCopyNode: function(){
  35. if (!this.copyNode) this._createCopyNode();
  36. this.copyNode.setStyle("display", "inline-block");
  37. return this.copyNode;
  38. },
  39. _setEditStyle_custom: function(name){
  40. if (name=="src"){
  41. if (this.json.src){
  42. var src = this.json.src.imageSrc;
  43. this.node.src = src;
  44. this.setPropertiesOrStyles("styles");
  45. //if (!this.json.styles.width || !this.json.styles.height){
  46. // var tmpImg = new Element("img",{
  47. // "src": src
  48. // }).inject(this.form.node);
  49. // var size = tmpImg.getSize();
  50. // if (!this.json.styles.width){
  51. // this.node.setStyles({"width": ""+size.x+"px"});
  52. // this.json.styles.width = ""+size.x+"px";
  53. // }
  54. // if (!this.json.styles.height){
  55. // this.node.setStyles({"height": ""+size.y+"px"});
  56. // this.json.styles.height = ""+size.y+"px";
  57. // }
  58. // this.property.maplists["styles"].reload(this.json.styles);
  59. // tmpImg.destroy();
  60. //}
  61. }
  62. }
  63. if (name="properties"){
  64. this._setNodeProperty();
  65. }
  66. },
  67. _setNodeProperty: function(){
  68. if (this.form.moduleList.indexOf(this)==-1) this.form.moduleList.push(this);
  69. if (this.form.moduleNodeList.indexOf(this.node)==-1) this.form.moduleNodeList.push(this.node);
  70. if (this.form.moduleElementNodeList.indexOf(this.node)==-1) this.form.moduleElementNodeList.push(this.node);
  71. this.node.store("module", this);
  72. if (typeOf(this.json.src)=="object"){
  73. var src = MWF.xDesktop.getImageSrc( this.json.src.imageId );
  74. this.node.set("src", src);
  75. }
  76. if (this.json.properties && this.json.properties["src"]){
  77. var value = this.json.properties["src"];
  78. if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1)){
  79. var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
  80. var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
  81. if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
  82. value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
  83. }else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
  84. value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
  85. }
  86. if (value.indexOf("/x_portal_assemble_surface")!==-1){
  87. value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
  88. }else if (value.indexOf("x_portal_assemble_surface")!==-1){
  89. value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
  90. }
  91. }
  92. this.node.set("src", value);
  93. }
  94. }
  95. });