130 lines
7.7 KiB
Twig
130 lines
7.7 KiB
Twig
{#<div class="sp_panel__header"></div>#}
|
|
<div class="sp_panel__switch">
|
|
<img class="sp_panel__open" src="{{ asset(assets.img.ui~'arrow_open.png') }}" alt="-">
|
|
<img class="sp_panel__close" src="{{ asset(assets.img.ui~'arrow_close.png') }}" alt="-">
|
|
</div>
|
|
<div class="sp_panel__content-switch-container">
|
|
<div class="sp_panel__content-switch sp_panel__switch-active" data-target="worldmap-filters">
|
|
<img src="{{ asset(assets.img.ui~'content-pins.png') }}" alt="-">
|
|
</div>
|
|
<div class="sp_panel__content-switch" data-target="worlmap-settings">
|
|
<img src="{{ asset(assets.img.ui~'content-settings.png') }}" alt="-">
|
|
</div>
|
|
</div>
|
|
<div id="primogem-counter-container">
|
|
<div class="sp_primogem__main-container">
|
|
<div>
|
|
<div>At least</div>
|
|
<div id="primogem-counter">0</div>
|
|
<div class="sp_icon__container sp_header__page-icon">
|
|
<img src="{{ asset(assets.img.ui ~'primogem.png') }}" alt="Primogem">
|
|
</div>
|
|
</div>
|
|
<div><h2>primogems</h2> left to collect</div>
|
|
</div>
|
|
</div>
|
|
<div class="sp_panel__content sp_slider">
|
|
{% set leftIndex = worldmarksData|length %}
|
|
<div id="worldmap-filters" class="sp_slider__slide sp_slider__slide-open">
|
|
<section class="sp_panel__section sp_filter__section" style="color:#c31414;font-weight:bold;background-color:rgba(0,0,0,0.1);">
|
|
<span>This website is used as portfolio and is no longer maintained. While the data it provide is still accurate, it will not be updated anymore.</span>
|
|
<span style="padding-top: 8px">Credits to HoYoVerse for the icons and images.</span>
|
|
</section>
|
|
{% for _worldmarkCategory in worldmarksData %}
|
|
<section class="sp_panel__section sp_filter__section">
|
|
<div class="sp_panel__section-title">
|
|
<h2 data-section-title="{{ _worldmarkCategory._data.name }}">{{ _worldmarkCategory._data.name }}<span>▼</span></h2>
|
|
<button class="sp_section-filter__switch" type="button" value="show_all">Show all</button>
|
|
<button class="sp_section-filter__switch" type="button" value="hide_all">Hide all</button>
|
|
</div>
|
|
<div class="sp_form-row__radio {{ is_granted('ROLE_CONTRIBUTOR') ? 'sp_radio__layout-grid-c' : 'sp_radio__layout-grid-b' }} sp_radio__style-icon">
|
|
<div class="sp_worldmap-filter__section sp_radio__container">
|
|
{% set rightIndex = _worldmarkCategory._worldmarks|length %}
|
|
|
|
{% for _worldmark in _worldmarkCategory._worldmarks %}
|
|
<label class="sp_radio__input-wrapper" title="{{ _worldmark.name }}">
|
|
<span class="sp_radio__input-icon">
|
|
<span class="sp_node__item">
|
|
<span class="sp_node__background">
|
|
<img {% if _worldmark.icon %}data-src="{{ asset(assets.worldmark.upload_path ~ _worldmark.icon) }}"{% endif%} src="{{ asset(assets.img._blank_xs) }}" alt="{{ _worldmark.name }}">
|
|
</span>
|
|
</span>
|
|
</span>
|
|
{#<span class="sp_radio__input-mark"></span>#}
|
|
<span class="sp_radio__input-label">{{ _worldmark.name }}</span>
|
|
<span class="nodes_count"></span>
|
|
<input class="sp_worldmap__filter" data-index="{{ (leftIndex * 100) + rightIndex }}" data-can-be-hidden="{{ _worldmark.canBeHidden }}" type="checkbox" value="{{ _worldmark.slug }}">
|
|
</label>
|
|
|
|
{% if is_granted('ROLE_CONTRIBUTOR') %}
|
|
<button class="sp_button sp_worldmark__init-new-node" data-uri="{{ path('bo_node_new', {'gridId': '%gridId%', 'worldmarkId': _worldmark.id}) }}">
|
|
<span>+</span>
|
|
</button>
|
|
{% endif %}
|
|
|
|
{% set rightIndex = rightIndex - 1 %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% set leftIndex = leftIndex - 1 %}
|
|
{% endfor %}
|
|
</div>
|
|
<div id="worlmap-settings" class="sp_slider__slide">
|
|
<section class="sp_panel__section">
|
|
<div class="sp_panel__section-title">
|
|
<label>Worldmap settings</label>
|
|
</div>
|
|
<div class="sp_form-row__radio sp_radio__layout-grid-a sp_radio__style-text">
|
|
<label class="sp_radio__main-label">Profile</label>
|
|
<div id="profiles__profiles-container" class="sp_radio__container">
|
|
<label class="sp_radio__input-wrapper" title="America">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Profile A</span>
|
|
<input name="_profile" type="radio" value="profile-a">
|
|
</label>
|
|
<label class="sp_radio__input-wrapper" title="America">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Profile B</span>
|
|
<input name="_profile" type="radio" value="profile-b">
|
|
</label>
|
|
<label class="sp_radio__input-wrapper" title="America">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Profile C</span>
|
|
<input name="_profile" type="radio" value="profile-c">
|
|
</label>
|
|
<label class="sp_radio__input-wrapper" title="America">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Profile D</span>
|
|
<input name="_profile" type="radio" value="profile-d">
|
|
</label>
|
|
<label class="sp_radio__input-wrapper" title="America">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Profile E</span>
|
|
<input name="_profile" type="radio" value="profile-e">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="sp_form-row__radio sp_radio__layout-grid-a sp_radio__style-text">
|
|
<label class="sp_radio__main-label">Profile's server</label>
|
|
<div id="profiles__servers-container" class="sp_radio__container">
|
|
<label class="sp_radio__input-wrapper" title="America">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">America</span>
|
|
<input name="_profile__server" type="radio" value="na">
|
|
</label>
|
|
<label class="sp_radio__input-wrapper" title="Europe">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Europe</span>
|
|
<input name="_profile__server" type="radio" value="eu">
|
|
</label>
|
|
<label class="sp_radio__input-wrapper" title="Asia">
|
|
<span class="sp_radio__input-mark"></span>
|
|
<span class="sp_radio__input-label">Asia</span>
|
|
<input name="_profile__server" type="radio" value="cn">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div> |