dynamic.html 6 KB
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>VulnNotti</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="{% static 'vendor/freelancer_bootstrap/css/bootstrap.min.css' %}">
    <!-- Custom fonts for this template -->
    <link rel="stylesheet" href="{% static 'vendor/freelancer_font-awesome/css/font-awesome.min.css' %}">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <!-- Plugin CSS -->
    <link rel="stylesheet" href="{% static 'vendor/magnific-popup/magnific-popup.css' %}">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="{% static 'css/freelancer.min.css' %}">
    <!--  highlight.js  -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/default.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/9.5.0/styles/vs2015.min.css">
    <script src="//cdn.jsdelivr.net/highlight.js/9.5.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
  </head>


  <body id="page-top">
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="/">Home</a>
        <button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          Menu
          <i class="fa fa-bars"></i>
        </button>

      </div>
    </nav>

    <!-- Header -->
    <header class="masthead bg-primary text-white text-center">
      <div class="container">
        <!-- <img class="img-fluid mb-5 d-block mx-auto" src="{% static 'img/profile.png' %}" alt=""> -->
        <h1 class="text-uppercase mb-0">동적 분석 페이지입니다.</h1>
        <hr class="star-light">
        <h2 class="font-weight-light mb-0">툴을 다운로드 받은 후 결과 파일을 업로드 해주세요.</h2>


        <a href="{% static 'img/profile.png' %}" download>
          <button class="btn btn-success">Download!</button>
        </a>
        <button class="btn btn-warning">Upload!</button>
        <form method="post" enctype="multipart/form-data">{% csrf_token %}
            <input type="file" name="sentFile" />
            <input type="submit" name="submit" value="Upload" />
        </form>
      </div>
    </header>
    <!-- <form method="post" action=".">
      <fieldset>{% csrf_token %}
        <div>
          {{ form.text.label_tag }} {{ form.text }}
        </div>
        <input type="submit" value="submit"/>
      </fieldset>
    </form> -->

    <!-- Portfolio Grid Section -->


    <div class="col-md-12 col-lg-12">
      <div style="width: 100%; margin-left: 0px; margin-right: 0px;">
        <!-- <form method="post" action=".">
          <fieldset>{% csrf_token %}
            <div>
              {{ form.text.label_tag }} {{ form.text }}
            </div>
            <input type="submit" value="submit"/>
          </fieldset>
        </form> -->

        <table class="table table-hover">
          <thead>
            <tr>
              <th>ID</th>
              <th>분류</th>
              <th>점검항목</th>
              <th>항목 중요도</th>
              <th>결과</th>
            </tr>
            <tbody>
              {% for object in object_list %}
              <tr>
                <td>{{ object.id }}</td>
                <td>{{ object.classification }}</td>
                <td>{{ object.checklist }}</td>
                <td>{{ object.importance }}</td>
                <td>{{ object.result }}</td>
                <!-- <td id="modal_{{ forloop.counter }}">
                  <a class="portfolio-item d-block mx-auto" href="#portfolio-modal-{{ forloop.counter }}">
                    <button class="btn btn-primary">자세히보기</button></td>
                  </a>
                </td> -->
              </tr>
              {% endfor %}
            </tbody>
        </table>
    </div>

    {% for object in object_list %}
    <div class="portfolio-modal mfp-hide" id="portfolio-modal-{{ forloop.counter }}">
      <div class="portfolio-modal-dialog bg-white">
        <!--  header  -->
        <div class="modal-header">

        </div>
        <!--  left side  -->
        <div class="col-lg-12">
          {{ object.result }}
        </div>
        <!--  footer  -->
        <div class="modal-footer" style="float: clear;">
          <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
            <i class="fa fa-close"></i>
            Close
          </a>
        </div>

      </div>
    </div>
    {% endfor %}

  </body>

  <script src="{% static 'js/Chart.min.js' %}"></script>
  <script src="{% static 'vendor/freelancer_jquery/jquery.min.js' %}"></script>
  <script src="{% static 'vendor/freelancer_bootstrap/js/bootstrap.bundle.min.js' %}"></script>
  <script src="{% static 'vendor/jquery-easing/jquery.easing.min.js' %}"></script>
  <script src="{% static 'vendor/magnific-popup/jquery.magnific-popup.min.js' %}"></script>
  <script src="{% static 'js/jqBootstrapValidation.js' %}"></script>
  <script src="{% static 'js/contact_me.js' %}"></script>
  <script src="{% static 'js/freelancer.min.js' %}"></script>

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
  <script type="text/javascript" src="{% static 'js/Chart.min.js' %}"></script>
  <script type="text/javascript">


</html>