youen/vehicle-simulator
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

improved climate zone map modal

Browse Source
This commit is contained in:
Youen Toupin 2021-10-03 22:03:55 +02:00
parent 5997f9d30e
commit 20ab0175d3
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
simulator/src/app.ts
View File

@ -14,7 +14,7 @@ document.addEventListener('DOMContentLoaded', function() {
}); });
}); });
document.querySelectorAll('.modal-close').forEach(elt => { document.querySelectorAll('.modal-close, .modal-card-head .delete').forEach(elt => {
elt.addEventListener('click', e => { elt.addEventListener('click', e => {
closest(elt, e => e.classList.contains('modal')).classList.toggle('is-active', false); closest(elt, e => e.classList.contains('modal')).classList.toggle('is-active', false);
}); });

11
simulator/www/simulator.html
View File

@ -119,12 +119,15 @@
<div id="zones-map-modal" class="modal"> <div id="zones-map-modal" class="modal">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-content"> <div class="modal-card">
<p class="image"> <header class="modal-card-head">
<p class="modal-card-title">Choisissez votre zone climatique</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<svg id="zones-map" width="587" height="550" version="1.0"></svg> <svg id="zones-map" width="587" height="550" version="1.0"></svg>
</p> </section>
</div> </div>
<button class="modal-close is-large" aria-label="close"></button>
</div> </div>
<script type="text/javascript" src="simulator.js"></script> <script type="text/javascript" src="simulator.js"></script>