Commit 722e4a2e authored by Lucas Détré's avatar Lucas Détré

show/hide feature on simulator scenario/context/explain

parent 37ad6563
Pipeline #3210 passed with stage
in 1 minute and 33 seconds
...@@ -94,18 +94,21 @@ ...@@ -94,18 +94,21 @@
<div id="explainCollapseGroup"> <div id="explainCollapseGroup">
<div class="row" id="explainButtonsGroup"> <div class="row" id="explainButtonsGroup">
<div class="col-md-4"> <div class="col-md-4">
<span class="ml-5" data-toggle="collapse" data-target="#scenario" aria-expanded="false" aria-controls="scenario" style="cursor:pointer;"> <span class="ml-5" data-toggle="collapse" data-target="#scenario" aria-expanded="false" aria-controls="scenario" style="cursor:pointer;" v-on:click="scenarioToggled=!scenarioToggled">
<button class="btn main-button-primary">Voir le scénario de simulation</button> <button v-if="!scenarioToggled" class="btn main-button-primary">Voir le scénario de simulation</button>
<button v-else class="btn main-button-primary">Masquer le scénario de simulation</button>
</span> </span>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<span class="ml-5" data-toggle="collapse" data-target="#context" aria-expanded="false" aria-controls="context" style="cursor:pointer;"> <span class="ml-5" data-toggle="collapse" data-target="#context" aria-expanded="false" aria-controls="context" style="cursor:pointer;" v-on:click="contextToggled=!contextToggled">
<button class="btn main-button-primary">Voir le contexte de simulation</button> <button v-if="!contextToggled" class="btn main-button-primary">Voir le contexte de simulation</button>
<button v-else class="btn main-button-primary">Masquer le contexte de simulation</button>
</span> </span>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<span class="ml-5" data-toggle="collapse" data-target="#explain" aria-expanded="false" aria-controls="explain" style="cursor:pointer;"> <span class="ml-5" data-toggle="collapse" data-target="#explain" aria-expanded="false" aria-controls="explain" style="cursor:pointer;" v-on:click="explainToggled=!explainToggled">
<button class="btn main-button-primary">Voir l'explication de simulation</button> <button v-if="!explainToggled" class="btn main-button-primary">Voir l'explication de simulation</button>
<button v-else class="btn main-button-primary">Masquer l'explication de simulation</button>
</span> </span>
</div> </div>
</div> </div>
...@@ -149,6 +152,13 @@ ...@@ -149,6 +152,13 @@
SimulateurContext SimulateurContext
}, },
props: ['schema','financements', 'financements_eligibles', 'scenario', 'context', 'isLoading'], props: ['schema','financements', 'financements_eligibles', 'scenario', 'context', 'isLoading'],
data : function () {
return {
scenarioToggled:false,
contextToggled:false,
explainToggled:false,
}
},
methods: { methods: {
newSimulation : function () { newSimulation : function () {
location.reload(); location.reload();
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment