1 files changed, 65 insertions, 0 deletions
diff --git a/youtube/templates/settings.html b/youtube/templates/settings.html
new file mode 100644
index 0000000..19a2461
--- /dev/null
+++ b/youtube/templates/settings.html
@@ -0,0 +1,65 @@
+{% set page_title = 'Settings' %}
+{% extends "base.html" %}
+{% import "common_elements.html" as common_elements %}
+{% block style %}
+    .settings-form {
+        margin: auto;
+        width: 500px;
+        margin-top:10px;
+        padding: 10px;
+        display: block;
+        background-color: var(--interface-color);
+    }
+        .settings-list{
+            list-style: none;
+            padding: 0px;
+        }
+            .setting-item{
+                margin-bottom: 10px;
+                padding: 5px;
+            }
+                .setting-item label{
+                    display: inline-block;
+                    width: 250px;
+                }
+
+{% endblock style %}
+
+{% block main %}
+    <form method="POST" class="settings-form">
+        <ul class="settings-list">
+            {% for setting_name, setting_info, value in settings %}
+                {% if not setting_info.get('hidden', false) %}
+                    <li class="setting-item">
+                        {% if 'label' is in(setting_info) %}
+                            <label for="{{ 'setting_' + setting_name }}">{{ setting_info['label'] }}</label>
+                        {% else %}
+                            <label for="{{ 'setting_' + setting_name }}">{{ setting_name.replace('_', ' ')|capitalize }}</label>
+                        {% endif %}
+
+                        {% if setting_info['type'].__name__ == 'bool' %}
+                            <input type="checkbox" id="{{ 'setting_' + setting_name }}" name="{{ setting_name }}" {{ 'checked' if value else '' }}>
+                        {% elif setting_info['type'].__name__ == 'int' %}
+                            {% if 'options' is in(setting_info) %}
+                                <select id="{{ 'setting_' + setting_name }}" name="{{ setting_name }}">
+                                    {% for option in setting_info['options'] %}
+                                        <option value="{{ option[0] }}" {{ 'selected' if option[0] == value else '' }}>{{ option[1] }}</option>
+                                    {% endfor %}
+                                </select>
+                            {% else %}
+                                <input type="number" id="{{ 'setting_' + setting_name }}" name="{{ setting_name }}" value="{{ value }}" step="1">
+                            {% endif %}
+                        {% elif setting_info['type'].__name__ == 'float' %}
+
+                        {% elif setting_info['type'].__name__ == 'str' %}
+                            <input type="text" id="{{ 'setting_' + setting_name }}" name="{{ setting_name }}" value="{{ value }}">
+                        {% else %}
+                            <span>Error: Unknown setting type: setting_info['type'].__name__</span>
+                        {% endif %}
+                    </li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+        <input type="submit" value="Save settings">
+    </form>
+{% endblock main %}