123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615 |
- $(function () {
- // init date tables
- var jobTable = $("#job_list").dataTable({
- "deferRender": true,
- "processing": true,
- "serverSide": true,
- "ajax": {
- url: base_url + "/jobinfo/pageList",
- type: "post",
- data: function (d) {
- var obj = {};
- obj.jobGroup = $('#jobGroup').val();
- obj.jobDesc = $('#jobDesc').val();
- obj.executorHandler = $('#executorHandler').val();
- obj.start = d.start;
- obj.length = d.length;
- obj.type = 2;//定时
- return obj;
- }
- },
- "searching": false,
- "ordering": false,
- //"scrollX": true, // scroll x,close self-adaption
- "columns": [
- {
- "data": 'id',
- "bSortable": false,
- "visible": true,
- "width": '5%'
- },
- {
- "data": 'jobGroup',
- "visible": false,
- "width": '20%',
- "render": function (data, type, row) {
- var groupMenu = $("#jobGroup").find("option");
- for (var index in $("#jobGroup").find("option")) {
- if ($(groupMenu[index]).attr('value') == data) {
- return $(groupMenu[index]).html();
- }
- }
- return data;
- }
- },
- {
- "data": 'jobDesc',
- "visible": true,
- "width": '20%'
- },
- {
- "data": 'glueType',
- "width": '15%',
- "visible": true,
- "render": function (data, type, row) {
- var glueTypeTitle = findGlueTypeTitle(row.glueType);
- if (row.executorHandler) {
- return glueTypeTitle + ":" + row.executorHandler;
- } else {
- return glueTypeTitle;
- }
- }
- },
- {"data": 'executorParam', "visible": false},
- {
- "data": 'startExecuteTime',
- "visible": true,
- "width": '10%'
- },
- {
- "data": 'endExecuteTime',
- "visible": true,
- "width": '10%'
- },
- {
- "data": 'addTime',
- "visible": false,
- "render": function (data, type, row) {
- return data ? moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss") : "";
- }
- },
- {
- "data": 'updateTime',
- "visible": false,
- "render": function (data, type, row) {
- return data ? moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss") : "";
- }
- },
- {"data": 'author', "visible": true, "width": '10%'},
- {"data": 'alarmEmail', "visible": false},
- {
- "data": 'jobStatus',
- "width": '10%',
- "visible": true,
- "render": function (data, type, row) {
- // status
- if (data && data != 'NONE') {
- if ('NORMAL' == data) {
- return '<small class="label label-success" ><i class="fa fa-clock-o"></i>RUNNING</small>';
- } else {
- return '<small class="label label-warning" >ERROR(' + data + ')</small>';
- }
- } else {
- return '<small class="label label-default" ><i class="fa fa-clock-o"></i>STOP</small>';
- }
- }
- },
- {
- "data": I18n.system_opt,
- "width": '15%',
- "render": function (data, type, row) {
- return function () {
- // status
- var start_stop = "";
- if (row.jobStatus && row.jobStatus != 'NONE') {
- if ('NORMAL' == row.jobStatus) {
- start_stop = '<button class="btn btn-primary btn-xs job_operate" _type="job_pause" type="button">' + I18n.jobinfo_opt_stop + '</button> ';
- } else {
- start_stop = '<button class="btn btn-primary btn-xs job_operate" _type="job_pause" type="button">' + I18n.jobinfo_opt_stop + '</button> ';
- }
- } else {
- start_stop = '<button class="btn btn-primary btn-xs job_operate" _type="job_resume" type="button">' + I18n.jobinfo_opt_start + '</button> ';
- }
- // log url
- var logUrl = base_url + '/joblog?jobId=' + row.id;
- // log url
- var codeBtn = "";
- if ('BEAN' != row.glueType) {
- var codeUrl = base_url + '/jobcode?jobId=' + row.id;
- codeBtn = '<button class="btn btn-warning btn-xs" type="button" onclick="javascript:window.open(\'' + codeUrl + '\')" >GLUE</button> '
- }
- // html
- tableData['key' + row.id] = row;
- var html = '<p id="' + row.id + '" >' +
- '<button class="btn btn-primary btn-xs job_trigger" type="button">' + I18n.jobinfo_opt_run + '</button> ' +
- start_stop +
- '<button class="btn btn-primary btn-xs" type="job_del" type="button" onclick="javascript:window.open(\'' + logUrl + '\')" >' + I18n.jobinfo_opt_log + '</button><br> ' +
- '<button class="btn btn-warning btn-xs update" type="button">' + I18n.system_opt_edit + '</button> ' +
- codeBtn +
- '<button class="btn btn-danger btn-xs job_operate" _type="job_del" type="button">' + I18n.system_opt_del + '</button> ' +
- '</p>';
- return html;
- };
- }
- }
- ],
- "language": {
- "sProcessing": I18n.dataTable_sProcessing,
- "sLengthMenu": I18n.dataTable_sLengthMenu,
- "sZeroRecords": I18n.dataTable_sZeroRecords,
- "sInfo": I18n.dataTable_sInfo,
- "sInfoEmpty": I18n.dataTable_sInfoEmpty,
- "sInfoFiltered": I18n.dataTable_sInfoFiltered,
- "sInfoPostFix": "",
- "sSearch": I18n.dataTable_sSearch,
- "sUrl": "",
- "sEmptyTable": I18n.dataTable_sEmptyTable,
- "sLoadingRecords": I18n.dataTable_sLoadingRecords,
- "sInfoThousands": ",",
- "oPaginate": {
- "sFirst": I18n.dataTable_sFirst,
- "sPrevious": I18n.dataTable_sPrevious,
- "sNext": I18n.dataTable_sNext,
- "sLast": I18n.dataTable_sLast
- },
- "oAria": {
- "sSortAscending": I18n.dataTable_sSortAscending,
- "sSortDescending": I18n.dataTable_sSortDescending
- }
- }
- });
- // table data
- var tableData = {};
- // search btn
- $('#searchBtn').on('click', function () {
- jobTable.fnDraw();
- });
- // jobGroup change
- $('#jobGroup').on('change', function () {
- //reload
- var jobGroup = $('#jobGroup').val();
- window.location.href = base_url + "/jobinfo/index2?jobGroup=" + jobGroup;
- });
- // job operate
- $("#job_list").on('click', '.job_operate', function () {
- var typeName;
- var url;
- var needFresh = false;
- var type = $(this).attr("_type");
- if ("job_pause" == type) {
- typeName = I18n.jobinfo_opt_stop;
- url = base_url + "/jobinfo/stop";
- needFresh = true;
- } else if ("job_resume" == type) {
- typeName = I18n.jobinfo_opt_start;
- url = base_url + "/jobinfo/start";
- needFresh = true;
- } else if ("job_del" == type) {
- typeName = I18n.system_opt_del;
- url = base_url + "/jobinfo/remove";
- needFresh = true;
- } else {
- return;
- }
- var id = $(this).parent('p').attr("id");
- layer.confirm(I18n.system_ok + typeName + '?', {
- icon: 3,
- title: I18n.system_tips,
- btn: [I18n.system_ok, I18n.system_cancel]
- }, function (index) {
- layer.close(index);
- $.ajax({
- type: 'POST',
- url: url,
- data: {
- "id": id
- },
- dataType: "json",
- success: function (data) {
- if (data.code == 200) {
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: typeName + I18n.system_success,
- icon: '1',
- end: function (layero, index) {
- if (needFresh) {
- //window.location.reload();
- jobTable.fnDraw(false);
- }
- }
- });
- } else {
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: (data.msg || typeName + I18n.system_fail),
- icon: '2'
- });
- }
- },
- });
- });
- });
- // job trigger
- $("#job_list").on('click', '.job_trigger', function () {
- var id = $(this).parent('p').attr("id");
- var row = tableData['key' + id];
- $("#jobTriggerModal .form input[name='id']").val(row.id);
- $("#jobTriggerModal .form textarea[name='executorParam']").val(row.executorParam);
- $('#jobTriggerModal').modal({backdrop: false, keyboard: false}).modal('show');
- });
- $("#jobTriggerModal .ok").on('click', function () {
- $.ajax({
- type: 'POST',
- url: base_url + "/jobinfo/trigger",
- data: {
- "id": $("#jobTriggerModal .form input[name='id']").val(),
- "executorParam": $("#jobTriggerModal .textarea[name='executorParam']").val()
- },
- dataType: "json",
- success: function (data) {
- if (data.code == 200) {
- $('#jobTriggerModal').modal('hide');
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: I18n.jobinfo_opt_run + I18n.system_success,
- icon: '1'
- });
- } else {
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: (data.msg || I18n.jobinfo_opt_run + I18n.system_fail),
- icon: '2'
- });
- }
- }
- });
- });
- $("#jobTriggerModal").on('hide.bs.modal', function () {
- $("#jobTriggerModal .form")[0].reset();
- });
- // add
- $(".add").click(function () {
- $('#addModal').modal({backdrop: false, keyboard: false}).modal('show');
- var date = new Date();
- date.setMinutes(date.getMinutes() + 5);//当前时间下加5分钟
- laydate.render({
- elem: '#startExecuteTime1',
- type: 'datetime',
- value: date,
- format: 'yyyy-MM-dd HH:mm:ss'
- });
- });
- var addModalValidate = $("#addModal .form").validate({
- errorElement: 'span',
- errorClass: 'help-block',
- focusInvalid: true,
- rules: {
- jobDesc: {
- required: true,
- maxlength: 50
- },
- jobCron: {
- required: true
- },
- author: {
- required: true
- },
- executorTimeout: {
- digits: true
- },
- executorFailRetryCount: {
- digits: true
- }
- },
- messages: {
- jobDesc: {
- required: I18n.system_please_input + I18n.jobinfo_field_jobdesc
- },
- jobCron: {
- required: I18n.system_please_input + "Cron"
- },
- author: {
- required: I18n.system_please_input + I18n.jobinfo_field_author
- },
- executorTimeout: {
- digits: I18n.system_please_input + I18n.system_digits
- },
- executorFailRetryCount: {
- digits: I18n.system_please_input + I18n.system_digits
- }
- },
- highlight: function (element) {
- $(element).closest('.form-group').addClass('has-error');
- },
- success: function (label) {
- label.closest('.form-group').removeClass('has-error');
- label.remove();
- },
- errorPlacement: function (error, element) {
- element.parent('div').append(error);
- },
- submitHandler: function (form) {
- // process
- var executorTimeout = $("#addModal .form input[name='executorTimeout']").val();
- if (!/^\d+$/.test(executorTimeout)) {
- executorTimeout = 0;
- }
- $("#addModal .form input[name='executorTimeout']").val(executorTimeout);
- var executorFailRetryCount = $("#addModal .form input[name='executorFailRetryCount']").val();
- if (!/^\d+$/.test(executorFailRetryCount)) {
- executorFailRetryCount = 0;
- }
- $("#addModal .form input[name='executorFailRetryCount']").val(executorFailRetryCount);
- $.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function (data, status) {
- if (data.code == "200") {
- $('#addModal').modal('hide');
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: I18n.system_add_suc,
- icon: '1',
- end: function (layero, index) {
- jobTable.fnDraw();
- //window.location.reload();
- }
- });
- } else {
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: (data.msg || I18n.system_add_fail),
- icon: '2'
- });
- }
- });
- }
- });
- $("#addModal").on('hide.bs.modal', function () {
- $("#addModal .form")[0].reset();
- //start end time
- /* var startExecuteTime = $("#addModal .form input[name='startExecuteTime']").val();
- var endExecuteTime = $("#addModal .form input[name='endExecuteTime']").val();*!/
- if(startExecuteTime!=""&&endExecuteTime!=""&&d1 <= d2) {
- alert("结束执行时间不能小于等于开始执行时间.");
- return false;
- }*/
- addModalValidate.resetForm();
- $("#addModal .form .form-group").removeClass("has-error");
- $(".remote_panel").show(); // remote
- $("#addModal .form input[name='executorHandler']").removeAttr("readonly");
- });
- // glueType change
- $(".glueType").change(function () {
- // executorHandler
- var $executorHandler = $(this).parents("form").find("input[name='executorHandler']");
- var glueType = $(this).val();
- if ('BEAN' != glueType) {
- $executorHandler.val("");
- $executorHandler.attr("readonly", "readonly");
- } else {
- $executorHandler.removeAttr("readonly");
- }
- });
- $("#addModal .glueType").change(function () {
- // glueSource
- var glueType = $(this).val();
- if ('GLUE_GROOVY' == glueType) {
- $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_java").val());
- } else if ('GLUE_SHELL' == glueType) {
- $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_shell").val());
- } else if ('GLUE_PYTHON' == glueType) {
- $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_python").val());
- } else if ('GLUE_PHP' == glueType) {
- $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_php").val());
- } else if ('GLUE_NODEJS' == glueType) {
- $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_nodejs").val());
- } else if ('GLUE_POWERSHELL' == glueType) {
- $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_powershell").val());
- } else {
- $("#addModal .form textarea[name='glueSource']").val("");
- }
- });
- // update
- $("#job_list").on('click', '.update', function () {
- var id = $(this).parent('p').attr("id");
- var row = tableData['key' + id];
- // base data
- $("#updateModal .form input[name='id']").val(row.id);
- $('#updateModal .form select[name=jobGroup] option[value=' + row.jobGroup + ']').prop('selected', true);
- $("#updateModal .form input[name='jobDesc']").val(row.jobDesc);
- /*$("#updateModal .form input[name='jobCron']").val( row.jobCron );*/
- $("#updateModal .form input[name='startExecuteTime']").val(row.startExecuteTime);
- $("#updateModal .form input[name='endExecuteTime']").val(row.endExecuteTime);
- $("#updateModal .form input[name='intervalSeconds']").val(row.intervalSeconds);
- $("#updateModal .form input[name='repeatCount']").val(row.repeatCount);
- $("#updateModal .form input[name='author']").val(row.author);
- $("#updateModal .form input[name='alarmEmail']").val(row.alarmEmail);
- $("#updateModal .form input[name='executorTimeout']").val(row.executorTimeout);
- $("#updateModal .form input[name='executorFailRetryCount']").val(row.executorFailRetryCount);
- $('#updateModal .form select[name=executorRouteStrategy] option[value=' + row.executorRouteStrategy + ']').prop('selected', true);
- $("#updateModal .form input[name='executorHandler']").val(row.executorHandler);
- $("#updateModal .form textarea[name='executorParam']").val(row.executorParam);
- $("#updateModal .form input[name='childJobId']").val(row.childJobId);
- $('#updateModal .form select[name=executorBlockStrategy] option[value=' + row.executorBlockStrategy + ']').prop('selected', true);
- $('#updateModal .form select[name=glueType] option[value=' + row.glueType + ']').prop('selected', true);
- $("#updateModal .form select[name=glueType]").change();
- // show
- $('#updateModal').modal({backdrop: false, keyboard: false}).modal('show');
- });
- var updateModalValidate = $("#updateModal .form").validate({
- errorElement: 'span',
- errorClass: 'help-block',
- focusInvalid: true,
- rules: {
- jobDesc: {
- required: true,
- maxlength: 50
- },
- jobCron: {
- required: true
- },
- author: {
- required: true
- },
- executorTimeout: {
- digits: true
- },
- executorFailRetryCount: {
- digits: true
- }
- },
- messages: {
- jobDesc: {
- required: I18n.system_please_input + I18n.jobinfo_field_jobdesc
- },
- jobCron: {
- required: I18n.system_please_input + "Cron"
- },
- author: {
- required: I18n.system_please_input + I18n.jobinfo_field_author
- },
- executorTimeout: {
- digits: I18n.system_please_input + I18n.system_digits
- },
- executorFailRetryCount: {
- digits: I18n.system_please_input + I18n.system_digits
- }
- },
- highlight: function (element) {
- $(element).closest('.form-group').addClass('has-error');
- },
- success: function (label) {
- label.closest('.form-group').removeClass('has-error');
- label.remove();
- },
- errorPlacement: function (error, element) {
- element.parent('div').append(error);
- },
- submitHandler: function (form) {
- // process
- var executorTimeout = $("#updateModal .form input[name='executorTimeout']").val();
- if (!/^\d+$/.test(executorTimeout)) {
- executorTimeout = 0;
- }
- $("#updateModal .form input[name='executorTimeout']").val(executorTimeout);
- var executorFailRetryCount = $("#updateModal .form input[name='executorFailRetryCount']").val();
- if (!/^\d+$/.test(executorFailRetryCount)) {
- executorFailRetryCount = 0;
- }
- $("#updateModal .form input[name='executorFailRetryCount']").val(executorFailRetryCount);
- // post
- $.post(base_url + "/jobinfo/update", $("#updateModal .form").serialize(), function (data, status) {
- if (data.code == "200") {
- $('#updateModal').modal('hide');
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: I18n.system_update_suc,
- icon: '1',
- end: function (layero, index) {
- //window.location.reload();
- jobTable.fnDraw();
- }
- });
- } else {
- layer.open({
- title: I18n.system_tips,
- btn: [I18n.system_ok],
- content: (data.msg || I18n.system_update_fail),
- icon: '2'
- });
- }
- });
- }
- });
- $("#updateModal").on('hide.bs.modal', function () {
- $("#updateModal .form")[0].reset()
- });
- /**
- * find title by name, GlueType
- */
- function findGlueTypeTitle(glueType) {
- var glueTypeTitle;
- $("#addModal .form select[name=glueType] option").each(function () {
- var name = $(this).val();
- var title = $(this).text();
- if (glueType == name) {
- glueTypeTitle = title;
- return false
- }
- });
- return glueTypeTitle;
- }
- //新增页面
- laydate.render({
- elem: '#startExecuteTime1',
- type: 'datetime',
- value: new Date(),
- format: 'yyyy-MM-dd HH:mm:ss'
- });
- laydate.render({
- elem: '#endExecuteTime1',
- type: 'datetime'
- });
- //更新页面
- laydate.render({
- elem: '#startExecuteTime',
- type: 'datetime'
- });
- laydate.render({
- elem: '#endExecuteTime',
- type: 'datetime'
- });
- });
|