browseThemes.twig

{% extends 'admin.twig' %}

{% block content %}

    <div class="pluginslistActionBar">

        <h2>Enjoy another look & feel by installing a new theme</h2>

        <div class="infoBox">
            Piwik is not the owner of these Themes and did not review them.
        </div>

        <div>
            <a href="{{ linkTo({'sort': 'popular', 'query': ''}) }}">popular</a>
            |
            <a href="{{ linkTo({'sort': 'newest', 'query': ''}) }}">newest</a>
            |
            <a href="{{ linkTo({'sort': 'alpha', 'query': ''}) }}">alpha</a>
            |
            <form action="{{ linkTo({'sort': ''}) }}" method="POST">
                <input value="{{ query }}" placeholder="Search" type="text" name="query"/>
                <button type="submit">Search</button>
            </form>
        </div>
    </div>

    <div class="pluginslist themes">

        {% if plugins|length %}
            {% for plugin in plugins %}

                <div class="plugin">
                    <div class="content">
                        {% if plugin.isInstalled %}
                            <span class="install">Installed</span>
                        {% else %}
                            <a href="{{ linkTo({'action': 'installPlugin', 'pluginName': plugin.name, 'nonce': nonce}) }}"
                               class="install">Install</a>
                        {% endif %}

                        <h3 class="header"><a href="javascript:return;" class="more">{{ plugin.name }}</a></h3>
                        <p class="description">{{ plugin.description }}</p>
                        <a href="javascript:return;" class="more"><img class="preview" src="{{ plugin.screenshots|first }}?w=250&h=250"/></a>
                    </div>

                    <div class="footer">
                        <hr class="metadataSeparator">
                        <ul class="metadata">
                            <li>Version: <strong>{{ plugin.latestVersion }}</strong></li>
                            <li class="even">Updated: <strong>{{ plugin.lastUpdated }}</strong></li>
                            <li>Downloads: <strong>{{ plugin.numDownloads }}</strong></li>
                        </ul>
                    </div>

                </div>

            {% endfor %}
        {% else %}
            No themes found
        {% endif %}

    </div>
{% endblock %}