109 lines
3.9 KiB
HTML
109 lines
3.9 KiB
HTML
{% extends "_plugin_header.html" %}
|
|
|
|
{% set sidebar_active_tab = "" %}
|
|
|
|
{% from '_switch.html' import switch %}
|
|
|
|
{% block workspace_content %}
|
|
<div class="status" id="plugin-enable-disable-bar">
|
|
<div class="topbar">
|
|
<div class="status-text">
|
|
Status
|
|
</div>
|
|
{{ switch(plugin_name, is_enabled) }}
|
|
<div class="title">
|
|
{% if is_enabled %} Enabled {% else %} Disabled {% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="description">
|
|
{% if not is_enabled %} Enable the plugin to edit settings. {% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
{% if is_enabled and not show_logs %}
|
|
<div>
|
|
<h2>Plugin Settings</h2>
|
|
<p>You can adjust the plugin's behavior by changing these settings. Changes will only go live after you apply them.</p>
|
|
</div>
|
|
<form id="config-forms-container" action="{{ url_for('config_update', name=plugin_name) }}" method="POST">
|
|
<h3>Unique settings</h3>
|
|
{% if plugin_config_unique %}
|
|
{% with config=plugin_config_unique %}{% include "_config.html" %}{% endwith %}
|
|
{% endif %}
|
|
|
|
<h3>Default settings</h3>
|
|
{% if plugin_config_defaults %}
|
|
{% with config=plugin_config_defaults %}{% include "_config.html" %}{% endwith %}
|
|
{% endif %}
|
|
<button type="submit">Update All</button>
|
|
</form>
|
|
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
pluginName = '{{ plugin_name }}';
|
|
isPluginInstalled = '{{ is_installed }}' === 'True';
|
|
isPluginEnabled = '{{ is_enabled }}' === 'True';
|
|
pluginUpgradeButton = document.getElementById('plugin-upgrade-button');
|
|
pluginInstallButton = document.getElementById('plugin-install-button');
|
|
cancelCommandButton = document.getElementById('cancel-command-button');
|
|
|
|
function showPluginInstallButton(){
|
|
pluginInstallButton.style.display = 'block';
|
|
pluginUpgradeButton.style.display = 'none';
|
|
cancelCommandButton.style.display = 'none';
|
|
}
|
|
function showPluginUpgradeButton(){
|
|
pluginInstallButton.style.display = 'none';
|
|
pluginUpgradeButton.style.display = 'block';
|
|
cancelCommandButton.style.display = 'none';
|
|
}
|
|
function ShowCancelCommandButton(){
|
|
pluginInstallButton.style.display = 'none';
|
|
pluginUpgradeButton.style.display = 'none';
|
|
cancelCommandButton.style.display = 'block';
|
|
}
|
|
function ShowRunCommandButton(){
|
|
if (isPluginInstalled){
|
|
showPluginUpgradeButton();
|
|
} else {
|
|
showPluginInstallButton();
|
|
}
|
|
}
|
|
function showPluginEnableDisableBar() {
|
|
const bar = document.getElementById('plugin-enable-disable-bar');
|
|
bar.style.display = isPluginInstalled === true ? 'flex' : 'none';
|
|
}
|
|
|
|
showPluginEnableDisableBar();
|
|
ShowRunCommandButton();
|
|
|
|
// Add change event to all inputs, selects
|
|
document.querySelectorAll('#config-forms-container input').forEach(function(element) {
|
|
element.addEventListener('change', function() {
|
|
this.classList.add('changed');
|
|
// Find the associated hidden input
|
|
const hiddenInput = this.nextElementSibling;
|
|
if (hiddenInput && hiddenInput.type === 'hidden') {
|
|
hiddenInput.classList.add('changed');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Handle form submission
|
|
document.querySelectorAll('form').forEach(function(form) {
|
|
form.addEventListener('submit', function(e) {
|
|
// Disable all inputs that don't have the 'changed' class
|
|
document.querySelectorAll('#config-forms-container input:not(.changed)').forEach(function(element) {
|
|
if (element.id != "plugin-name"){
|
|
element.disabled = true;
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|
