|
|
@ -1,7 +1,13 @@ |
|
|
|
<section class="section"> |
|
|
|
<section class="section"> |
|
|
|
<div class="container"> |
|
|
|
<div class="container"> |
|
|
|
<div class="simulation-parameters"> |
|
|
|
<div class="simulation-parameters"> |
|
|
|
<div class="wide-label"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- -------------- main parameters ---------------- --> |
|
|
|
|
|
|
|
<input type="checkbox" id="main-parameters" name="parameters-accordion" checked="checked" disabled="disabled"> |
|
|
|
|
|
|
|
<div class="panel"> |
|
|
|
|
|
|
|
<label class="panel-heading" for="main-parameters">Paramètres</label> |
|
|
|
|
|
|
|
<div class="panel-block main-parameters-body"> |
|
|
|
|
|
|
|
<div class="container wide-label"> |
|
|
|
<div class="field is-horizontal"> |
|
|
|
<div class="field is-horizontal"> |
|
|
|
<div class="field-label is-normal"> |
|
|
|
<div class="field-label is-normal"> |
|
|
|
<label class="label">Capacité de la batterie</label> |
|
|
|
<label class="label">Capacité de la batterie</label> |
|
|
@ -20,12 +26,12 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="field is-horizontal"> |
|
|
|
<div class="field is-horizontal"> |
|
|
|
<div class="field-label is-normal"> |
|
|
|
<div class="field-label is-normal"> |
|
|
|
<label class="label">Poids (bagages + passagers)</label> |
|
|
|
<label class="label">Poids passagers et chargement</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="field-body"> |
|
|
|
<div class="field-body"> |
|
|
|
<div class="field has-addons"> |
|
|
|
<div class="field has-addons"> |
|
|
|
<p class="control is-expanded"> |
|
|
|
<p class="control is-expanded"> |
|
|
|
<input name="additional-weight" class="input" type="number" min="1" value="130"/> |
|
|
|
<input name="additional-weight" class="input" type="number" min="1" value="70"/> |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<p class="control"> |
|
|
|
<p class="control"> |
|
|
|
<a class="button is-static">kg</a> |
|
|
|
<a class="button is-static">kg</a> |
|
|
@ -93,18 +99,85 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ------------------- Advanced parameters ---------------------- --> |
|
|
|
|
|
|
|
<!-- set input type to "radio" to change behavior (accordion) --> |
|
|
|
|
|
|
|
<input type="checkbox" id="advanced-parameters" name="parameters-accordion"> |
|
|
|
|
|
|
|
<div class="panel"> |
|
|
|
|
|
|
|
<label class="panel-heading" for="advanced-parameters">Paramètres avancés</label> |
|
|
|
|
|
|
|
<div class="panel-block advanced-parameters-body"> |
|
|
|
|
|
|
|
<div class="container wide-label"> |
|
|
|
<div class="field is-horizontal"> |
|
|
|
<div class="field is-horizontal"> |
|
|
|
<div class="field-label is-normal"> |
|
|
|
<div class="field-label is-normal"> |
|
|
|
|
|
|
|
<label class="label">Poids véhicule</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="field-body"> |
|
|
|
<div class="field-body"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field has-addons"> |
|
|
|
<p class="control is-expanded"> |
|
|
|
<p class="control is-expanded"> |
|
|
|
<a class="simulate-button button is-primary is-fullwidth">Simuler</a> |
|
|
|
<input name="empty-weight" class="input" type="number" min="1" value="80"/> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
<p class="control"> |
|
|
|
|
|
|
|
<a class="button is-static">kg</a> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="field is-horizontal"> |
|
|
|
|
|
|
|
<div class="field-label is-normal"> |
|
|
|
|
|
|
|
<label class="label">Poids pilote</label> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="field-body"> |
|
|
|
|
|
|
|
<div class="field has-addons"> |
|
|
|
|
|
|
|
<p class="control is-expanded"> |
|
|
|
|
|
|
|
<input name="driver-weight" class="input" type="number" min="1" value="70"/> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
<p class="control"> |
|
|
|
|
|
|
|
<a class="button is-static">kg</a> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="field is-horizontal"> |
|
|
|
|
|
|
|
<div class="field-label is-normal"> |
|
|
|
|
|
|
|
<label class="label">Puissance pilote (pédalage)</label> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="field-body"> |
|
|
|
|
|
|
|
<div class="field has-addons"> |
|
|
|
|
|
|
|
<p class="control is-expanded"> |
|
|
|
|
|
|
|
<input name="human-power" class="input" type="number" min="0" value="100"/> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
<p class="control"> |
|
|
|
|
|
|
|
<a class="button is-static">W</a> |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="field is-horizontal"> |
|
|
|
|
|
|
|
<div class="field-label is-normal"> |
|
|
|
|
|
|
|
<label class="label">Vitesse moyenne (hors arrêts)</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="field-body"> |
|
|
|
|
|
|
|
<div class="field has-addons"> |
|
|
|
|
|
|
|
<p class="control is-expanded"> |
|
|
|
|
|
|
|
<input name="average-speed" class="input" type="number" min="1" value="20"/> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
<p class="control"> |
|
|
|
|
|
|
|
<a class="button is-static">km/h</a> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="simulate-button button is-primary is-fullwidth">Simuler</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="simulation-results is-hidden"> |
|
|
|
<div class="simulation-results is-hidden"> |
|
|
|