diff --git a/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html b/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html index c57d3ee69eb3dab1c23379a60ac43b0db6f5ccc4..fbf5b05ac995d988318c4a59f0c72f8905886a5a 100644 --- a/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html +++ b/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html @@ -7,76 +7,78 @@ py-2 flex gap-6 items-center underline-offset-2 " > - <div class="font-bold text-xl w-8"> - {{ self.number }} - </div> + {% with self.page.specific as specific_page %} + <div class="font-bold text-xl w-8"> + {{ self.number }} + </div> - <div - class=" - flex font-bold justify-center items-center rounded-full w-12 shrink-0 grow-1 - " - > - {% with self.page.specific.get_profile_image as profile_image %} - {% if profile_image %} - {% image profile_image fill-150x150 class="object-cover w-12 shrink-0 grow-1" %} - {% endif %} - {% endwith %} - </div> - - <div - class=" - flex gap-2 flex-col w-full - - lg:gap-6 lg:flex-row - " - > - <h4 - class="text-xl font-bold w-64" - >{{ self.page.get_full_name }}</h4> + <div + class=" + flex font-bold justify-center items-center rounded-full w-12 shrink-0 grow-1 + " + > + {% with specific_page.get_profile_image as profile_image %} + {% if profile_image %} + {% image profile_image fill-150x150 class="object-cover w-12 shrink-0 grow-1" %} + {% endif %} + {% endwith %} + </div> - <p class="lg:ml-6"> - {% if show_job and self.page.job %} - {{ self.page.job }} - {% elif self.page.position %} - {{ self.page.position }} - {% endif %} - </p> + <div + class=" + flex gap-2 flex-col w-full - {% if self.page.is_pirate is not None %} - <div - class=" - font-bold flex items-center gap-1 + lg:gap-6 lg:flex-row + " + > + <h4 + class="text-xl font-bold w-64" + >{{ specific_page.get_full_name }}</h4> - lg:ml-auto - " - > - {% if self.page.is_pirate %} - <img - class="w-8" - alt="Logo pirátské strany" - src="{% static "styleguide2/images/logo-round-black.svg" %}" - > + <p class="lg:ml-6"> + {% if show_job and specific_page.job %} + {{ specific_page.job }} + {% elif specific_page.position %} + {{ specific_page.position }} + {% endif %} + </p> - <div> - Pirátská Strana - </div> - {% elif self.page.other_party %} - {% if self.page.other_party_logo %} - {% image self.page.other_party_logo fill-150x150 as other_party_logo_image %} + {% if specific_page.is_pirate is not None %} + <div + class=" + font-bold flex items-center gap-1 + lg:ml-auto + " + > + {% if specific_page.is_pirate %} <img class="w-8" - alt="Logo {{ self.page.other_party }}" - src="{{ other_party_logo_image.url }}" + alt="Logo pirátské strany" + src="{% static "styleguide2/images/logo-round-black.svg" %}" > <div> - {{ self.page.other_party }} + Pirátská Strana </div> + {% elif specific_page.other_party %} + {% if specific_page.other_party_logo %} + {% image specific_page.other_party_logo fill-150x150 as other_party_logo_image %} + + <img + class="w-8" + alt="Logo {{ specific_page.other_party }}" + src="{{ other_party_logo_image.url }}" + > + + <div> + {{ specific_page.other_party }} + </div> + {% endif %} {% endif %} - {% endif %} - </div> - {% endif %} - </div> + </div> + {% endif %} + </div> + {% endwith %} </a> </li>