rengine/startScan/templates/startScan/start_scan_ui.html

{% extends 'base/base.html' %}
{% load static %}

{% block title %}
Start Scan
{% endblock title %}


{% block custom_js_css_link %}>
<link href="{% static 'assets/css/components/custom-list-group.css' %}" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{% static 'assets/css/elements/alert.css' %}">
<link href="{% static 'assets/css/components/tabs/custom-accordions.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'plugins/jquery-step/jquery.steps.css' %}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="{% static 'assets/css/custom.css' %}">
{% endblock custom_js_css_link %}

{% block breadcrumb_title %}
Start Scan for {{domain.domain.name}}
{% endblock breadcrumb_title %}

{% block main_content %}
<div class="statbox widget box box-shadow">
  <div class="widget-header">
    <div class="row">
      <div class="col-12">
        <h4>Initiating scan for <b>{{domain.domain.name}}</b></h4>
      </div>
    </div>
  </div>
  <div class="widget-content widget-content-area">
    <form method="POST" id="start-scan-form">
      {% csrf_token %}
      <div id="example-basic">
        <h3>Choose Scan Engine</h3>
        <div class="">
          <div class="form-row">
            <div class="col-md-12 mb-4">
              <h6>Select Scan Engine</h6>
              {% if custom_engine_count == 0 %}
              <div class="alert custom-alert-1 mb-4" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"  data-dismiss="alert" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                <div class="media">
                  <div class="alert-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
                  </div>
                  <div class="media-body">
                    <div class="alert-text">
                      <span><b>Tips! </b>You don't have any custom engines! Did you know you can create your own scan engine?</span>
                    </div>
                    <div class="alert-btn">./<sub></sub>
                      <a href="{% url 'add_engine' %}" class="btn btn-default btn-dismiss">Create Engine</a>
                    </div>
                  </div>
                </div>
              </div>
              {% endif %}
              {% include "startScan/_items/scanEngine_select.html" %}
            </div>
          </div>
        </div>
        <h3>Import Subdomains</h3>
        <div class="">
          <div class="form-group mb-4">
            <label for="importSubdomainFormControlTextarea"><b class="text-info">Import Subdomains(Optional)</b></br>You can import subdomains for <b>{{domain.domain.name}}</b> using your private recon tools.</label>
          </br>
          <label for="importSubdomainFormControlTextarea">Seperate the subdomains using new line. If the subdomain does not belong to <b>{{domain.domain.name}}</b> it will be skipped.</label>
          <textarea class="form-control" id="importSubdomainFormControlTextarea" rows="7" spellcheck="false" name="importSubdomainTextArea"></textarea>
        </div>
      </div>
    </div>
  </form>
</div>
</div>
{% endblock main_content %}


{% block page_level_script %}
<script src="{% static 'assets/js/scrollspyNav.js' %}"></script>
<script src="{% static 'plugins/jquery-step/jquery.steps.min.js' %}"></script>
<script type="text/javascript">

var buttonEnabled = true;
var globalTimeout = 0;


function disableNext(){
  var nextButton = $(".actions ul li:nth-child(2) a");
  nextButton.attr("href", "#");
  buttonEnabled = $(".actions ul li:nth-child(2)").addClass("disabled").attr("aria-disabled", "true");
}

function enableNext(){
  var nextButton = $(".actions ul li:nth-child(2) a");
  nextButton.attr("href", "#next");
  buttonEnabled = $(".actions ul li:nth-child(2)").removeClass("disabled").attr("aria-disabled", "false");
}


function updateButton(){
  var text = $("input[type=radio][name=scan_mode]").val();
  if(text === ''){
    disableNext();
    return false;
  }else{
    enableNext();
    return true;
  }
}

function initTimer() {
  if (globalTimeout) clearTimeout(globalTimeout);
  globalTimeout = setTimeout(updateButton, 400);
}

$(function(){
  $("#example-basic").steps({
    headerTag: "h3",
    bodyTag: "div",
    transitionEffect: "slide",
    cssClass: 'pill wizard',
    enableKeyNavigation: false,
    onStepChanging: updateButton,
    labels: {finish: "Start Scan"},
    onInit :function (event, current) {
      $(".actions ul li:nth-child(3) a").attr('onclick', `$(this).closest('form').submit()`);
    }
  });
  $("input[type=radio][name=scan_mode]").change(initTimer).keyup(initTimer);
  disableNext();
});

</script>
{% endblock page_level_script %}