108 lines
3.7 KiB
HTML
108 lines
3.7 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';
|
|
sequentialCommandExecuted = '{{ seq_command_executed }}' === 'True';
|
|
pluginUpgradeButton = document.getElementById('plugin-upgrade-button');
|
|
pluginInstallButton = document.getElementById('plugin-install-button');
|
|
cancelCommandButton = document.getElementById('cancel-command-button');
|
|
|
|
const toggleButtons = ({install = false, upgrade = false, cancel = false} = {}) => {
|
|
pluginInstallButton.style.display = install ? 'block' : 'none';
|
|
pluginUpgradeButton.style.display = upgrade ? 'block' : 'none';
|
|
cancelCommandButton.style.display = cancel ? 'block' : 'none';
|
|
}
|
|
function ShowRunCommandButton() {
|
|
if (isPluginInstalled) {
|
|
toggleButtons({upgrade: true});
|
|
} else {
|
|
toggleButtons({install: true});
|
|
}
|
|
}
|
|
function ShowCancelCommandButton() {
|
|
toggleButtons({cancel: true});
|
|
}
|
|
function showPluginEnableDisableBar() {
|
|
const bar = document.getElementById('plugin-enable-disable-bar');
|
|
bar.style.display = isPluginInstalled ? 'flex' : 'none';
|
|
}
|
|
async function checkIfPluginInstalled(pluginName) {
|
|
const response = await fetch(`/plugin/${pluginName}/is-installed`);
|
|
const data = await response.json();
|
|
return data.installed;
|
|
}
|
|
|
|
showPluginEnableDisableBar();
|
|
ShowRunCommandButton();
|
|
|
|
// Add change event to all inputs, selects
|
|
document.querySelectorAll('#config-forms-container input').forEach((element) => {
|
|
element.addEventListener('change', () => {
|
|
element.classList.add('changed');
|
|
// Find the associated hidden input
|
|
const hiddenInput = element.nextElementSibling;
|
|
if (hiddenInput && hiddenInput.type === 'hidden') {
|
|
hiddenInput.classList.add('changed');
|
|
}
|
|
})
|
|
});
|
|
|
|
// Handle form submission
|
|
document.querySelectorAll('form').forEach((form) => {
|
|
form.addEventListener('submit', (e) => {
|
|
// Disable all inputs that don't have the 'changed' class
|
|
document.querySelectorAll('#config-forms-container input:not(.changed)').forEach((element) => {
|
|
if (element.id != "plugin-name") {
|
|
element.disabled = true;
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %} |
