200 lines
9.5 KiB
HTML
200 lines
9.5 KiB
HTML
{% extends "main/layout.html" %}
|
|
{% from 'global_macros.html' import input, button %}
|
|
{% from 'main/tcdrop.html' import tcdrop %}
|
|
{% from 'settings_system/config-readme.html' import ConfigReadme %}
|
|
{% block page_vendor_css %}
|
|
{% endblock page_vendor_css %}
|
|
|
|
{% block page_lvl_css %}
|
|
{{ process_css_sources(src="settings_system/settings.css")|safe }}
|
|
{% if settings.background and settings.background != 'None' %}
|
|
<style>
|
|
#main {
|
|
background-image: url("{{ settings.background }}");
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
min-height: 100vh;
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
{% endblock page_lvl_css %}
|
|
|
|
{% block content %}
|
|
<div id="config-wiki-modal" class="modal full-height-modal">
|
|
<div class="modal-content">
|
|
<div class="row">
|
|
{{ ConfigReadme() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="main" class="main-full">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col s12 m12 l6">
|
|
<div class="card scrollbar settings-page-card">
|
|
<div class="card-content">
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<h5>Config
|
|
<a href="#config-wiki-modal" class="modal-trigger">
|
|
<i class="material-icons-outlined theme-secondary-text icon-btn ml-2 toggle-config-help" style="position: relative; top: 4px;">info</i>
|
|
</a>
|
|
</h5>
|
|
{{ button(
|
|
icon="save",
|
|
id="save-config-btn",
|
|
float="left",
|
|
class="ml-0 mt-1 mb-1",
|
|
data={'url': url_for('settings_system.save_config')},
|
|
text="save"
|
|
) }}
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
<form id="config-form">
|
|
{{ input(
|
|
size="s12",
|
|
class="materialize-textarea code",
|
|
form_obj=config_form.config,
|
|
id="config-textarea"
|
|
) }}
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col s12 m12 l6">
|
|
<div class="card scrollbar settings-page-card">
|
|
<div class="card-content">
|
|
|
|
<div class="row">
|
|
<div class="col s12 mb-2">
|
|
<ul class="tabs tabs-fixed-width">
|
|
<li class="tab col s3"><a href="#images">
|
|
<i class="material-icons-outlined">photo_library</i>
|
|
</a></li>
|
|
|
|
<li class="tab col s3"><a href="#apps">
|
|
<i class="material-icons-outlined">apps</i>
|
|
</a></li>
|
|
|
|
<li class="tab col s3"><a href="#user">
|
|
<i class="material-icons-outlined">person</i>
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="images" class="col s12">
|
|
<div class="row">
|
|
<h5>Images</h5>
|
|
<form id="add-images-form">
|
|
<div class="input-field col s12 mt-4">
|
|
<select name="folder">
|
|
<option value="icons">Icons</option>
|
|
<option value="backgrounds">Backgrounds</option>
|
|
</select>
|
|
<label>Folder</label>
|
|
</div>
|
|
<input name="files" id="add-images-input" class="hide">
|
|
</form>
|
|
<div class="col s12">
|
|
{{ tcdrop(allowed_types='jpg,jpeg,png,gif', id="images-tcdrop", max_files="30") }}
|
|
{{ button(text="save", icon="save", id="save-images-btn", float="left", data={"url": url_for('settings_system.add_images')}) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div id="files-div">{{ files_html|safe }}</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="apps" class="col s12">
|
|
<h5>App Templates</h5>
|
|
<div class="row card-filter-container">
|
|
<div class="col s12 input-field">
|
|
<span>
|
|
<i class="material-icons prefix card-search-icon">search</i>
|
|
<input type="text" id="templates-filter"
|
|
class="card-filter theme-surface-1 autocomplete"
|
|
data-url="{{ url_for('settings_system.get_app_template') }}"
|
|
data-template_apps="{{ template_apps }}"
|
|
placeholder="Search for app (e.g. Nextcloud)">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<div id="template-div" class="selectable-all code"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="user" class="col s12">
|
|
<div class="row">
|
|
<h5>User</h5>
|
|
|
|
<form id="edit-user-form">
|
|
{{ user_form.hidden_tag() }}
|
|
|
|
{{ input(
|
|
label="Username",
|
|
id="user-form-username",
|
|
size="s12",
|
|
form_obj=user_form.username,
|
|
val=current_user.username
|
|
) }}
|
|
|
|
{{ input(
|
|
label="Password",
|
|
id="user-form-password",
|
|
form_obj=user_form.password,
|
|
size="s12"
|
|
) }}
|
|
|
|
{{ input(
|
|
label="Confirm Password",
|
|
id="user-form-confirm_password",
|
|
form_obj=user_form.confirm_password,
|
|
required='required',
|
|
size="s12"
|
|
) }}
|
|
</form>
|
|
|
|
{{ button(
|
|
icon="save",
|
|
float="left",
|
|
id="edit-user-btn",
|
|
data={'url': url_for('settings_system.edit_user')},
|
|
text="save"
|
|
) }}
|
|
</div>
|
|
|
|
<div class="row mt-4">
|
|
<h5>DashMachine</h5>
|
|
<p class="mb-2">version: {{ version }}</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|
|
|
|
{% block page_vendor_js %}
|
|
{% endblock page_vendor_js %}
|
|
|
|
{% block page_lvl_js %}
|
|
{{ process_js_sources(src="settings_system/settings.js")|safe }}
|
|
{% endblock page_lvl_js %}
|