jobinfo.index.1.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462
  1. $(function() {
  2. // init date tables
  3. var jobTable = $("#job_list").dataTable({
  4. "deferRender": true,
  5. "processing" : true,
  6. "serverSide": true,
  7. "ajax": {
  8. url: base_url + "/jobinfo/pageList",
  9. type:"post",
  10. data : function ( d ) {
  11. var obj = {};
  12. obj.jobGroup = $('#jobGroup').val();
  13. obj.jobDesc = $('#jobDesc').val();
  14. obj.executorHandler = $('#executorHandler').val();
  15. obj.start = d.start;
  16. obj.length = d.length;
  17. return obj;
  18. }
  19. },
  20. "searching": false,
  21. "ordering": false,
  22. //"scrollX": true, // scroll x,close self-adaption
  23. "columns": [
  24. {
  25. "data": 'id',
  26. "bSortable": false,
  27. "visible" : true,
  28. "width":'10%'
  29. },
  30. {
  31. "data": 'jobGroup',
  32. "visible" : false,
  33. "width":'20%',
  34. "render": function ( data, type, row ) {
  35. var groupMenu = $("#jobGroup").find("option");
  36. for ( var index in $("#jobGroup").find("option")) {
  37. if ($(groupMenu[index]).attr('value') == data) {
  38. return $(groupMenu[index]).html();
  39. }
  40. }
  41. return data;
  42. }
  43. },
  44. {
  45. "data": 'jobDesc',
  46. "visible" : true,
  47. "width":'20%'
  48. },
  49. {
  50. "data": 'glueType',
  51. "width":'20%',
  52. "visible" : true,
  53. "render": function ( data, type, row ) {
  54. var glueTypeTitle = findGlueTypeTitle(row.glueType);
  55. if (row.executorHandler) {
  56. return glueTypeTitle +":" + row.executorHandler;
  57. } else {
  58. return glueTypeTitle;
  59. }
  60. }
  61. },
  62. { "data": 'executorParam', "visible" : false},
  63. {
  64. "data": 'jobCron',
  65. "visible" : true,
  66. "width":'10%'
  67. },
  68. {
  69. "data": 'addTime',
  70. "visible" : false,
  71. "render": function ( data, type, row ) {
  72. return data?moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss"):"";
  73. }
  74. },
  75. {
  76. "data": 'updateTime',
  77. "visible" : false,
  78. "render": function ( data, type, row ) {
  79. return data?moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss"):"";
  80. }
  81. },
  82. { "data": 'author', "visible" : true, "width":'10%'},
  83. { "data": 'alarmEmail', "visible" : false},
  84. {
  85. "data": 'jobStatus',
  86. "width":'10%',
  87. "visible" : true,
  88. "render": function ( data, type, row ) {
  89. if ('NORMAL' == data) {
  90. return '<small class="label label-success" ><i class="fa fa-clock-o"></i>'+ data +'</small>';
  91. } else if ('PAUSED' == data){
  92. return '<small class="label label-default" ><i class="fa fa-clock-o"></i>'+ data +'</small>';
  93. } else if ('BLOCKED' == data){
  94. return '<small class="label label-default" ><i class="fa fa-clock-o"></i>'+ data +'</small>';
  95. }
  96. return data;
  97. }
  98. },
  99. {
  100. "data": I18n.system_opt ,
  101. "width":'15%',
  102. "render": function ( data, type, row ) {
  103. return function(){
  104. // status
  105. var pause_resume = "";
  106. if ('NORMAL' == row.jobStatus) {
  107. pause_resume = '<button class="btn btn-primary btn-xs job_operate" _type="job_pause" type="button">'+ I18n.jobinfo_opt_pause +'</button> ';
  108. } else if ('PAUSED' == row.jobStatus){
  109. pause_resume = '<button class="btn btn-primary btn-xs job_operate" _type="job_resume" type="button">'+ I18n.jobinfo_opt_resume +'</button> ';
  110. }
  111. // log url
  112. var logUrl = base_url +'/joblog?jobId='+ row.id;
  113. // log url
  114. var codeBtn = "";
  115. if ('BEAN' != row.glueType) {
  116. var codeUrl = base_url +'/jobcode?jobId='+ row.id;
  117. codeBtn = '<button class="btn btn-warning btn-xs" type="button" onclick="javascript:window.open(\'' + codeUrl + '\')" >GLUE</button> '
  118. }
  119. // html
  120. tableData['key'+row.id] = row;
  121. var html = '<p id="'+ row.id +'" >'+
  122. '<button class="btn btn-primary btn-xs job_operate" _type="job_trigger" type="button">'+ I18n.jobinfo_opt_run +'</button> '+
  123. pause_resume +
  124. '<button class="btn btn-primary btn-xs" type="job_del" type="button" onclick="javascript:window.open(\'' + logUrl + '\')" >'+ I18n.jobinfo_opt_log +'</button><br> '+
  125. '<button class="btn btn-warning btn-xs update" type="button">'+ I18n.system_opt_edit +'</button> '+
  126. codeBtn +
  127. '<button class="btn btn-danger btn-xs job_operate" _type="job_del" type="button">'+ I18n.system_opt_del +'</button> '+
  128. '</p>';
  129. return html;
  130. };
  131. }
  132. }
  133. ],
  134. "language" : {
  135. "sProcessing" : I18n.dataTable_sProcessing ,
  136. "sLengthMenu" : I18n.dataTable_sLengthMenu ,
  137. "sZeroRecords" : I18n.dataTable_sZeroRecords ,
  138. "sInfo" : I18n.dataTable_sInfo ,
  139. "sInfoEmpty" : I18n.dataTable_sInfoEmpty ,
  140. "sInfoFiltered" : I18n.dataTable_sInfoFiltered ,
  141. "sInfoPostFix" : "",
  142. "sSearch" : I18n.dataTable_sSearch ,
  143. "sUrl" : "",
  144. "sEmptyTable" : I18n.dataTable_sEmptyTable ,
  145. "sLoadingRecords" : I18n.dataTable_sLoadingRecords ,
  146. "sInfoThousands" : ",",
  147. "oPaginate" : {
  148. "sFirst" : I18n.dataTable_sFirst ,
  149. "sPrevious" : I18n.dataTable_sPrevious ,
  150. "sNext" : I18n.dataTable_sNext ,
  151. "sLast" : I18n.dataTable_sLast
  152. },
  153. "oAria" : {
  154. "sSortAscending" : I18n.dataTable_sSortAscending ,
  155. "sSortDescending" : I18n.dataTable_sSortDescending
  156. }
  157. }
  158. });
  159. // table data
  160. var tableData = {};
  161. // search btn
  162. $('#searchBtn').on('click', function(){
  163. jobTable.fnDraw();
  164. });
  165. // jobGroup change
  166. $('#jobGroup').on('change', function(){
  167. //reload
  168. var jobGroup = $('#jobGroup').val();
  169. window.location.href = base_url + "/jobinfo?jobGroup=" + jobGroup;
  170. });
  171. // job operate
  172. $("#job_list").on('click', '.job_operate',function() {
  173. var typeName;
  174. var url;
  175. var needFresh = false;
  176. var type = $(this).attr("_type");
  177. if ("job_pause" == type) {
  178. typeName = I18n.jobinfo_opt_pause ;
  179. url = base_url + "/jobinfo/pause";
  180. needFresh = true;
  181. } else if ("job_resume" == type) {
  182. typeName = I18n.jobinfo_opt_resume ;
  183. url = base_url + "/jobinfo/resume";
  184. needFresh = true;
  185. } else if ("job_del" == type) {
  186. typeName = I18n.system_opt_del ;
  187. url = base_url + "/jobinfo/remove";
  188. needFresh = true;
  189. } else if ("job_trigger" == type) {
  190. typeName = I18n.jobinfo_opt_run ;
  191. url = base_url + "/jobinfo/trigger";
  192. } else {
  193. return;
  194. }
  195. var id = $(this).parent('p').attr("id");
  196. layer.confirm( I18n.system_ok + typeName + '?', {
  197. icon: 3,
  198. title: I18n.system_tips ,
  199. btn: [ I18n.system_ok, I18n.system_cancel ]
  200. }, function(index){
  201. layer.close(index);
  202. $.ajax({
  203. type : 'POST',
  204. url : url,
  205. data : {
  206. "id" : id
  207. },
  208. dataType : "json",
  209. success : function(data){
  210. if (data.code == 200) {
  211. layer.open({
  212. title: I18n.system_tips,
  213. btn: [ I18n.system_ok ],
  214. content: typeName + I18n.system_success ,
  215. icon: '1',
  216. end: function(layero, index){
  217. if (needFresh) {
  218. //window.location.reload();
  219. jobTable.fnDraw();
  220. }
  221. }
  222. });
  223. } else {
  224. layer.open({
  225. title: I18n.system_tips,
  226. btn: [ I18n.system_ok ],
  227. content: (data.msg || typeName + I18n.system_fail ),
  228. icon: '2'
  229. });
  230. }
  231. },
  232. });
  233. });
  234. });
  235. // add
  236. $(".add").click(function(){
  237. $('#addModal').modal({backdrop: false, keyboard: false}).modal('show');
  238. });
  239. var addModalValidate = $("#addModal .form").validate({
  240. errorElement : 'span',
  241. errorClass : 'help-block',
  242. focusInvalid : true,
  243. rules : {
  244. jobDesc : {
  245. required : true,
  246. maxlength: 50
  247. },
  248. jobCron : {
  249. required : true
  250. },
  251. author : {
  252. required : true
  253. }
  254. },
  255. messages : {
  256. jobDesc : {
  257. required : I18n.system_please_input + I18n.jobinfo_field_jobdesc
  258. },
  259. jobCron : {
  260. required : I18n.system_please_input + "Cron"
  261. },
  262. author : {
  263. required : I18n.system_please_input + I18n.jobinfo_field_author
  264. }
  265. },
  266. highlight : function(element) {
  267. $(element).closest('.form-group').addClass('has-error');
  268. },
  269. success : function(label) {
  270. label.closest('.form-group').removeClass('has-error');
  271. label.remove();
  272. },
  273. errorPlacement : function(error, element) {
  274. element.parent('div').append(error);
  275. },
  276. submitHandler : function(form) {
  277. $.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function(data, status) {
  278. if (data.code == "200") {
  279. $('#addModal').modal('hide');
  280. layer.open({
  281. title: I18n.system_tips ,
  282. btn: [ I18n.system_ok ],
  283. content: I18n.system_add_suc ,
  284. icon: '1',
  285. end: function(layero, index){
  286. jobTable.fnDraw();
  287. //window.location.reload();
  288. }
  289. });
  290. } else {
  291. layer.open({
  292. title: I18n.system_tips ,
  293. btn: [ I18n.system_ok ],
  294. content: (data.msg || I18n.system_add_fail),
  295. icon: '2'
  296. });
  297. }
  298. });
  299. }
  300. });
  301. $("#addModal").on('hide.bs.modal', function () {
  302. $("#addModal .form")[0].reset();
  303. addModalValidate.resetForm();
  304. $("#addModal .form .form-group").removeClass("has-error");
  305. $(".remote_panel").show(); // remote
  306. $("#addModal .form input[name='executorHandler']").removeAttr("readonly");
  307. });
  308. // glueType change
  309. $(".glueType").change(function(){
  310. // executorHandler
  311. var $executorHandler = $(this).parents("form").find("input[name='executorHandler']");
  312. var glueType = $(this).val();
  313. if ('BEAN' != glueType) {
  314. $executorHandler.val("");
  315. $executorHandler.attr("readonly","readonly");
  316. } else {
  317. $executorHandler.removeAttr("readonly");
  318. }
  319. });
  320. $("#addModal .glueType").change(function(){
  321. // glueSource
  322. var glueType = $(this).val();
  323. if ('GLUE_GROOVY'==glueType){
  324. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_java").val() );
  325. } else if ('GLUE_SHELL'==glueType){
  326. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_shell").val() );
  327. } else if ('GLUE_PYTHON'==glueType){
  328. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_python").val() );
  329. } else if ('GLUE_NODEJS'==glueType){
  330. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_nodejs").val() );
  331. }
  332. });
  333. // update
  334. $("#job_list").on('click', '.update',function() {
  335. var id = $(this).parent('p').attr("id");
  336. var row = tableData['key'+id];
  337. // base data
  338. $("#updateModal .form input[name='id']").val( row.id );
  339. $('#updateModal .form select[name=jobGroup] option[value='+ row.jobGroup +']').prop('selected', true);
  340. $("#updateModal .form input[name='jobDesc']").val( row.jobDesc );
  341. $("#updateModal .form input[name='jobCron']").val( row.jobCron );
  342. $("#updateModal .form input[name='author']").val( row.author );
  343. $("#updateModal .form input[name='alarmEmail']").val( row.alarmEmail );
  344. $('#updateModal .form select[name=executorRouteStrategy] option[value='+ row.executorRouteStrategy +']').prop('selected', true);
  345. $("#updateModal .form input[name='executorHandler']").val( row.executorHandler );
  346. $("#updateModal .form input[name='executorParam']").val( row.executorParam );
  347. $("#updateModal .form input[name='childJobId']").val( row.childJobId );
  348. $('#updateModal .form select[name=executorBlockStrategy] option[value='+ row.executorBlockStrategy +']').prop('selected', true);
  349. $('#updateModal .form select[name=executorFailStrategy] option[value='+ row.executorFailStrategy +']').prop('selected', true);
  350. $('#updateModal .form select[name=glueType] option[value='+ row.glueType +']').prop('selected', true);
  351. $("#updateModal .form select[name=glueType]").change();
  352. // show
  353. $('#updateModal').modal({backdrop: false, keyboard: false}).modal('show');
  354. });
  355. var updateModalValidate = $("#updateModal .form").validate({
  356. errorElement : 'span',
  357. errorClass : 'help-block',
  358. focusInvalid : true,
  359. rules : {
  360. jobDesc : {
  361. required : true,
  362. maxlength: 50
  363. },
  364. jobCron : {
  365. required : true
  366. },
  367. author : {
  368. required : true
  369. }
  370. },
  371. messages : {
  372. jobDesc : {
  373. required : I18n.system_please_input + I18n.jobinfo_field_jobdesc
  374. },
  375. jobCron : {
  376. required : I18n.system_please_input + "Cron"
  377. },
  378. author : {
  379. required : I18n.system_please_input + I18n.jobinfo_field_author
  380. }
  381. },
  382. highlight : function(element) {
  383. $(element).closest('.form-group').addClass('has-error');
  384. },
  385. success : function(label) {
  386. label.closest('.form-group').removeClass('has-error');
  387. label.remove();
  388. },
  389. errorPlacement : function(error, element) {
  390. element.parent('div').append(error);
  391. },
  392. submitHandler : function(form) {
  393. // post
  394. $.post(base_url + "/jobinfo/update", $("#updateModal .form").serialize(), function(data, status) {
  395. if (data.code == "200") {
  396. $('#updateModal').modal('hide');
  397. layer.open({
  398. title: I18n.system_tips ,
  399. btn: [ I18n.system_ok ],
  400. content: I18n.system_update_suc ,
  401. icon: '1',
  402. end: function(layero, index){
  403. //window.location.reload();
  404. jobTable.fnDraw();
  405. }
  406. });
  407. } else {
  408. layer.open({
  409. title: I18n.system_tips ,
  410. btn: [ I18n.system_ok ],
  411. content: (data.msg || I18n.system_update_fail ),
  412. icon: '2'
  413. });
  414. }
  415. });
  416. }
  417. });
  418. $("#updateModal").on('hide.bs.modal', function () {
  419. $("#updateModal .form")[0].reset()
  420. });
  421. /**
  422. * find title by name, GlueType
  423. */
  424. function findGlueTypeTitle(glueType) {
  425. var glueTypeTitle;
  426. $("#addModal .form select[name=glueType] option").each(function () {
  427. var name = $(this).val();
  428. var title = $(this).text();
  429. if (glueType == name) {
  430. glueTypeTitle = title;
  431. return false
  432. }
  433. });
  434. return glueTypeTitle;
  435. }
  436. });