component.js 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. component_parameter = {};
  2. function component_listAll() {
  3. $('#content').html('');
  4. $('#result').html('');
  5. $.ajax({
  6. type : 'get',
  7. dataType : 'json',
  8. contentType : 'application/json; charset=utf-8',
  9. url : '../jaxrs/component/list/all',
  10. xhrFields : {
  11. 'withCredentials' : true
  12. },
  13. crossDomain : true
  14. }).done(function(json) {
  15. $('#result').html(JSON.stringify(json, null, 4));
  16. if (json.type == 'success') {
  17. if (json.data) {
  18. var str = '<table border="1" width="100%">';
  19. str += '<tr><th>name</th><th>title</th><th>widgetName</th><th>widgetTitle</th><th>path</th><th>operate</th></tr>';
  20. $.each(json.data, function(index, o) {
  21. str += '<tr>';
  22. str += '<td>' + o.name + '</td>';
  23. str += '<td>' + o.title + '</td>';
  24. str += '<td>' + o.widgetName + '</td>';
  25. str += '<td>' + o.widgetTitle + '</td>';
  26. str += '<td>' + o.path + '</td>';
  27. str += '<td>';
  28. str += '<a href="#" onclick="component_edit(\'' + o.id + '\')">edit</a>&nbsp;';
  29. str += '<a href="#" onclick="component_delete(\'' + o.id + '\')">delete</a>';
  30. str += '</td>';
  31. str += '</tr>';
  32. });
  33. str += '</table>';
  34. $('#content').html(str);
  35. }
  36. }
  37. }).always(function(json) {
  38. $('#result').html(JSON.stringify(json, null, 4));
  39. });
  40. }
  41. function component_create(id) {
  42. $('#content').html('');
  43. $('#result').html('');
  44. var str = '<table border="1" width="100%">';
  45. str += '<tr><td colspan="2"><a href="#" id="post">post</a></td></tr>';
  46. str += '<tr><td>name:</td><td><input type="text" style="width:95%" id= "name"/></td></tr>';
  47. str += '<tr><td>title:</td><td><input type="text" style="width:95%" id= "title"/></td></tr>';
  48. str += '<tr><td>path:</td><td><input type="text" style="width:95%" id= "path"/></td></tr>';
  49. str += '<tr><td>iconPath:</td><td><input type="text" style="width:95%" id= "iconPath"/></td></tr>';
  50. str += '<tr><td>widgetName:</td><td><input type="text" style="width:95%" id= "widgetName"/></td></tr>';
  51. str += '<tr><td>widgetTitle:</td><td><input type="text" style="width:95%" id= "widgetTitle"/></td></tr>';
  52. str += '<tr><td>widgetIconPath:</td><td><input type="text" style="width:95%" id= "widgetIconPath"/></td></tr>';
  53. str += '<tr><td>widgetStart:</td><td><select id="widgetStart"><option value="true">true</option><option value="false">false</option></select></td></tr>';
  54. str += '<tr><td>widgetVisible:</td><td><select id="widgetVisible"><option value="true">true</option><option value="false">false</option></select></td></tr>';
  55. str += '<tr><td>visible:</td><td><select id="visible"><option value="true">true</option><option value="false">false</option></select></td></tr>';
  56. str += '<tr><td>order:</td><td><input type="text" style="width:95%" id= "order"/></td></tr>';
  57. str += '<tr><td>allowList:</td><td><textarea style="width:95%" id="allowList"/></td></tr>';
  58. str += '<tr><td>denyList:</td><td><textarea style="width:95%" id="denyList"/></td></tr>';
  59. str += '<tr><td>controllerList:</td><td><textarea style="width:95%" id="controllerList"/></td></tr>';
  60. str += '</table>';
  61. $('#content').html(str);
  62. $('#post').click(function() {
  63. component_post();
  64. });
  65. }
  66. function component_post() {
  67. $('#result').html('');
  68. $.ajax({
  69. type : 'post',
  70. dataType : 'json',
  71. url : '../jaxrs/component',
  72. contentType : 'application/json; charset=utf-8',
  73. data : JSON.stringify({
  74. name : $('#name').val(),
  75. title : $('#title').val(),
  76. path : $('#path').val(),
  77. iconPath : $('#iconPath').val(),
  78. widgetName : $('#widgetName').val(),
  79. widgetTitle : $('#widgetTitle').val(),
  80. widgetIconPath : $('#widgetIconPath').val(),
  81. widgetStart : $('#widgetStart').val(),
  82. widgetVisible : $('#widgetVisible').val(),
  83. visible : $('#visible').val(),
  84. order : $('#order').val(),
  85. allowList : splitValue($('#allowList').val()),
  86. denyList : splitValue($('#denyList').val()),
  87. controllerList : splitValue($('#controllerList').val())
  88. }),
  89. xhrFields : {
  90. 'withCredentials' : true
  91. },
  92. crossDomain : true
  93. }).always(function(json) {
  94. $('#result').html(JSON.stringify(json, null, 4));
  95. });
  96. }
  97. function component_edit(id) {
  98. $('#content').html('');
  99. $('#result').html('');
  100. var str = '<table border="1" width="100%">';
  101. str += '<tr><td colspan="2"><a href="#" id="put">put</a></td></tr>';
  102. str += '<tr><td>id:</td><td id="id">&nbsp;</td></tr>';
  103. str += '<tr><td>name:</td><td><input type="text" style="width:95%" id= "name"/></td></tr>';
  104. str += '<tr><td>title:</td><td><input type="text" style="width:95%" id= "title"/></td></tr>';
  105. str += '<tr><td>path:</td><td><input type="text" style="width:95%" id= "path"/></td></tr>';
  106. str += '<tr><td>iconPath:</td><td><input type="text" style="width:95%" id= "iconPath"/></td></tr>';
  107. str += '<tr><td>widgetName:</td><td><input type="text" style="width:95%" id= "widgetName"/></td></tr>';
  108. str += '<tr><td>widgetTitle:</td><td><input type="text" style="width:95%" id= "widgetTitle"/></td></tr>';
  109. str += '<tr><td>widgetIconPath:</td><td><input type="text" style="width:95%" id= "widgetIconPath"/></td></tr>';
  110. str += '<tr><td>widgetStart:</td><td><select id="widgetStart"><option value="true">true</option><option value="false">false</option></select></td></tr>';
  111. str += '<tr><td>widgetVisible:</td><td><select id="widgetVisible"><option value="true">true</option><option value="false">false</option></select></td></tr>';
  112. str += '<tr><td>visible:</td><td><select id="visible"><option value="true">true</option><option value="false">false</option></select></td></tr>';
  113. str += '<tr><td>order:</td><td><input type="text" style="width:95%" id= "order"/></td></tr>';
  114. str += '<tr><td>allowList:</td><td><textarea style="width:95%" id="allowList"/></td></tr>';
  115. str += '<tr><td>denyList:</td><td><textarea style="width:95%" id="denyList"/></td></tr>';
  116. str += '<tr><td>controllerList:</td><td><textarea style="width:95%" id="controllerList"/></td></tr>';
  117. str += '</table>';
  118. $('#content').html(str);
  119. $('#put').click(function() {
  120. component_put(id);
  121. });
  122. $.ajax({
  123. type : 'get',
  124. dataType : 'json',
  125. contentType : 'application/json; charset=utf-8',
  126. url : '../jaxrs/component/' + id,
  127. xhrFields : {
  128. 'withCredentials' : true
  129. },
  130. crossDomain : true
  131. }).done(function(json) {
  132. $('#result').html(JSON.stringify(json, null, 4));
  133. if (json.type == 'success') {
  134. if (json.data) {
  135. $('#id').html(json.data.id);
  136. $('#name').val(json.data.name);
  137. $('#title').val(json.data.title);
  138. $('#path').val(json.data.path);
  139. $('#iconPath').val(json.data.iconPath);
  140. $('#widgetName').val(json.data.widgetName);
  141. $('#widgetTitle').val(json.data.widgetTitle);
  142. $('#widgetIconPath').val(json.data.widgetIconPath);
  143. $('#widgetStart').val(json.data.widgetStart + '');
  144. $('#widgetVisible').val(json.data.widgetVisible + '');
  145. $('#visible').val(json.data.visible + '');
  146. $('#order').val(json.data.order);
  147. $('#allowList').val(joinValue(json.data.allowList));
  148. $('#denyList').val(joinValue(json.data.denyList));
  149. $('#controllerList').val(joinValue(json.data.controllerList));
  150. }
  151. }
  152. }).always(function(json) {
  153. $('#result').html(JSON.stringify(json, null, 4));
  154. });
  155. }
  156. function component_put(id) {
  157. $('#result').html('');
  158. $.ajax({
  159. type : 'put',
  160. dataType : 'json',
  161. url : '../jaxrs/component/' + id,
  162. contentType : 'application/json; charset=utf-8',
  163. data : JSON.stringify({
  164. name : $('#name').val(),
  165. title : $('#title').val(),
  166. path : $('#path').val(),
  167. iconPath : $('#iconPath').val(),
  168. widgetName : $('#widgetName').val(),
  169. widgetTitle : $('#widgetTitle').val(),
  170. widgetIconPath : $('#widgetIconPath').val(),
  171. widgetStart : $('#widgetStart').val(),
  172. widgetVisible : $('#widgetVisible').val(),
  173. visible : $('#visible').val(),
  174. order : $('#order').val(),
  175. allowList : splitValue($('#allowList').val()),
  176. denyList : splitValue($('#denyList').val()),
  177. controllerList : splitValue($('#controllerList').val())
  178. }),
  179. xhrFields : {
  180. 'withCredentials' : true
  181. },
  182. crossDomain : true
  183. }).always(function(json) {
  184. $('#result').html(JSON.stringify(json, null, 4));
  185. });
  186. }
  187. function component_delete(id) {
  188. $('#result').html('');
  189. $.ajax({
  190. type : 'delete',
  191. dataType : 'json',
  192. url : '../jaxrs/component/' + id,
  193. contentType : 'application/json; charset=utf-8',
  194. xhrFields : {
  195. 'withCredentials' : true
  196. },
  197. crossDomain : true
  198. }).always(function(json) {
  199. $('#result').html(JSON.stringify(json, null, 4));
  200. });
  201. }