diff --git a/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.html b/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.html
index 3ed76e9cc9f1e232f54c089edc0d5154e2c1ef69..88385467bfe90fcadc3d4af49c1dee11f88095d1 100644
--- a/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.html
+++ b/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.html
@@ -4,4 +4,5 @@
description="{{ description }}"
url="{{ url }}"
image-source="{{ image_source }}"
+ :social-links="{{ social_links }}"
></ui-candidate-primary-box>
diff --git a/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.yaml b/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.yaml
index 4d7ef146e7bff60ba9364a6db06604bb23ceda02..61cf9ad38cd4ad2e2ff61233777a58f11f12b33c 100644
--- a/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.yaml
+++ b/majak_uistyleguide/templates/patterns/molecules/candidates/candidate_primary_box.yaml
@@ -3,3 +3,16 @@ context:
image_source: '../../../../../static/images/mikulas-arrow.png'
position: 'Europoslanec'
description: 'Mikuláš Peksa (18. 6. 1986) vystudoval fyziku na Matematicko-fyzikální fakultě Univerzity Karlovy. V Německu pracoval jako správce Linuxových serverů a programátor v C++. Po návratu do Čech byl v roce 2017 zvolen poslancem PSP ČR, následně v roce 2019 poslancem Evropského parlamentu. Věnuje se zejména tématům spojeným s fungováním společnosti v digitálním věku.'
+ social_links:
+ -
+ icon: 'ico--facebook'
+ name: 'Facebook'
+ url: 'https://example.com'
+ -
+ icon: 'ico--instagram'
+ name: 'Instagram'
+ url: 'https://example.com'
+ -
+ icon: 'ico--web'
+ name: 'Stránky'
+ url: 'https://example.com'
diff --git a/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.html b/majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.html
similarity index 100%
rename from majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.html
rename to majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.html
diff --git a/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.yaml b/majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.yaml
similarity index 100%
rename from majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.yaml
rename to majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.yaml
diff --git a/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html b/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html
index 19a68d6d92320f7a51d54ea7719cf09663c5d3ac..22cc23461c847a0db3cf56725682261266e0b872 100644
--- a/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html
+++ b/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html
@@ -9,8 +9,8 @@
<main role="main">
<template v-if="isCurrentView('view1')">
- {% include 'patterns/organisms/candidates/elections/candidate_primary_list.html' with id='kandidati' %}
- {% include "patterns/organisms/candidates/district/candidate_secondary_list.html" %}
+ {% include 'patterns/organisms/candidates/candidate_primary_list.html' with id='kandidati' %}
+ {% include "patterns/organisms/candidates/candidate_secondary_list.html" %}
</template>
<template v-if="isCurrentView('view2')">
<div class="container--wide my-20">
diff --git a/majak_uistyleguide/templates/patterns/templates/elections/candidates/candidate_list.html b/majak_uistyleguide/templates/patterns/templates/elections/candidates/candidate_list.html
index d723bd6e72fa810bf8ead6942850a7602c5bb664..6c6434cd7b73f9c96a32203d8c98f16fa982d547 100644
--- a/majak_uistyleguide/templates/patterns/templates/elections/candidates/candidate_list.html
+++ b/majak_uistyleguide/templates/patterns/templates/elections/candidates/candidate_list.html
@@ -2,7 +2,7 @@
{% include 'patterns/organisms/header/elections/candidates_header.html' with title='Kandidáti' %}
<main role="main">
- {% include "patterns/organisms/candidates/elections/candidate_primary_list.html" %}
+ {% include "patterns/organisms/candidates/candidate_primary_list.html" %}
{% include "patterns/organisms/candidates/elections/candidate_secondary_list.html" %}
</main>
diff --git a/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html b/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html
index cbd26dd186bc412b841406a4e177b1a00b4ea962..802bde1e56a8ef4750eb473dc05881405e7efa36 100644
--- a/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html
+++ b/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html
@@ -7,7 +7,7 @@
<main role="main">
{% include 'patterns/molecules/menus/elections/carousel.html' %}
- {% include 'patterns/organisms/candidates/elections/candidate_primary_list.html' with id='kandidati' %}
+ {% include 'patterns/organisms/candidates/candidate_primary_list.html' with id='kandidati' %}
{% include "patterns/organisms/candidates/elections/candidate_secondary_list.html" %}
diff --git a/majak_uistyleguide/templates/patterns/templates/main/program/program.html b/majak_uistyleguide/templates/patterns/templates/main/program/program.html
index ed13aaff132d861e06cbce2a6851c69ce964201a..676ac747c9c750e3c1b6b649b57a33a452fdd59c 100644
--- a/majak_uistyleguide/templates/patterns/templates/main/program/program.html
+++ b/majak_uistyleguide/templates/patterns/templates/main/program/program.html
@@ -59,7 +59,7 @@
<template v-if="isCurrentSecondaryView('candidates')">
<div>
{% include "patterns/organisms/candidates/candidate_primary_list.html" %}
- {% include "patterns/organisms/candidates/district/candidate_secondary_list.html" %}
+ {% include "patterns/organisms/candidates/candidate_secondary_list.html" %}
</div>
</template>
diff --git a/src/js/components/CandidatePrimaryBox.vue b/src/js/components/CandidatePrimaryBox.vue
index fef7e01d47af3a98c43c1537e1ff41ca155e2779..a260ebbc4de6c4dfe877f5b058d7353f074b4380 100644
--- a/src/js/components/CandidatePrimaryBox.vue
+++ b/src/js/components/CandidatePrimaryBox.vue
@@ -23,10 +23,28 @@
{{ name }}
</h2>
- <p v-if="position" class="font-bold text-lg mt-[-0.5rem] mb-8">
+ <p v-if="position" class="font-bold text-lg mt-[-0.5rem] mb-3">
{{ position }}
</p>
+ <div v-if="!socialLinks" class="mb-5"></div>
+
+ <ul
+ v-if="socialLinks"
+ class="flex gap-2 mb-6"
+ >
+ <li
+ v-for="social of socialLinks"
+ >
+ <a
+ :href="social.url"
+ target="_blank"
+ >
+ <i :class="social.icon"></i>
+ </a>
+ </li>
+ </ul>
+
<p class="text-lg mb-8 lg:mb-16">
{{ description }}
</p>
@@ -81,7 +99,7 @@
<script>
export default {
name: "CandidatePrimaryBox",
- props: ["name", "position", "description", "url", "imageSource"],
+ props: ["name", "position", "description", "url", "imageSource", "socialLinks"],
mounted () {
var intersectionOptions = {
rootMargin: '0px',
diff --git a/src/js/components/card_program/CardProgramItem.vue b/src/js/components/card_program/CardProgramItem.vue
index 4b8da698b1015659f1bfe631132c6e45e7a215f7..0f3201be1bddc0f3f2466b7aa30db55fee7693b3 100644
--- a/src/js/components/card_program/CardProgramItem.vue
+++ b/src/js/components/card_program/CardProgramItem.vue
@@ -47,7 +47,7 @@
:
'p-6 xl:p-12'
) + ' ' + (
- (openPointBackgroundClass !== null) ?
+ (openPointBackgroundClass !== undefined) ?
openPointBackgroundClass :
'bg-white'
)