toodego: add new toilet tile (#40186)

This commit is contained in:
Frédéric Péters 2020-02-25 15:56:48 +01:00
parent 5ba048077c
commit 1cd98861db
3 changed files with 90 additions and 0 deletions

View File

@ -101,6 +101,10 @@ div.leaflet-div-icon span.layer-tcl {
background-image: url($data_uri_ic_TCL);
}
div.leaflet-div-icon span.layer-toilette {
background-image: url($data_uri_ic_Toilette);
}
div.leaflet-div-icon span.layer-velov {
background-image: url($data_uri_ic_Velo);
}

View File

@ -0,0 +1,16 @@
<svg width="30" height="42" viewBox="0 0 30 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M14.3 3.24924e-05C6.4 0.200032 0 6.60003 0 14.6C0 25.9 11.2 38.9 14 41.1C14.3 41.4 14.8 41.4 15.2 41.1C17.9 38.9 28.9 26.2 29.2 15C29.3 6.80003 22.5 -0.199968 14.3 3.24924e-05Z" fill="#007812"/>
<path d="M14.6 25.5C20.4542 25.5 25.2 20.7543 25.2 14.9C25.2 9.04583 20.4542 4.30005 14.6 4.30005C8.74578 4.30005 4 9.04583 4 14.9C4 20.7543 8.74578 25.5 14.6 25.5Z" fill="white"/>
<rect x="13.9667" y="7" width="1" height="16" rx="0.5" fill="#007812"/>
<path d="M11.8956 8.71429C11.8956 9.66106 11.1281 10.4286 10.1813 10.4286C9.23452 10.4286 8.467 9.66106 8.467 8.71429C8.467 7.76751 9.23452 7 10.1813 7C11.1281 7 11.8956 7.76751 11.8956 8.71429Z" fill="#007812"/>
<path d="M12.4583 12.2776C12.4894 11.8973 12.1891 11.5714 11.8074 11.5714H8.6531C8.27148 11.5714 7.97116 11.8973 8.00221 12.2776L8.57723 19.3217C8.58875 19.4628 8.70663 19.5714 8.8482 19.5714C8.99835 19.5714 9.12007 19.6931 9.12007 19.8433V22.3469C9.12007 22.7076 9.41246 23 9.77313 23H10.7527C11.1134 23 11.4058 22.7076 11.4058 22.3469V19.8093C11.4058 19.6779 11.5123 19.5714 11.6437 19.5714C11.7675 19.5714 11.8707 19.4764 11.8808 19.3529L12.4583 12.2776Z" fill="#007812"/>
<path d="M21.0394 8.71429C21.0394 9.66106 20.2718 10.4286 19.3251 10.4286C18.3783 10.4286 17.6108 9.66106 17.6108 8.71429C17.6108 7.76751 18.3783 7 19.3251 7C20.2718 7 21.0394 7.76751 21.0394 8.71429Z" fill="#007812"/>
<path d="M20.5496 20.1039C20.5496 19.8098 20.788 19.5714 21.082 19.5714C21.3932 19.5714 21.6381 19.3058 21.6128 18.9956L21.0557 12.1714C21.028 11.8324 20.7449 11.5714 20.4048 11.5714H18.3433C18.0032 11.5714 17.7201 11.8324 17.6924 12.1714L17.1381 18.9618C17.1113 19.2901 17.3706 19.5714 17.7 19.5714C18.0114 19.5714 18.2638 19.8239 18.2638 20.1352V22.3469C18.2638 22.7076 18.5562 23 18.9169 23H19.8965C20.2572 23 20.5496 22.7076 20.5496 22.3469V20.1039Z" fill="#007812"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="29.1" height="41.3" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,70 @@
{% load combo gnm l10n assets %}
{% with toilette=json.features.0 is_place_page=page|is_place_page place_page=cell|place_page %}
{% get_tile_picture_size page as size %}
<div class="tile toilette {% if is_place_page %}is-place{% endif %}" data-place-type="toilette">
{% if is_place_page %}
{% placeholder "infos-pratiques" name="Infos pratiques" render=False %}
<div class="tile-picture" style="background-image: url({% asset_url place_page.picture "picture:banner:toilette" size=size crop="center" %})"></div>
{% else %}
<div class="tile-picture" style="background-image: url({% asset_url place_page.picture "picture:toilette" size=size crop="center" %})"></div>
{% endif %}
<div class="tile-head">
<div class="tile-title">
<h2 data-id="{{toilette.properties.gid}}">Toilette publique</h2>
<span class="producer" style="background-image: url({% asset_url "logo:grandlyon" %})">Grand Lyon</span>
</div>
</div>
{% include "combo/dashboard_cell_icons.html" %}
{% if is_place_page %}
<div class="tile-content">
<div class="place-info">
{% include "combo/json/includes/share.html" with place=toilette url=cell|place_page_url %}
</div>
<div class="place-data">
<div>
{% if toilette.properties.adresse %}{{toilette.properties.adresse}}<br>{% endif %}
{% if toilette.properties.infoloc %}{{toilette.properties.infoloc}}<br>{% endif %}
{% if toilette.properties.commune %}{{toilette.properties.commune}}<br>{% endif %}
{% if toilette.properties.acceshandi and toilette.properties.acceshandi == 'true' %}Accessible handicapés<br>{% endif %}
{% if toilette.properties.payant and toilette.properties.payant == 'true' %}Payant<br>{% endif %}
{% if toilette.properties.hommes and toilette.properties.hommes == 'true' %}Hommes<br>{% endif %}
{% if toilette.properties.femmes and toilette.properties.femmes == 'true' %}Femmes<br>{% endif %}
{% if toilette.properties.unisexe and toilette.properties.unisexe == 'true' %}Unisexe<br>{% endif %}
{% if toilette.properties.enfants and toilette.properties.enfants == 'true' %}Enfants{% endif %}
{% localize off %}
<a class="action-goto" data-lat="{{toilette.geometry.coordinates.1}}" data-lng="{{toilette.geometry.coordinates.0}}" href="/m-y-rendre/?to={{cell.id}}">M'y rendre</a>
{% endlocalize %}
{% include "combo/json/includes/horaires.html" with place=toilette %}
</div>
</div> <!-- place-data -->
{% gnm_place_map toilette.geometry.coordinates.1 toilette.geometry.coordinates.0 %}
</div> <!-- tile-content -->
{% else %}
{% if toilette.properties.adresse %}{{toilette.properties.adresse}}<br>{% endif %}
{% if toilette.properties.infoloc %}{{toilette.properties.infoloc}}<br>{% endif %}
{% if toilette.properties.commune %}{{toilette.properties.commune}}<br>{% endif %}
<p>
{% if toilette.properties.acceshandi and toilette.properties.acceshandi == 'true' %}<span class="handi-toilette"> Accessible handicapés</span><br>{% endif %}
{% if toilette.properties.payant and toilette.properties.payant == 'true' %}<span class="payant-toilette"> Payant</span><br>{% endif %}
{% if toilette.properties.femmes and toilette.properties.femmes == 'true' %}<span class="femmes-toilette"> Femmes</span><br>{% endif %}
{% if toilette.properties.hommes and toilette.properties.hommes == 'true' %}<span class="hommes-toilette"> Hommes</span><br>{% endif %}
{% if toilette.properties.unisexe and toilette.properties.unisexe == 'true' %}<span class="unisexe-toilette"> Unisexe</span><br>{% endif %}
{% if toilette.properties.enfants and toilette.properties.enfants == 'true' %}<span class="unisexe-toilette"> Enfants</span><br>{% endif %}
</p>
<div class="tile-actions">
{% localize off %}
<a class="action-goto" data-lat="{{toilette.geometry.coordinates.1}}" data-lng="{{toilette.geometry.coordinates.0}}" href="/m-y-rendre/?to={{cell.id}}">M'y rendre</a>
{% endlocalize %}
{% if toilette.properties.web and toilette.properties.web != 't' %}
<a class="action-more-info" href="{{toilette.properties.web}}" target="_blank">d'infos</a>
{% endif %}
</div>
{% endif %}
</div>
{% endwith %}