forked from rDrama/rDrama
160 lines
8.6 KiB
HTML
160 lines
8.6 KiB
HTML
|
{% extends "settings.html" %}
|
||
|
{% block pagetitle %}Advanced Settings - {{SITE_NAME}}{% endblock %}
|
||
|
{% block content %}
|
||
|
{% import 'settings_common.html' as common with context %}
|
||
|
<div class="row settings-page" id="settings-page-advanced">
|
||
|
<div class="col col-lg-8">
|
||
|
<div class="settings">
|
||
|
{# toggle_section(title, id, name, flag, below_text) #}
|
||
|
<section id="site-settings-poorcel-mode-section" class="settings-section-section"> {# note: not using the thing from common just because of how much stuff there is in here #}
|
||
|
<h5>Poor Mode</h5>
|
||
|
<div class="settings-section rounded">
|
||
|
<div class="d-lg-flex border-bottom">
|
||
|
<div class="title w-lg-25">
|
||
|
<label for="poor">Poor Mode</label>
|
||
|
</div>
|
||
|
<div class="body w-lg-100">
|
||
|
<div class="custom-control custom-switch">
|
||
|
<input autocomplete="off" type="checkbox" class="custom-control-input" id="poor" name="poor"{% if v.poor %} checked{% endif %} onchange="postToastSwitch(this,'/settings/profile?poor='+document.getElementById('poor').checked);">
|
||
|
<label class="custom-control-label" for="poor"></label>
|
||
|
</div>
|
||
|
<span class="text-small text-muted">Makes the site faster for low-end devices:</span>
|
||
|
<ul>
|
||
|
<li><small>Disables the effects of cosmetic awards.</small></li>
|
||
|
<li><small>Hides signatures.</small></li>
|
||
|
<li><small>Makes emoji search only start when you press Enter.</small></li>
|
||
|
<li><small>Disables UI animations.</small></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
<section id="site-settings-frontpage-size-section" class="settings-section-section">
|
||
|
<h5>Frontpage Size</h5>
|
||
|
<div class="settings-section rounded">
|
||
|
<div class="d-lg-flex border-bottom">
|
||
|
<div class="title w-lg-25">
|
||
|
<label for="frontsize">Frontpage Size</label>
|
||
|
</div>
|
||
|
|
||
|
<div class="body w-lg-100">
|
||
|
<p>Change how many posts appear on every page.</p>
|
||
|
<div class="input-group mb2">
|
||
|
<select autocomplete="off" id='frontsize' class="form-control" form="profile-settings" name="frontsize" onchange="postToastSwitch(this,'/settings/profile?frontsize='+document.getElementById('frontsize').value)">
|
||
|
{% for entry in [15, 25, 50, 100] %}
|
||
|
<option value="{{entry}}"{{' selected' if v.frontsize==entry}}>{{entry}}</option>
|
||
|
{% endfor %}
|
||
|
</select>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
<section id="site-settings-sort-time-filter-section" class="settings-section-section">
|
||
|
<h5>Default Sorting and Time Filter</h5>
|
||
|
<div class="settings-section rounded">
|
||
|
<div class="d-lg-flex border-bottom">
|
||
|
<div class="title w-lg-25">
|
||
|
<label for="defaultsortingcomments">Default Sorting for Comments</label>
|
||
|
</div>
|
||
|
<div class="body w-lg-100">
|
||
|
<p>Change the default sorting for comments.</p>
|
||
|
<div class="input-group mb2">
|
||
|
<select autocomplete="off" id='defaultsortingcomments' class="form-control" form="profile-settings" name="defaultsortingcomments" onchange="postToastSwitch(this,'/settings/profile?defaultsortingcomments='+document.getElementById('defaultsortingcomments').value)">
|
||
|
{% for entry in ["new", "old", "top", "hot", "bottom", "controversial"] %}
|
||
|
<option value="{{entry}}"{{' selected' if v.defaultsortingcomments==entry}}>{{entry}}</option>
|
||
|
{% endfor %}
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="d-lg-flex border-bottom">
|
||
|
<div class="title w-lg-25">
|
||
|
<label for="defaultsorting">Default Sorting for Posts</label>
|
||
|
</div>
|
||
|
<div class="body w-lg-100">
|
||
|
<p>Change the default sorting for posts.</p>
|
||
|
<div class="input-group mb2">
|
||
|
<select autocomplete="off" id='defaultsorting' class="form-control" form="profile-settings" name="defaultsorting" onchange="postToastSwitch(this,'/settings/profile?defaultsorting='+document.getElementById('defaultsorting').value)">
|
||
|
{% for entry in ["hot", "bump", "new", "old", "top", "bottom", "controversial", "comments"] %}
|
||
|
<option value="{{entry}}"{{' selected' if v.defaultsorting==entry}}>{{entry}}</option>
|
||
|
{% endfor %}
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="d-lg-flex border-bottom">
|
||
|
<div class="title w-lg-25">
|
||
|
<label for="defaulttime">Default Time Filter for Posts</label>
|
||
|
</div>
|
||
|
<div class="body w-lg-100">
|
||
|
<p>Change the default time filter for posts.</p>
|
||
|
<div class="input-group mb2">
|
||
|
<select autocomplete="off" id='defaulttime' class="form-control" form="profile-settings" name="defaulttime" onchange="postToastSwitch(this,'/settings/profile?defaulttime='+document.getElementById('defaulttime').value)">
|
||
|
{% for entry in ["hour", "day", "week", "month", "year", "all"] %}
|
||
|
<option value="{{entry}}"{{' selected' if v.defaulttime==entry}}>{{entry}}</option>
|
||
|
{% endfor %}
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
<section id="site-settings-tab-behavior-section" class="settings-section-section">
|
||
|
<h5>Tab Behavior</h5>
|
||
|
<div class="settings-section rounded">
|
||
|
{{common.toggle_section("Open Internal Links In New Tabs", "newtab", "newtab", v.newtab, "Enable if you would like to automatically open links to other pages on the site in new tabs.")}}
|
||
|
{{common.toggle_section("Open External Links In New Tabs", "newtabexternal", "newtabexternal", v.newtabexternal, "Enable if you would like to automatically open links to other sites in new tabs.")}}
|
||
|
</div>
|
||
|
</section>
|
||
|
<section id="site-settings-external-services-section" class="settings-section-section">
|
||
|
<h5>External Services</h5>
|
||
|
<div class="settings-section rounded">
|
||
|
{{common.toggle_section("Use Nitter for Twitter Links", "nitter", "nitter", v.nitter, "Enable if you would like to automatically convert twitter.com links to nitter.lacontrevoie.fr links.")}}
|
||
|
{{common.toggle_section("Use Imginn for Instagram Links", "imginn", "imginn", v.imginn, "Enable if you would like to automatically convert instagram.com links to imginn.com links.")}}
|
||
|
<div class="d-lg-flex border-bottom">
|
||
|
<div class="title w-lg-25">
|
||
|
<label for="reddit">Reddit Domain</label>
|
||
|
</div>
|
||
|
<div class="body w-lg-100">
|
||
|
<p>Change the domain you would like to view reddit posts in.</p>
|
||
|
<div class="input-group mb2">
|
||
|
<select autocomplete="off" id='reddit' class="form-control" form="profile-settings" name="reddit" onchange="postToastSwitch(this,'/settings/profile?reddit='+document.getElementById('reddit').value)">
|
||
|
{% for entry in ['old.reddit.com', 'reddit.com', 'i.reddit.com', 'unddit.com', 'teddit.net', 'libredd.it'] %}
|
||
|
<option value="{{entry}}"{{' selected' if v.reddit==entry}}>{{entry}}</option>
|
||
|
{% endfor %}
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
{{common.toggle_section("Sort Redit Links by Controversial", "controversial", "controversial", v.controversial, "Enable if you would like to automatically sort reddit.com links by controversial.")}}
|
||
|
</div>
|
||
|
</section>
|
||
|
<section id="site-settings-content-filters" class="settings-section-section">
|
||
|
<h5>Content Filters</h5>
|
||
|
<div class="settings-section rounded">
|
||
|
{{common.toggle_section('Disable Signatures', 'sigs_disabled', 'sigs_disabled', v.sigs_disabled, 'Hide user signatures.')}}
|
||
|
{{common.toggle_section('Disable +18 Warnings', 'over18', 'over18', v.over18, "Enable if you would like to not get a warning before viewing +18 content.")}}
|
||
|
{{common.toggle_section('Hide Posts Voted On', 'hidevotedon', 'hidevotedon', v.hidevotedon), 'Enable if you would like to automatically hide posts you have voted on from your frontpage.'}}
|
||
|
<div class="body w-lg-100">
|
||
|
<form id="custom-filter" action="/settings/filters" method="post">
|
||
|
<input type="hidden" name="formkey" value="{{v.formkey}}">
|
||
|
<small>Hides matching posts from the frontpage and collapses matching comments.</small>
|
||
|
<textarea autocomplete="off" class="form-control rounded" id="filters-text" aria-label="With textarea"
|
||
|
placeholder="Add your own custom content filters."
|
||
|
rows="3" name="filters" form="custom-filter" maxlength="1000">{% if v.custom_filter_list %}{{v.custom_filter_list}}{% endif %}</textarea>
|
||
|
<div class="d-flex">
|
||
|
<small>Use a new line for each filter entry. Limit of 1000 characters.</small>
|
||
|
<input autocomplete="off" class="btn btn-primary ml-auto" id="bioSave" type="submit" onclick="disable(this)" value="Save Changes">
|
||
|
</div>
|
||
|
</form>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
{% endblock %}
|