FormExplorer.js 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
  1. MWF.xDesktop.requireApp("cms.ColumnManager", "Explorer", null, false);
  2. MWF.xApplication.cms.ColumnManager.FormExplorer = new Class({
  3. Extends: MWF.xApplication.cms.ColumnManager.Explorer,
  4. Implements: [Options, Events],
  5. options: {
  6. "create": MWF.CMSCM.LP.form.create,
  7. "search": MWF.CMSCM.LP.form.search,
  8. "searchText": MWF.CMSCM.LP.form.searchText,
  9. "noElement": MWF.CMSCM.LP.form.noFormNoticeText
  10. },
  11. //
  12. //_createElement: function(e){
  13. // var _self = this;
  14. // var createForm = function(e, template){
  15. // layout.desktop.getFormDesignerStyle(function(){
  16. // var options = {
  17. // "style": layout.desktop.formDesignerStyle,
  18. // "template": template,
  19. // "onQueryLoad": function(){
  20. // this.actions = _self.app.restActions;
  21. // this.column = _self.app.options.column;
  22. // this.application = _self.app.options.column;
  23. // },
  24. // "onPostSave" : function(){
  25. // _self.reload();
  26. // }
  27. // };
  28. // layout.desktop.openApplication(e, "cms.FormDesigner", options);
  29. // }.bind(this));
  30. //
  31. // }
  32. //
  33. // var createTemplateMaskNode = new Element("div", {"styles": this.css.createTemplateMaskNode}).inject(this.app.content);
  34. // var createTemplateAreaNode = new Element("div", {"styles": this.css.createFormTemplateAreaNode}).inject(this.app.content);
  35. // createTemplateAreaNode.fade("in");
  36. //
  37. // var createTemplateScrollNode = new Element("div", {"styles": this.css.createTemplateScrollNode}).inject(createTemplateAreaNode);
  38. // var createTemplateContentNode = new Element("div", {"styles": this.css.createTemplateContentNode}).inject(createTemplateScrollNode);
  39. // MWF.require("MWF.widget.ScrollBar", function(){
  40. // new MWF.widget.ScrollBar(createTemplateScrollNode, {"indent": false});
  41. // }.bind(this));
  42. //
  43. // var _self = this;
  44. // var url = "/x_component_cms_FormDesigner/Module/Form/template/templates.json";
  45. // MWF.getJSON(url, function(json){
  46. // json.each(function(template){
  47. // var templateNode = new Element("div", {"styles": this.css.templateNode}).inject(createTemplateContentNode);
  48. // var templateIconNode = new Element("div", {"styles": this.css.templateIconNode}).inject(templateNode);
  49. // var templateTitleNode = new Element("div", {"styles": this.css.templateTitleNode, "text": template.title}).inject(templateNode);
  50. // templateNode.store("template", template.name);
  51. //
  52. // var templateIconImgNode = new Element("img", {"styles": this.css.templateIconImgNode}).inject(templateIconNode);
  53. // templateIconImgNode.set("src", "/x_component_cms_FormDesigner/Module/Form/template/"+template.icon);
  54. //
  55. // templateNode.addEvents({
  56. // "mouseover": function(){this.setStyles(_self.css.templateNode_over)},
  57. // "mouseout": function(){this.setStyles(_self.css.templateNode)},
  58. // "mousedown": function(){this.setStyles(_self.css.templateNode_down)},
  59. // "mouseup": function(){this.setStyles(_self.css.templateNode_over)},
  60. // "click": function(e){
  61. // createForm(e, this.retrieve("template"));
  62. // createTemplateAreaNode.destroy();
  63. // createTemplateMaskNode.destroy();
  64. // }
  65. // });
  66. //
  67. // }.bind(this))
  68. //
  69. // }.bind(this));
  70. //
  71. // createTemplateMaskNode.addEvent("click", function(){
  72. // createTemplateAreaNode.destroy();
  73. // createTemplateMaskNode.destroy();
  74. // });
  75. //
  76. // var size = this.app.content.getSize();
  77. // var y = (size.y - 262)/2;
  78. // var x = (size.x - 828)/2;
  79. // if (y<0) y=0;
  80. // if (x<0) x=0;
  81. // createTemplateAreaNode.setStyles({
  82. // "top": ""+y+"px",
  83. // "left": ""+x+"px"
  84. // });
  85. //
  86. //},
  87. _createElement: function(e){
  88. this.formTemplateList = null;
  89. this.defalutFormTemplateList = null;
  90. var _self = this;
  91. var createDefaultForm = function(e, template){
  92. layout.desktop.getFormDesignerStyle(function(){
  93. var options = {
  94. "style": layout.desktop.formDesignerStyle,
  95. "template": template,
  96. "onQueryLoad": function(){
  97. this.actions = _self.app.restActions;
  98. this.application = _self.app.options.application;
  99. }
  100. };
  101. layout.desktop.openApplication(e, "cms.FormDesigner", options);
  102. }.bind(this));
  103. };
  104. var createForm = function(e, template){
  105. layout.desktop.getFormDesignerStyle(function(){
  106. var options = {
  107. "style": layout.desktop.formDesignerStyle,
  108. "templateId": template,
  109. "onQueryLoad": function(){
  110. this.actions = _self.app.restActions;
  111. this.application = _self.app.options.application;
  112. }
  113. };
  114. layout.desktop.openApplication(e, "cms.FormDesigner", options);
  115. }.bind(this));
  116. };
  117. var createTemplateMaskNode = new Element("div", {"styles": this.css.createTemplateMaskNode}).inject(this.app.content);
  118. var createTemplateAreaNode = new Element("div", {"styles": this.css.createFormTemplateAreaNode}).inject(this.app.content);
  119. createTemplateAreaNode.fade("in");
  120. var createTemplateTitleNode = new Element("div", {"styles": this.css.createTemplateFormTitleNode, "text": this.app.lp.createSelectTemplate}).inject(createTemplateAreaNode);
  121. var createTemplateCategoryNode = new Element("div", {"styles": this.css.createTemplateFormCategoryNode}).inject(createTemplateAreaNode);
  122. var createTemplateCategoryTitleNode = new Element("div", {"styles": this.css.createTemplateFormCategoryTitleNode, "text": this.app.lp.templateCategory}).inject(createTemplateCategoryNode);
  123. var createTemplateContentNode = new Element("div", {"styles": this.css.createTemplateFormContentNode}).inject(createTemplateAreaNode);
  124. var createTemplateCategoryAllNode = new Element("div", {"styles": this.css.createTemplateFormCategoryItemNode, "text": this.app.lp.all}).inject(createTemplateCategoryNode);
  125. createTemplateCategoryAllNode.addEvent("click", function(){
  126. loadAllTemplates();
  127. });
  128. this.app.restActions.listFormTemplateCategory(function(json){
  129. json.data.each(function(d){
  130. var createTemplateCategoryItemNode = new Element("div", {"styles": this.css.createTemplateFormCategoryItemNode, "text": d.name+"("+ d.count+")", "value": d.name}).inject(createTemplateCategoryNode);
  131. createTemplateCategoryItemNode.addEvent("click", function(){
  132. createTemplateContentNode.empty();
  133. createTemplateCategoryNode.getElements("div").each(function(node, i){
  134. if (i>0) node.setStyles(_self.css.createTemplateFormCategoryItemNode);
  135. });
  136. this.setStyles(_self.css.createTemplateFormCategoryItemNode_current);
  137. loadTemplates(this.get("value"));
  138. });
  139. }.bind(this));
  140. }.bind(this));
  141. var resize = function(){
  142. var size = this.app.content.getSize();
  143. var y = (size.y*0.1)/2;
  144. var x = (size.x*0.1)/2;
  145. if (y<0) y=0;
  146. if (x<0) x=0;
  147. createTemplateAreaNode.setStyles({
  148. "top": ""+y+"px",
  149. "left": ""+x+"px"
  150. });
  151. y = size.y*0.9-createTemplateCategoryNode.getSize().y-70;
  152. createTemplateContentNode.setStyle("height", ""+y+"px");
  153. }.bind(this);
  154. resize();
  155. this.app.addEvent("resize", resize);
  156. var getDefaultFormTemplateList = function(callback){
  157. if (this.defalutFormTemplateList){
  158. if (callback) callback();
  159. }else{
  160. var url = "/x_component_cms_FormDesigner/Module/Form/template/templates.json";
  161. MWF.getJSON(url, function(json){
  162. this.defalutFormTemplateList = json;
  163. if (callback) callback();
  164. }.bind(this));
  165. }
  166. }.bind(this);
  167. var loadDefaultTemplate = function(){
  168. getDefaultFormTemplateList(function(){
  169. this.defalutFormTemplateList.each(function(template){
  170. var templateNode = new Element("div", {"styles": this.css.formTemplateNode}).inject(createTemplateContentNode);
  171. var templateIconNode = new Element("div", {"styles": this.css.formTemplateIconNode}).inject(templateNode);
  172. var templateTitleNode = new Element("div", {"styles": this.css.formTemplateTitleNode, "text": template.title}).inject(templateNode);
  173. templateNode.store("template", template.name);
  174. var templateIconImgNode = new Element("img", {"styles": this.css.formTemplateIconImgNode}).inject(templateIconNode);
  175. templateIconImgNode.set("src", "/x_component_cms_FormDesigner/Module/Form/template/"+template.icon);
  176. templateNode.addEvents({
  177. "mouseover": function(){this.setStyles(_self.css.formTemplateNode_over)},
  178. "mouseout": function(){this.setStyles(_self.css.formTemplateNode)},
  179. "mousedown": function(){this.setStyles(_self.css.formTemplateNode_down)},
  180. "mouseup": function(){this.setStyles(_self.css.formTemplateNode_over)},
  181. "click": function(e){
  182. createDefaultForm(e, this.retrieve("template"));
  183. _self.app.removeEvent("resize", resize);
  184. createTemplateAreaNode.destroy();
  185. createTemplateMaskNode.destroy();
  186. }
  187. });
  188. }.bind(this))
  189. }.bind(this));
  190. }.bind(this);
  191. var getFormTemplateList = function(callback){
  192. if (this.formTemplateList){
  193. if (callback) callback();
  194. }else{
  195. this.app.restActions.listFormTemplate(function(json){
  196. this.formTemplateList = json.data;
  197. if (callback) callback();
  198. }.bind(this));
  199. }
  200. }.bind(this);
  201. var loadTemplates = function(category){
  202. getFormTemplateList(function(){
  203. Object.each(this.formTemplateList, function(v, k){
  204. var flag = (category) ? (k==category) : true;
  205. if (flag){
  206. v.each(function(template){
  207. var templateNode = new Element("div", {"styles": this.css.formTemplateNode}).inject(createTemplateContentNode);
  208. var templateIconNode = new Element("div", {"styles": this.css.formTemplatePreviewNode}).inject(templateNode);
  209. var templateTitleNode = new Element("div", {"styles": this.css.formTemplateTitleNode, "text": template.name}).inject(templateNode);
  210. templateNode.store("template", template.id);
  211. templateIconNode.set("html", template.outline);
  212. var templateActionNode = new Element("img", {"styles": this.css.formTemplateActionNode}).inject(templateIconNode);
  213. templateActionNode.addEvent("click", function(e){
  214. var thisNode = this.getParent().getParent();
  215. var id = thisNode.retrieve("template");
  216. _self.app.confirm("wram", e, _self.app.lp.form.deleteFormTemplateTitle, _self.app.lp.form.deleteFormTemplate, 300, 120, function(){
  217. _self.app.restActions.deleteFormTemplate(id, function(json){
  218. //thisNode.destroy();
  219. _self.app.removeEvent("resize", resize);
  220. createTemplateAreaNode.destroy();
  221. createTemplateMaskNode.destroy();
  222. _self._createElement(e)
  223. }.bind(this));
  224. this.close();
  225. }, function(){
  226. this.close();
  227. });
  228. e.stopPropagation();
  229. });
  230. //templateIconImgNode.set("src", "/x_component_process_FormDesigner/Module/Form/template/"+template.icon);
  231. templateNode.addEvents({
  232. "mouseover": function(){
  233. this.setStyles(_self.css.formTemplateNode_over);
  234. if (templateActionNode) templateActionNode.setStyle("display", "block");
  235. },
  236. "mouseout": function(){
  237. this.setStyles(_self.css.formTemplateNode);
  238. if (templateActionNode) templateActionNode.setStyle("display", "none");
  239. },
  240. "mousedown": function(){this.setStyles(_self.css.formTemplateNode_down)},
  241. "mouseup": function(){this.setStyles(_self.css.formTemplateNode_over)},
  242. "click": function(e){
  243. createForm(e, this.retrieve("template"));
  244. _self.app.removeEvent("resize", resize);
  245. createTemplateAreaNode.destroy();
  246. createTemplateMaskNode.destroy();
  247. }
  248. });
  249. }.bind(this));
  250. }
  251. }.bind(this));
  252. }.bind(this));
  253. }.bind(this);
  254. var loadAllTemplates = function(){
  255. createTemplateContentNode.empty();
  256. createTemplateCategoryNode.getElements("div").each(function(node, i){
  257. if (i>0) node.setStyles(_self.css.createTemplateFormCategoryItemNode);
  258. });
  259. createTemplateCategoryAllNode.setStyles(_self.css.createTemplateFormCategoryItemNode_current);
  260. loadDefaultTemplate();
  261. loadTemplates();
  262. };
  263. loadAllTemplates();
  264. createTemplateMaskNode.addEvent("click", function(){
  265. this.app.removeEvent("resize", resize);
  266. createTemplateAreaNode.destroy();
  267. createTemplateMaskNode.destroy();
  268. }.bind(this));
  269. },
  270. showDeleteAction: function(){
  271. if (!this.deleteItemsAction){
  272. this.deleteItemsAction = new Element("div", {
  273. "styles": this.css.deleteItemsAction,
  274. "text": this.app.lp.deleteItems
  275. }).inject(this.node);
  276. this.deleteItemsAction.fade("in");
  277. this.deleteItemsAction.position({
  278. relativeTo: this.elementContentListNode
  279. });
  280. this.deleteItemsAction.addEvent("click", function(){
  281. var _self = this;
  282. this.app.confirm("warn", this.deleteItemsAction, MWF.CMSCM.LP.form.deleteFormTitle, MWF.CMSCM.LP.form.deleteForm, 300, 120, function(){
  283. _self.deleteItems();
  284. this.close();
  285. }, function(){
  286. this.close();
  287. });
  288. }.bind(this));
  289. }
  290. },
  291. _loadItemDataList: function(callback){
  292. this.app.restActions.listForm(this.app.options.column.id,callback);
  293. },
  294. _getItemObject: function(item, index){
  295. return new MWF.xApplication.cms.ColumnManager.FormExplorer.Form(this, item, {index:index})
  296. },
  297. setTooltip: function(){
  298. this.options.tooltip = {
  299. "create": MWF.CMSCM.LP.form.create,
  300. "search": MWF.CMSCM.LP.form.search,
  301. "searchText": MWF.CMSCM.LP.form.searchText,
  302. "noElement": MWF.CMSCM.LP.form.noFormNoticeText
  303. };
  304. },
  305. deleteItems: function(){
  306. while (this.deleteMarkItems.length){
  307. var item = this.deleteMarkItems.shift();
  308. if (this.deleteMarkItems.length){
  309. item.deleteForm();
  310. }else{
  311. item.deleteForm(function(){
  312. // this.reloadItems();
  313. this.hideDeleteAction();
  314. this.reload();
  315. }.bind(this));
  316. }
  317. }
  318. },
  319. keyCopy: function(e){
  320. if (this.selectMarkItems.length){
  321. var items = [];
  322. var i = 0;
  323. var checkItems = function(e){
  324. if (i>=this.selectMarkItems.length){
  325. if (items.length){
  326. var str = JSON.encode(items);
  327. if (e){
  328. e.clipboardData.setData('text/plain', str);
  329. }else {
  330. window.clipboardData.setData("Text", str);
  331. }
  332. this.app.notice(this.app.lp.copyed, "success");
  333. }
  334. }
  335. }.bind(this);
  336. this.selectMarkItems.each(function(item){
  337. this.app.restActions.getForm(item.data.id, function(json){
  338. //this.app.restActions.listFormFieldWithForm(item.data.id, function(fieldJson){
  339. // var fieldList = [];
  340. // fieldJson.data.number.each(function(f){ fieldList.push({"dataType": "number", "name": f.name}) });
  341. // fieldJson.data.person.each(function(f){ fieldList.push({"dataType": "person", "name": f.name}) });
  342. // fieldJson.data.string.each(function(f){ fieldList.push({"dataType": "string", "name": f.name}) });
  343. //
  344. // json.data.fieldList = fieldList;
  345. //}.bind(this), null, false);
  346. json.data.elementType = "form";
  347. items.push(json.data);
  348. i++;
  349. checkItems(e);
  350. }.bind(this), null, false)
  351. }.bind(this));
  352. }
  353. },
  354. keyPaste: function(e){
  355. var dataStr = "";
  356. if (e){
  357. dataStr = e.clipboardData.getData('text/plain');
  358. }else{
  359. dataStr = window.clipboardData.getData("Text");
  360. }
  361. var data = JSON.decode(dataStr);
  362. this.pasteItem(data, 0);
  363. },
  364. pasteItem: function(data, i){
  365. if (i<data.length){
  366. var item = data[i];
  367. if (item.elementType==="form"){
  368. this.saveItemAs(item, function(){
  369. i++;
  370. this.pasteItem(data, i);
  371. }.bind(this), function(){
  372. i++;
  373. this.pasteItem(data, i);
  374. }.bind(this), function(){
  375. this.reload();
  376. }.bind(this));
  377. }else{
  378. i++;
  379. this.pasteItem(data, i);
  380. }
  381. }else{
  382. this.reload();
  383. }
  384. },
  385. saveItemAs: function(data, success, failure, cancel){
  386. this.app.restActions.listForm(this.app.options.application.id, function(dJson){
  387. dJson.data = dJson.data || [];
  388. var i=1;
  389. var someItems = dJson.data.filter(function(d){ return d.id===data.id });
  390. if (someItems.length){
  391. var someItem = someItems[0];
  392. var lp = this.app.lp;
  393. var _self = this;
  394. var d1 = new Date().parse(data.updateTime);
  395. var d2 = new Date().parse(someItem.updateTime);
  396. var html = "<div>"+lp.copyConfirmInfor+"</div>";
  397. html += "<div style='overflow: hidden; margin: 10px 0px; padding: 5px 10px; background-color: #ffffff; border-radius: 6px;'><div style='font-weight: bold; font-size:14px;'>"+lp.copySource+" "+someItem.name+"</div>";
  398. html += "<div style='font-size:12px; color: #666666; float: left'>"+someItem.updateTime+"</div>" +
  399. //"<div style='font-size:12px; color: #666666; float: left; margin-left: 20px;'>"+MWF.name.cn(someItem.lastUpdatePerson)+"</div>" +
  400. "<div style='color: red; float: right;'>"+((d1>=d2) ? "": lp.copynew)+"</div></div>";
  401. html += "<div style='overflow: hidden; margin: 10px 0px; padding: 5px 10px; background-color: #ffffff; border-radius: 6px;'><div style='clear: both;font-weight: bold; font-size:14px;'>"+lp.copyTarget+" "+data.name+"</div>";
  402. html += "<div style='font-size:12px; color: #666666; float: left;'>"+data.updateTime+"</div>" +
  403. //"<div style='font-size:12px; color: #666666; float: left; margin-left: 20px;'>"+MWF.name.cn(data.lastUpdatePerson)+"</div>" +
  404. "<div style='color: red; float: right;'>"+((d1<=d2) ? "": lp.copynew)+"</div></div>";
  405. // html += "<>"
  406. this.app.dlg("inofr", null, this.app.lp.copyConfirmTitle, {"html": html}, 500, 290, [
  407. {
  408. "text": lp.copyConfirm_overwrite,
  409. "action": function(){_self.saveItemAsUpdate(someItem, data, success, failure);this.close();}
  410. },
  411. {
  412. "text": lp.copyConfirm_new,
  413. "action": function(){_self.saveItemAsNew(dJson, data, success, failure);this.close();}
  414. },
  415. {
  416. "text": lp.copyConfirm_skip,
  417. "action": function(){/*nothing*/ this.close(); if (success) success();}
  418. },
  419. {
  420. "text": lp.copyConfirm_cancel,
  421. "action": function(){this.close(); if (cancel) cancel();}
  422. }
  423. ]);
  424. }else{
  425. this.saveItemAsNew(dJson, data, success, failure)
  426. }
  427. }.bind(this), function(){if (failure) failure();}.bind(this));
  428. },
  429. saveItemAsUpdate: function(someItem, form, success, failure){
  430. var item = this.app.options.application;
  431. var pcdata = JSON.decode(MWF.decodeJsonString(form.data));
  432. var mobiledata = JSON.decode(MWF.decodeJsonString(form.mobileData));
  433. pcdata.id = someItem.id;
  434. pcdata.isNewForm = false;
  435. pcdata.json.id = someItem.id;
  436. pcdata.json.application = item.id;
  437. pcdata.json.applicationName = item.name;
  438. pcdata.json.name = someItem.name;
  439. pcdata.json.alias = someItem.alias;
  440. pcdata.json.appId = item.id;
  441. pcdata.json.appName = item.name;
  442. mobiledata.json.id = someItem.id;
  443. mobiledata.json.application = item.id;
  444. mobiledata.json.applicationName = item.name;
  445. mobiledata.applicationName = item.name;
  446. mobiledata.json.name = someItem.name;
  447. mobiledata.json.alias = someItem.alias;
  448. mobiledata.json.appId = item.id;
  449. mobiledata.json.appName = item.name;
  450. this.app.restActions.saveForm(pcdata, mobiledata, form.fieldList, function(){
  451. if (success) success();
  452. }.bind(this), function(){
  453. if (failure) failure();
  454. }.bind(this));
  455. },
  456. saveItemAsNew: function(formsJson, form, success, failure){
  457. var item = this.app.options.application;
  458. var id = item.id;
  459. var name = item.name;
  460. var pcdata = JSON.decode(MWF.decodeJsonString(form.data));
  461. var mobiledata = JSON.decode(MWF.decodeJsonString(form.mobileData));
  462. var oldName = pcdata.json.name;
  463. var i=1;
  464. while (formsJson.data.some(function(d){ return d.name==pcdata.json.name })){
  465. pcdata.json.name = oldName+"_copy"+i;
  466. mobiledata.json.name = oldName+"_copy"+i;
  467. i++;
  468. }
  469. pcdata.id = "";
  470. pcdata.isNewForm = true;
  471. pcdata.json.id = "";
  472. pcdata.json.application = id;
  473. pcdata.json.applicationName = name;
  474. pcdata.json.appId = id;
  475. pcdata.json.appName = name;
  476. pcdata.json.alias = "";
  477. mobiledata.json.id = "";
  478. mobiledata.json.application = id;
  479. mobiledata.json.applicationName = name;
  480. mobiledata.applicationName = name;
  481. mobiledata.json.appId = id;
  482. mobiledata.json.appName = name;
  483. mobiledata.json.alias = "";
  484. this.app.restActions.saveForm(pcdata, mobiledata, form.fieldList, function(){
  485. if (success) success();
  486. }.bind(this), function(){
  487. if (failure) failure();
  488. }.bind(this));
  489. }
  490. });
  491. MWF.xApplication.cms.ColumnManager.FormExplorer.Form = new Class({
  492. Extends: MWF.xApplication.cms.ColumnManager.Explorer.Item,
  493. _open: function(e){
  494. layout.desktop.getFormDesignerStyle(function(){
  495. var _self = this;
  496. var options = {
  497. "style": layout.desktop.formDesignerStyle,
  498. "onQueryLoad": function(){
  499. this.actions = _self.explorer.actions;
  500. this.category = _self;
  501. this.options.id = _self.data.id;
  502. this.column = _self.explorer.app.options.column;
  503. this.application = _self.explorer.app.options.column;
  504. }
  505. };
  506. this.explorer.app.desktop.openApplication(e, "cms.FormDesigner", options);
  507. }.bind(this));
  508. },
  509. _getIcon: function(){
  510. var x = (Math.random()*33).toInt();
  511. return "process_icon_"+x+".png";
  512. },
  513. _getLnkPar: function(){
  514. return {
  515. "icon": this.explorer.path+this.explorer.options.style+"/formIcon/lnk.png",
  516. "title": this.data.name,
  517. "par": "cms.FormDesigner#{\"id\": \""+this.data.id+"\"}"
  518. };
  519. },
  520. // deleteItem: function(e){
  521. // var _self = this;
  522. // this.explorer.app.confirm("info", e, this.explorer.app.lp.form.deleteFormTitle, this.explorer.app.lp.form.deleteForm, 320, 110, function(){
  523. // _self.deleteForm();
  524. // this.close();
  525. // },function(){
  526. // this.close();
  527. // });
  528. // },
  529. deleteForm: function(callback){
  530. this.explorer.app.restActions.removeForm(this.data.id, function(){
  531. this.node.destroy();
  532. if (callback) callback();
  533. }.bind(this));
  534. },
  535. saveItemAs: function(item) {
  536. var id = item.id;
  537. var name = item.name || item.appName;
  538. this.explorer.app.restActions.getForm(this.data.id, function (json) {
  539. var pcdata = JSON.decode(MWF.decodeJsonString(json.data.data));
  540. var mobiledata = JSON.decode(MWF.decodeJsonString(json.data.mobileData));
  541. pcdata.json.alias = "";
  542. mobiledata.json.alias = "";
  543. var oldName = pcdata.json.name;
  544. this.explorer.app.restActions.listForm(id, function (formsJson) {
  545. formsJson.data = formsJson.data || [];
  546. var i = 1;
  547. while (formsJson.data.some(function (d) {
  548. return d.name == pcdata.json.name
  549. })) {
  550. pcdata.json.name = oldName + "_copy" + i;
  551. mobiledata.json.name = oldName + "_copy" + i;
  552. i++;
  553. }
  554. pcdata.id = "";
  555. pcdata.isNewForm = true;
  556. pcdata.json.id = "";
  557. pcdata.json.application = id;
  558. pcdata.json.applicationName = name;
  559. pcdata.json.appId = id;
  560. pcdata.json.appName = name;
  561. mobiledata.json.id = "";
  562. mobiledata.json.application = id;
  563. mobiledata.applicationName = name;
  564. mobiledata.json.applicationName = name;
  565. mobiledata.json.appId = id;
  566. mobiledata.json.appName = name;
  567. //this.explorer.app.restActions.listFormFieldWithForm(this.data.id, function(fieldJson){
  568. // var fieldList = [];
  569. // if (fieldJson.data.number) fieldJson.data.number.each(function(f){ fieldList.push({"dataType": "number", "name": f.name}) });
  570. // if (fieldJson.data.person) fieldJson.data.person.each(function(f){ fieldList.push({"dataType": "person", "name": f.name}) });
  571. // if (fieldJson.data.string) fieldJson.data.string.each(function(f){ fieldList.push({"dataType": "string", "name": f.name}) });
  572. var fieldList = [];
  573. this.explorer.app.restActions.saveForm(pcdata, mobiledata, fieldList, function () {
  574. if (id == this.explorer.app.options.application.id) this.explorer.reload();
  575. }.bind(this));
  576. //}.bind(this));
  577. }.bind(this));
  578. }.bind(this));
  579. }
  580. });