Add bulk targets form added

targetApp/templates/target/bulk_add_targets.html

@@ -0,0 +1,54 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}
+Add Targets in Bulk
+{% endblock title %}
+
+
+{% block custom_js_css_link %}
+{% endblock custom_js_css_link %}
+
+{% block breadcrumb_title %}
+Add Targets in Bulk
+{% endblock breadcrumb_title %}
+
+{% block main_content %}
+<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>Add Targets</h4>
+      </div>
+    </div>
+  </div>
+  <div class="widget-content widget-content-area animated-underline-content">
+    <div class="form-group mb-4">
+      <label for="importSubdomainFormControlTextarea">Seperate the targets using new line. If the subdomain already exists, it will be skipped.</label>
+      <textarea class="form-control" id="addTargets" rows="7" spellcheck="false" name="addTargets" placeholder="example.com"></textarea>
+      <button class="btn btn-primary submit-fn mt-2 float-right" type="submit" id="addTargetButton">Add 0 Targets</button>
+    </div>
+  </div>
+</div>
+{% endblock main_content %}
+
+{% block page_level_script %}
+<script src="{% static 'assets/js/scrollspyNav.js' %}"></script>
+<script type="text/javascript">
+// change the button text everytime targets is added
+var addTargetsButton = document.getElementById("addTargetButton");
+addTargetsButton.disabled = true;
+$('#addTargets').on('change keyup',function(){
+  var text = $("#addTargets").val();
+  var lines = text.split(/\r|\r\n|\n/);
+  var count = lines.length;
+  addTargetsButton.innerHTML = `Add ${count} Targets`;
+  if (!count) {
+    addTargetsButton.disabled = true;
+  }
+  else{
+    addTargetsButton.disabled = false;
+  }
+});
+</script>
+{% endblock page_level_script %}

targetApp/templates/target/import.html

@@ -47,7 +47,7 @@ Import Targets
               <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">
+            <input type="submit" class="btn btn-primary float-right mt-5 mb-2" value="Upload">
           </form>
         </div>
       </div>
@@ -62,7 +62,7 @@ Import Targets
               <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">
+            <input type="submit" class="btn btn-primary float-right mt-5 mb-2" value="Upload">
           </form>
         </div>
       </div>

targetApp/urls.py

@@ -10,8 +10,12 @@ urlpatterns = [
         name='targetIndex'),
     path(
         'add/',
-        views.add_target_form,
-        name='add_target_form'),
+        views.add_target,
+        name='add_target'),
+    path(
+        'add/bulk/',
+        views.add_bulk_targets,
+        name='add_targets_bulk'),
     path(
         'import/',
         views.import_targets,

targetApp/views.py

@@ -26,7 +26,7 @@ def index(request):
     return render(request, 'target/index.html')
 
 
-def add_target_form(request):
+def add_target(request):
     form = AddTargetForm(request.POST or None)
     if request.method == "POST":
         if form.is_valid():
@@ -47,6 +47,13 @@ def add_target_form(request):
     return render(request, 'target/add.html', context)
 
 
+def add_bulk_targets(request):
+    context = {
+        "add_targets_li": "active",
+        "target_data_active": "true",}
+    return render(request, 'target/bulk_add_targets.html', context)
+
+
 def import_targets(request):
     context = {}
     context['import_target_li'] = 'active'

templates/base/_items/sidebar.html

@@ -33,12 +33,12 @@
         </a>
         <ul class="submenu list-unstyled collapse show" id="app" data-parent="#accordionExample" style="">
           <li class="{{ add_target_li }}">
-            <a href="{% url 'add_target_form' %}"> Add Target </a>
+            <a href="{% url 'add_target' %}"> Add Target </a>
           </li>
         </ul>
         <ul class="submenu list-unstyled collapse show" id="app" data-parent="#accordionExample" style="">
-          <li class="{{ list_target_li }}">
-            <a href="{% url 'list_target' %}"> List Targets </a>
+          <li class="{{ add_targets_li }}">
+            <a href="{% url 'add_targets_bulk' %}"> Add Targets(Bulk) </a>
           </li>
         </ul>
         <ul class="submenu list-unstyled collapse show" id="app" data-parent="#accordionExample" style="">
@@ -46,6 +46,11 @@
             <a href="{% url 'import_targets' %}"> Import Targets </a>
           </li>
         </ul>
+        <ul class="submenu list-unstyled collapse show" id="app" data-parent="#accordionExample" style="">
+          <li class="{{ list_target_li }}">
+            <a href="{% url 'list_target' %}"> List Targets </a>
+          </li>
+        </ul>
       </li>
 
       <li class="menu">