{% extends "base.html" %} {% set active_page = "plugins" %} {% block
title%}Plugins{% endblock %} {% block styles %}{{ super() }}
<style>
    .plugin-upgrade-btn,
    .plugins-box form[action="/plugins/upgrade"] {
        display: none !important;
    }

    /* no longer a hover tooltip -- plain default cursor unless the row
       is actually clickable (handled below) */
    .tooltip {
        cursor: default;
    }

    .plugins-box.has-link {
        cursor: pointer;
    }

    .plugins-box.has-link:hover {
        background-color: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.06);
    }
</style>
{% endblock %} {%
block script %}
document.querySelectorAll('.plugins-box[data-href]').forEach(function (box) {
    box.addEventListener('click', function (e) {
        // don't hijack clicks on the toggle switch or its form
        if (e.target.closest('.plugin-toggle') || e.target.closest('a')) {
            return;
        }
        window.location.href = box.getAttribute('data-href');
    });
});
{% endblock %} {% block content %}
<div id="container">
  {% for name in database.keys() | sort %} {% set has_info = name in loaded and
  loaded[name].__description__ is defined %} {% set has_webui = name in loaded
  and loaded[name].on_webhook is defined %}
  <div
    class="plugins-box{% if has_webui %} has-link{% endif %}"
    {%
    if
    has_webui
    %}data-href="/plugins/{{ name | urlencode }}"{%
    endif
    %}
  >
    <div class="tooltip">
      <div class="plugin-header">
        <h4>{{ name }}</h4>
        {% if name in loaded and loaded[name].__version__ is defined %}
        <span class="badge version">{{ loaded[name].__version__ }}</span>
        {% endif %}
      </div>
      <div class="author">
        {% if has_info %} {{ loaded[name].__description__ }} {% else %}
        Description unable to load yet. {% endif %}
      </div>
      <div class="plugin-badges">
        {% if name in default_plugins %}
        <span class="badge default">DEFAULT</span>
        {% endif %}
      </div>
    </div>
    <div>
      <form method="POST" action="/plugins/toggle" class="plugin-toggle">
        <label class="switch">
          <input
            type="checkbox"
            name="enabled"
            id="flip-checkbox-{{name}}"
            {%
            if
            name
            in
            loaded
            %}
            checked
            {%
            endif
            %}
          />
          <span class="slider"></span>
        </label>
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="plugin" value="{{ name }}" />
      </form>
      <form method="POST" action="/plugins/upgrade">
        <button
          type="submit"
          name="upgrade"
          class="btn primary plugin-upgrade-btn"
        >
          Upgrade Plugin
        </button>
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="plugin" value="{{ name }}" />
      </form>
    </div>
  </div>
  {% endfor %}
</div>
{% endblock %} {% block scripts %}{{ super() }}
<script src="/js/plugins.js"></script>
{% endblock %}