0% found this document useful (0 votes)
23 views3 pages

Upload - HTML Ya

The document describes uploading a CSV dataset to detect SQL injection vulnerabilities. It provides instructions for uploading the file, viewing the uploaded data, running a detection test, and viewing the results. Screenshots and step-by-step guidance are given.

Uploaded by

Mufid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
23 views3 pages

Upload - HTML Ya

The document describes uploading a CSV dataset to detect SQL injection vulnerabilities. It provides instructions for uploading the file, viewing the uploaded data, running a detection test, and viewing the results. Screenshots and step-by-step guidance are given.

Uploaded by

Mufid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

{% extends 'partials/_base.

html' %}
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Upload Page</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>

<body>
{% block content %}
<section class="site-section pt-5">
<div class="container">

<div class="row blog-entries">


<div class="col-md-12 col-lg-8 main-content">

<div class="container mt-5">


<div class="row mt-4">
<div class="col-md-6 offset-md-3">
<div class="card">
<div class="card-header bg-secondary text-white">
Upload Your Dataset and Boost Your Security!
</div>
<div class="card-body">
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="form-group">
<label for="file_path">Choose the file to upload (CSV
format):</label><br>
<input type="file" class="form-control-file"
name="file_path" accept=".csv">
</div>
<button type="submit" class="btn btn-primary btn-
block">Upload</button>
</form>
{% if success_message %}
<div class="alert alert-success mt-3" role="alert">
{{ success_message }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-md-12">
<h5 class="text">How to Upload:</h5>
<ol>
<li>Click the "Choose File" button and select your CSV
dataset.</li>
<li>Click the "Upload" button to upload the dataset.</li>
<li>You'll receive a confirmation message upon Dataset uploaded
successfully!.</li>
</ol>
</div>
</div>

<div class="container my-5">


<div class="row text-center">
<div class="col-md-12">
<h2>User Guide</h2>
</div>
</div>

<div class="row">
<div class="col-md-6">
<div class="card mb-4">
<div class="card-body">
<h3 class="card-title">1. Upload</h3>
<p class="card-text">Begin by uploading your dataset
containing potential SQL Injection samples. Click on the "Upload Dataset" link in
the navigation menu to get started.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mb-4">
<div class="card-body">
<h3 class="card-title">2. Show</h3>
<p class="card-text">View the uploaded dataset and explore
its contents. Click on the "Show Dataset" link in the navigation menu to access
this feature.</p>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-md-6">
<div class="card mb-4">
<div class="card-body">
<h3 class="card-title">3. Detection</h3>
<p class="card-text">Initiate the SQL Injection detection
process by selecting the appropriate options. Navigate to the "Detection Test" page
from the navigation menu.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mb-4">
<div class="card-body">
<h3 class="card-title">4. Congratulations, Your Results Are
Ready!</h3>
<p class="card-text">View and analyze the results of the
SQL Injection detection process. You've taken a significant step towards enhancing
security.</p>
</div>
</div>
</div>
</div>
</div>

<div class="row mt-4">


<div class="col-md-12 text-bg-light">
<p>After uploading, you can view your dataset by clicking the "Show
Dataset" button below.</p>
<a href="{% url 'detector:show' %}" class="btn btn-secondary mx-2">Show
Dataset</a>
<a href="{% url 'detector:index' %}" class="btn btn-secondary mx-
2">Back To Home</a>
</div>
</div>
</div>
{% endblock %}

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"

integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"

integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>

You might also like