mirror of
https://github.com/ail-project/ail-framework.git
synced 2024-11-10 08:38:28 +00:00
264 lines
12 KiB
HTML
264 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Analysis Information Leak framework Dashboard</title>
|
|
|
|
<!-- Core CSS -->
|
|
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='font-awesome/css/font-awesome.css') }}" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='css/sb-admin-2.css') }}" rel="stylesheet">
|
|
<script language="javascript" src="{{ url_for('static', filename='js/jquery.js')}}"></script>
|
|
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/FlexGauge.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/jquery.sparkline.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/jquery.canvasjs.min.js') }}"></script>
|
|
|
|
<style>
|
|
strong {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sparkLineStats ul {
|
|
padding-left:0;
|
|
list-style:none
|
|
}
|
|
|
|
.sparkLineStats {
|
|
position: relative;
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
.sparkLineStats ul li {
|
|
margin-bottom: 8px;
|
|
line-height: 90px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sparkLineStats ul li div {
|
|
float: left;
|
|
}
|
|
|
|
.sparkLineStats ul li div:first-child {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.wellInside {
|
|
background-color: #dedede;
|
|
padding: 12px;
|
|
}
|
|
|
|
.fg-dial-label {
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
left: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
top: -60px;
|
|
margin-bottom: -10px;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="wrapper">
|
|
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
|
|
{% include 'header.html' %}
|
|
<!-- /.navbar-top-links -->
|
|
<div class="navbar-default sidebar" role="navigation">
|
|
<div class="sidebar-collapse">
|
|
<ul class="nav" id="side-menu">
|
|
<li class="sidebar-search">
|
|
{% include 'searchbox.html' %}
|
|
</li>
|
|
</ul>
|
|
<!-- /#side-menu -->
|
|
</div>
|
|
<!-- /.sidebar-collapse -->
|
|
<a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='image/AIL.png') }}" /></a>
|
|
</div>
|
|
<!-- /.navbar-static-side -->
|
|
</nav>
|
|
</div>
|
|
|
|
<div id="page-wrapper">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h1 class="page-header" data-page="page-sentiment" >Sentiment analysis: Trending</h1>
|
|
</div>
|
|
<!-- /.col-lg-12 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
<div class="row">
|
|
|
|
<!-- Pannel TODAY -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div id="panel-today" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<strong>Today's mood</strong>
|
|
</div>
|
|
<div class="panel-body">
|
|
<!-- left column -->
|
|
<div class="col-lg-9 well">
|
|
<!-- providers charts -->
|
|
<div class="col-lg-6">
|
|
<div class="sparkLineStats">
|
|
<ul>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday1"></div><div id="line_today_graph1"></div><strong id="providerToday1">Graph 1</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday2"></div><div id="line_today_graph2"></div><strong id="providerToday2">Graph 2</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday3"></div><div id="line_today_graph3"></div><strong id="providerToday3">Graph 3</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday4"></div><div id="line_today_graph4"></div><strong id="providerToday4">Graph 4</strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="sparkLineStats">
|
|
<ul>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday6"></div><div id="line_today_graph5"></div><strong id="providerToday5">Graph 5</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday7"></div><div id="line_today_graph6"></div><strong id="providerToday6">Graph 6</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday8"></div><div id="line_today_graph7"></div><strong id="providerToday7">Graph 7</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsToday9"></div><div id="line_today_graph8"></div><strong id="providerToday8">Graph 8</strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- right column -->
|
|
<div class="col-lg-3">
|
|
<div class="well text-center" style="padding: 0px;">
|
|
<strong>Mood value</strong>
|
|
<div id="gauge_today_last_hour"></div>
|
|
<strong>Compound by mood</strong>
|
|
<div id="bar_today_last_hour" style="height: 70px; width: 100%;"></div>
|
|
</div>
|
|
<div class="well text-center" style="padding: 0px;">
|
|
<strong>Mood value</strong>
|
|
<div id="gauge_today_last_days"></div>
|
|
<strong>Compound by mood</strong>
|
|
<div id="bar_today_last_days" style="height: 70px; width: 100%;"></div>
|
|
</div>
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.panel-body -->
|
|
</div>
|
|
</div>
|
|
<!-- /.panel -->
|
|
</div>
|
|
<!-- /.panel -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Pannel WEEK -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div id="panel-week" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<strong>Week's mood</strong>
|
|
</div>
|
|
<div class="panel-body">
|
|
<!-- left column -->
|
|
<div class="col-lg-9 well">
|
|
<!-- providers charts -->
|
|
<div class="col-lg-6">
|
|
<div class="sparkLineStats">
|
|
<ul>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek1"></div><div id="line_week_graph1"></div><strong id="providerWeek1">Graph 1</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek2"></div><div id="line_week_graph2"></div><strong id="providerWeek2">Graph 2</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek3"></div><div id="line_week_graph3"></div><strong id="providerWeek3">Graph 3</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek4"></div><div id="line_week_graph4"></div><strong id="providerWeek4">Graph 4</strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="sparkLineStats">
|
|
<ul>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek5"></div><div id="line_week_graph5"></div><strong id="providerWeek5">Graph 5</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek6"></div><div id="line_week_graph6"></div><strong id="providerWeek6">Graph 6</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek7"></div><div id="line_week_graph7"></div><strong id="providerWeek7">Graph 7</strong></li>
|
|
<li class="well wellInside"><div class="sparkLineStatsWeek8"></div><div id="line_week_graph8"></div><strong id="providerWeek8">Graph 8</strong></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- right column -->
|
|
<div class="col-lg-3">
|
|
<div class="well text-center" style="padding: 0px;">
|
|
<strong>Mood value</strong>
|
|
<div id="gauge_week"></div>
|
|
</div>
|
|
<div class="well text-center" style="padding: 0px;">
|
|
<table class="table table-striped table-bordered table-hover" id="myTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Worst mood</th>
|
|
<th>Best mood</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Pastebin</td>
|
|
<td>Ideone</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pastebin</td>
|
|
<td>Ideone</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pastebin</td>
|
|
<td>Ideone</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pastebin</td>
|
|
<td>Ideone</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pastebin</td>
|
|
<td>Ideone</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.panel-body -->
|
|
</div>
|
|
</div>
|
|
<!-- /.panel -->
|
|
</div>
|
|
<!-- /.panel -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /#page-wrapper -->
|
|
</div>
|
|
|
|
|
|
<!-- import graph function -->
|
|
<script src="{{ url_for('static', filename='js/sentiment_trending.js') }}"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
activePage = $('h1.page-header').attr('data-page');
|
|
$("#"+activePage).addClass("active");
|
|
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|