12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- <div class="grav-update themes"></div>
- {% if installing %}
- {% include 'partials/release-toggle.html.twig' %}
- {% endif %}
- {% include 'partials/list-sort.html.twig' with { list_view: 'themes' } %}
- <h1>
- {{ installing ? "PLUGIN_ADMIN.AVAILABLE_THEMES"|tu : "PLUGIN_ADMIN.INSTALLED_THEMES"|tu }}
- </h1>
- <form>
- <div class="gpm-search">
- <input type="text" placeholder="{{ "PLUGIN_ADMIN.RESOURCE_FILTER"|tu }}" data-gpm-filter>
- </div>
- </form>
- <div class="themes card-row grid fixed-blocks pure-g">
- {% for slug, theme in admin.themes(not installing).toArray|ksort %}
- {% set state = 'inactive' %}
- {% if (installing) %}{% set state = 'installing' %}{% endif %}
- {% if (config.get('system.pages.theme') == slug) %}{% set state = 'active' %}{% endif %}
- {% set isTestingRelease = admin.gpm.isTestingRelease(slug) %}
- {% set releaseDate = theme.date ?: admin.gpm.findPackage(slug, true).date %}
- <div class="theme card-item pure-u-1-3 {{ state }}-theme" data-gpm-theme="{{ slug|url_encode }}" data-gpm-name="{{ theme.name }}" data-gpm-release-date="{{ releaseDate }}" data-gpm-author="{{ theme.author.name }}" data-gpm-official="{{ admin.isTeamGrav(theme) ? '1' : '2' }}" data-gpm-updatable="{{ admin.gpm.isUpdatable(slug) ? '1' : '2' }}" data-gpm-enabled="{{ data.get('enabled') ? '1' : '2' }}" data-gpm-testing="{{ isTestingRelease ? '1' : '2' }}">
- <div class="gpm-name">
- <i class="fa fa-fw fa-{{ theme.icon }}"></i>
- <a href="{{ base_url_relative }}/themes/{{ slug|url_encode }}">{{ theme.name }}</a>
- {% if admin.isTeamGrav(theme) %}
- <small><span class="info-reverse"><i class="fa fa-check-circle" title="{{ "PLUGIN_ADMIN.GRAV_OFFICIAL_THEME"|tu }}"></i></span></small>
- {% endif %}
- {% if admin.isPremiumProduct(theme) %}
- <small><span class="badge warning premium"><i class="fa fa-star-o"></i> {{ "PLUGIN_ADMIN.PREMIUM_PRODUCT"|tu }}</span></small>
- {% endif %}
- {% if theme.symlink %}
- <span class="hint--bottom" data-hint="{{ "PLUGIN_ADMIN.THEME_SYMBOLICALLY_LINKED"|tu }}">
- <i class="fa fa-fw fa-link"></i>
- </span>
- {% endif %}
- <span class="gpm-version">v{{ theme.version }}</span>
- {% if isTestingRelease %}<span class="gpm-testing">test release</span>{% endif %}
- </div>
- <div class="gpm-screenshot">
- {% set thumb = installing ? '//getgrav.org/images/' ~ theme.screenshot : theme.thumbnail %}
- <a href="{{ base_url_relative }}/themes/{{ slug|url_encode }}"><img src="{{ thumb }}" /></a>
- </div>
- {% if (state == 'installing') %}
- <div class="gpm-actions">
- <a class="button" href="#" data-remodal-target="add-package" data-packages-slugs="{{ slug }}" data-theme-action="start-package-installation"><i class="fa fa-plus"></i> {{ "PLUGIN_ADMIN.INSTALL"|tu }}</a>
- </div>
- {% elseif state == 'active' %}
- <div class="gpm-actions">
- <i class="fa fa-star"></i> {{ "PLUGIN_ADMIN.ACTIVE_THEME"|tu }}
- </div>
- {% else %}
- <a data-remodal-target="theme-switch-warn" href="{{ uri.addNonce(base_url_relative ~ '/themes/' ~ slug ~ '/task' ~ config.system.param_sep ~ 'activate', 'admin-form', 'admin-nonce') }}" class="gpm-actions">
- {{ "PLUGIN_ADMIN.ACTIVATE"|tu }}
- </a>
- {% endif %}
- </div>
- {% else %}
- <tr><td>{{ "PLUGIN_ADMIN.OFFLINE_WARNING"|tu }}</td></tr>
- {% endfor %}
- </div>
- <div class="remodal theme-switcher" data-remodal-id="theme-switch-warn" data-remodal-options="hashTracking: false">
- <form>
- <h1>{{ "PLUGIN_ADMIN.SWITCHING_TO"|tu }} <strong>{theme_name}</strong></h1>
- <p class="bigger">
- {{ "PLUGIN_ADMIN.SWITCHING_TO_DESCRIPTION"|tu }}
- </p>
- <p class="bigger">
- {{ "PLUGIN_ADMIN.SWITCHING_TO_CONFIRMATION"|tu }} <strong>{theme_name}</strong>?
- </p>
- <br>
- <div class="button-bar">
- <button data-remodal-action="cancel" class="button secondary remodal-cancel"><i class="fa fa-fw fa-close"></i> {{ "PLUGIN_ADMIN.CANCEL"|tu }}</button>
- <a class="button continue" href="#"><i class="fa fa-fw fa-check"></i>{{ "PLUGIN_ADMIN.CONTINUE"|tu }}</a>
- </div>
- </form>
- </div>
- {% include 'partials/modal-add-package.html.twig' with { type: 'theme' } %}
- {% include 'partials/modal-update-packages.html.twig' with { type: 'theme' } %}
|