chg: Improve rendering capture page

pull/382/head
Raphaël Vinot 2022-03-30 12:32:20 +02:00
parent 5cdc8c56ef
commit 954121a363
1 changed files with 86 additions and 72 deletions

View File

@ -25,12 +25,10 @@
<center>
<a href="{{ url_for('index') }}" title="Go back to index">
<img src="{{ url_for('static', filename='lookyloo.jpeg') }}"
alt="Lookyloo" width="400">
alt="Lookyloo" width="30%">
</a>
</center>
</br>
{{ render_messages(container=True, dismissible=True) }}
</br>
<form role="form" action="{{ url_for('capture_web') }}" method=post enctype=multipart/form-data>
<div class="row mb-3">
<div class="col-sm-10">
@ -41,14 +39,24 @@
</div>
</div>
<div class="row mb-3">
<label for="url" class="col-sm-1 col-form-label">URL:</label>
<div class="col-sm-10">
<label for="url" class="col-sm-2 col-form-label">URL:</label>
<input type="text" class="form-control" name="url" id=url
placeholder="URL to capture" value="{{predefined_url_to_capture}}" required>
</div>
</div>
<p style="font-size: x-large"><b>Browser Configuration</b> (Lookyloo uses an emulated browser for all captures)</p>
<div>
<button class="btn btn-link" type="button" data-bs-toggle="collapse" data-bs-target="#collapseConfigBrowser"
aria-expanded="false" aria-controls="collapseConfigBrowser">
<p style="margin-left: -12px; margin-top: 12px; font-size: x-large; color: black; text-decoration: underline; text-decoration-color: blue;">
<b>Browser Configuration</b>
</p>
</button>
<div class="help-tip" title="Lookyloo uses an emulated browser for all captures, click to configure the User-Agent"></div>
</div>
<div id="collapseConfigBrowser" class="collapse d-xl-block">
<div class="card card-body">
{% if personal_ua %}
<div class="row mb-3">
@ -119,9 +127,15 @@
</div>
</div>
</div>
</div>
<div class="dropdown-divider"></div>
<div>
<button class="btn btn-link" type="button" data-bs-toggle="collapse" data-bs-target="#collapseConfigCapture" aria-expanded="false" aria-controls="collapseConfigCapture">
<p style="margin-left: -12px; margin-top: 12px; font-size: x-large; color: black; text-decoration: underline; text-decoration-color: blue;"><b>Capture Configuration</b></p>
<p style="margin-left: -12px; margin-top: 12px; font-size: x-large; color: black; text-decoration: underline; text-decoration-color: blue;">
<b>Capture Configuration</b>
</p>
</button>
<div class="help-tip" title="Edit configuration options for the capture."></div>
</div>