mirror of
https://github.com/dgtlmoon/changedetection.io.git
synced 2026-01-26 17:10:18 +00:00
3d14df6a11
Multi-language / Translations Support (#3696) - Complete internationalization system implemented - Support for 7 languages: Czech (cs), German (de), French (fr), Italian (it), Korean (ko), Chinese Simplified (zh), Chinese Traditional (zh_TW) - Language selector with localized flags and theming - Flash message translations - Multiple translation fixes and improvements across all languages - Language setting preserved across redirects Pluggable Content Fetchers (#3653) - New architecture for extensible content fetcher system - Allows custom fetcher implementations Image / Screenshot Comparison Processor (#3680) - New processor for visual change detection (disabled for this release) - Supporting CSS/JS infrastructure added UI Improvements Design & Layout - Auto-generated tag color schemes - Simplified login form styling - Removed hard-coded CSS, moved to SCSS variables - Tag UI cleanup and improvements - Automatic tab wrapper functionality - Menu refactoring for better organization - Cleanup of offset settings - Hide sticky tabs on narrow viewports - Improved responsive layout (#3702) User Experience - Modal alerts/confirmations on delete/clear operations (#3693, #3598, #3382) - Auto-add https:// to URLs in quickwatch form if not present - Better redirect handling on login (#3699) - 'Recheck all' now returns to correct group/tag (#3673) - Language set redirect keeps hash fragment - More friendly human-readable text throughout UI Performance & Reliability Scheduler & Processing - Soft delays instead of blocking time.sleep() calls (#3710) - More resilient handling of same UUID being processed (#3700) - Better Puppeteer timeout handling - Improved Puppeteer shutdown/cleanup (#3692) - Requests cleanup now properly async History & Rendering - Faster server-side "difference" rendering on History page (#3442) - Show ignored/triggered rows in history - API: Retry watch data if watch dict changed (more reliable) API Improvements - Watch get endpoint: retry mechanism for changed watch data - WatchHistoryDiff API endpoint includes extra format args (#3703) Testing Improvements - Replace time.sleep with wait_for_notification_endpoint_output (#3716) - Test for mode switching (#3701) - Test for #3720 added (#3725) - Extract-text difference test fixes - Improved dev workflow Bug Fixes - Notification error text output (#3672, #3669, #3280) - HTML validation fixes (#3704) - Template discovery path fixes - Notification debug log now uses system locale for dates/times - Puppeteer spelling mistake in log output - Recalculation on anchor change - Queue bubble update disabled temporarily Dependency Updates - beautifulsoup4 updated (#3724) - psutil 7.1.0 → 7.2.1 (#3723) - python-engineio ~=4.12.3 → ~=4.13.0 (#3707) - python-socketio ~=5.14.3 → ~=5.16.0 (#3706) - flask-socketio ~=5.5.1 → ~=5.6.0 (#3691) - brotli ~=1.1 → ~=1.2 (#3687) - lxml updated (#3590) - pytest ~=7.2 → ~=9.0 (#3676) - jsonschema ~=4.0 → ~=4.25 (#3618) - pluggy ~=1.5 → ~=1.6 (#3616) - cryptography 44.0.1 → 46.0.3 (security) (#3589) Documentation - README updated with viewport size setup information Development Infrastructure - Dev container only built on dev branch - Improved dev workflow tooling
412 lines
27 KiB
HTML
412 lines
27 KiB
HTML
{% extends 'base.html' %}
|
||
|
||
{% block content %}
|
||
{% from '_helpers.html' import render_field, render_checkbox_field, render_button, render_time_schedule_form, render_ternary_field, render_fieldlist_with_inline_errors %}
|
||
{% from '_common_fields.html' import render_common_settings_form, show_token_placeholders %}
|
||
<script>
|
||
const notification_base_url="{{url_for('ui.ui_notification.ajax_callback_send_notification_test', mode="global-settings")}}";
|
||
{% if emailprefix %}
|
||
const email_notification_prefix=JSON.parse('{{emailprefix|tojson}}');
|
||
{% endif %}
|
||
</script>
|
||
<script src="{{url_for('static_content', group='js', filename='tabs.js')}}" defer></script>
|
||
<script src="{{url_for('static_content', group='js', filename='plugins.js')}}" defer></script>
|
||
<script src="{{url_for('static_content', group='js', filename='notifications.js')}}" defer></script>
|
||
<script src="{{url_for('static_content', group='js', filename='vis.js')}}" defer></script>
|
||
<script src="{{url_for('static_content', group='js', filename='global-settings.js')}}" defer></script>
|
||
<script src="{{url_for('static_content', group='js', filename='scheduler.js')}}" defer></script>
|
||
<div class="edit-form">
|
||
<div class="tabs collapsable">
|
||
<ul>
|
||
<li class="tab" id=""><a href="#general">{{ _('General') }}</a></li>
|
||
<li class="tab"><a href="#notifications">{{ _('Notifications') }}</a></li>
|
||
<li class="tab"><a href="#fetching">{{ _('Fetching') }}</a></li>
|
||
<li class="tab"><a href="#filters">{{ _('Global Filters') }}</a></li>
|
||
<li class="tab"><a href="#ui-options">{{ _('UI Options') }}</a></li>
|
||
<li class="tab"><a href="#api">{{ _('API') }}</a></li>
|
||
<li class="tab"><a href="#rss">{{ _('RSS') }}</a></li>
|
||
<li class="tab"><a href="#timedate">{{ _('Time & Date') }}</a></li>
|
||
<li class="tab"><a href="#proxies">{{ _('CAPTCHA & Proxies') }}</a></li>
|
||
{% if plugin_tabs %}
|
||
{% for tab in plugin_tabs %}
|
||
<li class="tab"><a href="#plugin-{{ tab.plugin_id }}">{{ tab.tab_label }}</a></li>
|
||
{% endfor %}
|
||
{% endif %}
|
||
<li class="tab"><a href="#info">{{ _('Info') }}</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="box-wrap inner">
|
||
<form class="pure-form pure-form-stacked settings" action="{{url_for('settings.settings_page')}}" method="POST">
|
||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" >
|
||
<div class="tab-pane-inner" id="general">
|
||
<fieldset>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.requests.form.time_between_check, class="time-check-widget") }}
|
||
|
||
<span class="pure-form-message-inline">{{ _('Default recheck time for all watches, current system minimum is') }} <i>{{min_system_recheck_seconds}}</i> {{ _('seconds') }} (<a href="https://github.com/dgtlmoon/changedetection.io/wiki/Misc-system-settings#enviroment-variables">{{ _('more info') }}</a>).</span>
|
||
<div id="time-between-check-schedule">
|
||
<!-- Start Time and End Time {{ timezone_default_config }} -->
|
||
<div id="limit-between-time">
|
||
{{ render_time_schedule_form(form.requests, available_timezones, timezone_default_config) }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.application.form.filter_failure_notification_threshold_attempts, class="filter_failure_notification_threshold_attempts") }}
|
||
<span class="pure-form-message-inline">After this many consecutive times that the CSS/xPath filter is missing, send a notification
|
||
<br>
|
||
Set to <strong>0</strong> to disable
|
||
</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{% if not hide_remove_pass %}
|
||
{% if current_user.is_authenticated %}
|
||
{{ render_button(form.application.form.removepassword_button) }}
|
||
{% else %}
|
||
{{ render_field(form.application.form.password) }}
|
||
<span class="pure-form-message-inline">Password protection for your changedetection.io application.</span>
|
||
{% endif %}
|
||
{% else %}
|
||
<span class="pure-form-message-inline">Password is locked.</span>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.shared_diff_access, class="shared_diff_access") }}
|
||
<span class="pure-form-message-inline">Allow access to the watch change history page when password is enabled (Good for sharing the diff page)
|
||
</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.empty_pages_are_a_change) }}
|
||
<span class="pure-form-message-inline">When a request returns no content, or the HTML does not contain any text, is this considered a change?</span>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
|
||
<div class="tab-pane-inner" id="notifications">
|
||
<fieldset>
|
||
{{ render_common_settings_form(form.application.form, emailprefix, settings_application, extra_notification_token_placeholder_info) }}
|
||
</fieldset>
|
||
<div class="pure-control-group" id="notification-base-url">
|
||
{{ render_field(form.application.form.base_url, class="m-d") }}
|
||
<span class="pure-form-message-inline">
|
||
Base URL used for the <code>{{ '{{ base_url }}' }}</code> token in notification links.<br>
|
||
Default value is the system environment variable '<code>BASE_URL</code>' - <a href="https://github.com/dgtlmoon/changedetection.io/wiki/Configurable-BASE_URL-setting">read more here</a>.
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab-pane-inner" id="fetching">
|
||
<div class="pure-control-group inline-radio">
|
||
{{ render_field(form.application.form.fetch_backend, class="fetch-backend") }}
|
||
<span class="pure-form-message-inline">
|
||
<p>Use the <strong>Basic</strong> method (default) where your watched sites don't need Javascript to render.</p>
|
||
<p>The <strong>Chrome/Javascript</strong> method requires a network connection to a running WebDriver+Chrome server, set by the ENV var 'WEBDRIVER_URL'. </p>
|
||
</span>
|
||
</div>
|
||
<fieldset class="pure-group" id="webdriver-override-options" data-visible-for="application-fetch_backend=html_webdriver">
|
||
<div class="pure-form-message-inline">
|
||
<strong>If you're having trouble waiting for the page to be fully rendered (text missing etc), try increasing the 'wait' time here.</strong>
|
||
<br>
|
||
This will wait <i>n</i> seconds before extracting the text.
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.application.form.webdriver_delay) }}
|
||
</div>
|
||
</fieldset>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.requests.form.workers) }}
|
||
{% set worker_info = get_worker_status_info() %}
|
||
<span class="pure-form-message-inline">Number of concurrent workers to process watches. More workers = faster processing but higher memory usage.<br>
|
||
Currently running: <strong>{{ worker_info.count }}</strong> operational {{ worker_info.type }} workers{% if worker_info.active_workers > 0 %} ({{ worker_info.active_workers }} actively processing){% endif %}.</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.requests.form.jitter_seconds, class="jitter_seconds") }}
|
||
<span class="pure-form-message-inline">Example - 3 seconds random jitter could trigger up to 3 seconds earlier or up to 3 seconds later</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.requests.form.timeout) }}
|
||
<span class="pure-form-message-inline">For regular plain requests (not chrome based), maximum number of seconds until timeout, 1-999.</span><br>
|
||
</div>
|
||
<div class="pure-control-group inline-radio">
|
||
{{ render_field(form.requests.form.default_ua) }}
|
||
<span class="pure-form-message-inline">
|
||
Applied to all requests.<br><br>
|
||
Note: Simply changing the User-Agent often does not defeat anti-robot technologies, it's important to consider <a href="https://changedetection.io/tutorial/what-are-main-types-anti-robot-mechanisms">all of the ways that the browser is detected</a>.
|
||
</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
<br>
|
||
Tip: <a href="https://github.com/dgtlmoon/changedetection.io/wiki/Proxy-configuration#brightdata-proxy-support">Connect using Bright Data and Oxylabs Proxies, find out more here.</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab-pane-inner" id="filters">
|
||
|
||
<fieldset class="pure-group">
|
||
{{ render_checkbox_field(form.application.form.ignore_whitespace) }}
|
||
<span class="pure-form-message-inline">Ignore whitespace, tabs and new-lines/line-feeds when considering if a change was detected.<br>
|
||
<i>Note:</i> Changing this will change the status of your existing watches, possibly trigger alerts etc.
|
||
</span>
|
||
</fieldset>
|
||
<fieldset class="pure-group">
|
||
{{ render_checkbox_field(form.application.form.render_anchor_tag_content) }}
|
||
<span class="pure-form-message-inline">Render anchor tag content, default disabled, when enabled renders links as <code>(link text)[https://somesite.com]</code>
|
||
<br>
|
||
<i>Note:</i> Changing this could affect the content of your existing watches, possibly trigger alerts etc.
|
||
</span>
|
||
</fieldset>
|
||
<fieldset class="pure-group">
|
||
{{ render_field(form.application.form.global_subtractive_selectors, rows=5, placeholder="header
|
||
footer
|
||
nav
|
||
.stockticker
|
||
//*[contains(text(), 'Advertisement')]") }}
|
||
<span class="pure-form-message-inline">
|
||
<ul>
|
||
<li> Remove HTML element(s) by CSS and XPath selectors before text conversion. </li>
|
||
<li> Don't paste HTML here, use only CSS and XPath selectors </li>
|
||
<li> Add multiple elements, CSS or XPath selectors per line to ignore multiple parts of the HTML. </li>
|
||
</ul>
|
||
</span>
|
||
</fieldset>
|
||
<fieldset class="pure-group">
|
||
{{ render_field(form.application.form.global_ignore_text, rows=5, placeholder="Some text to ignore in a line
|
||
/some.regex\d{2}/ for case-INsensitive regex
|
||
") }}
|
||
<span class="pure-form-message-inline">Note: This is applied globally in addition to the per-watch rules.</span><br>
|
||
<span class="pure-form-message-inline">
|
||
<ul>
|
||
<li>Matching text will be <strong>ignored</strong> in the text snapshot (you can still see it but it wont trigger a change)</li>
|
||
<li>Note: This is applied globally in addition to the per-watch rules.</li>
|
||
<li>Each line processed separately, any line matching will be ignored (removed before creating the checksum)</li>
|
||
<li>Regular Expression support, wrap the entire line in forward slash <code>/regex/</code></li>
|
||
<li>Changing this will affect the comparison checksum which may trigger an alert</li>
|
||
</ul>
|
||
</span>
|
||
</fieldset>
|
||
<fieldset class="pure-group">
|
||
{{ render_checkbox_field(form.application.form.strip_ignored_lines) }}
|
||
<span class="pure-form-message-inline">Remove any text that appears in the "Ignore text" from the output (otherwise its just ignored for change-detection)<br>
|
||
<i>Note:</i> Changing this will change the status of your existing watches, possibly trigger alerts etc.
|
||
</span>
|
||
</fieldset>
|
||
</div>
|
||
|
||
<div class="tab-pane-inner" id="api">
|
||
<h4>API Access</h4>
|
||
<p>Drive your changedetection.io via API, More about <a href="https://changedetection.io/docs/api_v1/index.html">API access and examples here</a>.</p>
|
||
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.api_access_token_enabled) }}
|
||
<div class="pure-form-message-inline">Restrict API access limit by using <code>x-api-key</code> header - required for the Chrome Extension to work</div><br>
|
||
<div class="pure-form-message-inline"><br>API Key <span id="api-key">{{api_key}}</span>
|
||
<span style="display:none;" id="api-key-copy" >copy</span>
|
||
</div>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
<a href="{{url_for('settings.settings_reset_api_key')}}" class="pure-button button-small button-cancel">Regenerate API key</a>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
<h4>Chrome Extension</h4>
|
||
<p>Easily add any web-page to your changedetection.io installation from within Chrome.</p>
|
||
<strong>Step 1</strong> Install the extension, <strong>Step 2</strong> Navigate to this page,
|
||
<strong>Step 3</strong> Open the extension from the toolbar and click "<i>Sync API Access</i>"
|
||
<p>
|
||
<a id="chrome-extension-link"
|
||
title="Try our new Chrome Extension!"
|
||
href="https://chromewebstore.google.com/detail/changedetectionio-website/kefcfmgmlhmankjmnbijimhofdjekbop">
|
||
<img alt="Chrome store icon" src="{{ url_for('static_content', group='images', filename='google-chrome-icon.png') }}" >
|
||
Chrome Webstore
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane-inner" id="rss">
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.rss_hide_muted_watches) }}
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.application.form.rss_diff_length) }}
|
||
<span class="pure-form-message-inline">Maximum number of history snapshots to include in the watch specific RSS feed.</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.rss_reader_mode) }}
|
||
<span class="pure-form-message-inline">For watching other RSS feeds - When watching RSS/Atom feeds, convert them into clean text for better change detection.</span>
|
||
</div>
|
||
<div class="pure-control-group grey-form-border">
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.application.form.rss_content_format) }}
|
||
<span class="pure-form-message-inline">Does your reader support HTML? Set it here</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.application.form.rss_template_type) }}
|
||
<span class="pure-form-message-inline">'System default' for the same template for all items, or re-use your "Notification Body" as the template.</span>
|
||
</div>
|
||
<div>
|
||
{{ render_field(form.application.form.rss_template_override) }}
|
||
{{ show_token_placeholders(extra_notification_token_placeholder_info=extra_notification_token_placeholder_info, suffix="-rss") }}
|
||
</div>
|
||
</div>
|
||
<br>
|
||
|
||
|
||
</div>
|
||
<div class="tab-pane-inner" id="timedate">
|
||
<div class="pure-control-group">
|
||
Ensure the settings below are correct, they are used to manage the time schedule for checking your web page watches.
|
||
</div>
|
||
<div class="pure-control-group">
|
||
<p><strong>UTC Time & Date from Server:</strong> <span id="utc-time" >{{ utc_time }}</span></p>
|
||
<p><strong>Local Time & Date in Browser:</strong> <span class="local-time" data-utc="{{ utc_time }}"></span></p>
|
||
<div>
|
||
{{ render_field(form.application.form.scheduler_timezone_default) }}
|
||
<datalist id="timezones" style="display: none;">
|
||
{%- for timezone in available_timezones -%}<option value="{{ timezone }}">{{ timezone }}</option>{%- endfor -%}
|
||
</datalist>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane-inner" id="ui-options">
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.ui.form.open_diff_in_new_tab, class="open_diff_in_new_tab") }}
|
||
<span class="pure-form-message-inline">Enable this setting to open the diff page in a new tab. If disabled, the diff page will open in the current tab.</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.ui.form.socket_io_enabled, class="socket_io_enabled") }}
|
||
<span class="pure-form-message-inline">Realtime UI Updates Enabled - (Restart required if this is changed)</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.ui.form.favicons_enabled, class="") }}
|
||
<span class="pure-form-message-inline">Enable or Disable Favicons next to the watch list</span>
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_checkbox_field(form.application.form.ui.use_page_title_in_list) }}
|
||
</div>
|
||
<div class="pure-control-group">
|
||
{{ render_field(form.application.form.pager_size) }}
|
||
<span class="pure-form-message-inline">Number of items per page in the watch overview list, 0 to disable.</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="tab-pane-inner" id="proxies">
|
||
<div id="recommended-proxy">
|
||
<div>
|
||
<img style="height: 2em;" src="{{url_for('static_content', group='images', filename='brightdata.svg')}}" alt="BrightData Proxy Provider">
|
||
<p>BrightData offer world-class proxy services, "Data Center" proxies are a very affordable way to proxy your requests, whilst <strong><a href="https://brightdata.grsm.io/n0r16zf7eivq">WebUnlocker</a></strong> can help solve most CAPTCHAs.</p>
|
||
<p>
|
||
BrightData offer many <a href="https://brightdata.com/proxy-types" target="new">many different types of proxies</a>, it is worth reading about what is best for your use-case.
|
||
</p>
|
||
|
||
<p>
|
||
When you have <a href="https://brightdata.grsm.io/n0r16zf7eivq">registered</a>, enabled the required services, visit the <A href="https://brightdata.com/cp/api_example?">API example page</A>, then select <strong>Python</strong>, set the country you wish to use, then copy+paste the access Proxy URL into the "Extra Proxies" boxes below.<br>
|
||
</p>
|
||
<p>
|
||
The Proxy URL with BrightData should start with <code>http://brd-customer...</code>
|
||
</p>
|
||
<p>When you sign up using <a href="https://brightdata.grsm.io/n0r16zf7eivq">https://brightdata.grsm.io/n0r16zf7eivq</a> BrightData will match any first deposit up to $150</p>
|
||
</div>
|
||
<div>
|
||
<img style="height: 2em;"
|
||
src="{{url_for('static_content', group='images', filename='oxylabs.svg')}}"
|
||
alt="Oxylabs Proxy Provider">
|
||
<p>
|
||
Collect public data at scale with industry-leading web scraping solutions and the world’s
|
||
largest ethical proxy network.
|
||
</p>
|
||
<p>
|
||
Oxylabs also provide a <a href="https://oxylabs.io/products/web-unblocker"><strong>WebUnlocker</strong></a>
|
||
proxy that bypasses sophisticated anti-bot systems, so you don’t have to.<br>
|
||
</p>
|
||
<p>
|
||
Serve over <a href="https://oxylabs.io/location-proxy">195 countries</a>, providing <a
|
||
href="https://oxylabs.io/products/residential-proxy-pool">Residential</a>, <a
|
||
href="https://oxylabs.io/products/mobile-proxies">Mobile</a> and <a
|
||
href="https://oxylabs.io/products/rotating-isp-proxies">ISP proxies</a> and much more.
|
||
</p>
|
||
<p>
|
||
Use the promo code <strong>boost35</strong> with this link <a href="https://oxylabs.go2cloud.org/SH2d">https://oxylabs.go2cloud.org/SH2d</a> for 35% off Residential, Mobile proxies, Web Unblocker, and Scraper APIs. Built-in proxies enable you to access data from all around the world and help overcome anti-bot solutions.
|
||
|
||
</p>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>Tip</strong>: "Residential" and "Mobile" proxy type can be more successfull than "Data Center" for blocked websites.</p>
|
||
|
||
<div class="pure-control-group" id="extra-proxies-setting">
|
||
{{ render_fieldlist_with_inline_errors(form.requests.form.extra_proxies) }}
|
||
<span class="pure-form-message-inline">"Name" will be used for selecting the proxy in the Watch Edit settings</span><br>
|
||
<span class="pure-form-message-inline">SOCKS5 proxies with authentication are only supported with 'plain requests' fetcher, for other fetchers you should whitelist the IP access instead</span>
|
||
{% if form.requests.proxy %}
|
||
<div>
|
||
<br>
|
||
<div class="inline-radio">
|
||
{{ render_field(form.requests.form.proxy, class="fetch-backend-proxy") }}
|
||
<span class="pure-form-message-inline">Choose a default proxy for all watches</span>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
<div class="pure-control-group" id="extra-browsers-setting">
|
||
<p>
|
||
<span class="pure-form-message-inline"><i>Extra Browsers</i> can be attached to further defeat CAPTCHA's on websites that are particularly hard to scrape.</span><br>
|
||
<span class="pure-form-message-inline">Simply paste the connection address into the box, <a href="https://changedetection.io/tutorial/using-bright-datas-scraping-browser-pass-captchas-and-other-protection-when-monitoring">More instructions and examples here</a> </span>
|
||
</p>
|
||
{{ render_fieldlist_with_inline_errors(form.requests.form.extra_browsers) }}
|
||
</div>
|
||
</div>
|
||
{% if plugin_tabs %}
|
||
{% for tab in plugin_tabs %}
|
||
<div class="tab-pane-inner" id="plugin-{{ tab.plugin_id }}">
|
||
{% set plugin_form = plugin_forms[tab.plugin_id] %}
|
||
{% if tab.template_path %}
|
||
{# Plugin provides custom template - include it directly (no separate form) #}
|
||
{% include tab.template_path with context %}
|
||
{% else %}
|
||
{# Default form rendering - fields only, no submit button #}
|
||
<fieldset>
|
||
{% for field in plugin_form %}
|
||
{% if field.type != 'CSRFToken' and field.type != 'SubmitField' %}
|
||
<div class="pure-control-group">
|
||
{% if field.type == 'BooleanField' %}
|
||
{{ render_checkbox_field(field) }}
|
||
{% else %}
|
||
{{ render_field(field) }}
|
||
{% endif %}
|
||
</div>
|
||
{% endif %}
|
||
{% endfor %}
|
||
</fieldset>
|
||
{% endif %}
|
||
</div>
|
||
{% endfor %}
|
||
{% endif %}
|
||
<div class="tab-pane-inner" id="info">
|
||
<p><strong>{{ _('Python version:') }}</strong> {{ python_version }}</p>
|
||
<p><strong>{{ _('Plugins active:') }}</strong></p>
|
||
{% if active_plugins %}
|
||
<ul>
|
||
{% for plugin in active_plugins %}
|
||
<li><strong>{{ plugin.name }}</strong> - {{ plugin.description }}</li>
|
||
{% endfor %}
|
||
</ul>
|
||
{% else %}
|
||
<p>{{ _('No plugins active') }}</p>
|
||
{% endif %}
|
||
</div>
|
||
<div id="actions">
|
||
<div class="pure-control-group">
|
||
{{ render_button(form.save_button) }}
|
||
<a href="{{url_for('watchlist.index')}}" class="pure-button button-cancel">{{ _('Back') }}</a>
|
||
<a href="{{url_for('ui.clear_all_history')}}" class="pure-button button-error">{{ _('Clear Snapshot History') }}</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
{% endblock %}
|