Scribd Logo
Upload

Welcome to Scribd!

  • Upload - HTML Ya

    Uploaded by

    Mufid
    3 views3 pages

    Original Title

    upload.html ya

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    3 views3 pages

    Upload - HTML Ya

    Uploaded by

    Mufid

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 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/popper.js@1.12.9/dist/umd/popper.min.js"

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

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

    You might also like