229 lines
8.0 KiB
HTML
229 lines
8.0 KiB
HTML
<!--
|
|
Template baseado inteiramente na página https://getbootstrap.com/docs/4.3/examples/dashboard/#
|
|
-->
|
|
|
|
<!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="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
|
<meta name="generator" content="Jekyll v3.8.5">
|
|
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
|
<title>PDTOR Dashboard - Dark Website Archive and Monitoring</title>
|
|
|
|
<link rel="canonical" href="#">
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="{{url_for('static', filename = 'css/bootstrap.min.css')}}" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
|
|
|
<style>
|
|
.bd-placeholder-img {
|
|
font-size: 1.125rem;
|
|
text-anchor: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.bd-placeholder-img-lg {
|
|
font-size: 3.5rem;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<!-- Top bar configuration -->
|
|
<link href="{{url_for('static', filename = 'css/dashboard.css')}}" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
|
|
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="{{url_for('home')}}">
|
|
<img src="{{url_for('static', filename='img/PDTOR_Logo_YELLOW_cropped.png')}}" class="img-fluid" width="70" height="70"></a>
|
|
<ul class="navbar-nav px-3">
|
|
<li class="nav-item text-nowrap">
|
|
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<!--- Side bar configuration --->
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<nav class="col-md-2 d-none d-md-block bg-light sidebar"> <!--- Bar width --->
|
|
<div class="sidebar-sticky">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="{{url_for('home')}}">
|
|
<span data-feather="home"></span>
|
|
Dashboard <span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('load_scenario', scenario = 1)}}">
|
|
<i class="fas fa-list"></i>
|
|
Onion URLs
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('load_scenario', scenario = 2)}}">
|
|
<i class="fas fa-list"></i>
|
|
Categoried URLs
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('load_scenario', scenario = 3)}}">
|
|
<i class="fas fa-table"></i>
|
|
Annotated URLs
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('load_scenario', scenario = 4)}}">
|
|
<i class="fas fa-table"></i>
|
|
Excerpts from URLs
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
|
|
<span>Graphs</span>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('graficos')}}">
|
|
<i class="fas fa-chart-bar"></i>
|
|
Statistical Graphs
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('benchmarks')}}">
|
|
<i class="fas fa-chart-area"></i>
|
|
Prediction Model Graphs
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('relatorio')}}">
|
|
<i class="fas fa-chart-area"></i>
|
|
Classificaiton Models Graphs
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
|
|
<span>Archived Web Pages</span>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('browse')}}">
|
|
<i class="fas fa-list-alt"></i>
|
|
Browse Archived Pages
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('search')}}">
|
|
<i class="fa fa-search"></i>
|
|
Search Archived Pages
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('demand')}}">
|
|
<i class="far fa-keyboard"></i>
|
|
Crawl URL on-demand
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
|
|
<span>Export</span>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('benchmarks')}}">
|
|
<i class="fas fa-table"></i>
|
|
Export to Excel
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{url_for('relatorio')}}">
|
|
<i class="far fa-file-pdf"></i>
|
|
Export to PDF
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
|
|
|
|
{% if prediction %}
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="modalPrediction" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header bg-dark">
|
|
<h5 class="modal-title" id="exampleModalLabel">Prediction</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Classifications: {{prediction.class}}</p>
|
|
<p>Probabilities: {{prediction.prob}}</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% set prediction = None %}
|
|
{% endif %}
|
|
|
|
|
|
{% block content %}{% endblock %}
|
|
<!-- Footer (does not follow bottom)
|
|
<footer class="bg-dark text-light font-small blue pt-4 col-12">
|
|
<div class="footer-copyright text-center py-3">© 2021 Copyright: Stockholm University
|
|
<a href="https://mdbootstrap.com/education/bootstrap/" class="text-light"> App Template Source</a>
|
|
</div>
|
|
</footer>
|
|
End footer -->
|
|
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="static/js/jquery-3.3.1.slim.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="static/js/jquery-slim.min.js"><\/script>')</script>
|
|
<script src="static/js/bootstrap.bundle.min.js"></script>
|
|
<script src="static/js/feather.min.js"></script>
|
|
<script src="static/js/Chart.min.js"></script>
|
|
<script src="static/js/dashboard.js"></script>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
|
|
<script>
|
|
$('#modalPrediction').modal('show');
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|