Skip to content
Snippets Groups Projects
Commit 1d37ca20 authored by Štěpán Farka's avatar Štěpán Farka
Browse files

[ADD] UI provider to people page

parent 653404b7
No related branches found
No related tags found
2 merge requests!607Pirati.cz,!575Feature/pirati cz
Pipeline #9361 passed
...@@ -15,14 +15,28 @@ ...@@ -15,14 +15,28 @@
</div> </div>
</div> </div>
<div class="container--medium"> <div class="container--medium">
<div class="__js-root">
<ui-view-provider :initial="{candidates: true, program: false}" :sync-location="true"
v-slot="{ isCurrentView, toggleView }">
<div class="flex justify-center mb-12"> <div class="flex justify-center mb-12">
{{> molecules-multi-state-switch }} <div class="switch">
<a @click="toggleView('candidates')" class="switch__item"
:class="{'switch__item--active': isCurrentView('candidates')}">Poslanecká sněmovna</a>
<a @click="toggleView('program')" class="switch__item"
:class="{'switch__item--active': isCurrentView('program')}">Vláda</a>
</div>
</div> </div>
<div class="flex flex-wrap justify-center mb-12"> <div class="flex flex-wrap justify-center mb-12">
<template v-if="isCurrentView('candidates')">
{{> molecules-person-contact-big-block(name: "Ivan Bartoš", function: "předseda Pirátů, poslanec PSP ČR za Ústecký kraj, ministr, vicepremiér") }} {{> molecules-person-contact-big-block(name: "Ivan Bartoš", function: "předseda Pirátů, poslanec PSP ČR za Ústecký kraj, ministr, vicepremiér") }}
</template>
<template v-if="isCurrentView('program')">
{{> molecules-person-contact-big-block(name: "Klára Kocmanová", function: "poslankyně Parlamentu České republiky za Středočeský kraj") }} {{> molecules-person-contact-big-block(name: "Klára Kocmanová", function: "poslankyně Parlamentu České republiky za Středočeský kraj") }}
{{> molecules-person-contact-big-block(name: "Olga Richterová", function: "poslankyně, místopředsedkyně PSP ČR") }} {{> molecules-person-contact-big-block(name: "Olga Richterová", function: "poslankyně, místopředsedkyně PSP ČR") }}
{{> molecules-person-contact-big-block(name: "Jakub Michálek", function: "předseda poslaneckého klubu Pirátů") }} {{> molecules-person-contact-big-block(name: "Jakub Michálek", function: "předseda poslaneckého klubu Pirátů") }}
</template>
</div>
</ui-view-provider>
</div> </div>
</div> </div>
{{> organisms-newsletter-section }} {{> organisms-newsletter-section }}
......
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
<ui-view-provider :initial="{candidates: true, program: false}" :sync-location="true" v-slot="{ isCurrentView, toggleView }"> <ui-view-provider :initial="{candidates: true, program: false}" :sync-location="true" v-slot="{ isCurrentView, toggleView }">
<div class="mb-12"> <div class="mb-12">
<div class="switch"> <div class="switch">
<a @click="toggleView('candidates')" class="switch__item" :class="{'switch__item--active': isCurrentView('candidates')}">Program</a> <a @click="toggleView('candidates')" class="switch__item" :class="{'switch__item--active': isCurrentView('candidates')}">Komunální volby 2022</a>
<a @click="toggleView('program')" class="switch__item" :class="{'switch__item--active': isCurrentView('program')}">Lidé</a> <a @click="toggleView('program')" class="switch__item" :class="{'switch__item--active': isCurrentView('program')}">Sněmovní volby 2021</a>
</div> </div>
</div> </div>
<div class="mb-12"> <div class="mb-12">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment