icons in socket filter

This commit is contained in:
Tykayn 2025-04-28 10:08:31 +02:00 committed by tykayn
parent bb917dfd31
commit 217416234a
10 changed files with 576 additions and 125 deletions

View file

@ -128,60 +128,70 @@
</p>
<h3>Types de prises</h3>
<label>
<input type="checkbox" id="filterCableAttached">
<span class="checkbox-custom"></span>
<span>Prise avec câble attaché</span>
</label>
<label>
<input type="checkbox" id="filterCCS">
<span class="checkbox-custom"></span>
<span>Prise CCS</span>
</label>
<label>
<input type="checkbox" id="filterType2">
<span class="checkbox-custom"></span>
<span>Prise Type 2</span>
</label>
<label>
<input type="checkbox" id="filterDomestic">
<span class="checkbox-custom"></span>
<span>Prise domestique</span>
</label>
<label>
<input type="checkbox" id="filterChademo">
<span class="checkbox-custom"></span>
<span>Prise CHAdeMO</span>
</label>
<label>
<input type="checkbox" id="filterType1">
<span class="checkbox-custom"></span>
<span>Prise Type 1</span>
</label>
<label>
<input type="checkbox" id="filterType3">
<span class="checkbox-custom"></span>
<span>Prise Type 3</span>
</label>
<div class="filter-sockets">
<h3>Types de prises</h3>
<img class="icon-img" src="img/type2_connector_outline.svg" alt="type2">
<label>
<input type="checkbox" id="filterCableAttached">
<span class="checkbox-custom"></span>
<span>Prise avec câble attaché</span>
</label>
<label>
<input type="checkbox" id="filterCCS">
<span class="checkbox-custom"></span>
<span>Prise CCS</span>
<img class="icon-img" src="img/type2_combo.svg" alt="prise">
</label>
<label>
<input type="checkbox" id="filterType2">
<span class="checkbox-custom"></span>
<img class="icon-img" src="img/Type2_socket.svg" alt="prise">
<span>Prise Type 2</span>
</label>
<label>
<input type="checkbox" id="filterDomestic">
<span class="checkbox-custom"></span>
<img class="icon-img" src="img/socket_typee.svg" alt="prise">
<span>Prise domestique</span>
</label>
<label>
<input type="checkbox" id="filterChademo">
<span class="checkbox-custom"></span>
<img class="icon-img" src="img/chademo.svg" alt="prise">
<span>Prise CHAdeMO</span>
</label>
<label>
<input type="checkbox" id="filterType1">
<span class="checkbox-custom"></span>
<span>Prise Type 1</span>
</label>
<label>
<input type="checkbox" id="filterType3">
<span class="checkbox-custom"></span>
<span>Prise Type 3</span>
</label>
</div>
<hr>
<h3>Qualité des données</h3>
<label>
<!-- <label>
<input type="checkbox" id="filterQuality">
<span class="checkbox-custom"></span>
<span>Contrôle qualité</span>
</label>
</label> -->
<label>
<input type="checkbox" id="filterUnkown">
<span class="checkbox-custom"></span>
<span>❓ kW max inconnu</span>
</label>
</div>
</div>
</div>
<br>
<div id="statsChargingStation">
<h2 id="toggle-stats" style="cursor: pointer;">
@ -191,48 +201,48 @@
<div id="found_charging_stations">
</div>
<div class="footland">
<hr>
<h2 class="title">
À propos de ce plan</h2>
<p>
La carte thématique proposant des points de charge pour véhicule électrique, basée sur les données
d'OpenStreetMap. Voir la documentation OSM concernant <a
href="https://wiki.openstreetmap.org/wiki/Key:socket:*">les sockets</a> et les
<a href="https://wiki.openstreetmap.org/wiki/FR:Tag:amenity%3Dcharging_station">
stations de recharge pour véhicules électriques
</a>.
<br>
Les analyses Osmose proposent l'intégration de stations de recharges issues de l'open data sur les
IRVE
de
Data Gouv. Vous pouvez les désactiver dans les filtres de calques. Quand les stations existantes
sont
activées, seules les analyses osmoses avec un minimum de distance sont affichées.
</p>
<p>
Fait par <a href="https://mastodon.cipherbliss.com/@tykayn">Tykayn</a> - <a
href="https://www.cipherbliss.com">www.cipherbliss.com</a>.
<a href="https://forge.chapril.org/tykayn/">Sources disponibles sur la forge du Chapril.</a>
<br>
<span class="small">
icones
câble électrique <a href="https://www.flaticon.com/fr/icones-gratuites/energie"
title="energie icônes">Energie
icônes créées par rukanicon - Flaticon</a>
</span>
</p>
</div>
</div>
<hr>
<h2 class="title">
À propos de ce plan</h2>
<p>
La carte thématique proposant des points de charge pour véhicule électrique, basée sur les données
d'OpenStreetMap. Voir la documentation OSM concernant <a
href="https://wiki.openstreetmap.org/wiki/Key:socket:*">les sockets</a> et les
<a href="https://wiki.openstreetmap.org/wiki/FR:Tag:amenity%3Dcharging_station">
stations de recharge pour véhicules électriques
</a>.
<br>
Les analyses Osmose proposent l'intégration de stations de recharges issues de l'open data sur les IRVE de
Data Gouv. Vous pouvez les désactiver dans les filtres de calques. Quand les stations existantes sont
activées, seules les analyses osmoses avec un minimum de distance sont affichées.
</p>
<p>
Fait par <a href="https://mastodon.cipherbliss.com/@tykayn">Tykayn</a> - <a
href="https://www.cipherbliss.com">www.cipherbliss.com</a>.
<a href="https://forge.chapril.org/tykayn/">Sources disponibles sur la forge du Chapril.</a>
<div class="icones">
<img class="icon-img" src="img/Type2_Connector_Outline.svg" alt="type2">
<img class="icon-img" src="img/type2_combo.svg" alt="prise">
<img class="icon-img" src="img/Type2_socket.svg" alt="prise">
<img class="icon-img" src="img/socket_typee.svg" alt="prise">
<img class="icon-img" src="img/chademo.svg" alt="prise">
</div>
<br>
<span class="small">
icones
câble électrique <a href="https://www.flaticon.com/fr/icones-gratuites/energie"
title="energie icônes">Energie
icônes créées par rukanicon - Flaticon</a>
</span>
</p>
</div>
</div>
<br>