lookyloo/website/web/templates/submit_capture.html

105 lines
4.1 KiB
HTML

{% extends "main.html" %}
{% from 'bootstrap5/utils.html' import render_messages %}
{% block title %}Submit an existing capture{% endblock %}
{% block card %}
<meta property="og:title" content="Lookyloo" />
<meta property="og:type" content="website"/>
<meta
property="og:description"
content="Lookyloo lets you upload a HAR file (or an existing capture) to view it on a tree."
/>
<meta
property="og:image"
content="https://{{public_domain}}{{ url_for('static', filename='lookyloo.jpeg') }}"
/>
<meta
property="og:url"
content="https://{{public_domain}}"
/>
<meta name="twitter:card" content="summary_large_image">
{% endblock %}
{% block content %}
<div class="container">
<center>
<a href="{{ url_for('index') }}" title="Go back to index">
<img src="{{ url_for('static', filename='lookyloo.jpeg') }}"
alt="Lookyloo" width="25%">
</a>
</center>
{{ render_messages(container=True, dismissible=True) }}
<form role="form" action="{{ url_for('submit_capture') }}" method=post enctype=multipart/form-data>
<div class="row mb-3">
<div class="col-sm-10">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="listing" {% if default_public %}checked="true"{% endif %}></input>
<label for="listing" class="form-check-label">Display results on public page</label>
</div>
</div>
</div>
<div class="row mb-3">
<label for="full_capture" class="col-sm-2 col-form-label">Full capture from another Lookyloo instance:</label>
<div class="col-sm-10">
<input type="file" class="form-control-file" id="full_capture" name="full_capture">
<div>The capture must be a zipfile as you can get when calling /export on an existing capture.</div>
</div>
</div>
<hr>
<div class="row mb-3">
<label for="har_file" class="col-sm-2 col-form-label">HTTP Archive (HAR) file:</label>
<div class="col-sm-10">
<input type="file" class="form-control-file" id="har_file" name="har_file">
<div><b>[Experimental]</b> It can be any file in <a href="https://en.wikipedia.org/wiki/HAR_(file_format)">HTTP Archive format</a>, from any source (browser or any other tool)</div>
<div class="alert alert-info" role="alert">
This feature is experimantal and it may not work for some reason. If it is the case, please
<a href="https://github.com/Lookyloo/lookyloo/issues">open an issue on github</a> and attach the HAR file so we can investigate.
</div>
</div>
</div>
<div class="row mb-3">
<label for="landing_page" class="col-sm-2 col-form-label">Landing page:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="landing_page" name="landing_page">
<div>The URL in the bowser at the end of the capture, it cannot always be guessed from the HAR file.</div>
</div>
</div>
<div class="row mb-3">
<label for="screenshot_file" class="col-sm-2 col-form-label">Screenshot file:</label>
<div class="col-sm-10">
<input type="file" class="form-control-file" id="screenshot_file" name="screenshot_file">
<div>A screenshot of the rendered page.</div>
</div>
</div>
<div class="row mb-3">
<label for="html_file" class="col-sm-2 col-form-label">Rendered HTML file:</label>
<div class="col-sm-10">
<input type="file" class="form-control-file" id="html_file" name="html_file">
<div>The page rendered by the browser at the end of the capture, it is not in the HAR file.</div>
</div>
</div>
<hr>
<center>
<b>
{% if default_public %}
By default, the capture is public. If you do not want that, untick the box at the top of the form.
{% else %}
By default, the capture is private (not visible on the index page). If you want it to be public tick the box at the top of the form.
{% endif %}
</b>
</br>
</br>
<button type="submit" class="new-capture-button btn btn-primary" id="btn-looking">Render capture!</button>
</center>
</form>
</div>
{% endblock %}
{% block scripts %}
{{ super() }}
{% endblock %}