rengine/targetApp/templates/target/import.html

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

{% block title %}
Import target for Recon
{% endblock title %}


{% block custom_js_css_link %}
<link href="{% static 'assets/css/components/tabs/custom-tabs.css' %}" rel="stylesheet" type="text/css" />
{% endblock custom_js_css_link %}

{% block breadcrumb_title %}
Import Targets
{% endblock breadcrumb_title %}

{% block main_content %}
<div class="col-lg-12 col-12 layout-spacing">
    <div class="statbox widget box box-shadow">
        <div class="widget-header">
            <div class="row">
                <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                    <h4>Import Targets</h4>
                </div>
            </div>
        </div>
        <div class="widget-content widget-content-area animated-underline-content">
            <ul class="nav nav-tabs  mb-3" id="animateLine" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="animated-underline-home-tab" data-toggle="tab" href="#animated-underline-text" role="tab" aria-controls="animated-underline-home" aria-selected="true"><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 feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> .txt import</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="animated-underline-profile-tab" data-toggle="tab" href="#animated-underline-csv" role="tab" aria-controls="animated-underline-profile" aria-selected="false"><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 feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> .csv import</a>
                </li>
            </ul>

            <div class="tab-content" id="animateLineContent-4">
                <div class="tab-pane fade show active" id="animated-underline-text" role="tabpanel" aria-labelledby="animated-underline-home-tab">
                    <div class="mb-4">
                        <p class="text-warning">
                            *Your txt file must have list of domains seperated by new line.
                            <br><br>
                            By default all domains imported from txt will have no description. If you choose to import multiple domains with description, you should go for csv import.
                        </p>
                        <form method="post" enctype="multipart/form-data">
                            <div class="custom-file">
                                {% csrf_token %}
                                <input type="file" class="custom-file-input" id="txtFile" required multiple accept=".txt" name="txtFile">
                                <label class="custom-file-label" for="txtFile">Choose *.txt file</label>
                            </div>
                            <input type="submit" class="btn btn-outline-primary float-right mt-5 mb-2" value="Upload">
                        </form>
                    </div>
                </div>
                <div class="tab-pane fade" id="animated-underline-csv" role="tabpanel" aria-labelledby="animated-underline-profile-tab">
                    <div class="mb-4">
                        <p class="text-warning">
                            *Your csv file must be in the format of <strong>domain, description</strong> seperated by new line.
                        </p>
                        <form method="post" enctype="multipart/form-data">
                            {% csrf_token %}
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="csvFile" multiple accept=".csv" required name="csvFile">
                                <label class="custom-file-label" for="csvFile">Choose *.csv file</label>
                            </div>
                            <input type="submit" class="btn btn-outline-primary float-right mt-5 mb-2" value="Upload">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock main_content %}


{% block page_level_script %}
<script src="{% static 'assets/js/scrollspyNav.js' %}"></script>
<script>
$(".custom-file-input").on("change", function() {
  var fileName = $(this).val().split("\\").pop();
  $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
});
</script>
{% endblock page_level_script %}