Suresh Alse
10 years ago
parent
e5b466aa50
commit
035d432b7a
@ -1,18 +1,20 @@
|
||||
Crontab UI
|
||||
==========
|
||||
|
||||
Easily manage your cron jobs
|
||||
Editing the plain text crontab is error prone for managing jobs, e.g., adding jobs, deleting jobs, or pausing jobs. A small mistake can easily bring down all the jobs and might cost you a lot of time. With Crontab UI, it is very easy to manage crontab. Here are the key features of Crontab UI.
|
||||
|
||||
1. Easy setup
|
||||
2. Easy management of jobs
|
||||
2. Easy and safe adding, deleting or pausing jobs. Easy to maintain hundreds of jobs.
|
||||
3. Backups
|
||||
4. Download and schedule scripts which are online
|
||||
5. Manage crontabs on multiple machines easily. No SSH, No copy-pasting.
|
||||
|
||||
TODO
|
||||
====
|
||||
1. Run jobs as different user
|
||||
2. Online backup
|
||||
3. Profiling jobs
|
||||
4. Logs
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,84 @@
|
||||
/*********** MessageBox ****************/
|
||||
// simply show info. Only close button
|
||||
function infoMessageBox(message, title){
|
||||
$("#modal-body").html(message);
|
||||
$("#modal-title").html(title);
|
||||
$("#modal-button").hide();
|
||||
$("#popup").modal('show');
|
||||
}
|
||||
// modal with full control
|
||||
function messageBox(body, title, ok_text, close_text, callback){
|
||||
$("#modal-body").html(body);
|
||||
$("#modal-title").html(title);
|
||||
if (ok_text) $("#modal-button").html(ok_text);
|
||||
$("#modal-button").show();
|
||||
if(close_text) $("#modal-close-button").html(close_text);
|
||||
$("#modal-button").click(callback);
|
||||
$("#popup").modal("show");
|
||||
}
|
||||
|
||||
|
||||
/*********** crontab actions ****************/
|
||||
|
||||
function deleteJob(_id){
|
||||
// TODO fix this. pass callback properly
|
||||
messageBox("<p> Do you want to delete this Job? </p>", "Confirm delete", null, null, function(){
|
||||
console.log("delete job");
|
||||
});
|
||||
}
|
||||
|
||||
function stopJob(_id){
|
||||
messageBox("<p> Do you want to stop this Job? </p>", "Confirm stop job", null, null, function(){
|
||||
console.log("stop job");
|
||||
});
|
||||
}
|
||||
|
||||
function startJob(_id){
|
||||
messageBox("<p> Do you want to start this Job? </p>", "Confirm start job", null, null, function(){
|
||||
console.log("start job");
|
||||
});
|
||||
}
|
||||
|
||||
function editJob(_id){
|
||||
var job = null;
|
||||
crontabs.forEach(function(crontab){
|
||||
if(crontab._id == _id)
|
||||
job = crontab;
|
||||
});
|
||||
if(job){
|
||||
$("#job").modal("show");
|
||||
$("#job-name").val(job.name);
|
||||
$("#job-command").val(job.command);
|
||||
// if macro not used
|
||||
if(job.schedule.indexOf("@") != 0){
|
||||
var components = job.schedule.split(" ");
|
||||
console.log(components);
|
||||
$("#job-minute").val(components[0]);
|
||||
$("#job-hour").val(components[1]);
|
||||
$("#job-day").val(components[2]);
|
||||
$("#job-month").val(components[3]);
|
||||
$("#job-week").val(components[4]);
|
||||
}
|
||||
schedule = job.schedule;
|
||||
job_command = job.command;
|
||||
job_string();
|
||||
}
|
||||
}
|
||||
|
||||
function newJob(){
|
||||
$("#job").modal("show");
|
||||
}
|
||||
|
||||
|
||||
// script corresponding to job popup management
|
||||
var schedule = "";
|
||||
var job_command = "";
|
||||
function job_string(){
|
||||
$("#job-string").val(schedule + " " + job_command);
|
||||
return schedule + " " + job_command;
|
||||
}
|
||||
|
||||
function set_schedule(){
|
||||
schedule = $("#job-minute").val() + " " +$("#job-hour").val() + " " +$("#job-day").val() + " " +$("#job-month").val() + " " +$("#job-week").val();
|
||||
job_string();
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
<div class="modal fade" id="popup">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="modal-title">Message</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal-body">
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal" id="modal-close-button">Close</button>
|
||||
<button type="button" class="btn btn-primary" data-dismiss="modal" id="modal-button">Ok</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<!-- Job -->
|
||||
<div class="modal fade" id="job">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="job-title">Job</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="job-body">
|
||||
<label>Name (Optional)</label>
|
||||
<input type='text' class='form-control' id='job-name'/><br />
|
||||
<label>Command</label>
|
||||
<input type='text' class='form-control' id='job-command' onkeyup="job_command = $(this).val(); job_string();"/><br />
|
||||
<label>Quick Schedule</label><br />
|
||||
<a class="btn btn-primary" onclick="schedule = '@startup'; job_string();">Startup</a>
|
||||
<a class="btn btn-primary" onclick="schedule = '@hourly'; job_string();">Hourly</a>
|
||||
<a class="btn btn-primary" onclick="schedule = '@daily'; job_string();">Daily</a>
|
||||
<a class="btn btn-primary" onclick="schedule = '@monthly'; job_string();">Monthly</a>
|
||||
<a class="btn btn-primary" onclick="schedule = '@yearly'; job_string();">Yearly</a><br /><br />
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">Minute</div>
|
||||
<div class="col-md-2">Hour</div>
|
||||
<div class="col-md-2">Day</div>
|
||||
<div class="col-md-2">Month</div>
|
||||
<div class="col-md-2">Week</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><input type="text" class="form-control" id="job-minute" value="*" onclick="this.select();"/></div>
|
||||
<div class="col-md-2"><input type="text" class="form-control" id="job-hour" value="*" onclick="this.select();"/></div>
|
||||
<div class="col-md-2"><input type="text" class="form-control" id="job-day" value="*" onclick="this.select();"/></div>
|
||||
<div class="col-md-2"><input type="text" class="form-control" id="job-month" value="*" onclick="this.select();"/></div>
|
||||
<div class="col-md-2"><input type="text" class="form-control" id="job-week" value="*" onclick="this.select();"/></div>
|
||||
<div class="col-md-2"><a class="btn btn-primary" onclick="set_schedule();">Set</a></div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<label>Job</label>
|
||||
<input type='text' class='form-control' id='job-string' disabled='disabled'/><br />
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
Loading…
Reference in new issue