mirror of
https://github.com/dgtlmoon/changedetection.io.git
synced 2026-01-19 05:30:24 +00:00
afc64ea96a
Some checks failed
Build and push containers / metadata (push) Has been cancelled
Build and push containers / build-push-containers (push) Has been cancelled
Publish Python 🐍distribution 📦 to PyPI and TestPyPI / Build distribution 📦 (push) Has been cancelled
Publish Python 🐍distribution 📦 to PyPI and TestPyPI / Test the built package works basically. (push) Has been cancelled
Publish Python 🐍distribution 📦 to PyPI and TestPyPI / Publish Python 🐍 distribution 📦 to PyPI (push) Has been cancelled
ChangeDetection.io App Test / lint-code (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-10 (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-11 (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-12 (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-13 (push) Has been cancelled
* Adding test sidebar * Fixing mobile mobile menu and adding action menu * Adding toast * Adding toast libraries * Fix styling * More styling improvements * Improving translations * More translation improvements * More translation updates
288 lines
12 KiB
HTML
288 lines
12 KiB
HTML
{% macro render_field(field) %}
|
|
<div {% if field.errors or field.top_errors %} class="error" {% endif %}><label for="{{ field.id }}">{{ field.label.text | string | forceescape }}</label></div>
|
|
<div {% if field.errors or field.top_errors %} class="error" {% endif %}>{{ field(**kwargs)|safe }}
|
|
{% if field.top_errors %}
|
|
top
|
|
<ul class="errors top-errors">
|
|
{% for error in field.top_errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% if field.errors %}
|
|
<ul class=errors>
|
|
{% if field.errors is mapping and 'form' in field.errors %}
|
|
{# and subfield form errors, such as used in RequiredFormField() for TimeBetweenCheckForm sub form #}
|
|
{% set errors = field.errors['form'] %}
|
|
{% for error in errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
{% elif field.type == 'FieldList' %}
|
|
{# Handle FieldList of FormFields - errors is a list of dicts, one per entry #}
|
|
{% for idx, entry_errors in field.errors|enumerate %}
|
|
{% if entry_errors is mapping and entry_errors %}
|
|
{# Only show entries that have actual errors #}
|
|
<li><strong>{{ _('Entry') }} {{ idx + 1 }}:</strong>
|
|
<ul>
|
|
{% for field_name, messages in entry_errors.items() %}
|
|
{% for message in messages %}
|
|
<li>{{ field_name }}: {{ message }}</li>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% else %}
|
|
{# regular list of errors with this field #}
|
|
{% for error in field.errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro render_checkbox_field(field) %}
|
|
<div class="checkbox {% if field.errors %} error {% endif %}">
|
|
{{ field(**kwargs)|safe }} <label for="{{ field.id }}">{{ field.label.text | string | forceescape }}</label>
|
|
{% if field.errors %}
|
|
<ul class=errors>
|
|
{% for error in field.errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro render_ternary_field(field, BooleanField=false) %}
|
|
{% if BooleanField %}
|
|
{% set _ = field.__setattr__('boolean_mode', true) %}
|
|
{% endif %}
|
|
<div class="ternary-field {% if field.errors %} error {% endif %}">
|
|
<div class="ternary-field-label"><label for="{{ field.id }}">{{ field.label.text | string | forceescape }}</label></div>
|
|
<div class="ternary-field-widget">{{ field(**kwargs)|safe }}</div>
|
|
{% if field.errors %}
|
|
<ul class=errors>
|
|
{% for error in field.errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
|
|
{% macro render_simple_field(field) %}
|
|
<span class="label {% if field.errors %}error{% endif %}"><label for="{{ field.id }}">{{ field.label.text | string | forceescape }}</label></span>
|
|
<span {% if field.errors %} class="error" {% endif %}>{{ field(**kwargs)|safe }}
|
|
{% if field.errors %}
|
|
<ul class=errors>
|
|
{% for error in field.errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</span>
|
|
{% endmacro %}
|
|
|
|
|
|
{% macro render_nolabel_field(field) %}
|
|
<span>
|
|
{{ field(**kwargs)|safe }}
|
|
{% if field.errors %}
|
|
<span class="error">
|
|
{% if field.errors %}
|
|
<ul class=errors>
|
|
{% for error in field.errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
</span>
|
|
{% endmacro %}
|
|
|
|
|
|
{% macro render_button(field) %}
|
|
{{ field(**kwargs)|safe }}
|
|
{% endmacro %}
|
|
|
|
{% macro render_fieldlist_with_inline_errors(fieldlist) %}
|
|
{# Specialized macro for FieldList(FormField(...)) that renders errors inline with each field #}
|
|
<div {% if fieldlist.errors %} class="error" {% endif %}>{{ fieldlist.label }}</div>
|
|
<div {% if fieldlist.errors %} class="error" {% endif %}>
|
|
<ul id="{{ fieldlist.id }}">
|
|
{% for entry in fieldlist %}
|
|
<li {% if entry.errors %} class="error" {% endif %}>
|
|
<label for="{{ entry.id }}" {% if entry.errors %} class="error" {% endif %}>{{ fieldlist.label.text }}-{{ loop.index0 }}</label>
|
|
<table id="{{ entry.id }}" {% if entry.errors %} class="error" {% endif %}>
|
|
<tbody>
|
|
{% for subfield in entry %}
|
|
<tr {% if subfield.errors %} class="error" {% endif %}>
|
|
<th {% if subfield.errors %} class="error" {% endif %}><label for="{{ subfield.id }}" {% if subfield.errors %} class="error" {% endif %}>{{ subfield.label.text }}</label></th>
|
|
<td {% if subfield.errors %} class="error" {% endif %}>
|
|
{{ subfield(**kwargs)|safe }}
|
|
{% if subfield.errors %}
|
|
<ul class="errors">
|
|
{% for error in subfield.errors %}
|
|
<li class="error">{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro render_conditions_fieldlist_of_formfields_as_table(fieldlist, table_id="rulesTable") %}
|
|
<div class="fieldlist_formfields" id="{{ table_id }}">
|
|
<div class="fieldlist-header">
|
|
{% for subfield in fieldlist[0] %}
|
|
<div class="fieldlist-header-cell">{{ subfield.label }}</div>
|
|
{% endfor %}
|
|
<div class="fieldlist-header-cell">{{ _('Actions') }}</div>
|
|
</div>
|
|
<div class="fieldlist-body">
|
|
{% for form_row in fieldlist %}
|
|
<div class="fieldlist-row {% if form_row.errors %}error-row{% endif %}">
|
|
{% for subfield in form_row %}
|
|
<div class="fieldlist-cell">
|
|
|
|
{{ subfield()|safe }}
|
|
{% if subfield.errors %}
|
|
<ul class="errors">
|
|
{% for error in subfield.errors %}
|
|
<li class="error">{{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
<div class="fieldlist-cell fieldlist-actions">
|
|
<button type="button" class="addRuleRow" title="{{ _('Add a row/rule after') }}">+</button>
|
|
<button type="button" class="removeRuleRow" title="{{ _('Remove this row/rule') }}">-</button>
|
|
<button type="button" class="verifyRuleRow" title="{{ _('Verify this rule against current snapshot') }}">✓</button>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
|
|
{% macro playwright_warning() %}
|
|
<p><strong>{{ _('Error - This watch needs Chrome (with playwright/sockpuppetbrowser), but Chrome based fetching is not enabled.') }}</strong> {{ _('Alternatively try our') }} <a href="https://changedetection.io">{{ _('very affordable subscription based service which has all this setup for you') }}</a>.</p>
|
|
<p>{{ _('You may need to') }} <a href="https://github.com/dgtlmoon/changedetection.io/blob/09ebc6ec6338545bdd694dc6eee57f2e9d2b8075/docker-compose.yml#L31">{{ _('Enable playwright environment variable') }}</a> {{ _('and uncomment the') }} <strong>sockpuppetbrowser</strong> {{ _('in the') }} <a href="https://github.com/dgtlmoon/changedetection.io/blob/master/docker-compose.yml">docker-compose.yml</a> {{ _('file') }}.</p>
|
|
<br>
|
|
{% endmacro %}
|
|
|
|
{% macro render_time_schedule_form(form, available_timezones, timezone_default_config) %}
|
|
<style>
|
|
.day-schedule *, .day-schedule select {
|
|
display: inline-block;
|
|
}
|
|
|
|
.day-schedule label[for*="time_schedule_limit-"][for$="-enabled"] {
|
|
min-width: 6rem;
|
|
font-weight: bold;
|
|
}
|
|
.day-schedule label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.day-schedule table label {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
#timespan-warning, input[id*='time_schedule_limit-timezone'].error {
|
|
color: #ff0000;
|
|
}
|
|
.day-schedule.warning table {
|
|
background-color: #ffbbc2;
|
|
}
|
|
ul#day-wrapper {
|
|
list-style: none;
|
|
}
|
|
#timezone-info > * {
|
|
display: inline-block;
|
|
}
|
|
|
|
#scheduler-icon-label {
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding-left: 50px;
|
|
background-image: url({{ url_for('static_content', group='images', filename='schedule.svg') }});
|
|
}
|
|
#timespan-warning {
|
|
display: none;
|
|
}
|
|
</style>
|
|
<br>
|
|
|
|
{% if timezone_default_config %}
|
|
<div>
|
|
<span id="scheduler-icon-label" style="">
|
|
{{ render_checkbox_field(form.time_schedule_limit.enabled) }}
|
|
<div class="pure-form-message-inline">
|
|
{{ _('Set a hourly/week day schedule') }}
|
|
</div>
|
|
</span>
|
|
|
|
</div>
|
|
<br>
|
|
<div id="schedule-day-limits-wrapper">
|
|
<label>{{ _('Schedule time limits') }}</label><a data-template="business-hours"
|
|
class="set-schedule pure-button button-secondary button-xsmall">{{ _('Business hours') }}</a>
|
|
<a data-template="weekend" class="set-schedule pure-button button-secondary button-xsmall">{{ _('Weekends') }}</a>
|
|
<a data-template="reset" class="set-schedule pure-button button-xsmall">{{ _('Reset') }}</a><br>
|
|
<br>
|
|
|
|
<ul id="day-wrapper">
|
|
{% for day in ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'] %}
|
|
<li class="day-schedule" id="schedule-{{ day }}">
|
|
{{ render_nolabel_field(form.time_schedule_limit[day]) }}
|
|
</li>
|
|
{% endfor %}
|
|
<li id="timespan-warning">{{ _("Warning, one or more of your 'days' has a duration that would extend into the next day.") }}<br>
|
|
{{ _('This could have unintended consequences.') }}</li>
|
|
<li id="timezone-info">
|
|
{{ render_field(form.time_schedule_limit.timezone, placeholder=timezone_default_config) }} <span id="local-time-in-tz"></span>
|
|
<datalist id="timezones" style="display: none;">
|
|
{%- for timezone in available_timezones -%}<option value="{{ timezone }}">{{ timezone }}</option>{%- endfor -%}
|
|
</datalist>
|
|
</li>
|
|
</ul>
|
|
<br>
|
|
<span class="pure-form-message-inline">
|
|
<a href="https://changedetection.io/tutorials">{{ _('More help and examples about using the scheduler') }}</a>
|
|
</span>
|
|
</div>
|
|
{% else %}
|
|
<span class="pure-form-message-inline">
|
|
{{ _('Want to use a time schedule?') }} <a href="{{url_for('settings.settings_page')}}#timedate">{{ _('First confirm/save your Time Zone Settings') }}</a>
|
|
</span>
|
|
<br>
|
|
{% endif %}
|
|
|
|
{% endmacro %}
|
|
|
|
{% macro highlight_trigger_ignored_explainer() %}
|
|
<p>
|
|
<span title="{{ _('Triggers a change if this text appears, AND something changed in the document.') }}" style="background-color: var(--highlight-trigger-text-bg-color); color: #fff; padding: 4px; border-radius: 2px; margin-right: 4px;">{{ _('Triggered text') }}</span>
|
|
<span title="{{ _('Ignored for calculating changes, but still shown.') }}" style="background-color: var(--highlight-ignored-text-bg-color); color: #fff; padding: 4px; border-radius: 2px; margin-right: 4px;">{{ _('Ignored text') }}</span>
|
|
<span title="{{ _('No change-detection will occur because this text exists.') }}" style="background-color: var(--highlight-blocked-text-bg-color); color: #fff; padding: 4px; border-radius: 2px; margin-right: 4px;">{{ _('Blocked text') }}</span>
|
|
</p>
|
|
{% endmacro %} |