Files
rengine/web/startScan/templates/startScan/schedule_scan_list.html
T

207 lines
8.5 KiB
HTML

{% extends 'base/base.html' %}
{% load static %}
{% load custom_tags %}
{% load permission_tags %}
{% block title %}
Scheduled Scan
{% endblock title %}
{% block custom_js_css_link %}
<link rel="stylesheet" type="text/css" href="{% static 'plugins/switches/switches.min.css' %}">
{% endblock custom_js_css_link %}
{% block breadcrumb_title %}
<li class="breadcrumb-item active" aria-current="page">Scheduled Scans</li>
{% endblock breadcrumb_title %}
{% block page_title %}
Scheduled Scans
{% endblock page_title %}
{% block main_content %}
<div class="row">
<div class="col-12">
<div class="card">
<div class="p-2">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
</div>
{% if user|can:'initiate_scans_subscans' %}
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<a class="btn btn-soft-danger float-end disabled ms-1 mt-1" href="#" onclick="deleteMultipleScheduledScan()" id="delete_multiple_scheduled_button">Delete Multiple Scheduled Scans</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<form method="POST" id="scheduled_scan_history_form">
{% csrf_token %}
<table id="scheduled_scan_table" class="table dt-responsive w-100">
<thead>
<tr>
<th class="checkbox-column text-center">Serial Number</th>
<th>Description</th>
<th>Frequency</th>
<th>Last Run</th>
<th class="text-center">Run Count</th>
<th class="text-center">One Off Task</th>
<th class="text-center">Enabled</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
{% for task in scheduled_tasks %}
<tr>
<td class="text-center">{{ task.id }}</td>
{% with task_name=task.name|split:":" %}
<td>{{ task_name.0 }}</td>
{% endwith %}
<td>
{% if task.interval %}
Will run {{ task.interval }}
{% elif task.clocked %}
Will run exactly at {{ task.clocked.clocked_time}} UTC
{% endif %}
</td>
<td>{{ task.last_run_at|none_or_never }}</td>
<td class="text-center">{{ task.total_run_count }}</td>
<td class="text-center">
{% if task.one_off %}
{% include 'base/_items/green_tick.html' %}
{% else %}
{% include 'base/_items/red_cross.html' %}
{% endif %}
</td>
<td class="text-center">
<label class="switch s-icons s-outline s-outline-info">
<input type="hidden" name="task_id" value="task.id" />
<input type="checkbox" name="task_enabled" {% if task.enabled %}checked{% endif %} onchange="change_scheduled_task_status({{task.id}}, this)" data-plugin="switchery">
<span class="slider round"></span>
</label>
</td>
{% if user|can:'modify_scan_results' %}
<td class="text-center">
<a onclick="deleteScheduledScan({{ task.id }})" class="text-danger btnDelTask" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Scheduled Task">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather table-delete feather-x-circle">
<circle cx="12" cy="12" r="10"></circle>
<line x1="15" y1="9" x2="9" y2="15"></line>
<line x1="9" y1="9" x2="15" y2="15"></line>
</svg>
</a>
</td>
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</form>
</div>
</div>
</div>
{% endblock main_content %}
{% block page_level_script %}
<script>
// var e;
$(document).ready(function() {
var scheduled_scan_table = $('#scheduled_scan_table').DataTable({
headerCallback: function(e, a, t, n, s) {
e.getElementsByTagName("th")[0].innerHTML='<div class="form-check mb-2 form-check-primary"><input type="checkbox" class="float-start form-check-input chk-parent" id="head_checkbox" onclick=mainCheckBoxSelected(this)>\n<span class="new-control-indicator"></span><span style="visibility:hidden">c</span></div>\n'
},
"oLanguage": {
"oPaginate": { "sPrevious": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>', "sNext": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>' },
"sInfo": "Showing page _PAGE_ of _PAGES_",
"sSearch": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
"sSearchPlaceholder": "Search...",
"sLengthMenu": "Results : _MENU_",
},
"columnDefs":[
{
"targets":0, "width":"20px", "className":"", "orderable":!1, render:function(e, a, t, n) {
return'<div class="form-check mb-2 form-check-primary"><input type="checkbox" name="targets_checkbox['+ e + ']" class="float-start form-check-input targets_checkbox" value="' + e + '" onchange=toggleMultipleTargetButton()>\n<span class="new-control-indicator"></span><span style="visibility:hidden">c</span></div>'
},
}
],
"lengthMenu": [5, 10, 20, 30, 50, 100],
"pageLength": 20,
"order": [[3, 'desc']],
"dom": "<'dt--top-section'<'row'<'col-12 col-sm-6 d-flex justify-content-sm-start justify-content-center mt-sm-0 mt-3'f><'col-12 col-sm-6 d-flex justify-content-sm-end justify-content-center'l>>>" +
"<'table-responsive'tr>" +
"<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count mb-sm-0 mb-3'i><'dt--pagination'p>>",
});
multiCheck(scheduled_scan_table);
});
function mainCheckBoxSelected(checkbox) {
if (checkbox.checked) {
$("#delete_multiple_scheduled_button").removeClass("disabled");
$(".targets_checkbox").prop('checked', true);
} else {
$("#delete_multiple_scheduled_button").addClass("disabled");
$(".targets_checkbox").prop('checked', false);
}
}
function checkedCount() {
// this function will count the number of boxes checked
item = document.getElementsByClassName("targets_checkbox");
count = 0;
for (var i = 0; i < item.length; i++) {
if (item[i].checked) {
count++;
}
}
return count;
}
function toggleMultipleTargetButton() {
if (checkedCount() > 0) {
$("#delete_multiple_scheduled_button").removeClass("disabled");
} else {
$("#delete_multiple_scheduled_button").addClass("disabled");
}
}
function deleteMultipleScheduledScan() {
if (!checkedCount()) {
swal({
title: '',
text: "Oops! You haven't selected any scheduled scan to delete.",
type: 'error',
padding: '2em'
})
} else {
// atleast one target is selected
swal.queue([{
title: 'Are you sure you want to delete ' + checkedCount() + ' Scheduled Scans?',
text: "This action is irreversible.\nThis will stop all the selected scheduled scans.",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Delete',
padding: '2em',
showLoaderOnConfirm: true,
preConfirm: function() {
Swal.fire({
title: 'Deleting...',
text: 'Please wait while the scheduled scans are being deleted.',
icon: 'info',
allowOutsideClick: false,
allowEscapeKey: false,
showConfirmButton: false
});
deleteForm = document.getElementById("scheduled_scan_history_form");
deleteForm.action = "../delete/multiple/scheduled";
deleteForm.submit();
}
}])
}
}
</script>
{% endblock page_level_script %}