lookyloo/website/web/templates/index.html

120 lines
3.5 KiB
HTML

{% extends "main.html" %}
{% from 'bootstrap/utils.html' import render_messages %}
{% from "macros.html" import shorten_string %}
{% block title %}Lookyloo{% endblock %}
{% block card %}
<meta name="og:title" content="Lookyloo" />
<meta name="og:type" content="website"/>
<meta
name="og:description"
content="Lookyloo captures websites and let you investigate them."
/>
<meta
name="og:image"
content="//{{public_domain}}{{ url_for('static', filename='favicon.ico') }}"
/>
<meta
name="og:url"
content="//{{public_domain}}"
/>
{% endblock %}
{% block scripts %}
{{ super() }}
<script src='{{ url_for('static', filename='datatables.min.js') }}'></script>
<script type="text/javascript">
$(document).ready(function () {
$('#table').DataTable( {
"order": [[ 1, "desc" ]],
"pageLength": 50,
"columns": [
{ "orderable": false, "width": 400 },
{ "orderable": false, "width": 150 },
{ "orderable": false, "width": 400 }
],
"columnDefs": [{
"targets": 1,
"render": function ( data, type, row, meta ) {
let date = new Date(data);
return date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, "0") + '-' + date.getDate().toString().padStart(2, "0") + ' ' + date.toTimeString();
}
}]
} );
});
</script>
{% endblock %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='datatables.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
{% endblock %}
{% block content %}
<div class="corner-ribbon top-left sticky white shadow">
<a href="https://www.lookyloo.eu/docs/main/index.html">Documentation</a>
</div>
<div class="corner-ribbon top-right sticky white shadow">
<a href="https://github.com/Lookyloo">Project page</a>
</div>
<center>
<a href="{{ url_for('capture_web') }}">
<img src="{{ url_for('static', filename='lookyloo.jpeg') }}"
alt="Lookyloo" width="200">
</a>
</center>
<center>
<h2><a href="{{ url_for('capture_web') }}">Start a new capture</a></h2>
<br><br>
{{ render_messages(container=True, dismissible=True) }}
</center>
<div class="table-responsive">
<table id="table" class="table" style="width:96%">
<thead>
<tr>
<th>Page</th>
<th>Timestamp</th>
<th>Redirects</th>
</tr>
</thead>
<tbody>
{% for uuid, page_title, datetime, url, redirects, incomplete_redirects in titles %}
<tr>
<td>
<p title="{{ page_title }}"><a href="{{ url_for('tree', tree_uuid=uuid) }}">{{ page_title }}</a></p>
{{ shorten_string(url, 50, with_title=True) }}
</td>
<td>{{ datetime }}</td>
<td>
{% if redirects %}
{% for r in redirects %}
<p title="{{ r }}">
{% if loop.previtem %}
{{ ("&nbsp;" * (loop.index *2) )|safe }}↪ {{ shorten_string(r, 50) }}
{%else%}
{{ shorten_string(r, 50) }}
{%endif%}
</p>
{% endfor %}
{% if incomplete_redirects %}
<a style="float: right;" href="{{ url_for('cache_tree', tree_uuid=uuid) }}">Unable to find the redirects, click here to build the tree</a>
{%else%}
<a style="float: right;" href="{{ url_for('redirects', tree_uuid=uuid) }}">Download redirects</a>
{%endif%}
{% else%}
No redirect
{%endif%}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endblock %}