introducing the component

This commit is contained in:
Antoine M 2024-10-24 10:40:43 +02:00
parent 139c6d30a3
commit b30d8e42ab
2 changed files with 65 additions and 0 deletions

View File

@ -0,0 +1,20 @@
.card-taxonomies {
@apply bg-white rounded-2xl p-8 border border-neutral-200 mt-6;
@apply flex flex-col gap-8 items-start;
&__titling {
@apply flex items-center gap-4;
.card-taxonomies__title {
@apply my-0;
}
.card-taxonomies__icon {
@apply w-10 h-10 p-2 bg-white rounded-lg shadowed;
object-fit: contain;
}
}
&__taxo-container {
@apply !m-0;
}
}

View File

@ -0,0 +1,45 @@
<?php
$postID = $args['post_ID'];
$post_title = $args['post_title'];
$post_permalink = get_the_permalink($postID);
$company_members = get_field('company_members', $postID);
$elementsBatimentsTerms = get_the_terms($postID, 'elementsbatiments');
$metiersTerms = get_the_terms($postID, 'metiers');
?>
<article class="card-taxonomies">
<?php if ($elementsBatimentsTerms): ?>
<div class="card-taxonomies__taxo-container card-taxonomies__taxo-elementsbatiments">
<div class="card-taxonomies__titling">
<img class="card-taxonomies__icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/Homegrade_repertoire-elements.svg' ?>" alt=''>
<h4 class="card-taxonomies__title"><?php echo __("Éléments du bâtiment", "metiers-patrimoine-theme") ?></h4>
</div>
<div class="taxonomy-tags card-taxonomies__taxonomy-tags">
<?php foreach ($elementsBatimentsTerms as $key => $term) : ?>
<span class="taxonomy-tag"><?php echo $term->name; ?></span>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
<?php if ($metiersTerms): ?>
<div class="card-taxonomies__taxo-container card-taxonomies__taxo-metiers">
<div class="card-taxonomies__titling">
<img class="card-taxonomies__icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/Homegrade_repertoire-metiers.svg' ?>" alt=''>
<h4 class="card-taxonomies__title"><?php echo __("Métiers du partrimoine", "metiers-patrimoine-theme") ?></h4>
</div>
<div class="taxonomy-tags card-taxonomies__taxonomy-tags">
<?php foreach ($metiersTerms as $key => $term) : ?>
<span class="taxonomy-tag"><?php echo $term->name; ?></span>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
</article>