Image.js 5.6 KB

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