Image.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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. }else{
  46. this.node.set("src", this.path +this.options.style+"/icon/image1.png");
  47. }
  48. }
  49. debugger;
  50. if (name=="srcfile"){
  51. var value = this.json.srcfile;
  52. if (value==="none"){
  53. this.json.srcfile = "";
  54. value = "";
  55. }
  56. if (value){
  57. var host = MWF.Actions.getHost("x_processplatform_assemble_surface");
  58. var action = MWF.Actions.get("x_processplatform_assemble_surface");
  59. var uri = action.action.actions.readFile.uri;
  60. uri = uri.replace("{flag}", value);
  61. uri = uri.replace("{applicationFlag}", this.form.json.application);
  62. value = host+"x_processplatform_assemble_surface/"+uri;
  63. try{
  64. this.node.set("src", value);
  65. }catch(e){}
  66. }else{
  67. if (this.json.properties.src) {
  68. this._setEditStyle_custom("properties");
  69. }else if (this.json.src){
  70. this._setEditStyle_custom("src");
  71. }else{
  72. this.node.set("src", this.path +this.options.style+"/icon/image1.png");
  73. }
  74. }
  75. }
  76. if (name=="properties"){
  77. this._setNodeProperty();
  78. }
  79. },
  80. _setNodeProperty: function(){
  81. if (this.form.moduleList.indexOf(this)==-1) this.form.moduleList.push(this);
  82. if (this.form.moduleNodeList.indexOf(this.node)==-1) this.form.moduleNodeList.push(this.node);
  83. if (this.form.moduleElementNodeList.indexOf(this.node)==-1) this.form.moduleElementNodeList.push(this.node);
  84. this.node.store("module", this);
  85. if (typeOf(this.json.src)=="object"){
  86. var src = MWF.xDesktop.getImageSrc( this.json.src.imageId );
  87. this.node.set("src", src);
  88. }
  89. if (this.json.properties && this.json.properties["src"]){
  90. var value = this.json.properties["src"];
  91. if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1)){
  92. var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
  93. var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
  94. if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
  95. value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
  96. }else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
  97. value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
  98. }
  99. if (value.indexOf("/x_portal_assemble_surface")!==-1){
  100. value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
  101. }else if (value.indexOf("x_portal_assemble_surface")!==-1){
  102. value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
  103. }
  104. }
  105. if (value){
  106. this.node.set("src", value);
  107. }else{
  108. if (this.json.srcfile && this.json.srcfile!="none") {
  109. this._setEditStyle_custom("srcfile");
  110. }else if (this.json.src){
  111. this._setEditStyle_custom("src");
  112. }else{
  113. this.node.set("src", this.path +this.options.style+"/icon/image1.png");
  114. }
  115. }
  116. }else{
  117. if (this.json.srcfile && this.json.srcfile!="none") {
  118. this._setEditStyle_custom("srcfile");
  119. }else if (this.json.src){
  120. this._setEditStyle_custom("src");
  121. }else{
  122. this.node.set("src", this.path +this.options.style+"/icon/image1.png");
  123. }
  124. }
  125. }
  126. });